/* One final token layer for the inherited workspaces and v1 operations. */
:root{--bg:#0b1421;--surface:#122033;--panel:#122033;--panel2:#192b40;--border:#33495f;--line:#33495f;--line2:#24394d;--text:#e9f0f8;--text-primary:var(--text);--text-secondary:#b2c2d3;--muted:#a1b5c9;--soft:#c8d8e8;--accent:#72dfc3;--accent2:#91baff;--danger:#ff9d9f;--warn:#f3d497;--focus:#8cbdff;--radius:13px;--shadow:0 10px 35px #0003;color-scheme:dark}
:root[data-theme=light]{--bg:#f3f6fa;--surface:#fff;--panel:#fff;--panel2:#eaf0f7;--border:#b2c0d0;--line:#bac6d5;--line2:#d7e0ea;--text:#132b43;--text-secondary:#405a73;--muted:#4f657a;--soft:#294a67;--accent:#086b59;--accent2:#245d9b;--danger:#a62035;--warn:#805300;--focus:#255fba;--shadow:0 8px 25px #203b5510;color-scheme:light}
body{background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans SC",system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}
.sidebar,.topbar,.footer,.workspace-banner{background:var(--surface);color:var(--text);border-color:var(--line2)}
.panel,.network-flow-card,.ops-flow,.path-pill,.resource-dialog,.login-card,.stat-card,.ops-cluster,.ops-dialog{background:var(--surface);border:1px solid var(--line2);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow)}
.panel{margin-bottom:20px}.panel-head{border-color:var(--line2)}
.panel h2,.panel h3,.panel h4,.panel-title,.page-heading h1,.dialog-head h2,.breadcrumbs strong,.resource-line strong,.resource-line b{color:var(--text)}
.panel p,.page-heading p,.ops-legend,.studio-muted,.panel-subtitle,.path-meta,.detail-item,.task-form label,.form-fields label{color:var(--text-secondary)}
.button,.mini-button,.icon-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:9px;background:var(--panel2);color:var(--text);font-weight:650;padding:9px 15px;transition:background .15s,border-color .15s}
.button-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.button:hover,.mini-button:hover{border-color:var(--accent);filter:brightness(1.07)}
button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
input:not([type=checkbox]):not([type=radio]),select,textarea,.task-form select,.task-form textarea,.task-form input{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:9px;min-height:42px;padding:9px 12px;font:inherit;max-width:100%}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px!important}
input[type=checkbox],input[type=radio]{accent-color:var(--accent);min-height:18px!important;width:18px;height:18px;vertical-align:middle;flex-shrink:0}
label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:9px}
textarea{resize:vertical}::placeholder{color:var(--muted);opacity:1}
.tag{background:var(--panel2);color:var(--text);border-color:var(--border)}.tag.green{color:var(--accent)}.tag.amber{color:var(--warn)}
.resource-line{border-color:var(--line2);gap:12px;padding:10px 0;flex-wrap:wrap}.resource-line small{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
table{width:100%;border-collapse:collapse}th{color:var(--text-secondary);background:var(--panel2);text-align:left}td{color:var(--text);border-color:var(--line2)}th,td{padding:12px 14px;vertical-align:top}tr:hover td{background:var(--panel2)}
details{border-bottom:1px solid var(--line2);padding:10px 0}summary{cursor:pointer;font-weight:650;color:var(--text);min-height:30px}
progress{height:9px;width:100%;accent-color:var(--accent);border:0;border-radius:9px;overflow:hidden;background:var(--panel2)}progress::-webkit-progress-bar{background:var(--panel2)}progress::-webkit-progress-value{background:var(--accent)}
.ops-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.network-flow-card{padding:20px;margin:16px 0}.ops-grid{gap:18px}
pre,.task-output{background:var(--panel2);color:var(--text);border:1px solid var(--line2);border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere}
.nav-item{color:var(--text-secondary);border-radius:9px;min-height:44px}.nav-item:hover{background:var(--panel2);color:var(--text)}.nav-item.active{background:var(--panel2);border-color:var(--border);color:var(--accent)}
body:not([data-expert=true]) [data-expert-only]{display:none!important}
body[data-theme=light] .horizon-hero,body[data-theme=light] .horizon-panel,body[data-theme=light] .horizon-map-shell,body[data-theme=light] .ops-hero,body[data-theme=light] .network-live-canvas,body[data-theme=light] .environment-block{background:var(--surface);color:var(--text);border-color:var(--line2)}
body[data-theme=light] .horizon-title,body[data-theme=light] .horizon-heading,body[data-theme=light] .hero-content h2,body[data-theme=light] .environment-block b{color:var(--text)}
.top-actions{gap:9px}.top-actions .button{padding:6px 11px;min-height:36px;font-size:12px}.brand small{letter-spacing:.8px}.content{max-width:1700px}
.diagnostic-route{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.diagnostic-hop{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:7px 12px}.diagnostic-stats{display:flex;gap:24px;flex-wrap:wrap;padding:12px 0}.diagnostic-stats strong{font-size:20px;display:block}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(prefers-contrast:more){:root{--border:currentColor;--muted:var(--text);--line2:currentColor}.button,.tag,.panel{border-width:2px}}
@media(max-width:800px){.top-clock,.mode-pill,.workspace-banner,.brand-light{display:none}.content{padding:20px 14px}.topbar{height:auto;min-height:64px;gap:12px;flex-wrap:wrap;padding:12px 14px}.top-actions{flex-wrap:wrap}.table-wrap{overflow-x:auto}.task-form{grid-template-columns:1fr}.panel-head{flex-wrap:wrap}.sidebar .nav-item{font-size:13px}.network-flow-card{padding:14px}.resource-line{align-items:flex-start}}


/* v1.0.0 UI follow-up: resolve legacy dark-literal leakage in light theme.
 * The last sheet owns contrast, forms and status colours; dark mode is untouched. */
:root[data-theme=light]{--bg:#f3f7fb;--surface:#ffffff;--panel:#ffffff;--panel2:#ecf2f7;--border:#b5c5d5;--line:#c1cedb;--line2:#dbe5ee;--text:#142c42;--text-secondary:#344e64;--muted:#506a7f;--soft:#34556a;--accent:#086b59;--accent2:#275fa9;--danger:#9c263d;--warn:#79520b;--focus:#2c69b9;--shadow:0 10px 24px #1b426015;color-scheme:light}
html[data-theme=light],body[data-theme=light]{color-scheme:light}
body[data-theme=light] .app-shell,body[data-theme=light] .main-area{background:var(--bg)!important;color:var(--text)}
body[data-theme=light] .sidebar{background:#f9fbfe;border-right:1px solid var(--line2);color:var(--text)}
body[data-theme=light] .topbar{background:#ffffffed;border-bottom:1px solid var(--line2)}
body[data-theme=light] .brand strong,body[data-theme=light] .breadcrumbs strong,body[data-theme=light] .quick-copy strong,body[data-theme=light] .primary-cell,body[data-theme=light] .empty-row strong,body[data-theme=light] .detail-item span:last-child{color:var(--text)}
body[data-theme=light] .brand-light,body[data-theme=light] .eyebrow{color:#086b59}
body[data-theme=light] .brand small,body[data-theme=light] .nav-caption,body[data-theme=light] .breadcrumbs,body[data-theme=light] .panel-subtitle,body[data-theme=light] .stat-top,body[data-theme=light] .stat-note,body[data-theme=light] .cell-muted,body[data-theme=light] .table-count,body[data-theme=light] .detail-item span:first-child{color:var(--muted)}
body[data-theme=light] .environment-block,body[data-theme=light] .sidebar-bottom,body[data-theme=light] .quick-row,body[data-theme=light] .detail-item{background:var(--surface);border-color:var(--line2);color:var(--text)}
body[data-theme=light] .environment-block b,body[data-theme=light] .sidebar-bottom strong{color:var(--text)}
body[data-theme=light] .nav-item{color:var(--text-secondary)}
body[data-theme=light] .nav-item:hover{background:#e8f0f5;color:var(--text)}
body[data-theme=light] .nav-item.active{background:#d9eee6;border:1px solid #9bcbb9;box-shadow:inset 3px 0 #08715d;color:#075c4b}
body[data-theme=light] .nav-item.active .nav-icon{color:#075c4b}
body[data-theme=light] .panel,body[data-theme=light] .stat-card,body[data-theme=light] .resource-dialog,body[data-theme=light] .login-card,body[data-theme=light] .zt-plan,body[data-theme=light] .network-flow-card{background:var(--surface);color:var(--text);border-color:var(--line2);box-shadow:var(--shadow)}
body[data-theme=light] .panel-head,body[data-theme=light] .inventory-toolbar,body[data-theme=light] .footer{border-color:var(--line2)}
body[data-theme=light] .horizon-hero,body[data-theme=light] .horizon-panel,body[data-theme=light] .horizon-map-shell,body[data-theme=light] .ops-hero,body[data-theme=light] .network-live-canvas,body[data-theme=light] .environment-block,body[data-theme=light] .topology-canvas{background-color:#f0f6fa;color:var(--text);border-color:var(--line2)}
body[data-theme=light] .horizon-hero h1,body[data-theme=light] .horizon-hero h2,body[data-theme=light] .ops-hero h2,body[data-theme=light] .horizon-title,body[data-theme=light] .horizon-heading{color:var(--text)}
body[data-theme=light] .horizon-hero p,body[data-theme=light] .ops-hero p{color:var(--text-secondary)}
body[data-theme=light] .button-ghost,body[data-theme=light] .mini-button,body[data-theme=light] .icon-button{background:#edf3f8;color:#19374c;border:1px solid #b5c6d5}
body[data-theme=light] .button-primary{background:#086b59;color:#fff;border-color:#086b59}
body[data-theme=light] .button-primary:hover{background:#075843;color:white}
body[data-theme=light] .tag{background:#eaf1f5;color:#284861;border-color:#c9d5df}
body[data-theme=light] .tag.green{background:#dcefe7;color:#08614c;border-color:#9bceba}
body[data-theme=light] .tag.amber,body[data-theme=light] .notice{background:#fff7e8;color:#754e09;border-color:#e7c88d}
body[data-theme=light] .notice strong{color:#704908}
body[data-theme=light] .error-panel,body[data-theme=light] .dialog-error,body[data-theme=light] .install-failure{background:#fff0f1;color:#902a37;border-color:#e8b3b8}
body[data-theme=light] .table-wrap thead,body[data-theme=light] thead,body[data-theme=light] .table-wrap th{background:#eaf1f6;color:#345367;border-color:var(--line2)}
body[data-theme=light] .table-wrap td,body[data-theme=light] td{color:#233d54;border-color:var(--line2)}
body[data-theme=light] tr:hover td,body[data-theme=light] .quick-row:hover{background:#f1f6fa}
body[data-theme=light] input:not([type=checkbox]):not([type=radio]),body[data-theme=light] select,body[data-theme=light] textarea,body[data-theme=light] .search-box,body[data-theme=light] .field input,body[data-theme=light] .field select,body[data-theme=light] .field textarea{background:#ffffff;color:#142c42;border-color:#b4c5d4}
body[data-theme=light] input::placeholder,body[data-theme=light] textarea::placeholder{color:#60788a}
body[data-theme=light] .field label,body[data-theme=light] .login-field,body[data-theme=light] .dialog-head p{color:var(--text-secondary)}
body[data-theme=light] .mode-pill{background:#fef5df;color:#76500c;border:1px solid #e6cc91}
body[data-theme=light] .topology-canvas{background-image:radial-gradient(#cbdce9 1px,transparent 1px)}
body[data-theme=light] pre,body[data-theme=light] code,body[data-theme=light] .zt-task-evidence,body[data-theme=light] .task-output{background:#f1f5fa;color:#16354a;border-color:#d6e0e8}
body[data-theme=light] .toast{background:#e2f2e9;color:#075341;border-color:#9bceba}
body[data-theme=light] .toast.error{background:#ffeff0;color:#92273d;border-color:#e5b3b8}
body[data-theme=light] .resource-line small{color:#4e667a}
.retirement-row{align-items:center;justify-content:space-between}.retirement-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:180px}.retirement-copy small{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.retirement-row button{white-space:nowrap}.retirement-row button:disabled{opacity:.48}
@media (max-width:750px){.retirement-row{align-items:stretch}.retirement-row button{width:100%}}