/* MST CONTROL — shared local design tokens and responsive components. */
:root{color-scheme:dark;--bg:#0b1220;--surface:#111c2d;--surface-2:#162338;--surface-3:#1b2b42;--text:#e6edf7;--muted:#9aacc3;--line:#25344c;--accent:#60b9ff;--cyan:#45d4cf;--green:#56d9a1;--amber:#f5c56a;--red:#ff8b96;--dark:var(--text);--shadow:0 6px 24px #03091426;--sidebar-width:232px}
html[data-theme=light]{color-scheme:light;--bg:#eef3f9;--surface:#fff;--surface-2:#f5f8fc;--surface-3:#e7eef8;--text:#19283d;--muted:#53657d;--line:#ced9e7;--accent:#1268ad;--cyan:#077875;--green:#087347;--amber:#8c5a00;--red:#b52d43;--shadow:0 6px 24px #18304d0a}
body{background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent)}button,.button{background:var(--accent);border-color:var(--accent);color:var(--bg);padding:10px 15px;border-radius:8px;min-height:40px;font-weight:600}.secondary,.link{background:var(--surface-2);color:var(--text);border-color:var(--line)}button:hover,.button:hover{filter:brightness(1.12)}input,select,textarea{background:var(--surface-2);border-color:var(--line);color:var(--text);min-height:40px}input::placeholder{color:var(--muted);opacity:1}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}h1{font-size:28px;letter-spacing:-.7px;font-weight:650}h2{font-size:16px;font-weight:650;letter-spacing:-.2px}h3{font-size:15px;margin:12px 0 5px}p{line-height:1.6}small,.muted,.helptext,footer{color:var(--muted)}small{font-size:12px}strong{font-weight:600}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted)}
.sidebar{width:var(--sidebar-width);background:var(--surface);border-color:var(--line);padding:28px 16px;z-index:50;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;letter-spacing:0;color:var(--text);font-size:17px;padding:0 6px;flex-shrink:0}.brand span{display:initial;margin:0}.brand .brand-mark{display:grid;place-items:center;width:37px;height:39px;color:var(--cyan);background:var(--surface-3);border:1px solid #45d4cf45;border-radius:10px;font-size:23px;font-weight:800}.brand .brand-name{font-size:16px;letter-spacing:.2px;line-height:1.3}.brand b{font-weight:500;color:var(--accent)}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.sidebar .eyebrow{font-size:9px;margin:32px 10px 12px}.sidebar nav a{display:flex;align-items:center;gap:12px;color:var(--muted);padding:11px 12px;font-size:13px;margin:4px 0;border:1px solid transparent;min-height:43px}.sidebar nav a:hover{background:var(--surface-2);color:var(--text)}.sidebar nav a.active{background:#269ee51b;border-color:#329fd32b;color:var(--accent);font-weight:600}.nav-icon{font-size:21px;width:22px;text-align:center;line-height:1}.nav-new{font-size:8px;letter-spacing:1px;border:1px solid var(--line);padding:2px 4px;margin-left:auto;border-radius:4px}.inventory-nav{border-top:1px solid var(--line);border-bottom:0;margin-top:20px;padding:18px 8px;color:var(--muted);font-size:12px}.inventory-nav summary{list-style:revert}.inventory-nav nav a{font-size:12px;padding:6px 10px;min-height:34px}.sidebar-bottom{margin-top:auto;padding:22px 8px 0;font-size:11px;color:var(--muted)}.sidebar-bottom small{display:block;font-size:10px;margin-top:8px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px;box-shadow:0 0 8px #56d9a140}.status-dot.neutral{background:var(--muted);box-shadow:none}.status-dot.failed{background:var(--red)}
.topbar{height:76px;position:relative;margin-left:var(--sidebar-width);padding:0 30px;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center;background:var(--surface)}.global-search{display:flex;align-items:center;gap:8px;max-width:480px;flex:1;min-width:80px}.global-search>span{font-size:25px;color:var(--muted)}.global-search input{width:100%;background:transparent;border:0;min-width:0;font-size:12px;padding:10px 3px}.global-search button{padding:0;width:24px;min-height:25px;color:var(--muted);border-color:var(--line);background:var(--surface-2)}.portal-status{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.icon-button{border:1px solid var(--line);background:transparent;color:var(--muted);width:36px;min-height:36px;padding:5px;font-size:19px;border-radius:8px}.top-user{display:flex;align-items:center;gap:9px;min-width:0}.avatar{display:grid;place-items:center;background:#2bacc52a;border:1px solid #45d4cf35;color:var(--cyan);border-radius:50%;width:34px;height:34px;font-size:12px;flex-shrink:0}.top-user strong{display:block;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-user small{display:block;font-size:10px}.logout-form{margin:0}.logout-form button{border:0}.menu-toggle,.menu-scrim{display:none}main{margin-left:var(--sidebar-width);max-width:none;padding:28px 30px 20px}.page-heading{margin-bottom:26px;gap:18px}.page-heading .eyebrow{font-size:9px;margin:0 0 9px}.page-heading .eyebrow span{margin:0 9px;color:var(--line)}.page-subtitle{margin:7px 0 0;color:var(--muted);font-size:12px}.live-clock{font-size:12px;color:var(--muted);white-space:nowrap}.card,.printer-card,.printer-counts>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:21px;margin-bottom:20px;min-width:0}.stats{gap:15px}.stats .card{gap:13px}.stats .card:hover{border-color:var(--accent)}.stats strong{font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.stats span{font-size:12px;color:var(--muted)}.stats small{font-size:11px}.control-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.stats span i{float:right;color:var(--accent);font-size:20px;font-style:normal;line-height:1}.stats .metric-unset{font-size:18px;letter-spacing:-.3px;line-height:32px}.green{color:var(--green)}.amber{color:var(--amber)}.red{color:var(--red)}.badge,.state,.severity,.printer-state{font-size:11px;border-radius:5px;padding:5px 8px;white-space:normal;line-height:1.5;overflow-wrap:anywhere}.badge{background:#60b9ff15;color:var(--accent)}.state-available,.printer-state.normal{background:#56d9a114;color:var(--green)}.state-unavailable,.printer-state.unavailable,.printer-state.critical,.sev-5{color:var(--red);background:#ff8b9614}.state-unknown,.state-disabled,.printer-state,.neutral-badge,.sev-0{color:var(--muted);background:var(--surface-3)}.sev-1{color:var(--accent);background:#60b9ff15}.warning,.sev-2,.sev-3{color:var(--amber);background:#f5c56a12}.sev-4{color:var(--red);background:#ff8b9614}.overview-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.section-head{align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.section-head h2{margin:0;display:flex;align-items:center;gap:9px}.section-head>a{font-size:11px}.heading-icon{color:var(--accent);font-size:19px}.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.location-card{display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--text);min-width:0}.location-card>div{flex:1;min-width:0}.location-card strong{font-size:12px;display:block}.location-card small{font-size:10px;display:block}.location-card p{font-size:11px;color:var(--muted);margin:5px 0 0}.location-icon,.device-icon{color:var(--accent);font-size:22px;line-height:1;background:#60b9ff12;border-radius:7px;padding:9px;display:inline-block}.location-card>span:last-child{font-size:12px;color:var(--muted)}.activity{padding:13px 0;gap:11px}.activity p{font-size:12px;color:var(--muted);margin:3px 0}.activity strong{font-size:13px}.activity-icon{color:var(--cyan);background:#45d4cf12;padding:7px;font-size:17px}.activity b{font-size:14px}.empty-state{padding:24px 14px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:8px;color:var(--muted);width:100%;grid-column:1/-1}.empty-state strong{color:var(--text);font-size:14px}.empty-state p{font-size:12px;margin:0;max-width:470px}.empty-state a{font-size:12px;margin-top:7px}.empty-symbol{font-size:30px;line-height:1.2;color:var(--accent);margin-bottom:4px;display:block}.compact{padding:18px 12px}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.server-card,.printer-mini{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:17px;min-width:0}.server-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.server-card h3 a,.printer-mini h3 a{color:var(--text)}.server-card>small{font-size:11px}.server-metrics{margin:14px 0}.server-metric{padding:5px 0}.server-metric>div,.mini-supply>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:11px}.server-metric span{color:var(--muted)}.server-metric strong{font-size:12px}.subtle-link{font-size:11px}.event-row{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:13px 0}.event-row>div{flex:1;min-width:0}.event-row strong{font-size:12px}.event-row small{display:block;margin-top:3px;font-size:11px}.event-row>a{font-size:11px;flex-shrink:0}.count-pill{font-size:10px;background:var(--surface-3);padding:2px 6px;border-radius:4px;color:var(--muted)}.printer-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.printer-mini p{font-size:11px;color:var(--muted);margin:3px 0}.printer-mini>small{font-size:10px}.mini-supply{padding-top:12px}.mini-supply>div strong{font-size:12px}.mini-supply>small{font-size:10px}.mini-supply.warning,.mini-supply.critical,.supply.warning,.supply.critical{background:transparent}.mini-supply.critical strong{color:var(--red)}progress{width:100%;height:7px;border:0;border-radius:4px;overflow:hidden;appearance:none;accent-color:var(--cyan);display:block;margin:7px 0;background:var(--surface-3)}progress::-webkit-progress-bar{background:var(--surface-3);border-radius:4px}progress::-webkit-progress-value{background:var(--cyan);border-radius:4px}progress::-moz-progress-bar{background:var(--cyan);border-radius:4px}.warning progress::-webkit-progress-value{background:var(--amber)}.critical progress::-webkit-progress-value{background:var(--red)}.empty-meter{height:7px;border:1px dashed var(--line);border-radius:4px;margin:7px 0}.inventory-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.inventory-summary strong{font-size:27px;display:block}.inventory-summary small{display:block;font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-grid .card{margin:0}.settings-grid .device-icon{margin-bottom:16px}.settings-grid p{color:var(--muted)}.module-empty{text-align:center;padding:60px 25px;max-width:860px;margin:24px auto}.module-empty h2{font-size:24px;margin-top:22px}.module-empty p{max-width:530px;margin:16px auto 24px;color:var(--muted)}.search-result{display:block;padding:12px 0;border-top:1px solid var(--line)}.search-result small{display:block}.table-wrap{padding:0;overflow:visible}table{table-layout:fixed}th{background:var(--surface-2);color:var(--muted);white-space:normal;font-size:11px}th,td{padding:15px 17px;border-color:var(--line);overflow-wrap:anywhere;min-width:0}td{font-size:13px}tr:hover td{background:#60b9ff05}.table-wrap table{border-radius:12px;overflow:hidden}.filters{gap:8px}.filters input,.filters select{font-size:12px}.notice{background:var(--surface-2);border-color:var(--line);color:var(--text);font-size:13px}.notice.error,.errorlist{background:#ff8b9610;border-color:#ff8b9633;color:var(--red)}.notice.warning{background:#f5c56a10;border-color:#f5c56a33;color:var(--amber)}.empty{color:var(--muted);padding:30px 15px!important}.welcome,.control-hero{background:linear-gradient(110deg,var(--surface-2),var(--surface));border:1px solid var(--line);color:var(--text);padding:25px}.welcome p,.control-hero p,.control-hero small,.control-hero .eyebrow{color:var(--muted)}.monitor-tabs a,.group-chips a{background:var(--surface-2);border-color:var(--line)}.monitor-tabs a[aria-current=page]{background:#60b9ff15;color:var(--accent);border-color:#60b9ff50}.monitor-tabs .badge{margin-left:auto}.problem-line{border-color:var(--line)}.metric-chart polyline,.printer-card svg polyline{stroke:var(--cyan)}.metric-chart line{stroke:var(--line)}.metric-value strong{font-size:24px}.printer-grid{gap:18px}.printer-card h2{font-size:17px}.printer-card p{color:var(--muted);font-size:13px}.printer-card small{color:var(--muted)}.printer-counts{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.printer-counts>div{padding:15px;margin:0}.printer-counts strong{font-size:27px;color:var(--accent)}.printer-counts span{font-size:11px;color:var(--muted)}.printer-top{align-items:flex-start;flex-wrap:nowrap}.printer-top h2{min-width:0;margin:0;flex:1}.printer-state{flex-shrink:0;max-width:45%}.supply{border-top:1px solid var(--line);padding:16px 0 0;margin:16px 0}.supply>strong{display:inline-block;font-size:13px;max-width:74%}.supply>span{font-size:21px;color:var(--text);font-weight:650;float:right}.supply>progress{height:12px;margin:12px 0}.supply>small{font-size:12px;margin:5px 0}.supply p{margin:12px 0 6px}.supply form button{padding:7px 10px;min-height:32px;background:var(--surface-3);color:var(--text);border-color:var(--line)}.printer-filters{background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:10px}.printer-filters label{font-size:12px;min-width:120px}.printer-toolbar{gap:12px;font-size:12px}.printer-toolbar small{margin-left:auto}.printer-card svg{max-height:230px}fieldset{border-color:var(--line);border-radius:8px;min-width:0}.printer-table{overflow:visible}.login{background:var(--surface);border-color:var(--line)}.login .brand{justify-content:center}.anonymous{margin:0!important}.anonymous .page-heading{display:none}.anonymous .brand span{display:block;font-size:12px}.login h1{font-size:25px}.columns{gap:20px}dl{gap:14px}.label img{background:white;border-radius:8px;padding:8px}.label{align-self:start}pre{background:var(--surface-2);color:var(--muted)}footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;border-top:1px solid var(--line);padding-top:18px;margin:28px 0 0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--surface);padding:12px}.skip-link:focus{top:10px}[hidden]{display:none!important}html,body{max-width:100%}main,section,article,form,.columns>*{min-width:0}h1,h2,h3,p,small,strong{overflow-wrap:anywhere}
@media(min-width:1700px){main{padding:32px 40px}.topbar{padding:0 40px}.card{padding:24px}.server-card,.printer-mini{padding:20px}}
@media(max-width:1200px){:root{--sidebar-width:210px}.topbar{gap:12px;padding:0 24px}main{padding:25px 24px}.portal-status{display:none}.control-stats{gap:10px}.control-stats .card{padding:17px}.control-stats span{font-size:11px}.stats .metric-unset{font-size:16px}.printer-counts{grid-template-columns:repeat(4,minmax(0,1fr))}.printer-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-grid{grid-template-columns:1fr}.overview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.control-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.server-grid{grid-template-columns:1fr}.overview-grid{grid-template-columns:1fr}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-user>span:last-child{display:none}.printer-grid{grid-template-columns:1fr}.event-row{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){:root{--sidebar-width:232px}.sidebar{position:fixed;width:var(--sidebar-width);transform:translateX(-100%);transition:transform .18s ease;inset:0 auto 0 0;padding:25px 16px}.sidebar .eyebrow{display:block}.sidebar nav{display:block;overflow:visible;margin:0}.sidebar nav a{white-space:normal}.sidebar .brand .brand-name{font-size:16px;margin:0}.sidebar .brand .brand-mark{font-size:23px}.sidebar .brand span{display:initial}.menu-open .sidebar{transform:translateX(0)}.menu-open{overflow:hidden}.menu-toggle{display:block;flex-shrink:0}.menu-scrim{display:block;position:fixed;inset:0;width:100%;height:100%;background:#030913a8;border:0;border-radius:0;z-index:40}.topbar{margin-left:0;height:65px;padding:0 14px;gap:8px}.global-search{min-width:0}.global-search input{font-size:12px}.global-search>span,.global-search button,.top-user{display:none}.theme-toggle{flex-shrink:0}.logout-form .icon-button{width:28px}.topbar .global-search input::placeholder{color:transparent}.topbar .global-search:before{content:'Поиск…';position:absolute;color:var(--muted);font-size:12px;pointer-events:none;margin-left:5px}.topbar .global-search:focus-within:before,.global-search:has(input:not(:placeholder-shown)):before{display:none}main:not(.anonymous){margin:0}main{padding:22px 15px}.page-heading{display:block;margin-bottom:22px}.page-heading .eyebrow{font-size:9px}h1{font-size:25px}.page-subtitle{font-size:12px}.live-clock{display:block;margin-top:10px;font-size:11px}.control-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.control-stats .card{margin-bottom:0;padding:15px;gap:10px}.control-stats{margin-bottom:20px}.control-stats .card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}.control-stats .card:last-child small{grid-column:1}.control-stats .card:last-child strong{grid-column:2;grid-row:1/3}.stats strong{font-size:29px}.stats small{font-size:11px}.stats .metric-unset{font-size:16px}.card{padding:17px;margin-bottom:16px}.overview-grid{gap:0}.section-head h2{font-size:15px}.section-head>a{font-size:11px}.location-grid,.printer-mini-grid{grid-template-columns:1fr}.location-card{padding:13px}.empty-state{padding:20px 5px}.server-card,.printer-mini{padding:16px}.server-grid{gap:12px}.printer-mini h3{font-size:16px}.printer-mini p,.printer-mini>small{font-size:12px}.mini-supply>div{font-size:12px}.mini-supply>small{font-size:11px}.event-row{gap:8px}.event-row>div{flex-basis:100%;order:2}.event-row>a{margin-left:auto}.event-row small{font-size:11px}.settings-grid{gap:14px}.module-empty{padding:35px 18px;margin:0}.module-empty h2{font-size:21px}.columns{gap:0}.table-wrap,.printer-table{padding:0;border:0;background:none;box-shadow:none}table{display:block}thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}tbody{display:block}tr{display:block;margin-bottom:12px;padding:9px 14px;background:var(--surface);border:1px solid var(--line);border-radius:9px}td{display:block;min-width:0;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}td:before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:4px}td:last-child{border:0}td[colspan]:before{display:none}.filters{align-items:stretch}.filters select,.filters input{width:100%;max-width:none;flex:1 1 100%;font-size:13px}.filters button{flex:1}.actions .button{flex:1 1 auto}.printer-top{display:flex;flex-direction:column;gap:10px}.printer-state{max-width:100%}.printer-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.printer-counts>div{padding:12px}.printer-counts span{font-size:11px}.printer-toolbar{gap:10px}.printer-toolbar small{margin:0;flex-basis:100%}.supply>strong{max-width:100%}.supply>span{float:none;display:block;font-size:26px;margin-top:6px}.supply>small{font-size:12px}.printer-filters label{flex-basis:100%}.metric-grid{grid-template-columns:1fr}.metric-value strong{font-size:21px}.control-hero h2{font-size:23px}.monitor-status{flex-wrap:wrap}.monitor-tabs{gap:6px}.monitor-tabs a{font-size:12px}.monitor-tabs .badge{margin:0}.problem-line{gap:8px}.inventory-summary{gap:10px}.inventory-summary strong{font-size:25px}.inventory-summary small{font-size:11px}footer{display:block;font-size:10px}footer>span{display:block;margin-top:6px}.login{padding:25px;margin:25px auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body,main,.card{background:white!important;color:black!important}.topbar,.page-heading{display:none!important}.label{background:white!important;color:black!important}.label small{color:black!important}}
.host-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.host-tile h2{margin:18px 0 5px;font-size:18px}.host-tile h2 a{color:var(--text)}.host-tile p{font-size:12px;margin:5px 0 12px}.host-tile .group-chips{gap:6px}.host-tile .group-chips a{font-size:10px;padding:5px 8px}.host-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:13px 0;margin-top:18px}.host-card-footer small,.host-card-footer strong{display:block}.host-card-footer strong{font-size:22px}.host-tile>.subtle-link{display:block;margin-top:13px}
@media(max-width:1200px){.host-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.host-card-grid{grid-template-columns:1fr;gap:0}.host-card-grid .group-chips a{font-size:11px}}
/* Visual review: compact empty states, explicit units and readable secondary text. */
.overview-grid .empty-state{align-items:flex-start;text-align:left;padding:12px 5px 12px 48px;position:relative}.overview-grid .empty-state .empty-symbol{position:absolute;left:3px;top:13px;font-size:27px}.overview-grid .empty-state p{max-width:none}.control-stats span,.control-stats small{font-size:12px}.sidebar nav a{font-size:14px}.server-metric>small{display:block;font-size:11px;line-height:1.4;margin:3px 0 6px}.server-metric>div{font-size:12px}.server-metric strong{font-size:13px}.printer-mini>small,.printer-mini p,.printer-mini .mini-supply>small{font-size:12px}.printer-counts span{font-size:12px}.filter-panel{border:0;padding:0}.filter-panel>summary{display:none}.supply .empty-meter{height:12px;margin:12px 0}.overview-grid .card{align-self:stretch}
@media(max-width:700px){.filter-panel{margin-bottom:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px}.filter-panel>summary{display:list-item;font-size:13px;font-weight:600;color:var(--accent);margin-left:15px}.filter-panel[open]>summary{margin-bottom:15px}.filter-panel .filters{margin-bottom:0}.control-stats span,.control-stats small{font-size:11px}.overview-grid .empty-state{padding-left:40px}.server-metric>small{font-size:12px}}