/* Astranis inspired presentation. Workspace behavior and storage are unchanged. */
:root{--bg:#0a1219;--panel:#101c25;--panel2:#162630;--line:#2c3d47;--text:#f3f6f7;--muted:#a0b1bc;--accent:#98ed20;--green:#70d6ac;--amber:#f3bc66;--red:#ff998b}
body{background:radial-gradient(ellipse at 95% 0,#15303a66,transparent 45%),var(--bg);background-attachment:fixed}
.app{max-width:1540px;padding-top:24px}
.workspace-hero{position:relative;isolation:isolate;overflow:hidden;min-height:232px;padding:29px 30px 23px;margin-bottom:16px;border:1px solid #2c414c;border-radius:4px;background:radial-gradient(ellipse at 82% 68%,#1d394b88,transparent 48%),#0b1721}
.workspace-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(circle at 68% 13%,#dceefc 0 1px,transparent 1.5px),radial-gradient(circle at 93% 26%,#b0d4e8 0 1px,transparent 1.5px),radial-gradient(circle at 79% 82%,#b0d4e8 0 1px,transparent 1.5px),radial-gradient(circle at 51% 63%,#b0d4e8 0 .6px,transparent 1.2px);background-size:317px 233px,463px 269px,557px 341px,197px 181px;z-index:-1}
.workspace-hero:after{content:"";position:absolute;left:30px;bottom:0;width:54px;height:2px;background:var(--accent)}
.header,.intro{position:relative;z-index:1}
.header{align-items:start}
.heading{gap:15px}
.heading h1{font-size:42px;font-weight:650;letter-spacing:-1.6px;margin-top:8px}
.heading .eyebrow{color:#b9c8cf;font:9px var(--mono);letter-spacing:1.7px}
.app-mark{border-radius:0;border:0;background:none;color:var(--accent);width:40px;height:58px}
.app-mark svg{width:34px;height:34px;stroke-width:1.1}
.header-right{padding-top:3px}
.header-right .demo-launch{background:var(--accent);color:#0a1713;border-color:var(--accent);border-radius:3px;padding:10px 14px;font-weight:750}
.header-right .demo-launch:hover{background:#b6ff55;border-color:#b6ff55}
.header-right .icon-button{background:#0b1721aa;border-radius:3px}
.intro{margin:19px 0 0;max-width:610px}
.intro p{font-size:13px;color:#c1ced6;max-width:550px}
.demo-badge{border-radius:3px;border:1px solid #354943;background:#102324d9;color:#bfcdc5;font-size:9px;padding:5px 8px}
.orbital-art{position:absolute;z-index:0;right:42px;top:49px;width:380px;height:208px;pointer-events:none}
.orbital-art img{position:absolute;width:270px;height:auto;right:25px;top:-22px;opacity:.8;filter:brightness(1.22);transform:rotate(-8deg)}
.orbit-ring{position:absolute;width:490px;height:170px;border:1px solid #8bb5cc26;border-radius:50%;transform:rotate(-24deg);left:-55px;top:3px}
.orbit-ring:after{content:"";position:absolute;inset:22px -40px;border:1px dashed #8bb5cc17;border-radius:50%}
.tabs{gap:28px;margin-bottom:22px}
.tab{font-size:11px;letter-spacing:.3px;padding-bottom:15px}
.tab[aria-selected=true]{color:var(--accent)}
.tab-count{background:#23362c;color:#b9d4aa;border-radius:2px}
button{background:#182832;border-radius:3px}
button:hover{background:#223b45;border-color:#617d89}
.primary{background:var(--accent);border-color:var(--accent);color:#101d12}
.primary:hover{background:#b6ff55;border-color:#b6ff55}
.metric{border-radius:3px;background:var(--panel)}
.metric.active{background:#192b24;border-color:#8acb38;box-shadow:inset 0 2px var(--accent)}
.metric.active strong{color:var(--accent)}
.metric strong{font-variant-numeric:tabular-nums;font-weight:550}
.metric>span{letter-spacing:.8px;font-size:9px}
.metric small{color:#a2b5bf}
.table-panel,.panel,.detail-panel,.activity-panel,.workflow-card,.case-card,.case-content,.case-guide,.practice-checklist,.checklist-catalog{border-radius:4px;background:var(--panel)}
input,select,.note-form textarea,dialog textarea{background:#0b1720;border-color:#354953;border-radius:3px}
input::placeholder{color:#8b9fae}
thead,.people-note{background:#0c1821}
td{border-bottom-color:#293b46}
tbody tr:hover{background:#192e36}
tbody tr.selected{background:#253b36}
.tag-button{color:#c2e5a6}
.tag-button:hover{color:#e2ffcd}
.badge{background:#223b49;color:#b1d8ec}
.status-Available{background:#193c32;color:#8de3b9}
.status-In-repair{background:#403422;color:var(--amber)}
.status-Returned,.status-Received{background:#213b4c;color:#a2d1ea}
.status-Retired{background:#29313d;color:#b0bcc9}
.view-switch{background:#0a161f;border-radius:3px}
.view-switch button{border-radius:2px}
.view-switch button[aria-pressed=true]{background:#2b4234;color:#d7f3bf}
.person-link{color:#c0d0d8}
.person-link:hover{color:#ddf9bf}
.person-link .person-item-count{background:#2a3e36;color:#c2dda9}
.person-expand{background:var(--panel)}
.person-expand:hover{background:#1b3037}
.person-expand[aria-expanded=true]{background:#20362f}
.person-avatar{border-radius:3px;background:#2a4035;border-color:#4a6250;color:#c9eba6}
.person-device-table{background:#0b1820}
.interview-walkthrough{border-color:#53733b;background:#182b23;border-radius:4px}
.walkthrough-label,.walkthrough-status,.walkthrough-status button{color:#ccdfbc}
.walkthrough-say{color:#d0dfc4!important;border-left-color:var(--accent)}
.walkthrough-progress span{background:#3a4d3b}
.walkthrough-progress span.done{background:var(--accent)}
.demo-focus{outline-color:var(--accent)}
.demo-hint{color:#c6d8ba!important}
.case-card.active,.checklist-pick.active{background:#1e332b;border-color:#89bb4e}
.case-outcome{background:#1e3029}
.checklist-pick,.snapshot-evidence{background:#0c1922}
.progress-track{background:#2b3f48}
.guide-step{border-bottom-color:var(--line)}
.guide-action{border-left-color:#658a55;color:#c4d4bd!important}
.step-detail b{color:#b6c6cd}
.step-detail p{color:#c1cdd3}
.case-note{border-left-color:#52674c}
.case-note:before{background:#a4cf7c}
.activity-symbol{background:#293e32;color:#c0e6a2;border-radius:3px}
.equipment-line .mono{color:#c3d5c8}
.task.done .task-text{color:#a0b0ba}
.task.locked{color:#a0b0ba}
dialog{background:#101e28;border-color:#49616d;border-radius:5px}
.help-note{background:#1a2e30}
.toast{background:#21392d;border-color:#68894c;color:#edf7e6;border-radius:4px}
.theme-credit{font-size:9px;color:#97aab4;margin:15px 0 0}
.theme-credit a{color:#bcd69e;text-decoration:none}
.theme-credit a:hover{text-decoration:underline}
.employee-filter-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);background:#182b23;color:var(--muted);font-size:11px}
.employee-filter-notice strong{color:var(--text);font-weight:600}
.employee-filter-notice button{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;color:var(--accent);border-color:#4f6941;background:#132219;font-size:11px}
.employee-filter-notice button:hover{background:#263e29;border-color:var(--accent)}
.employee-filter-notice button>span{font-size:19px;line-height:1;font-weight:400}
@media(max-width:1100px){.header-right>span,.header-right>.local-dot{display:none}.orbital-art{right:0;width:320px;opacity:.65}.orbital-art img{width:270px}.intro{max-width:65%}.intro .desktop-break{display:none}}
@media(max-width:760px){.workspace-hero{padding:24px 20px;min-height:238px}.heading h1{font-size:32px}.heading .eyebrow{font-size:8px;letter-spacing:1px}.header{gap:12px}.app-mark{display:none}.intro{max-width:75%}.intro p{font-size:12px}.orbital-art{right:-95px;top:90px;opacity:.3}.header-right .demo-launch{font-size:10px;padding:9px}.demo-badge{font-size:8px;white-space:normal}.workspace-hero:after{left:20px}.tabs{gap:20px}}
@media(max-width:480px){.workspace-hero{padding:20px 15px}.heading h1{font-size:29px}.heading .eyebrow{font-size:7px;letter-spacing:.6px}.header-right .demo-launch{padding:8px;font-size:9px}.header-right .icon-button{display:none}.intro{max-width:100%}.intro p{max-width:85%}.orbital-art{right:-155px;top:96px;opacity:.17}.theme-credit{font-size:8px}}