/* activity.css
   Recent Activity: the grade/position/date-range toolbar and its feed of
   evaluation events (see views/activity.js). Full accounts only — see
   CLAUDE.md's Access section.

   Part of the Teleport stylesheet, split by concern. index.html links these
   in source order; keep that order, the cascade depends on it. */

/* ── Toolbar ────────────────────────────────────────────────────────── */
/* Two labelled dropdowns plus a button that opens the calendar dialogue,
   aligned along their bottom edge so the label-over-control fields and the
   plain button read as one row rather than the button looking dropped in. */
.act-toolbar { display: flex; align-items: flex-end; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
.act-field { display: flex; flex-direction: column; gap: 6px; }
.act-field-label {
  font-size: 11px; font-weight: 650; color: var(--label-2);
  text-transform: uppercase; letter-spacing: 0.05em;
}
.act-select {
  min-width: 176px; padding: 9px 30px 9px 12px;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-sm); font-size: 13px; font-weight: 610; color: var(--label);
  outline: none; cursor: pointer; appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9aa6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 11px center;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.act-select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-light); }

.act-range-btn svg { width: 14px; height: 14px; color: var(--label-3); flex-shrink: 0; }

/* ── Feed rows ──────────────────────────────────────────────────────── */
/* Built on .prow (players.css) — same face, name and position chip as every
   other player row in the app — with a byline of who filed the evaluation
   and when in place of the usual hometown/measurables line, and the
   evaluation's own grade (plus projection and critical-factors pills, when
   either was set) trailing instead of the player's live official grade. */
.act-row .prow-tail { gap: 6px; }