/* Unified product chrome — every hub / desk / portal */
body:has(#ss-shell) .site-header{display:none !important}
.ss-shell{position:sticky;top:0;z-index:80;background:color-mix(in srgb,#070b14 92%,transparent);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid rgba(90,212,255,.28)}
.ss-top{display:flex;align-items:center;gap:16px;min-height:56px;padding:0 16px}
.ss-mark{display:flex;align-items:center;gap:8px;text-decoration:none;color:#e8edf4;font:900 18px/1 "Arial Narrow",Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ss-mark i{width:28px;height:28px;display:grid;place-items:center;background:var(--hud-cyan,#5ad4ff);color:#041018;font:900 11px/1 "Arial Narrow",Impact,sans-serif}
.ss-role{font:800 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.2em;color:var(--hud-cyan,#5ad4ff);border:1px solid rgba(90,212,255,.35);padding:5px 8px;white-space:nowrap}
.ss-nav{display:flex;flex-wrap:wrap;gap:2px 4px;flex:1;min-width:0}
.ss-nav a{color:#9eb4c8;text-decoration:none;font:800 11px/1 "Arial Narrow",Impact,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:8px 10px}
.ss-nav a.on,.ss-nav a:hover{color:var(--hud-cyan,#5ad4ff)}
.ss-live{margin-left:auto;display:flex;align-items:center;gap:6px;font:800 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#ff5a6a}
.ss-live b{width:7px;height:7px;border-radius:50%;background:#ff5a6a;box-shadow:0 0 8px #ff5a6a;animation:hud-blink 1.2s infinite;display:block}
.ss-tick{height:28px;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--hud-line,rgba(90,212,255,.18));background:var(--hud-navy,#070b14)}
.ss-tick em{flex:0 0 52px;padding:0 10px;font:800 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.22em;color:var(--hud-danger-hot,#ff5a6a);font-style:normal;background:var(--hud-navy,#070b14);position:relative;z-index:2}
.ss-track{display:flex;gap:28px;white-space:nowrap;animation:hud-tick 32s linear infinite;font:11px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:var(--hud-muted,rgba(232,237,244,.62));padding-left:8px}
.ss-track span{color:#fff}
.ss-body{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.ss-body:has(> .side){flex-direction:row;align-items:stretch}
.ss-body > .side{flex:0 0 210px}
.ss-body > .main{flex:1;min-width:0}
body.is-hud{display:flex;flex-direction:column;min-height:100vh;background:#070b14;color:#e8edf4}
body.is-hud .hud-page-hero{position:relative}
body.is-hud .hud-page-hero::before{
  content:"";pointer-events:none;position:absolute;inset:0;opacity:.07;
  background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.4) 2px 3px);
}
@media (max-width:900px){
  .ss-body{flex-direction:column}
  .ss-body > .side{flex:none;width:auto;display:flex;flex-wrap:wrap;border-right:0;border-bottom:1px solid rgba(90,212,255,.2)}
}
@media (prefers-reduced-motion:reduce){
  .ss-track,.ss-live b{animation:none}
}

.ss-dd{position:relative}
.ss-dd > button{min-height:36px;padding:0 10px;border:0;background:transparent;color:#9eb4c8;font:800 11px/1 "Arial Narrow",Impact,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.ss-dd.on > button,.ss-dd > button:hover{color:var(--hud-cyan,#5ad4ff)}
.ss-dd-list{display:none;position:absolute;top:100%;left:0;min-width:180px;padding:8px 0;background:#070b14;border:1px solid rgba(90,212,255,.28);z-index:90}
.ss-dd:hover .ss-dd-list,.ss-dd:focus-within .ss-dd-list,.ss-dd.open .ss-dd-list{display:flex;flex-direction:column}
.ss-dd-list a{display:block;padding:8px 12px}
.ss-dd-list em{display:block;padding:8px 12px 4px;font:800 10px/1 "Arial Narrow",Impact,sans-serif;letter-spacing:.14em;color:var(--hud-cyan,#5ad4ff);font-style:normal}
.ss-more{margin-left:4px}
.ss-tool{min-height:32px;padding:0 8px;border:1px solid rgba(90,212,255,.28);background:transparent;color:#9eb4c8;font:800 10px/1 "Arial Narrow",Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
@media (min-width:901px){.ss-more{display:none}}
@media (max-width:900px){
  .ss-nav{display:flex}
  .ss-nav .ss-dd:not(.ss-more){display:none}
  .ss-more{display:block}
}
body.is-rail .ss-shell{display:contents}
body.is-rail .ss-top{flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:88px;padding:12px 8px;border-right:1px solid rgba(90,212,255,.28);z-index:90;background:#070b14}
body.is-rail .ss-nav{flex-direction:column;flex-wrap:nowrap}
body.is-rail .ss-tick{margin-left:88px}
body.is-rail .ss-body{margin-left:88px}
body.is-rail .ss-dd-list{left:100%;top:0}

/* Shared buttons — use these instead of per-page hex */
.ss-btn,.wrap-d button,.wrap-d .btn,button.go,button.btn{
  min-height:44px;padding:0 14px;border:1px solid var(--hud-line,rgba(90,212,255,.28));
  background:transparent;color:inherit;cursor:pointer;
  font:800 12px/1 "Arial Narrow",Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase
}
.ss-btn-primary,button.primary,.hubtabs button.on,.divs button.on,.sib button.on{
  background:var(--hud-cyan,#5ad4ff);color:#041018;border-color:transparent
}
.ss-btn-go,button.go,.next.ok a{background:#3d8b6e;color:#fff;border-color:transparent}
.ss-btn-stop,button.stop,.next.urgent a{background:#c44550;color:#fff;border-color:transparent}
.ss-btn-warn,button.warn,.next.warn a{background:#c9a227;color:#1a1404;border-color:transparent}
.ss-btn-cyan{background:var(--hud-cyan,#5ad4ff);color:#041018;border-color:transparent}
.ss-tool,.ss-dd > button{min-height:36px}
.sib button{min-height:44px}

button,input,select,textarea,.btn{
  font-family:"Arial Narrow",Impact,sans-serif;
}
input,select,textarea{min-height:40px}