:root{--app-color-background-canvas:#f8fafc;--app-color-background-subtle:#eef2f7;--app-color-surface-default:#fff;--app-color-surface-raised:#fff;--app-color-border-default:#8aa2ba;--app-color-border-strong:#35556f;--app-color-text-default:#051126;--app-color-text-muted:#243b53;--app-color-action-primary:#0e7490;--app-color-action-primary-hover:#155e75;--app-color-action-accent:#0e7490;--app-color-action-palette-foreground:#fff;--app-color-focus-ring:#0ea5e9;--app-color-status-success:#15803d;--app-color-status-warning:#b45309;--app-color-status-danger:#b91c1c;--app-color-status-info:#0369a1;--app-color-shell-canvas:color-mix(in srgb, var(--app-color-background-canvas) 82%, var(--app-color-action-accent) 18%);--app-color-shell-header:color-mix(in srgb, var(--app-color-surface-raised) 78%, var(--app-color-action-accent) 22%);--app-color-shell-control:color-mix(in srgb, var(--app-color-surface-default) 88%, var(--app-color-action-accent) 12%);--app-color-shell-active:color-mix(in srgb, var(--app-color-surface-raised) 86%, var(--app-color-action-accent) 14%);--app-color-shell-border:color-mix(in srgb, var(--app-color-border-default) 58%, var(--app-color-action-accent) 42%);--app-radius-control:6px;--app-radius-panel:8px;--app-shadow-raised:0 18px 40px #0511261a;--control-height:38px;--shell-header-height:52px;--shell-sidebar-width:284px;color:var(--app-color-text-default);background:var(--app-color-shell-canvas);letter-spacing:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45}:root[data-palette=graphite]{--app-color-action-primary:#475569;--app-color-action-primary-hover:#334155;--app-color-action-accent:#475569;--app-color-focus-ring:#64748b}:root[data-palette=forest]{--app-color-action-primary:#166534;--app-color-action-primary-hover:#14532d;--app-color-action-accent:#166534;--app-color-focus-ring:#22c55e}:root[data-palette=sepia]{--app-color-action-primary:#854d0e;--app-color-action-primary-hover:#713f12;--app-color-action-accent:#854d0e;--app-color-focus-ring:#ca8a04}:root[data-palette=rose]{--app-color-action-primary:#be123c;--app-color-action-primary-hover:#9f1239;--app-color-action-accent:#be123c;--app-color-focus-ring:#fb7185}:root[data-palette=blue]{--app-color-action-primary:#1d4ed8;--app-color-action-primary-hover:#1e40af;--app-color-action-accent:#1d4ed8;--app-color-focus-ring:#60a5fa}:root[data-palette=emerald]{--app-color-action-primary:#047857;--app-color-action-primary-hover:#065f46;--app-color-action-accent:#047857;--app-color-focus-ring:#34d399}:root[data-palette=amber]{--app-color-action-primary:#b45309;--app-color-action-primary-hover:#92400e;--app-color-action-accent:#b45309;--app-color-focus-ring:#f59e0b}:root[data-palette=ruby]{--app-color-action-primary:#b91c1c;--app-color-action-primary-hover:#991b1b;--app-color-action-accent:#b91c1c;--app-color-focus-ring:#ef4444}:root[data-mode=dark]{--app-color-background-canvas:#0b1220;--app-color-background-subtle:#111827;--app-color-surface-default:#111827;--app-color-surface-raised:#172033;--app-color-border-default:#52627a;--app-color-border-strong:#9fb1c7;--app-color-text-default:#eef6ff;--app-color-text-muted:#c0ccda;--app-color-shell-canvas:color-mix(in srgb, var(--app-color-background-canvas) 82%, var(--app-color-action-accent) 18%);--app-color-shell-header:color-mix(in srgb, var(--app-color-surface-raised) 78%, var(--app-color-action-accent) 22%);--app-color-shell-control:color-mix(in srgb, var(--app-color-surface-default) 88%, var(--app-color-action-accent) 12%);--app-color-shell-active:color-mix(in srgb, var(--app-color-surface-raised) 86%, var(--app-color-action-accent) 14%);--app-color-shell-border:color-mix(in srgb, var(--app-color-border-default) 58%, var(--app-color-action-accent) 42%);--app-shadow-raised:0 18px 40px #00000061}:root[data-contrast=high]{--app-color-border-default:var(--app-color-border-strong);--app-color-text-muted:var(--app-color-text-default)}:root[data-density=compact]{--control-height:32px;--shell-header-height:48px}*{box-sizing:border-box}body{background:var(--app-color-shell-canvas);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--app-color-focus-ring) 70%, transparent);outline-offset:2px}.app{background:var(--app-color-shell-canvas);min-height:100vh}h1,h2,p{margin:0}h1{color:var(--app-color-text-default);font-size:29px;line-height:1.12}h2{color:var(--app-color-text-default);font-size:18px;line-height:1.15}p{color:var(--app-color-text-muted)}label{color:var(--app-color-text-muted);gap:6px;font-size:13px;font-weight:700;display:grid}input,select{min-height:var(--control-height);border:1px solid var(--app-color-border-default);border-radius:var(--app-radius-control);background:var(--app-color-surface-default);color:var(--app-color-text-default);padding:0 10px}input::placeholder{color:color-mix(in srgb, var(--app-color-text-muted) 70%, transparent)}.primary-action,.secondary-action,.ghost-action,.icon-button,.avatar-button,.nav-item,.tab,.fixture-panel button,.avatar-menu button,.context-option{min-height:var(--control-height);border-radius:var(--app-radius-control);border:1px solid #0000;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.primary-action{border-color:var(--app-color-action-primary);background:var(--app-color-action-primary);color:var(--app-color-action-palette-foreground);justify-content:center;font-weight:800}.primary-action:hover{background:var(--app-color-action-primary-hover)}.secondary-action,.icon-button,.avatar-button,.tab,.avatar-menu button,.ghost-action{border-color:var(--app-color-border-default);background:var(--app-color-shell-control);color:var(--app-color-text-default)}.ghost-action{min-height:30px;padding:0 10px;font-weight:700}.icon-button{width:var(--control-height);justify-content:center;padding:0}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--app-color-border-default);border-radius:var(--app-radius-panel);background:var(--app-color-surface-raised);width:min(440px,100%);box-shadow:var(--app-shadow-raised);padding:24px}.login-heading{gap:8px;margin-bottom:18px;display:grid}.login-brand{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.login-form{gap:12px;display:grid}.fixture-panel{border-top:1px solid var(--app-color-border-default);gap:6px;margin-top:18px;padding-top:14px;display:grid}.fixture-panel__title{color:var(--app-color-text-muted);text-transform:uppercase;font-size:12px;font-weight:800}.fixture-panel button{background:var(--app-color-background-subtle);width:100%;color:var(--app-color-text-default);justify-content:space-between;padding:8px 10px}.fixture-panel button span:last-child{color:var(--app-color-text-muted);font-size:12px}.feedback{border-radius:var(--app-radius-control);padding:8px 10px;font-weight:700}.feedback--error{background:color-mix(in srgb, var(--app-color-status-danger) 12%, var(--app-color-surface-default));color:var(--app-color-status-danger)}.shell{grid-template-columns:var(--shell-sidebar-width) minmax(0, 1fr);grid-template-rows:var(--shell-header-height) minmax(0, 1fr);grid-template-areas:"header header""sidebar main";min-height:100vh;display:grid}.shell--collapsed{grid-template-columns:72px minmax(0,1fr)}.shell-header{z-index:5;border-bottom:1px solid var(--app-color-shell-border);background:var(--app-color-shell-header);grid-area:header;align-items:center;gap:8px;min-width:0;padding:7px 16px;display:flex;position:sticky;top:0}.brand-control,.context-control,.time-control{min-height:var(--control-height);border:1px solid var(--app-color-shell-border);border-radius:var(--app-radius-control);background:var(--app-color-shell-control);color:var(--app-color-text-default);align-items:center;gap:8px;padding:0 10px;text-decoration:none;display:inline-flex}.brand-control{font-weight:800}.brand-mark,.avatar-mark{background:var(--app-color-action-primary);width:28px;height:28px;color:var(--app-color-action-palette-foreground);border-radius:5px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:inline-flex}.context-control{max-width:min(360px,34vw);position:absolute;left:50%;transform:translate(-50%)}.context-control strong,.context-control span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.context-control strong:after{content:"";background:var(--app-color-border-default);vertical-align:middle;width:1px;height:22px;margin-left:10px;display:inline-block}.context-control span{color:var(--app-color-action-primary);font-weight:800}.environment-badge{border:1px solid var(--app-color-action-primary);background:color-mix(in srgb, var(--app-color-surface-default) 88%, var(--app-color-action-accent) 12%);width:max-content;min-height:26px;color:var(--app-color-text-default);letter-spacing:0;border-radius:5px;align-items:center;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.environment-badge--local{color:var(--app-color-text-default)}.environment-badge--preview{background:var(--app-color-surface-default);color:var(--app-color-text-default)}.environment-badge--target{color:var(--app-color-action-primary);border-style:dashed}.header-spacer{flex:1}.time-control{justify-content:center;min-width:86px}.time-control>span{text-align:right;gap:0;line-height:1.05;display:grid}.time-control strong{color:var(--app-color-text-default);font-size:12px}.avatar-area{position:relative}.avatar-button{padding:0 10px 0 4px}.avatar-menu{top:calc(var(--control-height) + 8px);border:1px solid var(--app-color-border-default);border-radius:var(--app-radius-panel);background:var(--app-color-surface-raised);width:260px;box-shadow:var(--app-shadow-raised);gap:6px;padding:8px;display:grid;position:absolute;right:0}.avatar-summary{color:var(--app-color-text-muted);gap:2px;padding:8px;font-size:12px;display:grid}.avatar-summary strong{color:var(--app-color-text-default);font-size:14px}.avatar-menu button{justify-content:flex-start;width:100%;padding:0 10px}.sidebar{border-right:1px solid var(--app-color-shell-border);background:var(--app-color-shell-canvas);flex-direction:column;grid-area:sidebar;min-width:0;padding:14px;display:flex}.sidebar nav{gap:18px;display:grid}.nav-item{width:100%;color:var(--app-color-text-default);text-align:left;background:0 0;justify-content:flex-start;padding:0 12px;font-weight:800}.nav-item--active{border-color:var(--app-color-shell-border);background:var(--app-color-shell-active);color:var(--app-color-text-default)}.sidebar-card{border:1px solid var(--app-color-border-default);border-radius:var(--app-radius-control);background:color-mix(in srgb, var(--app-color-surface-default) 82%, var(--app-color-action-accent) 18%);color:var(--app-color-text-default);gap:6px;margin-top:18px;padding:12px;display:grid}.sidebar-card span{color:var(--app-color-text-default);line-height:1.35}.shell--collapsed .brand-control strong,.shell--collapsed .brand-control .environment-badge,.shell--collapsed .nav-item span,.shell--collapsed .sidebar-card{display:none}.main{grid-area:main;min-width:0;padding:24px 32px;overflow:auto}.workbench{--workbench-offset:min(9vw, 130px);width:min(1360px, calc(100% - var(--workbench-offset)));margin-left:var(--workbench-offset);gap:18px;display:grid}.page-heading{gap:6px;display:grid}.eyebrow{color:var(--app-color-text-default);text-transform:uppercase;font-size:13px;font-weight:900}.fixture-controls{border:1px dashed var(--app-color-border-strong);border-radius:var(--app-radius-panel);background:color-mix(in srgb, var(--app-color-surface-default) 88%, transparent);align-items:center;gap:9px;width:max-content;min-height:36px;padding:4px 9px;display:inline-flex}.fixture-controls span,.fixture-controls strong{font-size:13px}.fixture-controls span:last-of-type{color:var(--app-color-action-primary);font-weight:800}.operations-panel{border:1px solid var(--app-color-border-strong);border-radius:var(--app-radius-panel);background:var(--app-color-surface-default);overflow:hidden}.panel-header{border-bottom:1px solid var(--app-color-border-default);justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:16px 14px;display:flex}.panel-header>div:first-child{gap:7px;display:grid}.panel-header span{color:var(--app-color-text-default);text-transform:uppercase;font-size:13px;font-weight:900}.tabs{justify-content:flex-end;gap:0;display:flex}.tab{border-color:var(--app-color-border-default);background:var(--app-color-surface-default);min-width:132px;color:var(--app-color-text-default);border-radius:0;justify-content:center;padding:0 12px;font-weight:800}.tab:first-child{border-radius:var(--app-radius-control) 0 0 var(--app-radius-control)}.tab:last-child{border-radius:0 var(--app-radius-control) var(--app-radius-control) 0}.tab--active{border-color:var(--app-color-action-primary);background:var(--app-color-action-primary);color:var(--app-color-action-palette-foreground)}.toolbar{grid-template-columns:minmax(260px, 1fr) minmax(220px, 390px) var(--control-height) var(--control-height);border-bottom:1px solid var(--app-color-border-default);align-items:center;gap:10px;padding:14px;display:grid}.search-control{min-height:var(--control-height);border:1px solid var(--app-color-border-default);border-radius:var(--app-radius-control);background:var(--app-color-surface-default);align-items:center;gap:8px;padding:0 10px;display:flex;position:relative}.search-control input{background:0 0;border:0;flex:1;min-width:0;min-height:auto;padding:0}.status-filter{width:100%}.table-frame{border:1px solid var(--app-color-border-default);border-radius:var(--app-radius-control);background:var(--app-color-surface-default);max-height:min(58vh,620px);margin:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:820px}th,td{border-bottom:1px solid var(--app-color-border-default);text-align:left;vertical-align:middle;padding:12px 14px}th{z-index:1;background:var(--app-color-background-subtle);color:var(--app-color-text-default);text-transform:uppercase;font-size:12px;font-weight:900;position:sticky;top:0}tr:last-child td{border-bottom:0}td span{color:var(--app-color-text-muted);font-size:12px;display:block}td strong{color:var(--app-color-text-default)}td select{width:144px}.capability-stack{flex-wrap:wrap;gap:6px;display:flex}.capability-pill{border:1px solid var(--app-color-border-default);border-radius:var(--app-radius-control);width:max-content;max-width:100%;color:var(--app-color-text-default);align-items:center;gap:6px;padding:3px 6px;display:inline-flex}.muted-action{color:var(--app-color-text-muted);font-weight:900}.support-band{border-top:1px solid var(--app-color-border-default);background:var(--app-color-background-subtle);color:var(--app-color-text-default);gap:4px;padding:14px;font-size:12px;display:grid}.support-band span{color:var(--app-color-text-default)}.tenant-capability-list{gap:8px;max-width:560px;display:grid}.capability-row{border:1px solid var(--app-color-border-default);border-radius:var(--app-radius-control);background:var(--app-color-surface-default);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.status-badge{border:1px solid var(--app-color-border-default);width:max-content;min-height:22px;color:var(--app-color-text-default);border-radius:999px;align-items:center;padding:1px 8px;font-size:12px;font-weight:800;display:inline-flex}.status-badge--enabled,.status-badge--active{border-color:var(--app-color-status-success);color:var(--app-color-status-success)}.status-badge--planned,.status-badge--pending{border-color:var(--app-color-status-info);color:var(--app-color-status-info)}.status-badge--disabled,.status-badge--suspended,.status-badge--archived,.status-badge--inactive{border-color:var(--app-color-status-warning);color:var(--app-color-status-warning)}.modal-backdrop{z-index:10;background:#05112673;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--app-color-border-default);border-radius:var(--app-radius-panel);background:var(--app-color-surface-raised);width:min(520px,100%);box-shadow:var(--app-shadow-raised);padding:14px}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.context-list{gap:8px;display:grid}.context-option{border-color:var(--app-color-border-default);background:var(--app-color-surface-default);width:100%;color:var(--app-color-text-default);justify-content:space-between;padding:10px 12px}.context-option span:last-child{color:var(--app-color-text-muted)}.context-option--active{border-color:var(--app-color-action-primary)}.help-grid{gap:10px;display:grid}.help-grid div{border:1px solid var(--app-color-border-default);border-radius:var(--app-radius-control);gap:4px;padding:10px;display:grid}.help-grid span{color:var(--app-color-text-muted);overflow-wrap:anywhere}@media (width<=1180px){.context-control{position:static;transform:none}.workbench{width:100%;margin-left:0}}@media (width<=820px){.shell,.shell--collapsed{grid-template-columns:1fr;grid-template-rows:var(--shell-header-height) auto minmax(0, 1fr);grid-template-areas:"header""sidebar""main"}.shell-header{overflow-x:auto}.brand-control .environment-badge,.context-control,.time-control,.brand-control strong{display:none}.sidebar{border-right:0;border-bottom:1px solid var(--app-color-shell-border)}.sidebar nav{display:flex;overflow-x:auto}.nav-item{white-space:nowrap;width:auto}.main{padding:18px}.fixture-controls,.panel-header,.toolbar{align-items:flex-start}.fixture-controls,.panel-header{flex-direction:column;width:100%}.toolbar{grid-template-columns:1fr}.tabs{justify-content:stretch;width:100%}.tab{flex:1;min-width:0}}