/* agent-home-a.css — THE PROMOTION RULE PORT of the SIGNED Direction A comp
   (docs/scope/mockups/direction-A-enterprise-console_SIGNED_2026-08-16.html,
   Craig-signed 2026-08-16 — the .comp-a block is THE design).
   Selectors/values ported essentially VERBATIM; prefix renamed comp-a/ca- →
   aha/aha- so nothing collides with the mockup file or future comps.
   LIGHT-ONLY per Craig's ruling ("Clean, Fortune 500. No dark navy
   background.") — deliberately single-theme white, no dark overrides.
   Palette: #1A73E8 (one blue) · #188038 (ok) · #F9AB00 (amber = needs you)
   · #DADCE0 (hairlines) · #5F6368 (sub) on #FFFFFF.
   Additions beyond the dashboard comp are all ports from the SAME signed
   file: the .comp frame (border/radius/shadow), .fa-input (the steer box),
   .ea-chip (lifecycle chip), .ea-link (footer links), .ea-danger (Retire),
   plus two extra dot states (.need/.block) in the comp's own palette. */

.aha { background:#FFFFFF; color:#202124; font-size:14px; padding:26px 28px 22px;
       border:1px solid #DADCE0; border-radius:14px; overflow:hidden;
       box-shadow:0 1px 2px rgba(20,32,46,.05), 0 10px 30px rgba(20,32,46,.06);
       max-width:980px }
.aha .aha-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; gap:12px; flex-wrap:wrap }
.aha .aha-id { display:flex; gap:12px; align-items:center }
.aha .aha-ava { width:40px; height:40px; border-radius:50%; background:#E8F0FE; color:#1A73E8; font-weight:700; display:flex; align-items:center; justify-content:center }
.aha .aha-name { font-weight:600; font-size:16px }
.aha .aha-sub { color:#5F6368; font-size:12.5px }
.aha .aha-right { display:flex; gap:10px; align-items:center; flex-wrap:wrap }
.aha .aha-ready { color:#188038; font-size:13px; font-weight:600 }
.aha .aha-notready { color:#5F6368; font-size:13px }
.aha .aha-chip { border:1px solid #DADCE0; border-radius:999px; padding:3px 12px; font-size:12.5px; color:#5F6368; background:#fff }
.aha .aha-sentence { font-size:16px; margin:0 0 18px; color:#202124 }
.aha .aha-tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:20px }
.aha .aha-tile { border:1px solid #DADCE0; border-radius:10px; padding:12px 14px }
.aha .aha-tile b { font-size:22px; font-weight:600; display:block; font-variant-numeric:tabular-nums }
.aha .aha-tile span { font-size:12px; color:#5F6368 }
.aha .aha-warn { border-color:#F9AB00; background:#FEF7E0 }
.aha .aha-nh { font-size:11px; font-weight:700; letter-spacing:.1em; color:#5F6368; text-transform:uppercase; margin-bottom:8px }
.aha .aha-card { border:1px solid #DADCE0; border-left:3px solid #F9AB00; border-radius:8px; padding:12px 14px; margin-bottom:20px }
.aha .aha-ct { font-weight:600; cursor:pointer }
.aha .aha-because { color:#5F6368; font-size:12.5px; margin:4px 0 10px }
.aha button { font:inherit; border-radius:6px; padding:6px 16px; border:1px solid #DADCE0; background:#fff; color:#1A73E8; font-weight:600; font-size:13px; margin-right:6px; cursor:pointer }
.aha button:disabled { opacity:.55; cursor:default }
.aha .aha-ok { background:#1A73E8; color:#fff; border-color:#1A73E8 }
.aha .aha-danger { color:#C5221F; border-color:#F4C7C3 }
.aha .aha-row { display:flex; align-items:center; gap:10px; padding:9px 2px; border-top:1px solid #F1F3F4; font-size:13.5px; cursor:pointer }
.aha .aha-rt { flex:1 }
.aha .aha-rs { color:#1A73E8; font-size:12.5px }
.aha .aha-time { color:#5F6368; font-size:12px; font-variant-numeric:tabular-nums }
.aha .aha-dot { width:8px; height:8px; border-radius:50%; flex:none }
.aha .done { background:#188038 }
.aha .work { background:#1A73E8; box-shadow:0 0 0 4px #E8F0FE }
.aha .need { background:#F9AB00 }
.aha .block { background:#C5221F }
.aha .aha-trace { margin:2px 0 10px 18px; border-left:2px solid #E8F0FE; padding-left:14px; font-size:13px }
.aha .aha-trace div { padding:3px 0 }
.aha .aha-trace em { font-style:normal; font-weight:700; color:#1A73E8; margin-right:8px; font-size:11.5px; text-transform:uppercase; letter-spacing:.05em }
.aha .aha-meta { color:#5F6368; font-size:12.5px; margin:2px 0 }
.aha .aha-draftbody { white-space:pre-wrap; color:#3C4043; font-size:13px; margin:6px 0 10px }
.aha .aha-input { border:1px solid #DADCE0; border-radius:8px; padding:11px 14px; font-size:14px; color:#202124; background:#fff }
.aha .aha-steer { display:flex; gap:8px; align-items:center; margin:6px 0 10px 18px }
.aha .aha-steer .aha-input { flex:1 }
.aha .aha-link { color:#1A73E8; font-size:12.5px; font-weight:600; text-decoration:none; cursor:pointer }
.aha .aha-foot { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; border-top:1px solid #F1F3F4; margin-top:18px; padding-top:14px }
@media (max-width:640px) { .aha .aha-tiles { grid-template-columns:repeat(2,1fr) } }