/* Orbit skin: the approved navy/cyan system and supplied orbital server artwork. */
:root[data-theme="orbit"] {
  color-scheme: dark;
  --work-surface: #0b2938;
  --work-surface-border: #587e94;
  --ink: #e6f1fb;
  --paper: #020c14;
  --accent: #52cff2;
  --accent-hover: #88e7ff;
  --accent-soft: #123649;
  --green: #9befb0;
  --muted: #acc6d8;
  --line: #244b61;
  --white: #061725;
  --sidebar: #020e19;
  --radius: 3px;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Share Tech Mono';
  --radius-label: 8px;
  --radius-technical: 8px;
  --radius-control: 8px;
  --radius-brand: 8px;
  --radius-dialog: 8px;
  --dialog-backdrop: rgb(1 10 19 / 75%);
  --timeline-point-border: #0b1e2b;
  --page-texture: none;
  --hero-art: url('/assets/orbit-servers.png');
  --nav-text: #acc6d8;
  --nav-hover-bg: #071f30;
  --nav-active-bg: #08283b;
  --nav-icon: #acc6d8;
  --control-border: #64869b;
  --secondary-hover-bg: #102939;
  --secondary-hover-border: #88e7ff;
  --disabled-base-bg: #223746;
  --disabled-base-text: #acc6d8;
  --state-neutral-bg: #223746;
  --state-neutral-text: #d6e2ee;
  --state-ok-bg: #123d30;
  --state-ok-text: #9befb0;
  --state-ok-border: #4c9c75;
  --state-warn-bg: #483815;
  --state-warn-text: #ffd57a;
  --state-warn-border: #b68d40;
  --state-fail-bg: #4a242c;
  --state-fail-text: #ffb4b4;
  --state-fail-border: #bf7380;
  --notice-border: #64869b;
  --notice-bg: #102939;
  --warning-bg: #483815;
  --quiet-bg: #04131f;
  --step-border: #64869b;
  --observation-bg: #071b29;
  --row-hover-bg: #102939;
  --control-hover-border: #88e7ff;
  --technical-bg: #04111c;
  --technical-text: #d6e2ee;
  --summary-indicator: #acc6d8;
  --error-bg: #4a242c;
  --invalid-border: #bf7380;
  --nav-divider: #153548;
  --nav-active-text: #88e7ff;
  --topbar-bg: rgb(2 14 25 / .86);
  --avatar-border: #64869b;
  --primary-border: #52cff2;
  --on-primary: #05202b;
  --secondary-border: #64869b;
  --secondary-bg: #061c2a;
  --secondary-hover-surface: #123649;
  --secondary-hover-text: #e6f1fb;
  --disabled-bg: #223746;
  --disabled-border: #718ba2;
  --summary-text: #d6e2ee;
  --table-head-bg: #071d2b;
  --table-head-text: #acc6d8;
  --route-text: #88e7ff;
  --hero-text: #acc6d8;
  --card-border: #295b73;
  --card-bg: #041521;
  --card-context: #acc6d8;
  --draft-text: #d6e2ee;
  --card-text: #acc6d8;
  --work-link-text: #e6f1fb;
  --state-neutral-border: #718ba2;
}
[data-theme="orbit"] .terminal-alert-state.unknown { color: var(--state-neutral-text); }
[data-theme="orbit"] .label:is([data-presentation-state="unknown"],[data-presentation-state="missing"],[data-presentation-state="unavailable"],[data-presentation-state="not_applicable"],[data-presentation-state="not_started"]) { color: var(--state-neutral-text); background: var(--state-neutral-bg); border-color: var(--state-neutral-border); }
@media(forced-colors:active) {
  [data-theme="orbit"] .label, [data-theme="orbit"] .label[data-presentation-state], [data-theme="orbit"] .terminal-alert-state, [data-theme="orbit"] .terminal-alert-state.unknown { color: CanvasText; background: Canvas; border-color: CanvasText; }
  [data-theme="orbit"] .nav a[aria-current='page'] { outline-color: Highlight; }
}

