/* ------------------------------------------------------------------
   Dashboard — the returning user's home. Reuses tokens.css + mission.css.
   ------------------------------------------------------------------ */
.home__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-6); }
.hsec { margin-bottom: var(--space-6); }
.hsec__title { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--ink-tertiary); margin: 0 0 var(--space-3); }
.hsec__row { display: flex; align-items: baseline; justify-content: space-between; }
.hsec__link { font-size: 13px; font-weight: 600; color: var(--accent); text-decoration: none; }
.hsec__link:hover { color: var(--accent-hover); }

/* compact approval card (links into the mission flow) */
.home__approval { display: block; text-decoration: none; color: inherit; }
.home__approval-body { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.home__approval-q { font-size: 14.5px; color: var(--ink-secondary); max-width: 46ch; }
.home__approval-q b { color: var(--ink); font-family: var(--font-mono); }
.home__approval-btn { flex: none; }

/* mission rows (in flight / recent) */
.mrow { display: flex; align-items: center; gap: var(--space-3); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-4) var(--space-5); box-shadow: var(--shadow-sm); }
.mrow + .mrow { margin-top: var(--space-3); }
.mrow__t { flex: 1; font-size: 14.5px; }
.mrow__t b { font-weight: 600; }
.mrow__t small { display: block; font-size: 12.5px; color: var(--ink-tertiary); margin-top: 2px; }
.mrow__meta { flex: none; font-size: 12.5px; color: var(--ink-tertiary); }
.mrow__mark { flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--success-tint); color: var(--success); display: grid; place-items: center; font-size: 11px; }
.spinner--sm { width: 16px; height: 16px; border-width: 2px; flex: none; }

/* mandate summary */
.msum { border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-2) var(--space-5); box-shadow: var(--shadow-sm); }
.msum__row { display: flex; justify-content: space-between; gap: var(--space-4); font-size: 14px; padding: var(--space-3) 0; border-top: 1px solid var(--border); }
.msum__row:first-child { border-top: none; }
.msum__k { color: var(--ink-tertiary); flex: none; }
.msum__v { text-align: right; }
.msum__v.mono { font-family: var(--font-mono); font-size: 13px; }

@media (max-width: 560px) {
  .home__head { flex-direction: column; }
  .home__approval-body { flex-direction: column; align-items: stretch; }
  .home__approval-q { max-width: none; }
}