/* Port lane W8 (docs/SPEC-port-2026-09-23.md). This lane owns this file alone;
   app.css stays untouched while the port runs. Tokens only from app.css/themes.css. */

/* F10 — the morning brief auto-fills from his own jobs (Zach, 2026-09-23,
   ported from iOS BriefCard.swift). Each stop collapses to one line (time ·
   customer · address) and expands on tap; app.css's existing `.brief-stop`
   (display:grid, gap 4px, border-top) still owns the outer layout. */
.brief-day-summary {
  font-weight: 650;
  color: var(--ink-dim, var(--muted));
}
.brief-stop-summary {
  display: flex;
  align-items: baseline;
  gap: 8px;
  width: 100%;
  min-height: var(--tap-min, 44px);
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.brief-stop-summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.brief-stop-who {
  font-weight: 650;
}
.brief-stop-where {
  color: var(--ink-dim, var(--muted));
  font-size: 0.92em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.brief-stop-flag {
  color: var(--bad);
  font-weight: 700;
}
.brief-stop-chevron {
  margin-left: auto;
  color: var(--ink-dim, var(--muted));
  transition: transform var(--dur-base, 0.15s) var(--ease-out, ease);
}
.brief-stop.is-open .brief-stop-chevron {
  transform: rotate(90deg);
}
.brief-stop-detail {
  display: none;
  gap: 4px;
}
.brief-stop.is-open .brief-stop-detail {
  display: grid;
  padding-top: 4px;
}
.brief-problem {
  font-style: italic;
  color: var(--ink);
}
/* The boss's word — loud and first, same meaning DESIGN-STANDARD.md gives
   red: a promise going unmet is broken, not merely unfinished. */
.brief-promise.boss {
  color: var(--bad);
  font-weight: 700;
  background: var(--bad-soft);
  border-radius: var(--radius-md, 12px);
  padding: 6px 10px;
}
.brief-gatenote {
  font-weight: 600;
}
.brief-ridingwith {
  color: var(--ink-dim, var(--muted));
  font-size: 0.92em;
}
.brief-stop-openjob {
  justify-self: start;
  color: var(--accent);
  font-weight: 650;
  background: none;
  border: 0;
  padding: 4px 0;
  cursor: pointer;
}