/* Reference composition. The panorama is scenery only; all UI remains HTML. */
[data-theme="orbit"] .main-wrap:has(.terminal-overview) {
  background-image: linear-gradient(180deg,transparent 0,rgb(2 12 20 / .2) 280px,#020c14 540px),linear-gradient(90deg,#020c14 0, rgb(2 12 20 / .85) 20%, transparent 88%),url('/assets/orbit-ambient-v1.png');
  background-repeat: no-repeat;
  background-size: 100% 100%,100% 100%,auto 620px;
  background-position: right top;
}
[data-theme="orbit"] .topbar { position:relative; z-index:3; }
[data-theme="orbit"] .sidebar { position:relative; isolation:isolate; border-right-color:#214b62; }
[data-theme="orbit"] .sidebar::before { content:''; position:fixed; left:0; bottom:0; width:248px; height:min(72vh,760px); z-index:-1; pointer-events:none; background-image:linear-gradient(180deg,#020e19 0, rgb(2 14 25 / .6) 28%,rgb(2 14 25 / .1) 72%),url('/assets/orbit-ambient-v1.png'); background-size:100% 100%,auto 170%; background-repeat:no-repeat; background-position:left bottom; }
[data-theme="orbit"] .sidebar .brand { align-items:center; gap:10px; font-size:28px; }
[data-theme="orbit"] .sidebar .mark { width:95px; height:46px; flex:0 0 95px; font-size:0; background:url('/assets/orbit-mark.svg') center / contain no-repeat; }
[data-theme="orbit"] .brand small { color:var(--muted); letter-spacing:1.5px; font-size:9px; }
[data-theme="orbit"] .nav { gap:8px; }
[data-theme="orbit"] .nav a { border:0; border-radius:0; font-size:16px; font-weight:400; }
[data-theme="orbit"] .nav a[aria-current='page'] { background:transparent; isolation:isolate; outline:0; }
[data-theme="orbit"] .nav a[aria-current='page']::before,
[data-theme="orbit"] .nav a[aria-current='page']::after { content:''; position:absolute; width:auto; inset:0; border:0; border-radius:0; pointer-events:none; display:block; clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px),0 12px); }
[data-theme="orbit"] .nav a[aria-current='page']::before { z-index:-2; background:linear-gradient(90deg,#64dcfb,#214f65 35%,#244b61); }
[data-theme="orbit"] .nav a[aria-current='page']::after { inset:1px; z-index:-1; background:linear-gradient(100deg,#0b2d40,#041823); }
[data-theme="orbit"] .nav a:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
[data-theme="orbit"] .nav-icon .icon-terminal-nav { display:none; }
[data-theme="orbit"] .nav-icon .icon-orbit-nav { display:inline; }
[data-theme="orbit"] .terminal-hero { min-height:245px; padding:8px 12px 18px; overflow:visible; border-bottom:0; }
[data-theme="orbit"] .terminal-hero-copy { width:54%; z-index:1; }
[data-theme="orbit"] .terminal-route { font-size:11px; line-height:1.4; letter-spacing:2px; margin-bottom:8px; padding:4px 12px; }
[data-theme="orbit"] .terminal-hero .eyebrow { font-size:11px; line-height:1.4; letter-spacing:2px; }
[data-theme="orbit"] .terminal-hero h1 { font-size:clamp(32px,3.4vw,48px); line-height:1.15; letter-spacing:-.6px; }
[data-theme="orbit"] .terminal-hero .subtitle { max-width:520px; line-height:1.45; }
[data-theme="orbit"] .terminal-hero .button { margin-top:14px; font-size:16px; }
[data-theme="orbit"] .terminal-infrastructure { pointer-events:none; width:75%; height:330px; max-width:none; aspect-ratio:auto; top:-48px; bottom:auto; right:-8px; background-size:contain; background-position:right center; }
[data-theme="orbit"] .terminal-panel-kicker { display:none; }
/* Only these empty decorative layers are clipped. Content and focus outlines are not. */
[data-theme="orbit"] :is(.panel,.terminal-alert,.terminal-route) { position:relative; isolation:isolate; border-color:transparent; border-radius:0; background:transparent; }
[data-theme="orbit"] :is(.panel,.terminal-alert,.terminal-route)::before,
[data-theme="orbit"] :is(.panel,.terminal-alert,.terminal-route)::after { content:''; position:absolute; pointer-events:none; clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); }
[data-theme="orbit"] :is(.panel,.terminal-alert,.terminal-route)::before { inset:-1px; z-index:-2; background:linear-gradient(135deg,#407c98,#183e53 34%,#2a5f79); }
[data-theme="orbit"] :is(.panel,.terminal-alert,.terminal-route)::after { inset:0; z-index:-1; background:linear-gradient(145deg,#071c2b,#03121d 85%); }
[data-theme="orbit"] .terminal-alert::after { background:linear-gradient(145deg,#071d2b,#03131e 85%); }
[data-theme="orbit"] .terminal-alert-identity { border-radius:0; background:transparent; }
[data-theme="orbit"] .terminal-alert-identity h3 { text-shadow:0 1px 2px #020c14; }
[data-theme="orbit"] .terminal-priority h2,[data-theme="orbit"] .terminal-jobs h2,[data-theme="orbit"] .terminal-sites-panel h2 { font-size:23px; }
@media(max-width:1100px) {
  [data-theme="orbit"] .terminal-infrastructure { width:70%; height:285px; top:-15px; }
  [data-theme="orbit"] .terminal-hero-copy { width:58%; }
}
@media(max-width:900px) {
  [data-theme="orbit"] .sidebar::before { display:none; }
  [data-theme="orbit"] .nav { gap:4px; }
  [data-theme="orbit"] .nav a { font-size:14px; }
  [data-theme="orbit"] .terminal-infrastructure { height:245px; top:5px; right:0; opacity:.8; }
  [data-theme="orbit"] .terminal-hero-copy { width:62%; }
}
@media(max-width:640px) {
  [data-theme="orbit"] .main-wrap:has(.terminal-overview) { background-size:100% 100%,100% 100%,auto 360px; }
  [data-theme="orbit"] .terminal-infrastructure { display:none; }
  [data-theme="orbit"] .terminal-hero { min-height:0; padding-bottom:20px; }
  [data-theme="orbit"] .terminal-hero-copy { width:100%; }
  [data-theme="orbit"] .terminal-hero h1 { font-size:32px; }
  [data-theme="orbit"] .terminal-hero .subtitle { max-width:100%; }
}
@media(forced-colors:active) {
  [data-theme="orbit"] :is(.panel,.terminal-alert,.terminal-route) { border-color:CanvasText; background:Canvas; }
  [data-theme="orbit"] :is(.panel,.terminal-alert,.terminal-route)::before,
  [data-theme="orbit"] :is(.panel,.terminal-alert,.terminal-route)::after,
  [data-theme="orbit"] .sidebar::before { display:none; }
  [data-theme="orbit"] .nav a[aria-current='page'] { outline:1px solid Highlight; }
  [data-theme="orbit"] .nav a:focus-visible { outline:2px solid Highlight; outline-offset:3px; }
  [data-theme="orbit"] .nav a[aria-current='page']::before,
  [data-theme="orbit"] .nav a[aria-current='page']::after { display:none; }
}

/* Final reference polish: one outer card frame and an inset identity accent, not a second roof. */
[data-theme="orbit"] .terminal-alert { padding:12px 10px 8px; }
[data-theme="orbit"] .terminal-alert-identity { position:relative; padding:14px 0 12px; border-top:0; }
[data-theme="orbit"] .terminal-alert-identity::before { content:''; position:absolute; pointer-events:none; top:0; right:0; left:0; height:3px; background:var(--monogram-border); }
[data-theme="orbit"] .terminal-alert-body { padding:12px 0 0; }
@media(forced-colors:active) { [data-theme="orbit"] .terminal-alert-identity::before { background:CanvasText; } }

/* The shared small-container rule hides the tagline; keep the SVG DC baseline with HTML Hosting. */
@container(max-width:700px) { [data-theme="orbit"] .sidebar .mark { transform:translateY(9px); } }

/* The existing work area keeps its bevel while its neutral surface stays constant. */
[data-theme="orbit"] .work-progress::before { background:var(--work-surface-border); }
[data-theme="orbit"] .work-progress::after { background:var(--work-surface); }