body[data-theme=olympus]{--cc-bg:#f4efe5;--cc-panel:#fffdf8;--cc-panel-alt:#f8f5ee;--cc-line:#ded3c1;--cc-text:#29373c;--cc-muted:#68767a;--cc-top:#1b313c;--cc-top-line:#435963;--cc-accent:#187b8d;--cc-gold:#a27841;--cc-success:#2e7461;--cc-alert:#be4a53}
body[data-theme=tartarus]{--cc-bg:#101b22;--cc-panel:#142936;--cc-panel-alt:#1b3441;--cc-line:#38505b;--cc-text:#f1f0e9;--cc-muted:#afbec0;--cc-top:#09151c;--cc-top-line:#29424e;--cc-accent:#4cd7f0;--cc-gold:#d5ad71;--cc-success:#8acbb0;--cc-alert:#ff7c84}
body[data-layout=command] .app-shell:not([hidden]){display:block;background:var(--cc-bg)}
body[data-layout=command] .main-column{display:flex;min-height:100vh}
body[data-layout=command] .topbar.command-topbar{height:72px;min-height:72px;padding:10px max(24px,calc((100vw - 1540px)/2));position:sticky;top:0;z-index:22;background:var(--cc-top);color:#f0efe9;border-bottom:1px solid var(--cc-top-line);display:flex;gap:18px;justify-content:initial}
body[data-layout=command] .command-topbar .brand{display:flex;align-items:center;padding:0;margin:0 14px 0 0;min-width:225px;gap:12px;color:#f5f3eb;flex:none}
body[data-layout=command] .command-topbar .brand strong{font:650 18px/1 Inter,Segoe UI,Arial,sans-serif;letter-spacing:.23em}
body[data-layout=command] .command-topbar .brand-logo{height:44px;width:44px;border-radius:50%;overflow:hidden;position:relative;background:#fffdf8;border:2px solid var(--cc-gold);box-shadow:0 0 0 2px #ffffff18;flex:none;margin:0}
body[data-layout=command] .command-topbar .brand-logo img{position:absolute;width:88px;height:88px;max-width:none;left:50%;top:50%;transform:translate(-50%,-44%);filter:none}
body[data-layout=command] .command-company{background:#ffffff0c;border:1px solid var(--cc-top-line);border-radius:8px;padding:11px 14px;min-width:185px;display:flex;align-items:center;gap:10px;font-size:12px}
body[data-layout=command] .command-company>span{color:var(--cc-gold);font-size:17px}
body[data-layout=command] .command-company strong{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-layout=command] .command-search{display:flex;align-items:center;flex:1;max-width:440px;min-width:150px;border:1px solid var(--cc-top-line);background:#ffffff0a;border-radius:8px;padding:0 12px;gap:8px}
body[data-layout=command] .command-search span{font-size:24px;color:#b2c8d0}
body[data-layout=command] .command-search input{border:0;outline:0;background:transparent;color:#f8faf9;width:100%;height:40px;font-size:12px}
body[data-layout=command] .command-search input::placeholder{color:#a8bac1}
body[data-layout=command] .top-actions{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}
body[data-layout=command] .command-head-button,body[data-layout=command] .command-account{border:0;background:transparent;color:#f1f1ec;padding:7px 9px;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
body[data-layout=command] .command-head-button:hover,body[data-layout=command] .command-account:hover{background:#ffffff1c}
.account-menu{position:relative;flex:none}.account-menu summary{list-style:none;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:focus-visible,.account-menu-panel button:focus-visible{outline:2px solid var(--cc-accent,var(--gold));outline-offset:2px}.account-menu-chevron{font-size:16px;line-height:1}.account-menu[open] .account-menu-chevron{transform:rotate(180deg)}.account-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:184px;padding:6px;background:var(--cc-panel,var(--surface));color:var(--cc-text,var(--ink));border:1px solid var(--cc-line,var(--line));border-radius:9px;box-shadow:var(--shadow)}.account-menu-panel button{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:11px 12px;border-radius:6px;font-size:13px}.account-menu-panel button:hover{background:var(--cc-panel-alt,var(--surface-2))}
body[data-layout=command] .command-notifications .nav-count{background:#c9505d;color:white;border-radius:20px;padding:2px 6px;font-size:10px}
body[data-layout=command] .command-avatar{width:32px;height:32px;border-radius:50%;background:#87c5f1;color:#143142;display:grid;place-items:center;font-weight:800}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body[data-layout=command] .nav{display:flex;gap:2px;align-items:stretch;padding:0 max(24px,calc((100vw - 1540px)/2));position:sticky;top:72px;z-index:21;min-height:52px;overflow-x:auto;scrollbar-width:none;background:var(--cc-top);border-bottom:1px solid var(--cc-top-line)}
body[data-layout=command] .nav::-webkit-scrollbar{display:none}
body[data-layout=command] .nav-button{width:auto;flex:none;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#cad6d8;padding:14px 13px 12px;font-size:12px;font-weight:550;white-space:nowrap;min-height:52px;gap:6px}
body[data-layout=command] .nav-button.active{border-bottom-color:var(--cc-accent);background:transparent;color:white;font-weight:750}
body[data-layout=command] .nav-button:hover{background:#ffffff12;color:white}
body[data-layout=command] .nav-button .nav-count{margin-left:2px;color:var(--cc-gold)}
body[data-layout=command] .dev-banner{font-size:11px;padding:8px 24px;background:var(--cc-panel-alt);border-bottom:1px solid var(--cc-line);color:var(--cc-muted)}
body[data-layout=command] #content{max-width:1540px;margin:0 auto;padding:26px 24px 44px;width:100%;color:var(--cc-text)}
body[data-layout=command] .page-head h1,body[data-layout=command] .project-card h3,body[data-layout=command] .job-card h3{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:650;letter-spacing:-.025em}
body[data-layout=command] .page-head{align-items:center;flex-wrap:wrap;margin-bottom:20px}
body[data-layout=command] .page-head>div:first-child{flex:1;min-width:min(100%,290px)}
body[data-layout=command] .page-head h1{font-size:clamp(25px,2.7vw,35px);margin:5px 0 7px}
body[data-layout=command] .page-head p{font-size:12px}
body[data-layout=command] .page-head .actions{justify-content:flex-end}
body[data-layout=command] .stats{gap:12px;margin-bottom:16px}
body[data-layout=command] .stat{background:var(--cc-panel);border:1px solid var(--cc-line);border-radius:10px;padding:16px;box-shadow:var(--shadow)}
body[data-layout=command] .stat span{color:var(--cc-muted);font-size:10px}
body[data-layout=command] .stat strong{font:700 27px/1.1 Inter,Segoe UI,Arial,sans-serif;margin-top:8px}
body[data-layout=command] .notice{background:color-mix(in srgb,var(--cc-gold) 14%,var(--cc-panel));border:1px solid var(--cc-line);border-left:4px solid var(--cc-gold);border-radius:8px;margin-bottom:20px}
body[data-layout=command] .section-title h2{font:650 18px Inter,Segoe UI,Arial,sans-serif}
body[data-layout=command] .lane-head{border-bottom:1px solid var(--cc-line);margin-bottom:10px}
body[data-layout=command] .project-card,body[data-layout=command] .review-card,body[data-layout=command] .job-card,body[data-layout=command] .settings-card,body[data-layout=command] .event-list,body[data-layout=command] .machine-card{border-radius:10px;background:var(--cc-panel)}
body[data-layout=command] .hermes-dock{background:var(--cc-panel);border-top:1px solid var(--cc-line)}
body[data-layout=command] .hermes-emblem{position:relative;overflow:hidden;border-radius:50%;background:#fffdf8;border:2px solid var(--cc-gold);flex:none}
body[data-layout=command] .hermes-emblem img{position:absolute;width:75px;height:75px;max-width:none;left:50%;top:50%;transform:translate(-50%,-44%)}

.cc-dashboard{color:var(--cc-text);font-family:Inter,Segoe UI,Arial,sans-serif}
.cc-subnav{display:flex;align-items:center;gap:4px;overflow:auto;scrollbar-width:none;margin:0 0 14px}
.cc-subnav a{font-size:12px;color:var(--cc-muted);padding:10px 13px;border-radius:7px;white-space:nowrap}
.cc-subnav a:hover,.cc-subnav a.active{color:var(--cc-text);background:color-mix(in srgb,var(--cc-accent) 14%,var(--cc-panel))}
.cc-subnav a.active{border-bottom:2px solid var(--cc-accent)}
.cc-subnav time{margin-left:auto;color:var(--cc-muted);font-size:11px;white-space:nowrap}
.cc-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}
.cc-metric{display:flex;align-items:center;gap:12px;min-height:91px;border:1px solid var(--cc-line);border-radius:10px;background:var(--cc-panel);padding:14px;box-shadow:var(--shadow);min-width:0}
.cc-metric>.cc-metric-icon{height:48px;width:48px;display:grid;place-items:center;flex:none;border-radius:50%;background:color-mix(in srgb,var(--cc-accent) 18%,var(--cc-panel));color:var(--cc-accent);font-size:21px}
.cc-metric-icon.gold{background:color-mix(in srgb,var(--cc-gold) 19%,var(--cc-panel));color:var(--cc-gold)}
.cc-metric-icon.green{background:color-mix(in srgb,var(--cc-success) 18%,var(--cc-panel));color:var(--cc-success)}
.cc-metric-icon.red{background:color-mix(in srgb,var(--cc-alert) 18%,var(--cc-panel));color:var(--cc-alert)}
.cc-metric strong,.cc-metric span,.cc-metric small{display:block}.cc-metric strong{font-size:25px;line-height:1}.cc-metric span{font-size:11px;margin-top:5px}.cc-metric small{font-size:10px;color:var(--cc-muted);margin-top:3px}
.cc-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,1fr);gap:12px}.cc-main-stack,.cc-side-stack{min-width:0;display:flex;flex-direction:column;gap:12px}
.cc-panel{background:var(--cc-panel);border:1px solid var(--cc-line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;min-width:0}
.cc-panel>header{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:50px;padding:10px 15px;border-bottom:1px solid var(--cc-line)}
.cc-panel h2{font-size:14px;display:flex;align-items:center;gap:9px;margin:0;line-height:1.25}
.cc-link{border:0;background:transparent;color:var(--cc-accent);font-size:11px;font-weight:650;white-space:nowrap;padding:5px}.cc-link:hover{text-decoration:underline}
.cc-table-wrap{overflow:auto}.cc-table-wrap table{width:100%;border-collapse:collapse;font-size:11px;min-width:560px}.cc-table-wrap th{text-align:left;color:var(--cc-muted);background:var(--cc-panel-alt);font-size:10px;font-weight:600;padding:10px 12px;white-space:nowrap}.cc-table-wrap td{padding:10px 12px;border-top:1px solid var(--cc-line);vertical-align:middle}.cc-table-wrap td small{display:block;color:var(--cc-muted);margin-top:3px;line-height:1.3}.cc-row-link{border:0;background:transparent;color:var(--cc-accent);font-weight:800;padding:0;text-align:left;font-size:11px}.cc-row-link:hover{text-decoration:underline}
.cc-pill{display:inline-block;border-radius:20px;background:color-mix(in srgb,var(--cc-accent) 20%,var(--cc-panel));color:var(--cc-accent);font-size:10px;padding:5px 8px;white-space:nowrap}.cc-pill.held,.cc-pill.paused{background:color-mix(in srgb,var(--cc-alert) 16%,var(--cc-panel));color:var(--cc-alert)}.cc-pill.done,.cc-pill.complete{background:color-mix(in srgb,var(--cc-success) 16%,var(--cc-panel));color:var(--cc-success)}
.cc-progress{display:inline-block;vertical-align:middle;width:68px;height:7px;background:var(--cc-line);border-radius:9px;overflow:hidden;margin-right:7px}.cc-progress i{display:block;height:100%;background:var(--cc-success)}
.cc-panel-body{padding:12px 14px}.cc-panel-body>p{font-size:12px;color:var(--cc-muted);margin:1px 0 12px;line-height:1.45}.cc-empty{padding:10px 4px;color:var(--cc-muted);font-size:12px;line-height:1.4}
.cc-agent{height:38px;width:38px;border-radius:50%;overflow:hidden;position:relative;background:#fffdf8;border:2px solid var(--cc-gold);flex:none}.cc-agent img{position:absolute;width:77px;height:77px;max-width:none;left:50%;top:50%;transform:translate(-50%,-44%)}.cc-agent.small{height:28px;width:28px}.cc-agent.small img{width:58px;height:58px}
.cc-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cc-quick-actions button{border:1px solid var(--cc-line);background:var(--cc-panel-alt);color:var(--cc-text);border-radius:6px;padding:9px;text-align:left;font-size:11px}.cc-quick-actions button:hover{border-color:var(--cc-accent)}
.cc-alert-list{padding:3px 13px}.cc-alert{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--cc-line);background:transparent;color:var(--cc-text);padding:10px 0}.cc-alert:last-child{border:0}.cc-alert:hover{background:var(--cc-panel-alt)}.cc-alert>span:nth-child(2){flex:1;min-width:0}.cc-alert strong,.cc-alert small{display:block}.cc-alert strong{font-size:11px}.cc-alert small{font-size:10px;color:var(--cc-muted);margin-top:3px}.cc-alert-symbol{height:27px;width:27px;border-radius:50%;display:grid;place-items:center;background:var(--cc-gold);color:var(--cc-top);font-weight:900;flex:none}.cc-alert-symbol.danger{background:var(--cc-alert);color:white}
.cc-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.cc-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.cc-small-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--cc-line);font-size:11px}.cc-small-row:last-child{border-bottom:0}.cc-small-row strong,.cc-small-row small{display:block}.cc-small-row strong{font-size:11px}.cc-small-row small{color:var(--cc-muted);font-size:10px;margin-top:3px}.cc-grow{flex:1;min-width:0;overflow-wrap:anywhere}.cc-icon{height:27px;width:27px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--cc-accent) 15%,var(--cc-panel));color:var(--cc-accent);flex:none}.cc-icon.warning{background:color-mix(in srgb,var(--cc-alert) 15%,var(--cc-panel));color:var(--cc-alert)}.cc-state{height:8px;width:8px;background:var(--cc-muted);border-radius:50%;flex:none}.cc-state.online{background:var(--cc-success)}.cc-small-button{border:1px solid var(--cc-gold);background:var(--cc-gold);color:var(--cc-top);border-radius:5px;padding:6px 8px;font-size:10px;font-weight:750}.cc-action{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--cc-line)}.cc-action:last-child{border-bottom:0}.cc-action>span{height:26px;width:26px;border-radius:50%;background:var(--cc-line);display:grid;place-items:center;font-size:11px;flex:none}.cc-action strong{font-size:11px;font-weight:600;flex:1;line-height:1.4}
@media(max-width:1240px){.cc-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}body[data-layout=command] .command-topbar .brand{min-width:175px}body[data-layout=command] .command-topbar .brand strong{font-size:15px}body[data-layout=command] .command-company{min-width:145px}}
@media(max-width:950px){body[data-layout=command] .topbar.command-topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 16px}body[data-layout=command] .command-search{order:3;max-width:none;flex-basis:100%}body[data-layout=command] .nav{top:0;padding:0 12px;position:relative}.cc-main-grid{grid-template-columns:1fr}.cc-side-stack{display:grid;grid-template-columns:1fr 1fr}.cc-bottom-grid{grid-template-columns:1fr 1fr}}
@media(max-width:690px){.cc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-side-stack,.cc-bottom-grid,.cc-insights-grid{grid-template-columns:1fr}body[data-layout=command] #content{padding:16px 12px 35px}body[data-layout=command] .command-topbar .brand{min-width:0;margin:0}body[data-layout=command] .command-company{display:none}body[data-layout=command] .command-account #account-name{display:none}.cc-subnav time{display:none}.cc-panel h2{font-size:13px}}
@media(max-width:420px){.cc-metric{padding:9px;gap:7px;min-height:77px}.cc-metric>.cc-metric-icon{width:34px;height:34px;font-size:16px}.cc-metric strong{font-size:20px}.cc-metric span{font-size:10px}.cc-metric small{font-size:9px}.cc-quick-actions{grid-template-columns:1fr}body[data-layout=command] .command-topbar .brand strong{font-size:13px}}
