/* hq-teams.css: the section styles of the HQ team pages, /hq/brand-social/,
   /hq/search-ads/ and /hq/operations/ (R1, 2026 rebrand). Moved verbatim from
   design/rebrand-2026/concept/assets/cx-hq-teams.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 team pages (brand and social, search and ads, operations). Generated by gen/cx_hq_teams.py; scoped to body.style-console main. */
.style-console main .ht-th{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#141B31}
.style-console main .ht-th__art{display:block;width:100%;height:100%}
.style-console main .ht-b{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:rgba(4,6,12,.78);color:#B9C6FF}
.style-console main .ht-b .cx-i{width:11px;height:11px}
.style-console main .ht-b--ok{background:#22DD84;color:#04210F}
.style-console main .ht-b--you{top:5px;right:5px;width:10px;height:10px;border-radius:0;background:var(--forge);box-shadow:0 0 0 2px rgba(4,6,12,.7),0 0 12px rgba(58,102,255,.9)}
.style-console main .ht-dur{position:absolute;left:4px;bottom:4px;padding:2px 4px;border-radius:4px;background:rgba(4,6,12,.78);font:500 9px/1 var(--f-mono);color:#fff}
.style-console main .ht-th--making{background:#131A30}
.style-console main .ht-skel{position:absolute;inset:0;display:grid;align-content:end;gap:4px;padding:8px}
.style-console main .ht-skel i{display:block;height:4px;border-radius:2px;background:#26304D}
.style-console main .ht-skel i+i{width:60%}
.style-console main .ht-th--making::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.08) 50%,rgba(255,255,255,0) 70%);background-size:220% 100%;animation:htShimmer 1.8s linear infinite}
@keyframes htShimmer{from{background-position:120% 0}to{background-position:-120% 0}}
.style-console main .ht-th__by{position:absolute;top:5px;left:5px;border-radius:5px}
.style-console main .ht-th--planned{display:grid;place-items:center;background:transparent;border:1.5px dashed var(--cx-hair3);color:var(--cx-dim)}
.style-console main .ht-th--planned .cx-i{width:40%;height:40%;max-width:20px;max-height:20px}
.style-console main .ht-k{font:500 9.5px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-chip--bad{color:#FF8FA3;background:rgba(255,77,109,.12)}
.style-console main .ht-foot0{margin:0}
.style-console main .ht-ok{display:flex;align-items:center;gap:8px;justify-self:start;padding:8px 12px;border-radius:10px;background:rgba(34,221,132,.07);border:1px solid rgba(34,221,132,.22);font-size:13px;color:#BFF5D8}
.style-console main .ht-ok .cx-i{width:14px;height:14px;color:var(--cx-ok)}
.style-console main .ht-ok time{margin-left:6px;font:500 10.5px/1 var(--f-mono);color:#7FE9B4}
.style-console main .ht-calwin .ht-main{display:grid}
.style-console main .ht-rail{display:none}
.style-console main .ht-cal{display:grid;gap:12px;padding:12px;min-width:0}
.style-console main .ht-cal__top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 0}
.style-console main .ht-cal__wk{display:grid;gap:5px;min-width:0}
.style-console main .ht-cal__wk span{font:500 9.5px/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-cal__wk b{font-size:16px;font-weight:600;letter-spacing:-.014em;line-height:1.15;color:var(--cx-fg)}
.style-console main .ht-cal__hom{display:flex;align-items:center;gap:8px;flex:none}
.style-console main .ht-cal__hom .cx-av{border-radius:8px}
.style-console main .ht-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.style-console main .ht-day{display:grid;align-content:start;gap:9px;min-width:0;padding:9px 5px 8px;border-radius:11px;background:rgba(4,6,12,.45);box-shadow:inset 0 0 0 1px var(--cx-hair);transition:background .35s,box-shadow .35s}
.style-console main .ht-day--you{background:rgba(58,102,255,.14);box-shadow:inset 0 0 0 1px rgba(123,151,255,.6)}
.style-console main .ht-day__h{display:grid;justify-items:center;gap:6px}
.style-console main .ht-day__h b{font:500 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cx-soft)}
.style-console main .ht-day__h abbr{text-decoration:none}
.style-console main .ht-st{display:inline-flex;align-items:center;height:17px;padding:0 3px;border-radius:4px;font:500 8.5px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.style-console main .ht-st--ok{color:#5BE6A2}
.style-console main .ht-st--you{padding:0 6px;background:var(--forge);color:#fff}
.style-console main .ht-st--q{color:#B9C6FF}
.style-console main .ht-st--mk{color:#FFC56B}
.style-console main .ht-st--pl{color:var(--cx-dim)}
.style-console main .ht-items{display:grid;gap:8px}
.style-console main .ht-item{display:grid;justify-items:center;gap:5px;min-width:0}
.style-console main .ht-item .ht-th{max-width:84px}
.style-console main .ht-item time{font:500 9px/1 var(--f-mono);color:var(--cx-dim)}
.style-console main .ht-day .ht-done{display:none}
.style-console main .ht-calrq{gap:8px;padding:10px 10px 10px 12px;border-radius:14px}
.style-console main .ht-calrq__in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.style-console main .ht-calrq .cx-ev__avs .cx-av{border-radius:8px}
.style-console main .ht-calrq__t{display:grid;gap:5px;min-width:0}
.style-console main .ht-calrq__t b{font-size:14.5px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--cx-fg)}
.style-console main .ht-calrq .cx-rq__act .cx-b{padding:0 18px}
.style-console main .ht-cal:has(.ht-calrq[data-state="approved"]) .ht-day--you{background:rgba(4,6,12,.45);box-shadow:inset 0 0 0 1px var(--cx-hair)}
.style-console main .ht-cal:has(.ht-calrq[data-state="approved"]) .ht-day--you .ht-done{display:grid}
.style-console main .ht-cal:has(.ht-calrq[data-state="approved"]) .ht-day--you .ht-st.ht-done{display:inline-flex}
.style-console main .ht-cal:has(.ht-calrq[data-state="approved"]) .ht-st--you{display:none}
.style-console main .ht-cal:has(.ht-calrq[data-state="approved"]) .ht-b--you{display:none}
.style-console main .ht-rail__c{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;font-size:13px;color:var(--cx-soft)}
.style-console main .ht-rail__c i{width:7px;height:7px;background:#A855F7}
.style-console main .ht-rail__c span{margin-left:auto;font:500 10.5px/1 var(--f-mono);color:var(--cx-dim)}
.style-console main .ht-rail__msg{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:6px 8px;font-size:12.5px;line-height:1.35;color:var(--cx-mist)}
.style-console main .ht-rail__msg .cx-av{border-radius:6px}
.style-console main .ht-rail__msg b{color:var(--cx-fg);font-weight:600}
.style-console main .ht-rail__msg time{display:block;margin-top:4px;font:500 9.5px/1.2 var(--f-mono);color:var(--cx-dim)}
@media (min-width:600px){.style-console main .ht-cal{gap:14px;padding:14px 16px 16px}
.style-console main .ht-week{gap:8px}}
@media (min-width:1200px){.style-console main .ht-calwin .ht-main{grid-template-columns:152px minmax(0,1fr)}
.style-console main .ht-rail{display:grid}}
@media (min-width:1024px){.style-console main .ht-week{gap:8px}
.style-console main .ht-day{gap:10px;padding:10px 8px 9px}
.style-console main .ht-st{font-size:9px}}
.style-console main .ht-swatch{display:flex;gap:4px;margin-top:2px}
.style-console main .ht-swatch i{width:14px;height:14px;border-radius:3px;background:#283048}
.style-console main .ht-swatch i:nth-child(2){background:#A855F7}
.style-console main .ht-swatch i:nth-child(3){background:#C9D0DD}
.style-console main .ht-plan{display:grid;gap:8px;margin-top:6px;padding:10px;border-radius:12px;background:rgba(4,6,12,.5);border:1px solid var(--cx-hair)}
.style-console main .ht-plan ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.style-console main .ht-plan li{display:grid;justify-items:center;align-content:start;gap:5px}
.style-console main .ht-plan li span{margin-bottom:2px;font:500 9px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-plan i{display:block;width:14px;height:14px;border-radius:3px;background:#A855F7}
.style-console main .ht-plan i.v{background:#7B97FF}
.style-console main .ht-plan .ht-plan__k{display:flex;align-items:center;gap:6px;font:500 9px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-plan__k i{width:8px;height:8px;border-radius:2px}
.style-console main .ht-plan__k i.v{margin-left:8px}
.style-console main .ht-orders{display:grid;gap:8px}
.style-console main .ht-orders .ht-k{display:flex;align-items:center;gap:7px}
.style-console main .ht-orders .ht-k .cx-i{width:12px;height:12px;color:var(--cx-tint)}
.style-console main .ht-orders ul{display:grid;gap:6px}
.style-console main .ht-orders li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:12px;background:#131B31;border:1px solid var(--cx-hair2)}
.style-console main .ht-orders .cx-av{border-radius:8px}
.style-console main .ht-orders b{font-size:13.5px;font-weight:600;line-height:1.25;color:var(--cx-fg);min-width:0}
.style-console main .ht-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:360px}
.style-console main .ht-trio .ht-th{border-radius:10px}
.style-console main .ht-onbrand{display:flex;align-items:center;gap:9px;font-size:12.5px;line-height:1.3;color:var(--cx-mist)}
.style-console main .ht-onbrand .cx-av{border-radius:6px}
.style-console main .ht-onbrand .cx-chip{margin-left:auto}
.style-console main .cx-rq:not([data-state="pending"]) .ht-onbrand{display:none}
.style-console main .ht-hand{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(58,102,255,.08);border:1px solid rgba(123,151,255,.24);font-size:13px;line-height:1.4;color:var(--cx-soft)}
.style-console main .ht-hand b{color:var(--cx-fg);font-weight:600}
.style-console main .ht-hbars{display:grid;gap:10px;padding:12px;border-radius:12px;background:rgba(4,6,12,.5);border:1px solid var(--cx-hair)}
.style-console main .ht-hbars ul,.style-console main .ht-cmp ul{display:grid;gap:9px}
.style-console main .ht-hbars li,.style-console main .ht-cmp li{display:grid;grid-template-columns:78px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:13px;color:var(--cx-mist)}
.style-console main .ht-hbars i,.style-console main .ht-cmp i{display:block;width:var(--w);height:10px;border-radius:0 4px 4px 0;background:#3A4566}
.style-console main .ht-hbars li.is-hi i,.style-console main .ht-cmp li.is-hi i{background:var(--forge)}
.style-console main .ht-hbars li.is-hi span,.style-console main .ht-cmp li.is-hi span{color:var(--cx-fg)}
.style-console main .ht-hbars b,.style-console main .ht-cmp b{font:500 12px/1 var(--f-mono);color:var(--cx-fg);text-align:right;font-variant-numeric:tabular-nums}
.style-console main .ht-pills{display:flex;flex-wrap:wrap;gap:8px}
.style-console main .ht-pills .cx-pill{margin:0}
.style-console main .ht-pill--warn{background:rgba(255,181,71,.09);border-color:rgba(255,181,71,.35)}
.style-console main .ht-pill--warn .cx-i{color:#FFC56B}
.style-console main .ht-dash__in{display:grid;gap:12px;padding:12px}
.style-console main .ht-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:12px;overflow:hidden;background:var(--cx-hair2);border:1px solid var(--cx-hair2)}
.style-console main .ht-kpi{display:grid;align-content:start;gap:7px;min-width:0;padding:10px 10px 11px;background:#0E1427}
.style-console main .ht-kpi dt{font:500 9px/1.25 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-kpi dd{margin:0;min-width:0}
.style-console main .ht-kpi__v{font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--cx-fg);white-space:nowrap}
.style-console main .ht-kpi__v small{margin-left:2px;font-size:11px;font-weight:500;letter-spacing:0;color:var(--cx-mist)}
.style-console main .ht-kpi__d{display:flex;align-items:center;gap:4px;font-size:11.5px;line-height:1.25;color:var(--cx-mist)}
.style-console main .ht-kpi__d .cx-i{width:12px;height:12px;color:var(--cx-ok)}
.style-console main .ht-spark{position:relative;display:block;height:22px}
.style-console main .ht-spark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.style-console main .ht-spark .ln{fill:none;stroke:#6A7698;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.style-console main .ht-spark .ar{fill:rgba(123,151,255,.1)}
.style-console main .ht-spark i{position:absolute;right:-4px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--cx-tint);box-shadow:0 0 0 2px #0E1427}
.style-console main .ht-dash .ht-panel{display:none}
.style-console main .ht-panel{display:grid;gap:6px;align-content:start;min-width:0;padding:11px 12px 12px;border-radius:12px;background:rgba(4,6,12,.5);border:1px solid var(--cx-hair)}
.style-console main .ht-panel__h{display:flex;align-items:center;justify-content:space-between;gap:8px;font:500 9.5px/1.2 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-panel__h .cx-av{border-radius:6px}
.style-console main .ht-tbl{width:100%;border-collapse:collapse}
.style-console main .ht-tbl th{padding:4px 0 7px;font:500 9px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-dim);text-align:right}
.style-console main .ht-tbl th:first-child,.style-console main .ht-tbl td:first-child{text-align:left}
.style-console main .ht-tbl td{padding:8px 0;border-top:1px solid var(--cx-hair);font-size:13px;line-height:1.3;color:var(--cx-soft);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.style-console main .ht-tbl td:first-child{width:100%;color:var(--cx-fg);font-weight:550;white-space:normal}
.style-console main .ht-tbl td+td,.style-console main .ht-tbl th+th{padding-left:12px}
.style-console main .ht-tbl .cx-chip{height:20px;padding:0 7px}
.style-console main .ht-tbl tr.is-cut td:first-child{color:var(--cx-mist);text-decoration:line-through;text-decoration-color:rgba(255,143,163,.7)}
.style-console main .ht-panel__f{display:flex;align-items:center;gap:7px;padding-top:9px;border-top:1px solid var(--cx-hair);font-size:12.5px;color:#BFF5D8}
.style-console main .ht-panel__f .cx-i{width:13px;height:13px;color:var(--cx-ok)}
.style-console main .ht-ba{display:grid;border-radius:10px;overflow:hidden;border:1px solid var(--cx-hair2)}
.style-console main .ht-ba__r{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;align-items:baseline;padding:9px 11px}
.style-console main .ht-ba__r>span{font:500 9px/1.7 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}
.style-console main .ht-ba__r p{font-size:13.5px;line-height:1.4}
.style-console main .ht-ba__r--b{background:rgba(255,77,109,.06)}
.style-console main .ht-ba__r--b>span{color:#FF8FA3}
.style-console main .ht-ba__r--b p{color:var(--cx-mist);text-decoration:line-through;text-decoration-color:rgba(255,143,163,.6)}
.style-console main .ht-ba__r--a{background:rgba(34,221,132,.07);border-top:1px solid var(--cx-hair2)}
.style-console main .ht-ba__r--a>span{color:#5BE6A2}
.style-console main .ht-ba__r--a p,.style-console main .ht-ba .cx-rq__body{font-size:13.5px;line-height:1.4;color:var(--cx-fg)}
.style-console main .ht-ba__n{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;border-top:1px solid var(--cx-hair2);font:500 9px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-ba__n span{display:inline-flex;align-items:center;gap:6px}
.style-console main .ht-ba__n .cx-i{width:12px;height:12px;color:var(--cx-tint)}
.style-console main .ht-ba--sm{margin-top:8px}
.style-console main .ht-ba--sm .ht-ba__r{padding:7px 10px}
.style-console main .ht-ba--sm .ht-ba__r p{font-size:13px}
.style-console main .cx-rq:not([data-state="pending"]) .ht-ba{display:none}
.style-console main .ht-fix .cx-rq__title{font-size:15px}
@media (min-width:600px) and (max-width:1023px){.style-console main .ht-dash .ht-panel{display:grid}}
@media (min-width:720px) and (max-width:1023px){.style-console main .ht-dash__in{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:start}
.style-console main .ht-kpis{grid-column:1/-1}}
@media (min-width:1240px){.style-console main .ht-dash .ht-panel{display:grid}
.style-console main .ht-dash__in{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}}
@media (min-width:1024px){.style-console main .ht-dash__in{align-items:start;gap:14px;padding:16px}
.style-console main .ht-kpis{grid-column:1/-1}
.style-console main .ht-kpi{gap:8px;padding:13px 14px 14px}
.style-console main .ht-kpi dt{font-size:9.5px}
.style-console main .ht-kpi__v{font-size:28px}
.style-console main .ht-spark{height:26px}}
.style-console main .ht-issues{padding:0}
.style-console main .ht-count{display:inline-flex;align-items:baseline;gap:5px;font:500 15px/1 var(--f-sans);font-weight:600;color:#FFC56B}
.style-console main .ht-count small{font:500 9px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-qs{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.style-console main .ht-qs>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 .ht-q{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px 0 10px;border-radius:999px;background:#131B31;border:1px solid var(--cx-hair2);font-size:13px;color:var(--cx-soft)}
.style-console main .ht-q .cx-i{width:13px;height:13px;color:var(--cx-tint)}
.style-console main .ht-art{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border-radius:12px;background:rgba(4,6,12,.5);border:1px solid var(--cx-hair)}
.style-console main .ht-art__img{display:block;width:56px;height:56px;border-radius:8px;overflow:hidden}
.style-console main .ht-art__img svg{display:block;width:100%;height:100%}
.style-console main .ht-art b{display:block;font-size:14.5px;font-weight:600;line-height:1.3;color:var(--cx-fg)}
.style-console main .ht-art div>span{display:block;margin-top:4px;font:500 9.5px/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-cmp{display:grid;gap:10px;padding:12px;border-radius:12px;background:rgba(4,6,12,.5);border:1px solid var(--cx-hair)}
.style-console main .ht-cmp li{grid-template-columns:86px minmax(0,1fr) 44px}
.style-console main .cx-rq:not([data-state="pending"]) .ht-cmp{display:none}
.style-console main .ht-ad{display:grid;gap:4px;padding:12px 13px;border-radius:12px;background:#F2F4F8;color:#0B1020}
.style-console main .ht-ad__k{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font:500 9.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#4A5470}
.style-console main .ht-ad .cx-chip{background:rgba(11,16,32,.07);color:#4A5470}
.style-console main .ht-ad .cx-chip--ok{background:rgba(21,168,99,.14);color:#0F7A47}
.style-console main .ht-ad__u{font-size:11.5px;color:#4A5470}
.style-console main .ht-ad__u b{font-weight:700;color:#0B1020}
.style-console main .ht-ad__h{font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:#2245CC}
.style-console main .ht-ad__d{font-size:13px;line-height:1.4;color:#3A4460}
.style-console main .ht-ad__m{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:8px;padding-top:9px;border-top:1px solid #D5DBE8;font-size:11.5px;color:#4A5470}
.style-console main .ht-ad__m i{display:block;width:var(--w);height:8px;border-radius:0 4px 4px 0;background:#9AA4BA}
.style-console main .ht-ad.is-win .ht-ad__m i{background:var(--forge)}
.style-console main .ht-ad__m b{font:500 12px/1 var(--f-mono);color:#0B1020}
.style-console main .ht-ad:not(.is-win){opacity:.82}
.style-console main .ht-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin-top:14px;padding:14px;border-radius:16px;background:var(--cx-panel);border:1px dashed var(--cx-hair3)}
.style-console main .ht-note b{display:block;font-size:15px;font-weight:600;color:var(--cx-fg)}
.style-console main .ht-note p{margin-top:3px;font-size:14px;line-height:1.5;color:var(--cx-mist)}
.style-console main .ht-note details{margin-top:4px}
.style-console main .ht-note summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;color:var(--cx-tint)}
.style-console main .ht-note summary::-webkit-details-marker{display:none}
.style-console main .ht-note__plus{width:13px;height:13px;transition:transform .2s}
.style-console main .ht-note details[open] .ht-note__plus{transform:rotate(45deg)}
.style-console main .ht-note details p{margin-top:0;max-width:44em}
@media (min-width:1024px){.style-console main .ht-note{max-width:820px;margin-top:18px;padding:16px 18px}}
.style-console main .ht-sb{display:grid;gap:2px;padding:12px 14px 14px}
.style-console main .ht-sb__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding-bottom:10px}
.style-console main .ht-sb__t{display:flex;gap:12px;font:500 9.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-sb__t time{margin-left:3px;letter-spacing:.04em;color:var(--cx-fg)}
.style-console main .ht-legend{display:flex;align-items:center;gap:6px;font:500 9.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-legend i{width:8px;height:8px;border-radius:2px;background:rgba(34,221,132,.55)}
.style-console main .ht-legend i.is-bad{margin-left:6px;background:#FF4D6D}
.style-console main .ht-sb__rows{display:grid}
.style-console main .ht-sb__row{display:grid;grid-template-columns:auto 110px minmax(0,1fr) auto;grid-template-areas:"bit name bars ok";align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--cx-hair)}
.style-console main .ht-sb__bit{grid-area:bit;width:8px;height:8px;background:var(--c)}
.style-console main .ht-sb__name{grid-area:name;min-width:0;font-size:13px;font-weight:600;line-height:1.2;color:var(--cx-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.style-console main .ht-sb__avs{grid-area:avs;display:none}
.style-console main .ht-sb__avs .cx-av{border-radius:6px;box-shadow:0 0 0 2px #0C1222}
.style-console main .ht-sb__conns{gap:2px}
.style-console main .ht-sb__ic{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:rgba(123,151,255,.1);color:var(--cx-tint)}
.style-console main .ht-sb__ic .cx-i{width:12px;height:12px}
.style-console main .ht-sb__ok{grid-area:ok;display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:36px;font:500 10px/1 var(--f-mono);color:#5BE6A2}
.style-console main .ht-sb__ok .cx-i{width:12px;height:12px}
.style-console main .ht-bars{grid-area:bars;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;height:16px}
.style-console main .ht-bars i{border-radius:2px;background:rgba(34,221,132,.42)}
.style-console main .ht-bars i.is-bad{background:#FF4D6D;box-shadow:0 0 10px rgba(255,77,109,.55)}
.style-console main .ht-bars i.is-now{background:#22DD84;animation:htNow 2.4s ease-in-out infinite}
@keyframes htNow{50%{opacity:.5}}
.style-console main .ht-sb__row--axis{padding:6px 0 0;border-top:0}
.style-console main .ht-axis{grid-area:bars;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;font:500 9px/1 var(--f-mono);color:var(--cx-dim);white-space:nowrap}
.style-console main .ht-axis .a0{grid-column:1/span 4}
.style-console main .ht-axis .a1{grid-column:5/span 4}
.style-console main .ht-axis .a2{grid-column:9/span 4}
.style-console main .ht-axis .a3{grid-column:13/span 2}
.style-console main .ht-axis .a4{grid-column:15/span 2;text-align:right;color:var(--cx-soft)}
@media (max-width:699px){.style-console main .ht-axis .a1,.style-console main .ht-axis .a3{display:none}
.style-console main .ht-axis .a4{grid-column:13/span 4}}
.style-console main .ht-sb__foot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin-top:10px;padding:12px;border-radius:12px;background:rgba(34,221,132,.06);border:1px solid rgba(34,221,132,.22)}
.style-console main .ht-sb__foot .cx-av{border-radius:9px}
.style-console main .ht-sb__who{display:flex;align-items:baseline;gap:8px;font-size:13.5px}
.style-console main .ht-sb__who b{font-weight:600;color:var(--cx-fg)}
.style-console main .ht-sb__who time{font:500 10.5px/1 var(--f-mono);color:var(--cx-dim)}
.style-console main .ht-sb__foot p+p{margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--cx-soft)}
.style-console main .ht-sb__foot p.ht-sb__next{margin-top:6px;font:500 9.5px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#7FE9B4}
.style-console main .ht-sb__next time{margin-left:4px;color:var(--cx-fg)}
@media (min-width:600px){.style-console main .ht-sb__row{grid-template-columns:auto 128px 100px minmax(0,1fr) 46px;grid-template-areas:"bit name avs bars ok";gap:12px}
.style-console main .ht-sb__avs{display:flex}
.style-console main .ht-bars,.style-console main .ht-axis{gap:3px}}
@media (min-width:1024px) and (max-width:1279px){.style-console main .ht-sb__row{grid-template-columns:auto 128px minmax(0,1fr) 46px;grid-template-areas:"bit name bars ok"}
.style-console main .ht-sb__avs{display:none}}
@media (min-width:1024px){.style-console main .ht-sb{padding:14px 18px 18px}
.style-console main .ht-sb__row{padding:9px 0}
.style-console main .ht-sb__row--axis{padding-top:8px}
.style-console main .ht-bars{height:20px}}
.style-console main .ht-role{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(4,6,12,.5);border:1px solid var(--cx-hair)}
.style-console main .ht-role .cx-av{border-radius:10px}
.style-console main .ht-role b{display:block;font-size:14.5px;font-weight:600;color:var(--cx-fg)}
.style-console main .ht-role span{display:block;margin-top:3px;font:500 9.5px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-dim)}
.style-console main .ht-checks{display:grid;border-radius:12px;overflow:hidden;border:1px solid var(--cx-hair2)}
.style-console main .ht-checks li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:10px 12px;font-size:13px;color:var(--cx-soft)}
.style-console main .ht-checks li .cx-i{width:15px;height:15px;color:var(--cx-ok)}
.style-console main .ht-checks li+li{border-top:1px solid var(--cx-hair)}
.style-console main .ht-checks time{font:500 10.5px/1 var(--f-mono);color:var(--cx-fg)}
.style-console main .ht-alert{display:grid;gap:10px;padding:14px;border-radius:14px;background:linear-gradient(180deg,#1E1426,#140F1E);border:1px solid rgba(255,77,109,.45);box-shadow:0 18px 40px -24px rgba(255,77,109,.5)}
.style-console main .ht-alert .cx-rq__who{justify-items:start}
.style-console main .ht-alert .cx-agent__av .cx-av{border-radius:9px}
.style-console main .ht-st--bad{background:#FF4D6D;border-color:#1A1222}
.style-console main .ht-alert__t{font-size:16px;font-weight:600;letter-spacing:-.012em;color:var(--cx-fg)}
.style-console main .ht-alert .cx-kv{grid-template-columns:1fr 1fr}
.style-console main .ht-alert .cx-kv div{background:#160F1E}
.style-console main .ht-does li .cx-i{color:var(--cx-tint)}
.style-console main .ht-does li:first-child .cx-i{color:var(--cx-ok)}
.style-console main .ht-tl--ok{background:rgba(34,221,132,.12);color:var(--cx-ok)}
.style-console main .ht-ours{border-style:dashed;border-color:var(--cx-hair3);background:transparent}
.style-console main .ht-ours__tile{display:block;width:48px;height:48px;border-radius:11px}
.style-console main .ht-ours__k{display:inline-flex;align-items:center;gap:6px;flex:none;font:500 10px/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cx-tint)}
.style-console main .ht-ours__k .cx-i{width:13px;height:13px}