/* ux styles consolidated in original cascade order. */ /* Shared readability and interaction polish; palette remains theme-driven. */ .feature-note{font-size:13px;line-height:1.55}.field label,.field-group label{font-size:13px}.card-label,.chart-title{font-size:12px}.workspace-back{font-size:13px}.panel-tab{min-height:40px}.sidebar .nav-label{font-size:10px}.sidebar-instances a{display:block;text-align:center;text-decoration:none;padding:8px}.manager-table th{font-size:11px}.manager-table small,.manager-actions button,.manager-link{font-size:12px}.manager-actions{white-space:normal;min-width:260px}.manager-actions>*{margin-bottom:6px}.manager-footnote{font-size:12px}.operator-cards .config-button{min-height:38px}.operator-advanced{margin-top:14px}.operator-advanced summary{padding:8px 0}.operator-cards .operator-facts{font-size:13px}.operator-row{padding:12px;border-width:0 0 0 3px}.operator-row small{font-size:13px}.operator-row strong{font-size:14px}#startup-diagnostics-healthy .operator-row{border:0;padding:8px 0}#startup-diagnostic-summary{margin:12px 0}.startup-savebar,.config-savebar{position:sticky;bottom:12px;z-index:12;background:var(--surface2);border:1px solid var(--accent-border);padding:14px;box-shadow:0 3px 15px #0004}.startup-savebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.startup-savebar .feature-note{flex-basis:100%;margin:0}.startup-savebar .feature-note:empty{display:none}#panel-startup .operator-cards{align-items:stretch}#panel-startup .operator-cards>.card{min-width:0}.upload-progress{padding:14px;margin:12px 0;border:1px solid var(--border);background:var(--surface)}.upload-progress progress{width:min(100%,480px);display:block;margin:12px 0}.upload-progress ul{max-height:200px;overflow:auto;padding:0 0 0 20px;font-size:13px;overflow-wrap:anywhere}.mobile-nav-toggle{display:none}.schedule-countdown{flex-basis:100%;color:var(--accent);font-size:13px}#charts-feedback,#dashboard-feedback{grid-column:1/-1;border-left:3px solid var(--warn);padding:12px;background:var(--surface)} @media(min-width:701px){.dashboard-summary .feature-note{font-size:12px}.dashboard-heading .stat-item .value{font-size:13px}.dashboard-heading .ctrl-btn{font-size:12px;min-height:40px}.sidebar-bottom .appearance-link{font-size:12px}.manager-main>#overview-feedback{font-size:13px}} @media(max-width:700px){.mobile-nav-toggle{display:block;width:100%;text-align:left;min-height:44px;margin-bottom:14px;padding:10px;background:var(--surface);color:var(--text);border:1px solid var(--border)}.sidebar{display:none}.navigation-open .sidebar{display:flex;max-height:65vh;overflow:auto;padding:12px;border:1px solid var(--border);background:var(--surface);margin-bottom:18px}.sidebar-bottom{display:block!important;margin-top:12px}.sidebar-bottom>.brand-icon,.sidebar-bottom>div{display:none}.sidebar-bottom .appearance-link{display:block;margin:0}.panel-tabs{flex-direction:column;flex-wrap:nowrap}.panel-tab{flex:none;text-align:left;padding:10px;font-size:14px}.page-heading{margin-bottom:14px}.page-heading p{font-size:13px}.layout{padding-top:12px}.startup-savebar,.config-savebar{bottom:4px;padding:10px;gap:8px}.startup-savebar>div{display:flex;gap:6px;flex-wrap:wrap}.operator-cards{gap:14px}.manager-header{font-size:11px}.manager-header>div{gap:8px}.manager-header .workspace-back{font-size:12px}.manager-summary span{font-size:11px}.manager-table td{padding:12px}.startup-cpu-options label{min-height:40px}} /* field styles consolidated in original cascade order. */ @font-face{font-family:Barlow;src:url('/static/fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap} @font-face{font-family:Barlow;src:url('/static/fonts/Barlow-Medium.ttf') format('truetype');font-weight:500 900;font-display:swap} @font-face{font-family:'Barlow Condensed';src:url('/static/fonts/BarlowCondensed-Regular.ttf') format('truetype');font-weight:400;font-display:swap} @font-face{font-family:'Barlow Condensed';src:url('/static/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:500 900;font-display:swap} /* One shared Field Operations layout. Account preferences change colors only. */ :root { --field-nav:var(--text); --field-nav-muted:var(--muted); --nav-border:var(--border); --nav-control:var(--surface2); --nav-selected:var(--accent-soft); --nav-selected-text:var(--accent2); --nav-hover:var(--surface2); --button-text:var(--bg); --field-contours:url("/static/contours.svg"); } :root[data-theme="light"] {--button-text:#fff} :root[data-theme="field"] { color-scheme:light; --bg:#eae9e1; --surface:#f8f7f1; --surface2:#efeee6; --border:#cccfc1; --text:#30382c; --heading:#202a20; --muted:#626b59; --accent:#456638; --accent2:#304e27; --accent-soft:#e0e7d6; --accent-border:#849774; --chrome:#343f30; --console-bg:#f1f1e9; --online:#397344; --offline:#ac3832; --warn:#895b15; --cpu-color:#527e43; --ram-color:#697f83; --chart-grid:#d7dbcf; --field-nav:#e9edde; --field-nav-muted:#c0c9b6; --nav-border:#657258; --nav-control:#414e39; --nav-selected:#566b47; --nav-selected-text:#fff; --nav-hover:#48583d; --button-text:#fff; --field-contours:url("/static/contours.svg"); } html[data-theme] body {font-family:'Barlow',system-ui,sans-serif;line-height:1.45} html[data-theme] :is(h1,h2,h3,h4,.mods-heading h2,.config-category-title,.chart-value,.stat-item .value){color:var(--heading)} html[data-theme] :is(button,input,select,textarea){font-family:inherit} html[data-theme] :is(.card,.chart-card,.log-viewer-card,.config-category,.files-workspace,.mods-card,.mods-dialog,.instances-dialog,.console-workspace,.network-chart,.config-code-block,.mods-toolbar,.mod-review-card,.operator-row,.operator-facts,.fleet-server-card,.fleet-chart-panel,.fleet-alert-panel,.dashboard-diagnostics){background:var(--surface);color:var(--text);border-color:var(--border);border-radius:6px;box-shadow:none;clip-path:none} html[data-theme] :is(input,select,textarea,pre){background:var(--console-bg);color:var(--text);border-color:var(--border)} html[data-theme] :is(button,.manager-link,.config-button,input,select,textarea){border-radius:4px;letter-spacing:normal;clip-path:none} html[data-theme] :is(button,.config-button,.manager-link){font-weight:500;text-transform:none} html[data-theme] :is(.layout,dialog) :is(button,select){background-color:var(--surface2);color:var(--text);border-color:var(--border)} html[data-theme] :is(.btn-save,.login-submit){background:var(--accent);color:var(--button-text);border:1px solid var(--accent);border-radius:4px;clip-path:none} html[data-theme] :is(.btn-save,.login-submit):hover:not(:disabled){background:var(--accent2);color:var(--button-text)} html[data-theme] :is(.section-tabs,.section-filter,.config-modes){background:var(--surface2);border-color:var(--border)} html[data-theme] :is(.layout,dialog) :is(button[aria-selected="true"],button[aria-pressed="true"]){background:var(--accent-soft);color:var(--accent2);border-color:var(--accent-border)} html[data-theme] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px} html[data-theme] :is(.chart-title,.card-label,.field label,.field-group label,.feature-note,.chart-sub,.stat-item .label,th){color:var(--muted)} html[data-theme] :is(header,.sidebar){background:var(--chrome);color:var(--field-nav);border-color:var(--nav-border)} html[data-theme] header{background-image:var(--field-contours);background-position:right center;background-repeat:repeat-x} html[data-theme] header :is(h1,span,a,button){color:var(--field-nav)} html[data-theme] header .btn-logout{border-color:var(--nav-border)} html[data-theme] .sidebar :is(.nav-label,.instance-label,small){color:var(--field-nav-muted)} html[data-theme] .sidebar :is(select,button,a){background:transparent;color:var(--field-nav);border-color:var(--nav-border);text-decoration:none} html[data-theme] .sidebar select{background:var(--nav-control);color:var(--field-nav)} html[data-theme] .sidebar .panel-tab{border-color:transparent;min-height:34px;padding:7px 10px;font-size:13px;border-radius:4px} html[data-theme] .sidebar .panel-tab:before{color:var(--field-nav-muted)} html[data-theme] .sidebar .panel-tab[aria-selected="true"],html[data-theme] .sidebar a[aria-current="page"]{background:var(--nav-selected);color:var(--nav-selected-text);border-color:var(--nav-border)} html[data-theme] .sidebar :is(.panel-tab,a):hover{background:var(--nav-hover);color:var(--field-nav)} html[data-theme] .sidebar .nav-label{font-size:9px;padding:12px 10px 5px;letter-spacing:.12em} html[data-theme] .sidebar-bottom{border-color:var(--nav-border)} html[data-theme] .sidebar-bottom .appearance-link{width:100%;text-align:left;font-size:12px} html[data-theme] .sidebar-bottom>div{display:none} html[data-theme] .sidebar :focus-visible,html[data-theme] header :focus-visible{outline-color:var(--field-nav)} html[data-theme] .page-heading{border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:18px} html[data-theme] :is(.page-heading h2,.manager-heading h1){font:600 28px/1.2 'Barlow',system-ui,sans-serif;letter-spacing:-.02em} html[data-theme] .eyebrow{font-size:10px;letter-spacing:.12em} html[data-theme] .dashboard-heading{border-bottom:1px solid var(--border);padding-bottom:16px!important} html[data-theme] .dashboard-heading .controls-grid .ctrl-btn{background:var(--surface);min-height:38px;border-color:var(--border)} html[data-theme] .ctrl-btn.start{color:var(--online)} html[data-theme] .ctrl-btn.stop{color:var(--offline)} html[data-theme] .dashboard-summary .card{padding:18px;border-top:3px solid var(--accent-border)} html[data-theme] .dashboard-summary .chart-value{font-size:25px} html[data-theme] :is(.card-label,.chart-title){letter-spacing:.03em;text-transform:none;font-weight:600} html[data-theme] :is(.card-corner,.login-corner){display:none} html[data-theme] .manager-summary{gap:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden} html[data-theme] .manager-summary>div{background:transparent;border:0;border-right:1px solid var(--border);padding:16px;gap:6px} html[data-theme] .manager-summary strong{color:var(--heading);font-size:24px} html[data-theme] .manager-summary span{font-size:11px;text-transform:none;letter-spacing:0} html[data-theme] .manager-list-heading{background:transparent;border:0;padding:4px 0} html[data-theme] .manager-list-heading h2{font-size:17px;font-weight:600;color:var(--heading)} html[data-theme] .fleet-cards{grid-template-columns:minmax(0,1fr);gap:9px} html[data-theme] .fleet-server-card .fleet-event-error{grid-column:1/-1} html[data-theme] .manager-link{background:var(--accent-soft);color:var(--accent2);border-color:var(--accent-border)} html[data-theme] .fleet-chart-panel .fleet-section-heading,html[data-theme] .fleet-alert-panel .fleet-section-heading{background:transparent} html[data-theme] :is(.fleet-section-heading h2,.fleet-server-title){color:var(--heading)} html[data-theme] .fleet-chart{height:190px} html[data-theme] .manager-footnote{font-size:11px;line-height:1.6} html[data-theme] .login-page:before{background-color:var(--chrome);background-image:var(--field-contours);background-size:440px 170px} html[data-theme] .login-box{clip-path:none;border-radius:8px;padding:36px;border:1px solid var(--border);box-shadow:0 16px 48px #17201533} html[data-theme] .login-box h1{font:600 30px/1.1 'Barlow',system-ui,sans-serif;letter-spacing:-.02em} html[data-theme] .login-box h1 span{color:var(--accent)} html[data-theme] .login-tag{letter-spacing:.12em} html[data-theme] .login-submit{font:600 14px 'Barlow',sans-serif;letter-spacing:0} html[data-theme] #panel-console :is(.console-log-output,#console-view-errors,#console-view-players,#console-command-form,#console-command-output,.console-broadcast,.console-workspace-filters){background:var(--console-bg);color:var(--text);border-color:var(--border)} html[data-theme] #panel-console :is(.console-row-message,.console-error-group strong,.console-tab-empty,.console-row-time,.console-row-source){color:var(--text)} html[data-theme] #panel-console .console-row.err .console-row-message{color:var(--offline)} html[data-theme] #panel-console .console-row.warn .console-row-message{color:var(--warn)} html[data-theme] #panel-console :is(.console-view-tabs button,.console-levels button,.console-filter-tools button,.console-server-actions button,.console-broadcast button,#console-command-form button){background:var(--surface2);color:var(--text);border-color:var(--border)} html[data-theme] #panel-console button[aria-pressed="true"],html[data-theme] #panel-console button[aria-selected="true"]{background:var(--accent-soft);color:var(--accent2);border-color:var(--accent-border)} html[data-theme] #panel-console #console-stop{color:var(--offline)} html[data-theme] :is(.mods-heading h2,.mods-name,.mod-name,.files-entry,.files-breadcrumb,.config-category h3,.network-workspace h3){color:var(--heading)} html[data-theme] :is(.mods-table,.mods-table td,.mods-table th,.mod-row,.mods-row,.files-list,.files-entry,.config-code-block,.config-modes,#config-json-text){background:var(--surface);color:var(--text);border-color:var(--border)} html[data-theme] :is(#panel-mods,#panel-files,#panel-network,#panel-configuration,#panel-persistence) :is([class*="toolbar"],[class*="savebar"],[class*="browser"],[class*="editor"],[class*="dialog"]){background:var(--surface);color:var(--text);border-color:var(--border)} html[data-theme] :is(table,th,td){border-color:var(--border)} html[data-theme] :is(thead,th){background:var(--surface2);color:var(--muted)} html[data-theme] tbody tr:hover{background:var(--accent-soft)} @media(min-width:701px){ html[data-theme] .sidebar{width:208px;padding:0 10px;top:52px} html[data-theme] header{height:52px;left:0} html[data-theme] .layout{margin-left:208px;padding:78px 24px 28px;max-width:none} html[data-theme] .layout:has(#panel-console:not([hidden])){padding-top:78px} html[data-theme] .sidebar-instances{padding:16px 0 8px} } @media(max-width:700px){ html[data-theme] .manager-summary>div{padding:12px;border-bottom:1px solid var(--border)} html[data-theme] .navigation-open .sidebar{background:var(--chrome);border-color:var(--nav-border)} html[data-theme] header{background:var(--chrome);background-image:var(--field-contours)} html[data-theme] .manager-heading{align-items:start;flex-wrap:wrap;gap:12px} } /* The overview uses the same complete, permission-aware navigation as a server. */ @media(min-width:701px){html[data-theme] .fleet-page .manager-main{margin-left:208px;max-width:none;padding:78px 24px 28px}} html[data-theme] #fleet-sidebar .panel-tab{display:block} html[data-theme] .fleet-page .manager-header{z-index:45} @media(max-width:700px){html[data-theme] .fleet-page .manager-main{padding-top:76px}html[data-theme] .sidebar .nav-label{display:block}} /* Tactical is the mockup palette. Original retains the base.css colors. */ :root[data-theme="tactical"]{color-scheme:dark;--bg:#151c1f;--surface:#1c2428;--surface2:#222c31;--border:#364248;--chrome:#171f23;--console-bg:#121a1e;--text:#d9e0e3;--heading:#f3f5f5;--muted:#aab5bc;--accent:#ffc45c;--accent2:#ffd483;--accent-soft:#3c4532;--accent-border:#756343;--button-text:#191d20;--online:#85d77a;--offline:#f17b66;--warn:#ffc45c;--cpu-color:#ffc45c;--ram-color:#85d77a;--nav-selected:#3d4933;--nav-selected-text:#f2f1d8;--nav-hover:#2b3537;--nav-border:#303c41;--chart-grid:#303c41} html[data-theme] .sidebar .sidebar-instances{display:grid;gap:8px} html[data-theme] .sidebar .sidebar-instances select{width:100%;min-width:0;background:var(--nav-control);color:var(--field-nav);border:1px solid var(--nav-border);padding:9px;font:12px 'Barlow',sans-serif} html[data-theme] .layout>header .header-left h1{color:var(--field-nav)} html[data-theme] .layout>header .btn-logout{background:transparent;color:var(--field-nav);border-color:var(--nav-border)} html[data-theme] :is(#panel-mods,#activity-mods) button{background:var(--surface2);color:var(--text);border-color:var(--border)} html[data-theme] :is(#panel-mods,#activity-mods) button:is([aria-selected="true"],[aria-pressed="true"],[aria-current="page"]){background:var(--accent-soft);color:var(--accent2);border-color:var(--accent-border);box-shadow:none} html[data-theme] :is(#panel-mods,#activity-mods) .mod-primary{background:var(--accent);color:var(--button-text);border-color:var(--accent)} html[data-theme] :is(.mods-notice,.mod-badge){background:var(--surface2);color:var(--text);border-color:var(--border)} html[data-theme] .mod-body h3{color:var(--heading)} html[data-theme] .mods-details-view .mods-details-heading{background:var(--surface2)} html[data-theme] :is(#panel-mods,#activity-mods) .mod-remove{background:var(--surface);color:var(--offline);border-color:var(--offline)} html[data-theme] .section-tabs button[aria-selected="true"]{background:var(--accent-soft);color:var(--accent2)} html[data-theme] .btn-save{background:var(--accent);color:var(--button-text)} html[data-theme] .field-resource-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 18px} html[data-theme] .field-resource-charts>.charts-row{display:contents} html[data-theme] .field-resource-charts .chart-card{margin:0;padding:18px;min-width:0} html[data-theme] .field-resource-charts .chart-wrap{height:160px} html[data-theme] .field-resource-charts .chart-value{font-size:22px} @media(max-width:900px){html[data-theme] .field-resource-charts{grid-template-columns:minmax(0,1fr)}} html[data-theme] #panel-dashboard>.field-resource-charts{margin-bottom:18px} /* Workshop artwork belongs to the configured scenario, with a stable fallback. */ html[data-theme] .fleet-server-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} html[data-theme] .fleet-art-fallback{padding:12px;text-align:center;font-size:11px;color:var(--muted)} @media(max-width:1250px){ } @media(max-width:700px){ } /* Reference layout: shared geometry, local line icons, colors from the theme. */ .ui-icon{display:inline-block;width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;margin-right:8px} html[data-theme] .sidebar .panel-tab::before{display:none} html[data-theme] .sidebar .panel-tab{display:flex;align-items:center;min-height:32px;padding:6px 9px;gap:0;font-size:13px} html[data-theme] .sidebar .panel-tab .ui-icon{width:15px;height:15px;margin-right:11px} html[data-theme] .sidebar .nav-label{padding:13px 9px 6px;font-size:10px;font-weight:400;letter-spacing:.07em} html[data-theme] .sidebar-instances .instance-label{text-transform:none;letter-spacing:0;font-size:12px} html[data-theme] .sidebar .sidebar-instances select{padding:6px 8px;font-size:12px} .workspace-brand{font:600 17px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.09em;text-decoration:none;white-space:nowrap} html[data-theme] header{height:44px} html[data-theme] header h1{font-size:11px;opacity:.7} html[data-theme] :is(.page-heading h2,.manager-heading h1){font:600 28px/1.15 'Barlow Condensed','Arial Narrow',sans-serif} html[data-theme] .page-heading{padding-bottom:0;border:0;margin-bottom:16px} html[data-theme] .manager-heading{margin-bottom:14px} html[data-theme] .manager-create{padding:8px 14px} html[data-theme] :is(.manager-summary,.dashboard-summary){background:none;border:0;overflow:visible;gap:12px;margin-bottom:14px} html[data-theme] :is(.manager-summary>div,.dashboard-summary>.card){display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;gap:0 10px;align-content:center;align-items:center;justify-content:start;padding:13px 16px;min-height:78px;background:var(--surface);border:1px solid var(--border);border-radius:5px} html[data-theme] :is(.manager-summary,.dashboard-summary) .ui-icon{grid-column:1;grid-row:1/3;width:23px;height:23px;margin:0;color:var(--text)} html[data-theme] :is(.manager-summary strong,.dashboard-summary .chart-value){grid-column:2;grid-row:1;font:600 25px/1.2 'Barlow Condensed','Arial Narrow',sans-serif;margin:0;color:var(--heading)} html[data-theme] :is(.manager-summary span,.dashboard-summary .card-label){grid-column:2;grid-row:2;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;margin:2px 0 0;color:var(--text)} html[data-theme] .manager-summary small{grid-column:2;font-size:9px;margin-top:3px} html[data-theme] .dashboard-summary .feature-note{display:none} html[data-theme] .dashboard-summary{grid-template-columns:repeat(4,minmax(0,1fr))} html[data-theme] .fleet-filters{gap:10px;margin:10px 0 2px;align-items:center} html[data-theme] .fleet-filters label{font-size:0;gap:0} html[data-theme] .fleet-filters label:first-child{flex:0 1 300px} html[data-theme] .fleet-filters :is(input,select,button){font-size:12px;min-height:34px;padding:7px 10px} html[data-theme] #overview-storage{margin-left:auto} html[data-theme] .manager-main>#overview-feedback{min-height:0;padding:4px 0 7px;font-size:10px} html[data-theme] .fleet-cards{display:block;border:1px solid var(--border);border-top:0;border-radius:0 0 5px 5px;background:var(--surface)} html[data-theme] :is(.fleet-table-heading,.fleet-server-card){display:grid;grid-template-columns:58px minmax(130px,1.3fr) minmax(85px,.8fr) minmax(120px,1fr) 48px 57px 72px 58px 210px;gap:0 10px;align-items:center} html[data-theme] .fleet-table-heading{padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:5px 5px 0 0;font-size:11px;color:var(--text)} .fleet-table-heading span:first-child{grid-column:1/3} html[data-theme] .fleet-server-card{padding:9px 12px;border:0;border-bottom:1px solid var(--border);border-radius:0;min-height:68px;position:relative} html[data-theme] .fleet-server-card:last-child{border-bottom:0} html[data-theme] .fleet-server-card:hover{background:var(--surface2)} html[data-theme] .fleet-server-art{grid-column:1;grid-row:1/3;position:relative;height:44px;min-height:0;overflow:hidden;border-radius:3px;background:var(--console-bg);display:grid;place-items:center;border:1px solid var(--border)} html[data-theme] .fleet-art-fallback{font-size:8px;padding:3px} html[data-theme] .fleet-server-card h3{grid-column:2;grid-row:1;margin:0;font-size:13px;line-height:1.2} html[data-theme] .fleet-card-heading{grid-column:2;grid-row:2;justify-content:start;font-size:10px;margin-top:3px} html[data-theme] .fleet-server-card>.fleet-map{grid-column:3;grid-row:1/3;margin:0;font-size:11px} html[data-theme] .fleet-server-card>.fleet-address{grid-column:4;grid-row:1/3;font:10px 'Barlow',sans-serif;margin:0} html[data-theme] .fleet-card-stats,html[data-theme] .fleet-card-stats>div{display:contents} html[data-theme] .fleet-card-stats dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} html[data-theme] .fleet-card-stats dd{grid-row:1/3;font:12px 'Barlow',sans-serif;margin:0} html[data-theme] .fleet-card-stats>div:nth-child(1) dd{grid-column:5} html[data-theme] .fleet-card-stats>div:nth-child(2) dd{grid-column:6} html[data-theme] .fleet-card-stats>div:nth-child(3) dd{grid-column:7} html[data-theme] .fleet-uptime{grid-column:8;grid-row:1/3;font-size:11px} html[data-theme] .fleet-server-card .manager-actions{grid-column:9;grid-row:1/3;flex-wrap:wrap;gap:5px;justify-content:flex-end;margin:0;padding:0} html[data-theme] .fleet-server-card .manager-actions>*{margin:0;min-height:30px} html[data-theme] .manager-actions :is(button,.manager-link,summary){font:12px 'Barlow',sans-serif;padding:6px 8px;min-height:30px;background:var(--surface);border:1px solid var(--border);border-radius:3px;color:var(--text)} html[data-theme] .manager-actions .action-stop{color:var(--offline);border-color:var(--offline)} html[data-theme] .manager-actions .action-start{color:var(--online);border-color:var(--online)} html[data-theme] .manager-actions .action-restart{color:var(--accent);border-color:var(--accent-border)} html[data-theme] .fleet-storage{grid-column:2/-1;grid-row:3;font-size:11px;color:var(--muted);margin:5px 0 0} html[data-theme] .fleet-server-card .fleet-event-error{grid-column:2/-1;grid-row:4} html[data-theme] .fleet-charts{margin:16px 0 8px;gap:14px} html[data-theme] .fleet-section-heading{padding:11px 13px;border:0} html[data-theme] .fleet-section-heading h2{font:600 17px 'Barlow Condensed',sans-serif} html[data-theme] .fleet-chart{height:180px;padding:0 12px 12px} html[data-theme] .fleet-chart-note{margin-bottom:14px} html[data-theme] .fleet-alert-panel{margin-bottom:12px} .fleet-reading-notes{font-size:11px;color:var(--muted)}.fleet-reading-notes summary{cursor:pointer} html[data-theme] .dashboard-heading{border:0;padding:0!important;margin-bottom:14px!important} html[data-theme] #server-name-display{font:600 28px 'Barlow Condensed',sans-serif} html[data-theme] .field-resource-charts{gap:14px;margin-bottom:14px!important} html[data-theme] .field-resource-charts .chart-card{padding:13px} html[data-theme] .field-resource-charts .chart-wrap{height:150px} html[data-theme] .field-resource-charts .chart-value{font-size:19px} html[data-theme] #console-card{align-self:start} html[data-theme] #players-card{padding:14px;min-width:0;margin:0} html[data-theme] .dashboard-player-list{max-height:250px;margin:8px 0} html[data-theme] .dashboard-player{padding:7px 4px;font-size:12px} html[data-theme] .dashboard-player-avatar{width:22px;height:22px;font-size:11px} html[data-theme] .dashboard-player small{display:inline;margin-left:10px} html[data-theme] #console-card #log-output{height:280px;font-size:11px} html[data-theme] .log-viewer-header{padding:12px;gap:8px} html[data-theme] #extra-metrics{grid-column:1/-1} html[data-theme] #notification-history{padding:13px} html[data-theme] .entity-counters{padding:13px} html[data-theme] .dashboard-diagnostics{grid-column:1/-1} html[data-theme] .section-tabs{background:transparent;border:0;border-bottom:1px solid var(--border);gap:6px;padding:0;margin-bottom:14px} html[data-theme] .section-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:3px 3px 0 0;padding:10px 18px} html[data-theme] .section-tabs button[aria-selected="true"]{border-bottom-color:var(--accent);color:var(--heading)} html[data-theme] #section-admin-maintenance:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start} html[data-theme] #section-admin-maintenance>.card{margin:0;padding:18px} html[data-theme] #section-admin-maintenance .card-label{font-size:16px;margin-bottom:15px;color:var(--heading)} @media(min-width:701px){ html[data-theme] .sidebar{width:188px;top:44px;padding:0 10px} html[data-theme] :is(.layout,.fleet-page .manager-main){margin-left:188px;padding:64px 20px 24px} html[data-theme] .layout:has(#panel-console:not([hidden])){padding-top:64px} html[data-theme] .sidebar-instances{padding:12px 0 6px} } @media(max-width:1300px) and (min-width:701px){ html[data-theme] :is(.fleet-server-card,.fleet-table-heading){grid-template-columns:46px minmax(110px,1fr) minmax(70px,.7fr) minmax(100px,1fr) 40px 48px 65px 45px 180px;gap:0 6px} html[data-theme] .manager-actions :is(button,.manager-link,summary){font-size:11px;padding:6px} html[data-theme] .manager-summary{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:1200px){ html[data-theme] .fleet-table-heading{display:none} html[data-theme] .fleet-cards{border-top:1px solid var(--border);border-radius:5px} html[data-theme] .fleet-server-card{grid-template-columns:54px minmax(120px,1fr) minmax(90px,1fr) minmax(90px,1fr);gap:6px 12px;padding:12px} html[data-theme] .fleet-card-stats{display:grid;grid-column:2/4;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} html[data-theme] .fleet-card-stats>div{display:block} html[data-theme] .fleet-card-stats dt{position:static;width:auto;height:auto;clip-path:none;font-size:10px;margin-bottom:3px} html[data-theme] .fleet-server-card .manager-actions{grid-column:2/-1;grid-row:4;justify-content:start} html[data-theme] .fleet-uptime{grid-column:4;grid-row:3} html[data-theme] .fleet-storage{grid-column:2/-1;grid-row:5} html[data-theme] .fleet-server-card .fleet-event-error{grid-row:6} html[data-theme] .dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ html[data-theme] .fleet-page .manager-main{padding:72px 14px 20px;margin:0} html[data-theme] .fleet-server-card{grid-template-columns:54px minmax(0,1fr);gap:6px 12px} html[data-theme] .fleet-server-card>.fleet-map{grid-column:1/-1;grid-row:3} html[data-theme] .fleet-server-card>.fleet-address{grid-column:1/-1;grid-row:4} html[data-theme] .fleet-card-stats{grid-column:1/-1;grid-row:5} html[data-theme] .fleet-uptime{grid-column:1/-1;grid-row:6} html[data-theme] .fleet-server-card .manager-actions{grid-column:1/-1;grid-row:7;flex-wrap:wrap} html[data-theme] .fleet-storage{grid-column:1/-1;grid-row:8} html[data-theme] .fleet-server-card .fleet-event-error{grid-column:1/-1;grid-row:9} html[data-theme] .manager-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} html[data-theme] :is(.manager-summary>div,.dashboard-summary>.card){padding:12px;gap:0 6px;grid-template-columns:24px minmax(0,1fr)} html[data-theme] .fleet-filters label:first-child{flex-basis:100%} html[data-theme] .fleet-filters #overview-storage{margin-left:0} html[data-theme] .dashboard-performance,html[data-theme] #section-admin-maintenance:not([hidden]){grid-template-columns:minmax(0,1fr)} html[data-theme] header h1{display:none} html[data-theme] .workspace-brand{font-size:14px} } html[data-theme] .field-resource-charts .chart-card{display:flex;flex-direction:column} html[data-theme] .field-resource-charts .chart-wrap{margin-top:auto} html[data-theme] .mods-heading{margin-bottom:10px} html[data-theme] .mods-notice{padding:9px 12px;margin-bottom:12px;font-size:12px} html[data-theme] .mods-toolbar{padding:0;border:0;gap:8px;margin-bottom:12px} html[data-theme] #panel-mods :is(button,input,select,.mods-display-options>summary){padding:7px 10px;font-size:12px;border-radius:3px} .mods-library-layout{display:block} html[data-theme] .mods-details-view :is(.mods-details-heading,.mod-tile){grid-template-columns:48px minmax(130px,1fr) 100px 90px 190px;gap:0 10px;min-width:620px;padding:9px 12px} html[data-theme] .mods-details-view .mods-details-heading span:first-child{grid-column:1/3} html[data-theme] .mods-details-view .mod-tile{min-height:66px} html[data-theme] .mods-details-view .mod-art img{display:block;position:static;grid-column:1;grid-row:1/3;width:48px;height:40px;object-fit:cover;border-radius:3px} html[data-theme] .mods-details-view .mod-art-label{display:block;grid-column:1;grid-row:1/3;font-size:8px;padding:3px;text-align:center;position:static;color:var(--muted);background:var(--surface2)} html[data-theme] .mods-details-view .mod-art.has-image .mod-art-label{display:none} html[data-theme] .mods-details-view .mod-body h3{grid-column:2;grid-row:1;font-size:13px} html[data-theme] .mods-details-view .mod-meta code{grid-column:2;grid-row:2;font:10px 'Barlow',sans-serif;color:var(--muted);margin-top:3px} html[data-theme] .mods-details-view .mod-version{grid-column:3;grid-row:1/3;font-size:11px} html[data-theme] .mods-details-view .mod-art .mod-size{grid-column:4;grid-row:1/3;font-size:11px} html[data-theme] .mods-details-view .mod-controls{grid-column:5;grid-row:1/3;flex-wrap:wrap;gap:4px} html[data-theme] #panel-mods .mod-controls :is(button,a){padding:5px 7px;font-size:10px} @media(max-width:700px){} html[data-theme] .fleet-server-card .manager-actions{min-width:0} html[data-theme] .sidebar .btn-logout{text-transform:none;letter-spacing:0} html[data-theme] .manager-create{text-transform:none;letter-spacing:0} html[data-theme] .sidebar-bottom .appearance-link{padding:8px;text-align:left} html[data-theme] .fleet-page .manager-header>span{font:600 17px 'Barlow Condensed',sans-serif;letter-spacing:.09em} html[data-theme] .fleet-filters input{background-image:none} html[data-theme] body :is(header,.manager-header){background-image:var(--field-contours);background-position:center;background-repeat:repeat-x} html[data-theme] .fleet-filters input[type="search"]{padding-left:32px;background-image:url('/static/search.svg');background-repeat:no-repeat;background-size:15px;background-position:10px center} .mod-controls .ui-icon{width:12px;height:12px;margin:0;vertical-align:-2px} .fleet-heading-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end} html[data-theme] .fleet-heading-actions>:is(a,button){margin:0;min-height:36px;box-sizing:border-box;line-height:18px} .fleet-heading-actions>:is(a,button):not([hidden]){display:inline-flex;align-items:center;justify-content:center;gap:8px} .fleet-heading-actions .ui-icon{margin:0} html[data-theme] .fleet-heading-actions .btn-logout{font-size:12px;text-transform:none;letter-spacing:0;padding:8px 12px;color:var(--text)} .fleet-software-status{border:1px solid var(--border);border-radius:5px;background:var(--surface);padding:12px 14px;margin:10px 0 14px;font-size:13px} .fleet-software-status .feature-note{font-size:11px;margin-top:4px} .fleet-software-result{display:grid;grid-template-columns:minmax(130px,1fr) 90px minmax(180px,2fr);gap:12px;padding:8px 0;border-top:1px solid var(--border);font-size:12px} #fleet-software-results:not(:empty){margin-top:10px} html[data-theme] .fleet-card-heading{flex-wrap:wrap;gap:3px 8px} .fleet-build{font-size:9px;color:var(--muted);line-height:1.3} .fleet-update-dialog{margin:auto;width:min(720px,calc(100vw - 24px));max-height:85vh;overflow:auto;padding:22px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)} .fleet-update-dialog::backdrop{background:#0009} .fleet-dialog-heading,.fleet-dialog-footer,.fleet-selection-tools{display:flex;align-items:center;justify-content:space-between;gap:12px} .fleet-update-dialog h2{font:600 26px 'Barlow Condensed',sans-serif} .fleet-update-dialog p{font-size:13px;line-height:1.6;margin:12px 0} .fleet-selection-tools{justify-content:start;margin:15px 0} .fleet-update-target{display:flex;align-items:center;gap:12px;padding:13px 10px;border-top:1px solid var(--border);cursor:pointer} .fleet-update-target:has(input:disabled){opacity:.6;cursor:default} .fleet-update-target input{accent-color:var(--accent);width:17px;height:17px;flex:none} .fleet-update-target strong{font-size:14px}.fleet-update-target small{display:block;color:var(--muted);font-size:12px;margin-top:4px} .fleet-dialog-footer{border-top:1px solid var(--border);padding-top:16px;flex-wrap:wrap;font-size:12px} html[data-theme] .fleet-update-dialog .btn-save{background:var(--accent);color:var(--button-text)} @media(max-width:700px){.fleet-heading-actions{justify-content:start}.fleet-software-result{grid-template-columns:1fr auto}.fleet-software-result>span:last-child{grid-column:1/-1}.fleet-update-dialog{padding:16px}} html[data-theme] #mods-sort{max-width:190px;min-width:140px} #mods-sort-note:empty{display:none}#mods-sort-note{font-size:11px;margin:4px 0 10px} .downloaded-toolbar{display:flex;flex-wrap:wrap;margin:16px 0 10px}.downloaded-toolbar input{flex:1;min-width:180px} .downloaded-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:5px;margin:14px 0} .downloaded-table{width:100%;border-collapse:collapse;font-size:12px;min-width:640px} .downloaded-table :is(th,td){padding:11px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top} .downloaded-table th{font-weight:500}.downloaded-table tbody tr:last-child td{border-bottom:0} .downloaded-table small{display:block;color:var(--muted);font-size:10px;margin-top:4px;overflow-wrap:anywhere} .downloaded-table td:first-child{max-width:320px;overflow-wrap:anywhere} @media(max-width:700px){html[data-theme] .mods-toolbar{flex-wrap:wrap}html[data-theme] #mods-sort{flex:1;max-width:none}.downloaded-toolbar select{max-width:100%}} .mod-added{display:block;font-size:10px;color:var(--muted);margin-top:4px}html[data-theme] .mods-details-view .mod-added{grid-column:2;grid-row:3} #downloaded-search { border:1px solid var(--border); border-radius:4px; } /* Keep player history beneath the roster, alongside the console. */ html[data-theme] .dashboard-player-column{display:grid;gap:14px;min-width:0;align-self:start} html[data-theme] .dashboard-player-chart{padding:13px;min-width:0;margin:0} html[data-theme] .dashboard-player-chart .chart-wrap{height:150px} @media(max-width:900px){} #player-message:empty{display:none} html[data-theme] .dashboard-console-column{grid-area:console;display:grid;gap:14px;align-self:start;min-width:0} html[data-theme] .dashboard-player-column{grid-area:players} /* units styles consolidated in original cascade order. */ .units-main{max-width:1600px;margin:auto;padding:88px 28px 32px}.unit-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:18px 0}.unit-toolbar label,.unit-field{display:grid;gap:6px}.unit-toolbar input{flex:1;min-width:200px}.units-page :is(input,select,textarea),.unit-dialog :is(input,select,textarea),.user-editor :is(input,select){padding:10px;border:1px solid var(--border);color:var(--text);background:var(--console-bg);font:inherit;max-width:100%}.unit-toolbar label select{min-width:220px}.units-page button,.unit-dialog button,.user-editor button{padding:9px 14px;cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text)}.units-page button:disabled{opacity:.5;cursor:default}.unit-summary{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.unit-summary span,.unit-badge{padding:5px 10px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:4px}.unit-table{overflow:auto;border:1px solid var(--border);border-radius:6px}.unit-table table{border-collapse:collapse;width:100%;min-width:1050px}.unit-table :is(th,td){text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--border)}.unit-table small{display:block;color:var(--muted);overflow-wrap:anywhere}.unit-table th{background:var(--surface2)}.unit-table td{background:var(--surface)}.unit-table td:first-child{min-width:180px}.unit-dialog,.user-editor{width:min(900px,94vw);max-height:90vh;padding:24px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px}.unit-dialog::backdrop,.user-editor::backdrop{background:#0009}.unit-dialog-heading,.unit-dialog-footer,.user-editor-heading,.user-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.unit-dialog-footer,.user-editor-footer{position:sticky;bottom:-24px;padding:16px 0;background:var(--surface);border-top:1px solid var(--border);margin-top:20px}.unit-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.unit-field.wide{grid-column:1/-1}.unit-field textarea{min-height:90px}.unit-checks{display:flex;flex-wrap:wrap;gap:12px}.unit-checks label{display:flex;align-items:center;gap:6px}.catalog-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:8px;margin:12px 0;align-items:end}.catalog-row label{display:grid;gap:4px;font-size:12px}.unit-block{padding:18px;background:var(--surface);border:1px solid var(--border);margin:14px 0;border-radius:6px}.unit-block h3{margin-bottom:8px}#unit-dialog-error,#user-editor-error{color:var(--offline);white-space:pre-wrap}.unit-good{color:var(--online)}.unit-warn{color:var(--warn)}.unit-checks input{width:auto}.units-page .section-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:6px}.unit-meta{color:var(--muted);font-size:12px}.unit-checks{max-height:220px;overflow:auto}.user-editor [hidden]{display:none!important}.user-editor .section-tabs{display:flex;gap:8px;margin:16px 0}.user-editor .unit-field{margin:12px 0}.unit-empty{padding:32px;color:var(--muted)}.units-page [hidden],.unit-dialog [hidden]{display:none!important}.unit-links{display:flex;gap:8px;flex-wrap:wrap}.unit-links a{color:var(--accent)} @media(max-width:700px){.units-main{padding:78px 16px 24px}.unit-form-grid,.catalog-row{grid-template-columns:1fr}.unit-dialog,.user-editor{padding:16px}.unit-dialog-footer,.user-editor-footer{bottom:-16px}.unit-toolbar>*{max-width:100%}.unit-toolbar input{width:100%}} #promotion-notice{border-color:var(--accent-border);background:var(--accent-soft)}.user-editor small.unit-meta{display:block}.fleet-card-heading .unit-badge{font-size:10px;text-decoration:none;padding:2px 5px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-dialog .unit-field input[type="number"]{min-width:0}.units-page pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere} .units-page .manager-header{z-index:40}.units-page .section-tabs{margin:18px 0}.unit-dialog h3{margin:18px 0 8px}.user-editor .btn-save,.units-page .btn-save,.unit-dialog .btn-save{background:var(--accent);color:var(--button-text);border-color:var(--accent)} .unit-dialog,.user-editor{margin:auto}html[data-theme] :is(.unit-dialog,.user-editor) .btn-save{background:var(--accent);color:var(--button-text);border-color:var(--accent)} .units-page .member-record-link{padding:0;border:0;background:none;color:var(--accent);font-weight:600;text-align:left}.unit-table td:last-child button{display:block;margin-bottom:6px;white-space:nowrap}.member-record-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.member-record-facts span,.member-record-facts strong{display:block;overflow-wrap:anywhere}.member-record-facts span{color:var(--muted);font-size:12px}.member-record-note{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin-top:10px}.member-record-note-heading{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.member-record-note-heading time{color:var(--muted);font-size:12px}@media(max-width:700px){.member-record-facts{grid-template-columns:1fr}} html[data-theme] .unit-dialog .member-delete-button{margin-top:20px;color:var(--offline);border-color:var(--offline);background:transparent} html[data-theme] .sidebar .workspace-unit-link{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 10px;background:var(--nav-selected);border:1px solid var(--accent-border);border-radius:5px;color:var(--nav-selected-text);text-decoration:none;font-weight:600}.workspace-unit-link .ui-icon{width:20px;height:20px;flex-shrink:0}.workspace-unit-link span{min-width:0}.workspace-unit-link small{display:block;font-size:10px;font-weight:400;line-height:1.4;margin-top:3px}.unit-primary-link{display:inline-flex;align-items:center;gap:8px}.unit-access-description{padding:12px 14px;margin:8px 0 16px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:5px;color:var(--text);font-size:13px} .page-heading .unit-primary-link{flex-shrink:0;text-decoration:none}.page-heading{flex-wrap:wrap}.sidebar .workspace-unit-link:hover{filter:brightness(1.12)} .roster-groups{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 10px}.roster-groups button{font-size:13px}.roster-groups button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent2);border-color:var(--accent-border)}.structure-group-heading,.structure-section-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.structure-group-heading{padding:14px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:6px 6px 0 0}.structure-group-heading h2{font-size:19px}.structure-group-heading>span,.structure-section-heading>span{margin-left:auto;color:var(--muted);font-size:12px}.structure-group-heading button,.structure-section-heading button{font-size:11px;padding:5px 9px}.structure-section{padding:14px 16px;margin:12px 0;background:var(--surface);border:1px solid var(--border);border-radius:6px}.structure-section .structure-section{margin:12px 0 0;padding:10px 12px;background:var(--console-bg)}.structure-section-heading{margin-bottom:8px}.structure-section-heading h3{font-size:15px}.depth-2 .structure-section-heading h3{font-size:13px}.billet-table{overflow:auto}.billet-table table{width:100%;border-collapse:collapse;min-width:500px;table-layout:fixed}.billet-table :is(th,td){padding:9px 10px;text-align:left;border-bottom:1px solid var(--border);font-size:13px;overflow-wrap:anywhere}.billet-table th{font-size:11px;color:var(--muted);font-weight:500}.billet-table th:first-child{width:32%}.billet-table th:nth-child(2){width:12%}.billet-table th:last-child{width:100px}.billet-table td:last-child{text-align:right}.billet-table td:last-child button{font-size:11px;padding:5px 9px}.billet-table small{display:block;color:var(--muted);font-size:11px}.billet-vacant{background:var(--accent-soft)}.billet-open{color:var(--accent);font-style:italic;font-weight:500}.structure-empty{padding:12px 0}.structure-admin-node{border-left:2px solid var(--border);padding-left:14px;margin:12px 0}.structure-admin-node .structure-admin-node{margin-left:10px}.structure-admin-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:5px}.structure-admin-row>div{display:flex;gap:5px;flex-wrap:wrap}.structure-admin-row small{display:inline-block;min-width:44px;color:var(--muted);font-size:10px;text-transform:uppercase}.structure-admin-row button{font-size:11px;padding:5px 8px}@media(max-width:700px){.structure-section{padding:10px}.structure-section .structure-section{padding:8px}.structure-admin-node{padding-left:8px}.structure-admin-node .structure-admin-node{margin-left:2px}.structure-admin-row>div{gap:4px}.billet-table th:first-child{width:28%}} .rank-structure-editor{margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:6px;background:var(--console-bg)}.rank-structure-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.rank-structure-heading .unit-field{flex:1}.rank-policy-row{display:grid;grid-template-columns:1fr .8fr .6fr 1fr;align-items:end;gap:8px;border-top:1px solid var(--border);padding:14px 0}.rank-policy-row .unit-field:last-of-type{grid-column:1/4}.rank-policy-row label{font-size:12px}.rank-policy-row input{width:100%;min-width:0}.rank-policy-table{overflow:auto}.rank-policy-table table{border-collapse:collapse;width:100%;min-width:650px}.rank-policy-table :is(th,td){padding:9px 12px;text-align:left;border-bottom:1px solid var(--border)}.rank-policy-table th{font-size:11px;color:var(--muted)}@media(max-width:700px){.rank-policy-row{grid-template-columns:1fr 1fr}.rank-policy-row .unit-field:last-of-type{grid-column:1/-1}.rank-structure-heading{align-items:stretch;flex-direction:column}} .unit-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.unit-dashboard-grid h2{font-size:18px;margin-bottom:12px}.unit-dashboard-grid small,.event-detail-meta small{display:block;color:var(--muted)}.units-page .event-card{display:grid;gap:6px;width:100%;text-align:left;margin:10px 0;overflow-wrap:anywhere}.event-card span,.event-card small{font-size:12px;color:var(--muted)}.unit-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--border);border-radius:5px;overflow:hidden;margin:16px 0 24px}.calendar-weekday{padding:10px;background:var(--surface2);text-align:center;font-size:12px}.calendar-day,.calendar-empty{min-height:110px;padding:8px;border:1px solid var(--border);background:var(--surface);min-width:0}.calendar-day>strong{display:block;font-size:12px;margin-bottom:6px;color:var(--muted)}.units-page .calendar-event{display:block;width:100%;margin:5px 0;padding:6px;text-align:left;font-size:12px;border-color:var(--accent-border);background:var(--accent-soft);overflow-wrap:anywhere}.calendar-event small{display:block;color:var(--muted)}.event-cancelled{text-decoration:line-through;opacity:.6}#operations-agenda h2{font-size:18px;margin-bottom:12px}.event-detail-meta{display:grid;gap:8px;margin:12px 0}.event-member-table table{min-width:700px}.attendance-matrix table{min-width:650px}.attendance-matrix th{min-width:140px}.attendance-matrix th button{padding:4px 6px}.attendance-outcome{display:inline-block;border:1px solid var(--border);padding:3px 7px;border-radius:4px;text-transform:capitalize;font-size:12px}.outcome-present{color:var(--online)}.outcome-absent{color:var(--offline)}.outcome-unknown{color:var(--warn)}.outcome-excused{color:var(--muted)}.event-audit-row{border-top:1px solid var(--border);padding:12px 0}.event-audit-row small{display:block;color:var(--muted)}.event-audit-row pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:250px;overflow:auto}.event-dialog textarea{width:100%}.units-page .section-tabs{flex-wrap:wrap}.unit-dashboard-grid .unit-block{margin:0;min-width:0}@media(max-width:800px){.unit-dashboard-grid{grid-template-columns:1fr}.unit-calendar{display:none}.event-dialog{padding:16px}} #event-dialog-error{color:var(--offline);white-space:pre-wrap}.event-dialog .unit-field{margin:12px 0}#member-attendance-history small{display:block;color:var(--muted)} .qualification-coverage{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:16px 0}.qualification-coverage .unit-block{display:grid;gap:8px;margin:0}.qualification-coverage small{color:var(--muted)}.qualification-matrix table{min-width:650px}.qualification-matrix td:not(:first-child){min-width:120px}.units-page .qualification-cell{min-width:38px;font-size:18px;padding:5px 10px}.qualification-held{color:var(--online)!important;border-color:var(--accent-border)!important}.qualification-missing{color:var(--muted)!important}.roster-tools-dialog .unit-field{margin:12px 0}.roster-tools-dialog textarea{width:100%;min-height:90px}.bulk-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.bulk-layout>section{min-width:0}.bulk-member-list{max-height:380px;overflow:auto;border:1px solid var(--border);padding:8px}.bulk-member-list label{display:flex;align-items:start;gap:10px;padding:10px;border-bottom:1px solid var(--border)}.bulk-member-list input{flex:none;margin-top:3px}.bulk-member-list small{display:block;color:var(--muted)}.bulk-preview-table table{min-width:600px}.bulk-confirm{display:flex;align-items:start;gap:10px;margin:20px 0}.member-timeline-entry{padding:14px 0;border-bottom:1px solid var(--border)}.member-timeline-entry small{display:block;color:var(--muted)}.member-timeline-entry p{margin-top:8px;overflow-wrap:anywhere}#roster-tools-error{color:var(--offline);white-space:pre-wrap}#matrix-checks{width:auto;min-width:0;flex:none}.bulk-layout .unit-toolbar input{min-width:120px}@media(max-width:700px){.bulk-layout{grid-template-columns:1fr}.bulk-member-list{max-height:240px}} .resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin:18px 0}.resource-grid .unit-block{margin:0}.resource-card{display:flex;flex-direction:column;align-items:start;gap:10px;min-width:0}.resource-card p{overflow-wrap:anywhere}.resource-card small,.resource-dialog small,.award-grant small,.turnout-row small{display:block;color:var(--muted)}.resource-card button{margin-top:auto}.resource-image{display:block;max-height:330px;max-width:100%;object-fit:contain;margin:12px auto}.resource-card .resource-image{width:100%;height:160px;object-fit:cover;margin:0}.award-image{width:72px;height:72px;object-fit:contain;flex:none}.award-grant{display:flex;gap:16px;align-items:start}.award-grant>div{min-width:0;flex:1}.award-grant .member-record-link{display:block}.reference-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:14px 0}.resource-dialog .unit-field{margin:12px 0}.resource-dialog textarea{width:100%;min-height:100px}.loadout-slot-editor{border:1px solid var(--border);border-radius:5px;padding:12px;margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.loadout-slot-editor .unit-field{min-width:0}.loadout-slot-editor .wide{grid-column:auto}.loadout-table table{min-width:620px}.campaign-results table{min-width:650px}.campaign-event-list{max-height:300px;overflow:auto;margin:12px 0}.campaign-event-list label{display:flex;align-items:start;gap:10px;border-bottom:1px solid var(--border);padding:10px}.campaign-event-list input{flex:none}.resource-dialog input{min-width:0}.strength-chart{width:100%;height:auto;color:var(--muted);font-size:13px}.analytics-table table{min-width:500px}.turnout-row{display:grid;gap:6px;margin:18px 0}.turnout-row progress{width:100%;height:10px;accent-color:var(--accent)}#resource-error{color:var(--offline);white-space:pre-wrap}.resource-dialog .manager-link{margin:14px 8px 14px 0}#reference-sops[aria-pressed="true"],#reference-loadouts[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent-border)}@media(max-width:700px){.loadout-slot-editor{grid-template-columns:1fr}.award-grant{gap:10px}.award-image{width:48px;height:48px}} /* Workspace navigation and shared controls after the unit feature expansion. */ .unit-nav-groups{display:flex;gap:6px;flex-wrap:wrap;padding:6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);margin-top:20px}.unit-nav-groups button{flex:1;min-height:42px;font-weight:600}.unit-nav-groups button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.unit-mobile-navigation{display:none}.units-page #unit-section-tabs{margin:8px 0 16px;padding:0;background:none;border:0;gap:6px}.units-page #unit-section-tabs button{flex:none;border-radius:4px;min-height:38px}.units-page #unit-section-tabs button[aria-selected="true"]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.unit-section-heading{margin:18px 0}.unit-section-heading h2{font-size:23px;color:var(--heading)}.unit-section-heading p{margin-top:6px}.unit-access-description{padding:8px 12px;font-size:12px;margin:12px 0}.units-page .unit-toolbar>:is(button,a),.unit-dialog .btn-save,.user-editor .btn-save{margin-top:0;min-height:40px;line-height:20px;box-sizing:border-box}.unit-toolbar>a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.unit-toolbar>label{min-width:0}.unit-toolbar label select{min-width:150px}.unit-toolbar input:not([type="checkbox"]){min-width:0;width:100%}.unit-toolbar>input[type="search"]{min-width:200px}.unit-dialog :is(input:not([type="checkbox"]),select,textarea){width:100%;min-width:0;box-sizing:border-box}.unit-dialog input[type="checkbox"]{width:auto;min-width:0;flex:none;accent-color:var(--accent)}.unit-dialog .unit-dialog-heading{position:sticky;top:-24px;z-index:4;background:var(--surface);padding:16px 0;margin-top:-8px;border-bottom:1px solid var(--border)}.unit-dialog-heading h2{font-size:20px;overflow-wrap:anywhere;min-width:0}.unit-dialog-heading>button{flex:none;min-height:40px}.unit-dialog :is(input,select,textarea,[role="alert"]){scroll-margin-block:90px}.unit-dialog details>summary{cursor:pointer;min-height:30px;font-weight:600}.unit-dialog [role="alert"]:empty{display:none}.unit-dialog [role="alert"]:not(:empty){padding:12px;background:var(--accent-soft);border:1px solid var(--offline);border-radius:4px}.unit-dialog .unit-dialog-footer{justify-content:flex-end;z-index:3;gap:10px}.unit-dialog .unit-dialog-footer .btn-save{min-width:150px}.unit-dialog h2:focus{outline:none}.unit-inline-error{padding:16px;border:1px solid var(--offline);border-radius:5px;background:var(--surface);margin:12px 0}.unit-inline-error p{margin-bottom:10px}.units-page [aria-busy="true"]{opacity:.7}.units-page :is(button,a,input,select,textarea,summary):focus-visible,.unit-dialog :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}#units-feedback:empty{display:none}#units-feedback:not(:empty){padding:12px;border:1px solid var(--accent-border);border-radius:5px;background:var(--surface);position:sticky;top:58px;z-index:30}.unit-toolbar{row-gap:10px}.unit-summary{row-gap:8px}.unit-table:focus-visible{outline:2px solid var(--accent)} @media(max-width:700px){.unit-nav-groups{display:none}.unit-mobile-navigation{display:grid;gap:6px;margin-top:18px;font-size:12px;color:var(--muted)}.unit-mobile-navigation select{width:100%;font-size:15px;min-height:44px}.units-page #unit-section-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 8px;max-width:100%}.units-page #unit-section-tabs button{flex-shrink:0;white-space:nowrap}.unit-section-heading h2{font-size:21px}.unit-toolbar{align-items:stretch;gap:10px}.unit-toolbar>label{flex:1 1 145px}.unit-toolbar>input[type="search"]{flex-basis:100%;min-width:0}.unit-toolbar>:is(button,a){flex:1 1 auto}.unit-toolbar label select{min-width:0;width:100%}.unit-dialog .unit-dialog-heading{top:-16px;padding:12px 0}.unit-dialog-heading h2{font-size:18px}.unit-dialog .unit-dialog-footer .btn-save{width:100%}.unit-dialog .unit-dialog-footer{bottom:-16px}.member-record-facts{gap:10px}.unit-access-description{line-height:1.6}.units-page .manager-heading{align-items:start}.units-page .manager-heading h1{font-size:25px}.unit-summary>span{font-size:12px}.qualification-coverage{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}} .units-page .manager-heading{margin-bottom:10px}.units-page .manager-heading h1{font-size:25px}.units-page .manager-heading .feature-note{margin-top:4px}.units-page .unit-access-description{display:inline-block;background:none;border:0;padding:0;margin:2px 0 0;color:var(--muted)}.units-page .unit-toolbar{margin:12px 0}.unit-nav-groups{margin-top:14px}.unit-section-heading{margin:14px 0}.unit-section-heading h2{font-size:21px}.unit-summary{margin:12px 0}.promotion-notice-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.promotion-notice-summary button{flex:none}.units-page #promotion-notice{padding:12px 16px}.promotion-notice-summary+small{display:block;margin-top:6px;color:var(--muted)}@media(max-width:700px){.promotion-notice-summary{align-items:start;flex-direction:column;gap:8px}.promotion-notice-summary button{width:100%}.units-page .unit-access-description{font-size:11px}} .unit-scroll-hint{font-size:11px;color:var(--muted);margin:8px 0 5px;line-height:1.5}.unit-table[tabindex="0"]:focus-visible,.billet-table[tabindex="0"]:focus-visible,.rank-policy-table[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px} .units-page .manager-heading .btn-save{margin-top:0}.unit-toolbar>:is(button,a){align-self:flex-end} /* Unit identity stays separate from each staff member’s color theme. */ .unit-branded-heading{position:relative;gap:20px;flex-wrap:wrap}.unit-branded-heading>div{flex:1;min-width:180px}.unit-brand-icon{width:76px;height:76px;object-fit:contain;border-radius:10px;flex-shrink:0}.unit-branded-heading.has-banner{background-size:cover;background-position:center;padding:28px;border-radius:10px;min-height:180px;color:#fff}.unit-branded-heading.has-banner h1,.unit-branded-heading.has-banner .feature-note,.unit-branded-heading.has-banner .eyebrow{color:#fff}.unit-brand-preview{display:block;width:100%;max-height:180px;object-fit:contain;border:1px solid var(--border);border-radius:6px;margin:10px 0}.unit-brand-preview.icon{width:100px;height:100px}.unit-brand-preview[hidden]{display:none}#unit-brand-error:not(:empty){color:var(--danger);padding:12px}#unit-brand-form input[type=file]{max-width:100%}@media(max-width:600px){.unit-branded-heading.has-banner{padding:18px}.unit-brand-icon{width:56px;height:56px}} /* fieldhq styles consolidated in original cascade order. */ /* Low-specificity defaults give every action a usable button, while component styles win. */ html:where([data-theme]) :where(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"]){ appearance:none;box-sizing:border-box;min-height:34px;padding:8px 12px; border:1px solid var(--border);border-radius:4px;background:var(--surface2);color:var(--text); font:500 12px/1.3 Barlow,system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer; } html:where([data-theme]) :where(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"]):where(:hover:not(:disabled):not([aria-disabled="true"])){border-color:var(--accent)} html:where([data-theme]) :where(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"]):where(:focus-visible){outline:2px solid var(--accent);outline-offset:3px} html[data-theme] :where(button,input[type="button"],input[type="submit"],input[type="reset"],[role="button"]):is(:disabled,[aria-disabled="true"]){opacity:.5;cursor:not-allowed} html[data-theme] .btn-danger{border-color:var(--offline);color:var(--offline);background:var(--surface2)} html[data-theme] .btn-danger:hover:not(:disabled){border-color:var(--offline);box-shadow:inset 0 0 0 1px var(--offline)} /* FIELDHQ: one fixed workspace layout, with independent account color palettes. */ :root[data-theme=slate]{color-scheme:dark;--bg:#0c1822;--surface:#122430;--surface2:#192e3b;--chrome:#0e1e2a;--border:#29404f;--accent:#13d5df;--accent2:#71edf0;--accent-soft:#123d49;--accent-border:#237486;--ram-color:#bc99f4;--cpu-color:#13d5df;--text:#cfdee8;--muted:#99afbf;--heading:#f4f8fb;--console-bg:#0a1620;--chart-grid:#243c4a;--online:#6ed78d;--offline:#ef6565;--warn:#efbb65} :root[data-theme=operations]{color-scheme:dark;--bg:#0b131b;--surface:#12212c;--surface2:#192e3a;--chrome:#0d1b25;--border:#293e4b;--accent:#22b8f3;--accent2:#8bdcff;--accent-soft:#12364b;--accent-border:#246b8d;--ram-color:#b097f4;--cpu-color:#22b8f3;--text:#cedce6;--muted:#9aafbf;--heading:#f2f7fb;--console-bg:#09131b;--chart-grid:#283b49;--online:#73d78c;--offline:#ee6767;--warn:#edbd6d} :root[data-theme=fielddesk]{color-scheme:light;--bg:#f7f8f5;--surface:#fff;--surface2:#f0f3ee;--chrome:#fafbf8;--border:#d8dfd7;--accent:#285f32;--accent2:#214c29;--accent-soft:#e3efdf;--accent-border:#8eaf87;--ram-color:#8659d7;--cpu-color:#285f32;--text:#2e3b43;--muted:#596a70;--heading:#15232b;--console-bg:#f2f5f1;--chart-grid:#e0e6df;--online:#288443;--offline:#b83333;--warn:#8b6419} html[data-theme] body{font-family:Barlow,system-ui,sans-serif;font-size:13px;background:var(--bg);color:var(--text)} html[data-theme] :is(h1,h2,h3,.card-label,.chart-title,.chart-value,.fleet-server-title,.manager-summary strong,.panel-tab,.workspace-brand){font-family:Barlow,system-ui,sans-serif;letter-spacing:normal} html[data-theme] h1{font-size:27px;font-weight:700}html[data-theme] h2{font-size:18px}html[data-theme] h3{font-size:15px} html[data-theme] :is(header,.manager-header){height:54px;left:0;padding:0 20px 0 0;background:var(--chrome);background-image:none;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:22px;box-shadow:none} html[data-theme] :is(header,.manager-header)::before,html[data-theme] :is(header,.manager-header)::after{display:none} html[data-theme] .fieldhq-brand{height:54px;min-width:184px;padding:0 20px;display:flex;align-items:center;font:800 22px Barlow,system-ui,sans-serif;color:var(--heading);letter-spacing:-.6px;text-decoration:none;border-right:1px solid var(--border)} html[data-theme] .fieldhq-brand span{color:var(--accent)} html[data-theme] .fieldhq-areas{display:flex;height:54px;gap:25px;flex-shrink:0} html[data-theme] .fieldhq-areas a{display:flex;align-items:center;gap:8px;padding:0 5px;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;font-size:13px} html[data-theme] .fieldhq-areas a[aria-current]{color:var(--accent);border-color:var(--accent)} html[data-theme] .header-left{display:flex;align-items:center;gap:22px} html[data-theme] #workspace-server-name{font:500 12px Barlow,sans-serif;color:var(--muted);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html[data-theme] .fieldhq-search{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:170px;width:260px;padding:0 10px;border:1px solid var(--border);border-radius:20px;background:var(--surface)} html[data-theme] .fieldhq-search input{min-width:0;width:100%;height:29px;border:0;background:transparent;padding:4px 0;font:12px Barlow,sans-serif;color:var(--text);outline-offset:3px} html[data-theme] .fieldhq-account{display:flex;align-items:center;gap:14px;font-size:12px} html[data-theme] .manager-header>.workspace-back:last-child,html[data-theme] header>.btn-logout{margin-left:auto} html[data-theme] .ui-icon{width:16px;height:16px;stroke-width:1.6;flex-shrink:0} html[data-theme] .sidebar{top:54px;width:184px;padding:0 10px;background:var(--chrome);border-right:1px solid var(--border)} html[data-theme] .sidebar .brand{display:none} html[data-theme] .sidebar-instances{padding:12px 0;gap:7px;border:0} html[data-theme] .sidebar-instances .instance-label{font-size:10px;color:var(--muted);text-transform:none;letter-spacing:0} html[data-theme] .sidebar-instances select{font:11px Barlow,sans-serif;padding:6px;min-height:29px;background:var(--surface);border:1px solid var(--border)} html[data-theme] .sidebar .panel-tabs{gap:3px;padding:0} html[data-theme] .sidebar .panel-tab{font-size:12px;font-weight:500;padding:9px 10px;min-height:34px;border:0;border-left:2px solid transparent;border-radius:3px;gap:9px;color:var(--text);text-decoration:none} html[data-theme] .sidebar :is(.panel-tab.active,.panel-tab[aria-selected=true],.panel-tab[aria-current]){color:var(--accent);background:var(--accent-soft);border-left-color:var(--accent)} html[data-theme] .sidebar .nav-label{font:500 9px Barlow,sans-serif;letter-spacing:.08em;color:var(--muted);padding:12px 10px 4px;border:0} html[data-theme] .sidebar .workspace-unit-link{display:flex;gap:9px;padding:8px 10px;font:500 12px Barlow,sans-serif;background:transparent;border:0;min-height:34px;color:var(--text)} html[data-theme] .sidebar .workspace-unit-link small{display:none} html[data-theme] .sidebar-bottom{border-top:1px solid var(--border);padding:12px 0}.sidebar-bottom>.brand-icon,.sidebar-bottom>div{display:none} html[data-theme] :is(.layout,.fleet-page .manager-main){margin-left:184px;padding:78px 24px 24px;max-width:none} html[data-theme] .units-main{padding-top:78px} html[data-theme] :is(.card,.chart-card,.fleet-chart-panel,.fleet-alert-panel,.fleet-cards,.config-category,.mods-card){box-shadow:none;border-radius:5px;background:var(--surface);border-color:var(--border)} html[data-theme] :is(.btn-save,.btn-logout,.manager-link,.config-button){font-family:Barlow,system-ui,sans-serif;letter-spacing:0;border-radius:4px;text-transform:none} html[data-theme] :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px} /* Fleet heading: actions and five small totals share the first band on wide screens. */ html[data-theme] .fleet-overview-top{display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(420px,1fr);gap:20px;align-items:start;margin-bottom:16px} html[data-theme] .fleet-overview-top .manager-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:0;border:0} html[data-theme] .fleet-overview-top .manager-heading>div:first-child{flex:1 1 180px} html[data-theme] .fleet-overview-top h1{font-size:26px;margin:0 0 5px} html[data-theme] .fleet-overview-top .feature-note{font-size:11px;line-height:1.5;margin:0;color:var(--muted)} html[data-theme] .fleet-heading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0} html[data-theme] .fleet-heading-actions :is(button,a){height:33px;margin:0;padding:7px 10px;min-height:33px;font-size:11px;display:inline-flex;align-items:center;gap:6px} html[data-theme] .fleet-heading-actions .btn-save{background:var(--accent);color:var(--bg);border:1px solid var(--accent)} html[data-theme=fielddesk] .fleet-heading-actions .btn-save{color:#fff} html[data-theme] .fleet-overview-top .manager-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0;border:0;padding:0} html[data-theme] .fleet-overview-top .manager-summary>div{display:grid;grid-template-columns:19px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 7px;align-items:center;padding:10px 8px;min-height:64px;background:var(--surface);border:1px solid var(--border);border-radius:4px} html[data-theme] .fleet-overview-top .manager-summary .ui-icon{grid-row:1/3;grid-column:1;color:var(--accent)} html[data-theme] .fleet-overview-top .manager-summary strong{grid-column:2;grid-row:1;font:700 19px Barlow,sans-serif;line-height:1.1;color:var(--heading)} html[data-theme] .fleet-overview-top .manager-summary span{grid-column:2;grid-row:2;font:400 10px Barlow,sans-serif;white-space:normal} html[data-theme] #overview-ram-detail{grid-column:1/-1;font-size:9px;color:var(--muted)} html[data-theme] .fleet-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px;padding:0;background:transparent;border:0} html[data-theme] .fleet-filters label:first-child{flex:0 1 170px} html[data-theme] .fleet-filters :is(input,select,button){height:30px;min-height:30px;padding:5px 8px;font:11px Barlow,sans-serif} html[data-theme] #overview-feedback{font-size:10px;margin:0;min-height:0} /* Thumbnail and address belong to the server column, as in the mockup. */ html[data-theme] :is(.fleet-table-heading,.fleet-server-card){grid-template-columns:48px minmax(150px,1.35fr) minmax(110px,1fr) 54px 66px 74px 66px 296px;gap:0 10px} html[data-theme] .fleet-table-heading{font-size:11px;padding:10px 12px;background:var(--surface2);border-radius:4px 4px 0 0} html[data-theme] .fleet-server-card{min-height:76px;padding:10px 12px} html[data-theme] .fleet-server-art{height:42px;grid-row:1/4} html[data-theme] .fleet-server-art img{width:100%;height:100%;object-fit:cover} html[data-theme] .fleet-server-card h3{grid-column:2;grid-row:1;font:600 12px Barlow,sans-serif;line-height:1.3} html[data-theme] .fleet-server-title:after{display:none} html[data-theme] .fleet-server-card>.fleet-address{grid-column:2;grid-row:2;font:10px Barlow,sans-serif;color:var(--muted);line-height:1.5} html[data-theme] .fleet-card-heading{grid-column:2;grid-row:3;gap:5px;flex-wrap:wrap;font-size:9px;margin:0} html[data-theme] .fleet-build{font-size:9px} html[data-theme] .fleet-server-card>.fleet-map{grid-column:3;grid-row:1/4;font-size:11px;line-height:1.5} html[data-theme] .fleet-card-stats dd{grid-row:1/4;font:500 11px Barlow,sans-serif} html[data-theme] .fleet-card-stats>div:nth-child(1) dd{grid-column:4} html[data-theme] .fleet-card-stats>div:nth-child(2) dd{grid-column:5} html[data-theme] .fleet-card-stats>div:nth-child(3) dd{grid-column:6} html[data-theme] .fleet-uptime{grid-column:7;grid-row:1/4;font-size:11px} html[data-theme] .fleet-server-card .manager-actions{grid-column:8;grid-row:1/4;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;position:relative;z-index:1} html[data-theme] .fleet-server-card .manager-actions :is(button,a){font:500 10px Barlow,sans-serif;min-height:27px;padding:5px 8px;white-space:nowrap;background:var(--surface2)} html[data-theme] .manager-actions .action-stop{background:#a92e30;color:#fff;border-color:#cd4949} html[data-theme] .manager-actions [data-action=Remove]{color:var(--offline);border-color:var(--offline)} html[data-theme] .fleet-usage-track{display:block;height:4px;width:100%;margin-top:5px;background:var(--border);border-radius:2px;overflow:hidden} html[data-theme] .fleet-usage-fill{display:block;height:100%;background:var(--accent)} html[data-theme] .fleet-card-stats>div:nth-child(3) .fleet-usage-fill{background:var(--ram-color)} html[data-theme] .fleet-storage{grid-row:4;grid-column:2/-1} html[data-theme] .fleet-server-card .fleet-event-error{grid-row:5;grid-column:2/-1} /* Equal resource charts and activity panel form the bottom band. */ html[data-theme] .fleet-trend-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(280px,1fr);gap:14px;margin:16px 0} html[data-theme] .fleet-trend-strip :is(.fleet-chart-panel,.fleet-alert-panel){margin:0;border:1px solid var(--border);min-width:0;overflow:hidden} html[data-theme] .fleet-section-heading{padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px} html[data-theme] .fleet-section-heading h2{font:600 12px Barlow,sans-serif;color:var(--heading)} html[data-theme] :is(#fleet-cpu-reading,#fleet-memory-reading){font:700 20px Barlow,sans-serif;color:var(--accent)} html[data-theme] #fleet-memory-reading{color:var(--ram-color)} html[data-theme] .fleet-chart{height:154px;padding:0 12px 10px} html[data-theme] .fleet-events{max-height:155px;font-size:11px} html[data-theme] .fleet-event{padding:8px 12px;gap:8px;font-size:10px} html[data-theme] .fleet-event time{font-size:9px} html[data-theme] #fleet-alert-status{font-size:10px;margin:0;padding:0 12px 6px} html[data-theme] .fleet-attention-count{font-size:10px;color:var(--muted)} html[data-theme] .fleet-attention-count strong{color:var(--heading)} html[data-theme] .fleet-player-trends{border:1px solid var(--border);border-radius:4px;background:var(--surface);margin-top:12px} html[data-theme] .fleet-player-trends summary{padding:10px 12px;font-size:12px;cursor:pointer} html[data-theme] .fleet-reading-notes{font-size:11px;color:var(--muted)} @media(max-width:1290px){html[data-theme] .fleet-overview-top{grid-template-columns:minmax(0,1fr)}html[data-theme] .fleet-overview-top .manager-summary{max-width:760px}html[data-theme] .fleet-overview-top .manager-heading{flex-wrap:nowrap}html[data-theme] :is(.fleet-table-heading,.fleet-server-card){grid-template-columns:42px minmax(120px,1.2fr) minmax(90px,.9fr) 43px 55px 65px 55px 260px;gap:0 8px}html[data-theme] .fleet-server-card .manager-actions :is(button,a){font-size:10px;padding:5px 7px}} @media(max-width:1150px){html[data-theme] .fieldhq-search{width:210px}html[data-theme] .fieldhq-account .workspace-back{font-size:11px}html[data-theme] .fleet-trend-strip{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme] .fleet-trend-strip .fleet-alert-panel{grid-column:1/-1}html[data-theme] :is(.fleet-table-heading,.fleet-server-card){grid-template-columns:40px minmax(100px,1fr) minmax(80px,.8fr) 40px 48px 60px 48px 160px;gap:0 6px}html[data-theme] #workspace-server-name{display:none}} @media(max-width:900px){html[data-theme] .fieldhq-search{width:170px}html[data-theme] .fieldhq-account .workspace-back{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-theme] .fleet-overview-top .manager-heading{flex-wrap:wrap}html[data-theme] :is(.fleet-table-heading,.fleet-server-card){grid-template-columns:40px minmax(110px,1fr) minmax(80px,.8fr) 40px 48px 60px}html[data-theme] .fleet-table-heading span:nth-last-child(-n+2){display:none}html[data-theme] .fleet-uptime{grid-column:2;grid-row:4}html[data-theme] .fleet-server-card .manager-actions{grid-column:3/-1;grid-row:4;margin-top:8px}html[data-theme] .fleet-storage{grid-row:5}html[data-theme] .fleet-server-card .fleet-event-error{grid-row:6}} @media(max-width:700px){html[data-theme] :is(header,.manager-header){height:54px;gap:10px;padding-right:10px}html[data-theme] .fieldhq-brand{min-width:auto;padding:0 12px;font-size:18px;border:0}html[data-theme] .fieldhq-areas{gap:8px}html[data-theme] .fieldhq-areas a{font-size:11px;gap:4px}html[data-theme] .fieldhq-search{display:none}html[data-theme] .fieldhq-account{margin-left:auto;gap:5px}html[data-theme] .fieldhq-account .workspace-back{max-width:82px;font-size:10px}html[data-theme] .fieldhq-account .btn-logout{font-size:10px;padding:5px}html[data-theme] .header-left{gap:5px}html[data-theme] :is(.layout,.fleet-page .manager-main){margin-left:0;padding:108px 12px 24px}html[data-theme] .sidebar{top:54px;width:220px}html[data-theme] .mobile-nav-toggle{top:62px}html[data-theme] .fleet-overview-top{gap:12px}html[data-theme] .fleet-overview-top .manager-summary{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}html[data-theme] .fleet-overview-top .manager-summary>div{min-height:58px}html[data-theme] .fleet-trend-strip{grid-template-columns:minmax(0,1fr)}html[data-theme] .fleet-table-heading{display:none}html[data-theme] .fleet-server-card{grid-template-columns:42px minmax(0,1fr) minmax(0,1fr);gap:5px 10px;padding:12px}html[data-theme] .fleet-server-art{grid-column:1;grid-row:1/4}html[data-theme] .fleet-server-card h3{grid-column:2/-1;grid-row:1}html[data-theme] .fleet-server-card>.fleet-address{grid-column:2/-1;grid-row:2}html[data-theme] .fleet-card-heading{grid-column:2/-1;grid-row:3}html[data-theme] .fleet-server-card>.fleet-map{grid-column:1/-1;grid-row:4}html[data-theme] .fleet-card-stats dd{grid-row:5}html[data-theme] .fleet-card-stats>div:nth-child(1) dd{grid-column:1}html[data-theme] .fleet-card-stats>div:nth-child(2) dd{grid-column:2}html[data-theme] .fleet-card-stats>div:nth-child(3) dd{grid-column:3}html[data-theme] .fleet-card-stats dt{position:static;width:auto;height:auto;clip-path:none;font-size:9px;color:var(--muted)}html[data-theme] .fleet-card-stats>div{display:flex;flex-direction:column;gap:3px;grid-row:5}html[data-theme] .fleet-card-stats>div:nth-child(1){grid-column:1}html[data-theme] .fleet-card-stats>div:nth-child(2){grid-column:2}html[data-theme] .fleet-card-stats>div:nth-child(3){grid-column:3}html[data-theme] .fleet-uptime{grid-column:1/-1;grid-row:6}html[data-theme] .fleet-server-card .manager-actions{grid-column:1/-1;grid-row:7;justify-content:flex-start}html[data-theme] .fleet-storage{grid-row:8}html[data-theme] .fleet-server-card .fleet-event-error{grid-row:9}html[data-theme] .units-page .manager-header>#units-server-navigation{display:none}html[data-theme] .units-page .manager-header>.workspace-back:last-child{font-size:10px}html[data-theme] .units-main{padding-top:78px}} /* Keep search available beside the mobile navigation toggle. */ @media(max-width:700px){html[data-theme] .fleet-page .fieldhq-search{display:flex;position:absolute;top:63px;right:12px;width:calc(50% - 18px);min-width:0;height:34px;border-radius:4px}html[data-theme] .fleet-page .mobile-nav-toggle{width:calc(50% - 6px);min-height:34px;font-size:11px;padding:7px}html[data-theme] .fleet-page .manager-main{padding-top:63px}html[data-theme] .fleet-overview-top{margin-top:0}} html[data-theme] #fleet-sidebar .panel-tab{display:flex} html[data-theme] #fleet-sidebar .sidebar-instances{margin-bottom:8px;border-bottom:1px solid var(--border)} html[data-theme] #server-name-display{font-family:Barlow,system-ui,sans-serif;font-size:26px;font-weight:700;letter-spacing:0} html[data-theme] .dashboard-summary .chart-value{font-family:Barlow,system-ui,sans-serif;font-size:24px} html[data-theme] body :is(header,.manager-header){background-image:none;letter-spacing:0;text-transform:none} html[data-theme] .fieldhq-brand{font-weight:800}html[data-theme] .fieldhq-areas{letter-spacing:0} html[data-theme] .fleet-software-status{padding:9px 12px;margin:8px 0 12px;font-size:11px} html[data-theme] .fleet-software-status summary{cursor:pointer;color:var(--muted)} html[data-theme] .fleet-software-status[open] summary{margin-bottom:9px} @media(max-width:1150px){html[data-theme] .fleet-card-stats,html[data-theme] .fleet-card-stats>div{display:contents}html[data-theme] .fleet-card-stats dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}} @media(max-width:700px){html[data-theme] .fleet-card-stats>div{display:flex;grid-row:5}html[data-theme] .fleet-card-stats dt{position:static;clip-path:none;width:auto;height:auto}html[data-theme] .fleet-card-stats dd{grid-row:auto;grid-column:auto}html[data-theme] .fleet-card-stats{margin:0;padding:0;border:0}html[data-theme] .fleet-server-card{grid-template-rows:auto;min-height:0}} html[data-theme] .fleet-server-card .manager-actions .action-stop{background:#aa3035;color:#fff;border-color:#ca4b50} html[data-theme] .fleet-server-card .manager-actions .action-stop:hover{background:#92262b} :root[data-theme=fielddesk]{--button-text:#fff} html[data-theme] .fleet-heading-actions #overview-create{background:var(--accent);background-image:none;color:var(--button-text)} /* Population shares one wider summary card. */ html[data-theme] .dashboard-summary{grid-template-columns:minmax(320px,1.7fr) repeat(3,minmax(0,1fr))} html[data-theme] .dashboard-summary .dashboard-population{grid-template-columns:26px minmax(0,1fr);gap:12px} html[data-theme] .dashboard-population>.ui-icon{grid-column:1;grid-row:1} html[data-theme] .population-counts{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0} html[data-theme] .population-counts>div+div{border-left:1px solid var(--border);padding-left:12px} html[data-theme] .population-counts .card-label{font-size:11px;margin:3px 0 0} html[data-theme] .population-counts .chart-value{font-size:24px;margin:0;overflow-wrap:anywhere} @media(max-width:1100px){html[data-theme] .dashboard-summary{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-theme] .dashboard-summary .dashboard-population{grid-column:1/-1}} @media(max-width:500px){html[data-theme] .dashboard-summary{grid-template-columns:minmax(0,1fr)}html[data-theme] .dashboard-summary .dashboard-population{grid-column:1}html[data-theme] .population-counts{gap:8px}html[data-theme] .population-counts>div+div{padding-left:8px}} /* Dashboard order follows the document: counters, CPU/memory, network/FPS, console, storage/disk. */ html[data-theme] .dashboard-metric-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;align-items:stretch} html[data-theme] .dashboard-metric-row :is(.card,.chart-card){margin:0;padding:13px;min-width:0} html[data-theme] .dashboard-metric-row .chart-wrap{height:150px} html[data-theme] #fps-metrics{min-width:0;display:grid} html[data-theme] #panel-dashboard>#console-card{width:100%;margin:0 0 14px;min-width:0} html[data-theme] .dashboard-storage-row #storage-card{grid-column:auto} html[data-theme] .dashboard-secondary{padding:12px;border:1px solid var(--border);border-radius:5px;background:var(--surface);margin-bottom:14px} html[data-theme] .dashboard-secondary>summary{cursor:pointer;font-size:12px;color:var(--muted)} html[data-theme] .dashboard-secondary-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;align-items:start} html[data-theme] .dashboard-secondary-content>*{grid-area:auto;margin:0;min-width:0} @media(max-width:700px){html[data-theme] .dashboard-metric-row,html[data-theme] .dashboard-secondary-content{grid-template-columns:minmax(0,1fr)}} /* Keep every dashboard row separated, including full-width console and disclosures. */ html[data-theme] #panel-dashboard:not([hidden]){display:flex;flex-direction:column;gap:14px} html[data-theme] #panel-dashboard>:is(.dashboard-heading,.dashboard-summary,.field-resource-charts,.dashboard-metric-row,#console-card,.dashboard-secondary){margin:0!important} html[data-theme] .dashboard-metric-row .chart-card{display:flex;flex-direction:column} html[data-theme] .dashboard-metric-row .chart-header{min-height:76px;margin-bottom:10px;align-items:start} html[data-theme] .dashboard-metric-row .traffic-values{margin:8px 0 0;gap:8px 24px} html[data-theme] .dashboard-metric-row .traffic-values strong{font-size:16px;margin-top:3px} html[data-theme] .dashboard-metric-row .chart-wrap{flex:none;margin:0;height:150px} html[data-theme] .dashboard-metric-row :is(.chart-sub,.feature-note){text-align:left;line-height:1.5} html[data-theme] .dashboard-metric-row .chart-wrap+:is(.chart-sub,.feature-note){margin:10px 0 0} html[data-theme] .dashboard-storage-row{align-items:start} /* Full-width fleet totals, then a single filter/action toolbar. */ html[data-theme] .fleet-overview-top{display:flex;flex-direction:column;gap:14px;margin-bottom:14px} html[data-theme] .fleet-overview-top .manager-heading{width:100%} html[data-theme] .fleet-overview-top .manager-summary{width:100%;max-width:none;grid-template-columns:repeat(7,minmax(0,1fr))} html[data-theme] .fleet-overview-top .manager-summary>div{min-height:84px;align-content:start;padding:14px 10px} html[data-theme] .fleet-overview-top .manager-summary small{grid-column:1/-1;font-size:9px;color:var(--muted);margin-top:4px} html[data-theme] .fleet-control-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-bottom:8px} html[data-theme] .fleet-control-toolbar .fleet-filters{margin:0;gap:8px;flex:1 1 390px} html[data-theme] .fleet-control-toolbar .fleet-heading-actions{justify-content:flex-end;gap:7px;flex:0 1 auto} html[data-theme] .fleet-control-toolbar .fleet-filters>label{flex:0 1 130px;min-width:0} html[data-theme] .fleet-control-toolbar .fleet-toolbar-search{display:flex;position:static;flex:1 1 180px;width:auto;min-width:140px;margin:0;padding:0 8px;border-radius:4px;height:33px} html[data-theme] .fleet-control-toolbar .fleet-toolbar-search input{font-size:11px;height:30px;padding:4px 0} html[data-theme] .fleet-control-toolbar :is(select,button,a){min-height:33px;margin:0} html[data-theme] .fleet-control-toolbar #overview-storage{margin-left:0} html[data-theme] .fleet-refresh-status{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin-bottom:10px;color:var(--muted)} html[data-theme] .fleet-refresh-status :is(p,span){font-size:10px;margin:0;padding:0} html[data-theme] .fleet-page .manager-header .fieldhq-account{margin-left:auto} @media(max-width:1100px){html[data-theme] .fleet-overview-top .manager-summary{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:700px){html[data-theme] .fleet-overview-top .manager-summary{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme] .fleet-control-toolbar .fleet-filters{flex-basis:100%}html[data-theme] .fleet-control-toolbar .fleet-heading-actions{justify-content:flex-start}html[data-theme] .fleet-page .mobile-nav-toggle{width:100%}html[data-theme] .fleet-control-toolbar .fleet-toolbar-search{flex-basis:100%;width:100%}html[data-theme] .fleet-control-toolbar .fleet-filters>label:not(.fleet-toolbar-search){flex:1 1 100px}} #server-remove-options{padding:12px;border:1px solid var(--border);margin:14px 0}#server-remove-options label{display:flex;align-items:start;gap:8px;margin:10px 0;line-height:1.5}#server-remove-options input{flex:none;margin-top:3px}#server-remove-path,.server-cleanup-folder code{display:block;white-space:normal;overflow-wrap:anywhere;margin:8px 0}.server-confirm-field{display:grid;gap:8px;margin:16px 0}.server-confirm-field input{width:100%;padding:10px;color:var(--text);background:var(--console-bg);border:1px solid var(--border)}#server-remove-warning{color:var(--warn);line-height:1.5}#server-remove-error:not(:empty){padding:12px;color:var(--offline)}.server-cleanup-folder{padding:14px 0;border-bottom:1px solid var(--border)}.server-cleanup-folder button{margin-top:10px}#server-cleanup-status{margin:14px 0;overflow-wrap:anywhere} /* Toolbar controls own their width; only the inline SVG supplies the search icon. */ html[data-theme] .fleet-control-toolbar .fleet-filters{min-width:0} html[data-theme] .fleet-control-toolbar .fleet-filters>label:not(.fleet-toolbar-search){display:block;flex:0 0 140px;min-width:0} html[data-theme] .fleet-control-toolbar .fleet-filters select{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box} html[data-theme] .fleet-control-toolbar .fleet-toolbar-search{flex:1 1 200px;min-width:180px;gap:8px;overflow:hidden} html[data-theme] .fleet-control-toolbar .fleet-toolbar-search input[type=search]{flex:1 1 0;width:0;min-width:0;max-width:100%;padding:4px 0;background-image:none;border:0} html[data-theme] #server-remove-confirm{border-color:var(--offline);color:var(--offline)} @media(max-width:700px){html[data-theme] .fleet-control-toolbar .fleet-toolbar-search{flex-basis:100%;min-width:0}html[data-theme] .fleet-control-toolbar .fleet-filters>label:not(.fleet-toolbar-search){flex:1 1 120px}} html[data-theme] :is(#server-cleanup-dialog,#server-remove-dialog) .btn-logout{min-height:34px;padding:8px 12px;font:500 12px/1.3 Barlow,system-ui,sans-serif;background:var(--surface2);color:var(--text)} /* Shared controls and dialog surfaces replace browser-default form styling. */ html[data-theme] :where(dialog){box-sizing:border-box;margin:auto;max-width:calc(100vw - 32px);max-height:88dvh;overflow:auto;padding:24px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px} html[data-theme] :where(dialog)::backdrop{background:#000a} html[data-theme] :where(dialog) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;min-width:0;max-width:100%;min-height:36px;padding:8px 10px;border:1px solid var(--border);border-radius:4px;background:var(--console-bg);color:var(--text);font:inherit} html[data-theme] :where(dialog) :where(p){line-height:1.5;overflow-wrap:anywhere} .panel-confirm{width:min(480px,calc(100vw - 32px))}.panel-confirm h2{margin:0 0 14px} .panel-dialog-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px} .mod-change-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)} .mod-change-row>div{min-width:0}.mod-change-row strong,.mod-change-row small{display:block;overflow-wrap:anywhere}.mod-change-row small{margin-top:4px;color:var(--muted)} .storage-disk-counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.storage-disk-counters .card{padding:16px}.storage-disk-counters small{overflow-wrap:anywhere}.storage-reading-note{margin-top:16px} .panel-dialog-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px} .mod-change-summary{padding:12px;border:1px solid var(--border);border-radius:4px;background:var(--surface2);color:var(--text)} /* Field uses light content with dark chrome; chrome needs its own readable tokens. */ html[data-theme="field"] :is(header,.manager-header,.sidebar){ color-scheme:dark; --text:#edf1e7;--heading:#ffffff;--muted:#c3cdb9; --accent:#c8e4ac;--accent2:#e4f1d5;--accent-soft:#485b3c;--accent-border:#9bb88a; --surface:#3b4934;--surface2:#45553d;--console-bg:#2d3928;--border:#7c8e6e; --field-nav:var(--text);--field-nav-muted:var(--muted); --nav-border:var(--border);--nav-control:var(--surface);--nav-selected:var(--accent-soft);--nav-selected-text:var(--accent2);--nav-hover:var(--surface2); color:var(--text); } html[data-theme="field"] :is(header,.manager-header,.sidebar) :is(a,button,select){color:var(--text)} html[data-theme="field"] .fieldhq-brand span,html[data-theme="field"] .fieldhq-areas a[aria-current]{color:var(--accent)} html[data-theme="field"] .sidebar :is(.panel-tab.active,.panel-tab[aria-selected="true"],.panel-tab[aria-current]){color:var(--accent2)} html[data-theme="field"] .fleet-control-toolbar .fieldhq-search input{background:transparent} /* Original restores the angular amber treatment within the shared workspace. */ :root[data-theme="original"]{--border:#62543d;--accent-border:#a88a47;--chart-grid:#3a352a} /* Radius is intentional here: component-specific selectors must not round this skin. */ html[data-theme="original"] :is(button,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea,dialog,.btn-save,.btn-logout,.manager-link,.config-button,.login-submit,.fieldhq-search,.card,.chart-card,.config-category,.config-code-block,.files-workspace,.files-browser,.files-editor,.mods-card,.mod-tile,.mod-art,.mods-toolbar,.mod-review-card,.mods-bulk-toolbar,.mod-change-summary,.network-chart,.console-workspace,.console-command-card,.operator-row,.operator-facts,.fleet-server-card,.fleet-chart-panel,.fleet-alert-panel,.fleet-cards,.manager-summary>div,.unit-block,.unit-table,.unit-badge,.unit-brand-icon,.unit-brand-preview,.structure-section,.structure-group-heading,.downloaded-table-wrap,.manual-tools,.startup-savebar,.config-savebar,.section-tabs,.section-filter,.config-modes){border-radius:0!important} html[data-theme="original"] :is(.card,.chart-card,.fleet-chart-panel,.fleet-alert-panel,.fleet-server-card,.unit-block,.mod-tile,dialog){box-shadow:none;border-color:var(--border)} html[data-theme="original"] .sidebar .panel-tab{border:1px solid var(--border);border-left-width:2px} html[data-theme="original"] .sidebar :is(.panel-tab.active,.panel-tab[aria-selected="true"],.panel-tab[aria-current]){border-color:var(--accent-border);border-left-color:var(--accent);background:var(--accent-soft);color:var(--accent2)} html[data-theme="original"] .section-tabs button{border:1px solid var(--border)} html[data-theme="original"] .fieldhq-search{border-color:var(--border)}