/* hq.css: the section styles of /hq/, /hq/chief-of-staff/ and /hq/clients/ (R1, 2026
   rebrand). Moved verbatim from design/rebrand-2026/concept/assets/cx-hq.css.
   The concept's own header follows unchanged; the generator it names is not in
   this repo and never runs. Website/ is the source from here on (PLAN.md A16):
   edit this file directly, never regenerate it from the concept. */
/* HQ core pages: Chief of Staff extras. Generated by gen/cx_hq_core.py; scoped to body.style-console main. */
.style-console main .cx-hub__body{display:grid;justify-items:center;padding:16px 14px 18px}
.style-console main .cx-hub__k{justify-self:stretch;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font:500 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .cx-hub__k b{font-weight:500;color:var(--cx-mist)}
.style-console main .cx-hub__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%}
.style-console main .cx-hub__row li{display:grid;justify-items:center;gap:8px;min-width:0;font:500 9px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-mist);text-align:center}
.style-console main .cx-hub__row .cx-av{border-radius:11px}
.style-console main .cx-hub__lines{display:block;width:100%;height:58px;margin-top:4px;overflow:visible}
.style-console main .cx-hub__lines path{fill:none;stroke:#2B3654;stroke-width:1.5;vector-effect:non-scaling-stroke}
.style-console main .cx-hub__lines path.f{stroke:#7B97FF;stroke-width:2;stroke-dasharray:1 13;stroke-linecap:round;animation:cxHubFlow 1.6s linear infinite}
@keyframes cxHubFlow{to{stroke-dashoffset:-14}}
.style-console main .cx-hub__lead{display:grid;justify-items:center;gap:8px}
.style-console main .cx-hub__lead .cx-av{border-radius:17px;box-shadow:0 0 0 4px rgba(58,102,255,.16),0 16px 34px -12px rgba(58,102,255,.75)}
.style-console main .cx-hub__lead span{font:500 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#B9C6FF}
.style-console main .cx-hub__line{position:relative;width:2px;height:44px;margin:14px 0 12px;background:var(--cx-specv)}
.style-console main .cx-hub__line::before,.style-console main .cx-hub__line::after{content:"";position:absolute;left:-4px;width:10px;height:10px}
.style-console main .cx-hub__line::before{top:-5px;background:var(--forge)}
.style-console main .cx-hub__line::after{bottom:-5px;background:var(--cx-ok);box-shadow:0 0 12px rgba(34,221,132,.7)}
.style-console main .cx-hub__out{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;width:100%;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#16204A,#101838);border:1px solid rgba(123,151,255,.45);box-shadow:0 18px 40px -20px rgba(58,102,255,.7)}
.style-console main .cx-hub__out p{font:500 10px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#B9C6FF}
.style-console main .cx-hub__out b{grid-column:1/-1;font-size:17px;font-weight:600;letter-spacing:-.014em;color:var(--cx-fg)}
.style-console main .cx-hub__out time{grid-row:1;grid-column:2;font:500 10.5px/1 var(--f-mono);color:var(--cx-mist)}
.style-console main .cx-hub__out .cx-chip{grid-column:1;justify-self:start}
@media (min-width:1024px){.style-console main .cx-hub__body{padding:22px 26px 26px}
.style-console main .cx-hub__row li{font-size:9.5px}
.style-console main .cx-hub__lines{height:70px}
.style-console main .cx-hub__out{max-width:440px}}
.style-console main .cx-msg--reply{margin-left:22px;padding-left:12px;border-left:2px solid rgba(123,151,255,.35)}
.style-console main .cx-src{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:2px;font:500 9.5px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#7FE9B4}
.style-console main .cx-src .cx-i{width:12px;height:12px}
.style-console main .cx-src--you{color:#FFC56B}
.style-console main .cx-keeps{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px;border-radius:12px;background:rgba(4,6,12,.5);border:1px solid var(--cx-hair)}
.style-console main .cx-keeps>span:first-child{flex:1 0 100%;margin-bottom:2px;font:500 10px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .cx-keeps__note{flex:1 0 100%;margin-top:4px;font-size:13px;line-height:1.45;color:var(--cx-mist)}