/* Shared neutral visual language for the complete application. */
:root{--bg:#f4f5f7;--surface:#fff;--surface-alt:#f7f8fa;--nav:#eceff2;--text:#252a34;--muted:#636d7d;--border:#dfe3e9;--accent:#087f74;--ok:#13805e;--warning:#946300;--critical:#bf3543;--chart-grid:#e4e7ec;--chart-label:#667181;--chart-line:#168b7c;--chart-fill:#168b7c12;font-size:15px;font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.5}
:root[data-theme=dark]{--bg:#16181c;--surface:#202329;--surface-alt:#191c21;--nav:#111316;--text:#eceef4;--muted:#a4abb7;--border:#343941;--accent:#32c5ad;--ok:#67d3a2;--warning:#f4bb50;--critical:#ff777e;--chart-grid:#353a43;--chart-label:#a4abb7;--chart-line:#32c5ad;--chart-fill:#32c5ad12}
.app-layout{grid-template-columns:220px minmax(0,1fr)}html[data-theme] .sidebar{background:var(--nav);color:var(--muted);padding:22px 14px;border-right:1px solid var(--border)}.sidebar>.brand{color:var(--text);margin:0 7px 30px;font-size:18px;gap:10px}.brand-mark{width:36px;height:36px;border-radius:5px;background:var(--accent);color:var(--surface);font-size:15px;letter-spacing:0}.nav-heading{display:none}.main-nav{gap:8px}.main-nav a{padding:13px 12px;font-size:14px;line-height:1.5;color:var(--muted);border-radius:5px;font-weight:500}.main-nav a:hover{background:var(--surface);color:var(--text)}.main-nav a.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);box-shadow:inset 2px 0 var(--accent)}.nav-icon{flex-shrink:0;width:20px;height:20px}
.user-menu{position:relative;margin-top:auto;padding:18px 0 0;border-top:1px solid var(--border);border-bottom:0}.user-menu>summary{list-style:none;display:flex;align-items:center;gap:12px;color:var(--text)}.user-menu>summary::-webkit-details-marker{display:none}.user-menu strong{font-size:13px;display:block}.user-menu small{font-size:12px;display:block;color:var(--muted)}.user-chevron{margin-left:auto}.avatar{background:var(--surface);color:var(--text);border:1px solid var(--border);width:36px;height:36px;border-radius:50%}.user-menu-content{position:absolute;bottom:65px;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:10px;box-shadow:0 10px 32px #0003;z-index:30}.user-menu-content a{display:block;padding:10px;font-size:13px;color:var(--text)}.user-menu-content button{width:100%;text-align:left}.topbar{height:58px;min-height:58px;padding:10px 28px;background:var(--bg);font-size:13px}.topbar-tools{gap:10px}.language-switch{display:flex;align-items:center;gap:6px;margin:0}.language-switch select{padding:6px 10px;font-size:12px;max-width:130px}.language-switch button,.theme-toggle{padding:6px 10px;margin:0;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main{max-width:1600px;padding:26px 28px 40px}h1{font-size:30px;letter-spacing:-.6px;margin:0 0 6px;font-weight:650}h2{font-size:18px;letter-spacing:-.2px;margin:0 0 14px}h3{font-size:15px}.page-heading{margin-bottom:22px}.page-heading p{font-size:14px}.eyebrow{font-size:11px;letter-spacing:.6px}.panel{border-radius:6px;box-shadow:none;padding:22px;margin:18px 0}.panel-heading{margin-bottom:15px}.panel-heading h2{margin:0}.panel>p,.section-heading p{font-size:13px}.summary-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:18px 0;margin-bottom:18px}.summary-band>div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid var(--border)}.summary-band>div:last-child{border:0}.summary-band strong{font-size:28px;font-weight:650;font-variant-numeric:tabular-nums}.summary-band span{font-size:13px;color:var(--muted)}.metric-ok{color:var(--ok)}.metric-warning{color:var(--warning)}.metric-critical{color:var(--critical)}.cards article{border-radius:6px;box-shadow:none;padding:18px}.cards article:after{display:none}
.problem-row{display:grid;grid-template-columns:12px minmax(160px,1fr) minmax(120px,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--border);font-size:13px}.problem-row>a:first-of-type{color:var(--text);font-weight:550}.status-dot{margin:0;background:var(--muted);width:8px;height:8px}.status-dot.Critical,.status-dot.Unknown{background:var(--critical)}.status-dot.Warning{background:var(--warning)}.healthy-message{color:var(--ok)!important;margin-bottom:0}.table-help{border:0;padding:0 0 6px}.table-help summary{font-size:12px;color:var(--muted)}.table-help p{font-size:13px}.dashboard-trend .chart-container{height:230px}.dashboard-trend .chart-summary{padding:0 0 8px;gap:28px}.dashboard-trend .chart-summary strong{font-size:15px}
.problems-panel{padding:14px 18px}.problems-panel .panel-heading{margin-bottom:8px}.problem-row{padding:7px 0}.capacity progress{display:block}.host-status-table td{padding:10px 14px}.capacity-label{margin-bottom:5px}
.general-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0}
html[data-theme] button.secondary{color:var(--text)!important}
.host-status-stack{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.fs-meter{display:inline-block;width:100px;color:var(--ok)}.fs-meter.Warning{color:var(--warning)}.fs-meter.Critical{color:var(--critical)}.fs-meter.Excluded{color:var(--muted)}.fs-meter meter{width:100%;height:9px;vertical-align:middle}.fs-meter meter::-webkit-meter-bar{background:var(--border);border:0}.fs-meter meter::-webkit-meter-optimum-value,.fs-meter meter::-webkit-meter-suboptimum-value,.fs-meter meter::-webkit-meter-even-less-good-value{background:currentColor}.fs-meter meter::-moz-meter-bar{background:currentColor}
.fs-meter progress{appearance:none;display:block;width:100%;height:7px;border:0;border-radius:4px;color:inherit;background:var(--border)}.fs-meter progress::-webkit-progress-bar{background:var(--border);border-radius:4px}.fs-meter progress::-webkit-progress-value{background:currentColor;border-radius:4px}.fs-meter progress::-moz-progress-bar{background:currentColor;border-radius:4px}
html[data-theme] th{background:var(--surface-alt);color:var(--muted);font-size:12px;letter-spacing:0;text-transform:none;font-weight:550;padding:12px 14px}td{padding:15px 14px;font-size:13px}table{font-size:13px;margin:0}html[data-theme] tbody tr:hover{background:var(--surface-alt)}html[data-theme] td>a{color:var(--text)}.audit-code{font-size:12px;margin-top:4px}.host-status-table .capacity{max-width:100%;min-width:180px}.capacity-label{font-size:13px}.capacity-label strong{font-weight:500}.capacity-label strong:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:7px}.capacity-label span{font-weight:550}html[data-theme] .capacity progress,html[data-theme] .capacity progress::-webkit-progress-bar{background:var(--border)}.host-status-table th:first-child{width:28%}.table-search{margin-top:10px;font-weight:400}.table-search input[type=search],.host-status-table th select{font-size:12px;line-height:1.4;padding:7px 9px}.table-search button{font-size:18px;padding:4px 10px}.table-sort-group{gap:8px}.table-sort{font-size:12px}
html[data-theme] input,html[data-theme] select,html[data-theme] textarea{background:var(--surface-alt);border-color:var(--border);color:var(--text);border-radius:5px;font-size:14px}html[data-theme] input:focus,html[data-theme] select:focus,html[data-theme] textarea:focus{background:var(--surface)}label{font-size:13px;font-weight:550}button,.button-link{font-size:13px;border-radius:5px;padding:9px 14px}html[data-theme] button:not(.secondary):not(.theme-toggle):not(.logout-button):not([data-chart-metric]),html[data-theme] .button-link:not(.secondary){background:var(--accent);color:var(--surface-alt);border-color:var(--accent)}html[data-theme] .secondary,html[data-theme] .theme-toggle{background:var(--surface);color:var(--text);border:1px solid var(--border)}.form-grid{gap:20px 26px}.form-field small,.helptext{display:block;font-size:12px;color:var(--muted);margin-top:5px}.section-number{display:none}.settings-section,.smtp-section{border-top:1px solid var(--border)}.settings-divider{font-size:12px;letter-spacing:0;text-transform:none;margin:28px 0 18px}.settings-tabs~form .settings-divider{display:none}.settings-actions{position:sticky;bottom:0;background:var(--bg);padding:12px 0;z-index:2}.section-tabs,.host-actions{display:flex;gap:24px;border-bottom:1px solid var(--border);margin:0 0 24px;overflow-x:auto}.section-tabs a,.host-actions a{padding:10px 0;font-size:13px;color:var(--muted);white-space:nowrap}.section-tabs .selected,.host-actions .selected{color:var(--accent);border-bottom:2px solid var(--accent)}
html[data-theme] pre{background:var(--surface-alt);border:1px solid var(--border);border-radius:5px;font-size:13px}summary{font-size:13px;color:var(--muted)}html[data-theme] .notice{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:var(--border);color:var(--text);border-radius:5px}.notice.error{border-left:3px solid var(--critical)}html[data-theme] .status-badge{font-size:12px;border-radius:4px;padding:4px 8px;background:var(--surface-alt);color:var(--muted)}html[data-theme] .status-badge.OK{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok)}html[data-theme] .status-badge.Warning{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}html[data-theme] .status-badge.Critical,html[data-theme] .status-badge.Unknown{background:color-mix(in srgb,var(--critical) 12%,transparent);color:var(--critical)}html[data-theme] .status-badge.Setup{color:var(--muted);background:var(--surface-alt)}html[data-theme] .chart-switch{background:var(--surface-alt)}html[data-theme] .chart-switch button[aria-pressed=true]{background:var(--surface);color:var(--accent)}.chart-legend,.chart-note,.chart-readout{font-size:12px!important}.chart-summary small{font-size:12px}.chart-summary strong{font-size:18px}.breadcrumbs ol{font-size:12px}.filesystem-tabs a{border-radius:5px;font-size:13px}.narrow{max-width:480px;border-radius:6px}.setup-card{padding:26px}.setup-steps li{font-size:13px}footer{font-size:12px;margin:0 28px;padding:18px 0}.auth-header{padding:20px 28px}.errorlist{font-size:13px}#reauth-dialog{border-radius:6px}
@media(min-width:1700px){main{padding:30px 38px}.topbar{padding:10px 38px}}
@media(max-width:1050px){.app-layout{grid-template-columns:190px minmax(0,1fr)}.sidebar>.brand{font-size:16px;gap:8px}.main-nav a{font-size:13px}main{padding:22px}.topbar{padding:10px 22px}.problem-row{grid-template-columns:10px minmax(150px,1fr) auto}.problem-row>span:nth-last-child(2){grid-column:2}.problem-row>a:last-child{grid-column:3;grid-row:1/3}.summary-band strong{font-size:24px}}
@media(max-width:760px){.app-layout{display:block}html[data-theme] .sidebar{position:relative;height:auto;padding:14px 18px}.sidebar>.brand{margin:0 0 15px;font-size:18px}.main-nav{flex-direction:row;flex-wrap:wrap;overflow:visible;gap:4px}.main-nav a{padding:9px 10px;font-size:13px}.main-nav a.active{box-shadow:inset 0 -2px var(--accent)}.nav-icon{width:17px;height:17px}.user-menu{position:absolute;right:18px;top:12px;margin:0;border:0;padding:0}.user-menu summary>span:not(.avatar){display:none}.user-menu-content{bottom:auto;top:44px;left:auto;right:0;width:220px}.topbar{padding:10px 18px;height:auto;min-height:52px}.topbar>span{font-size:12px}.topbar-tools{gap:6px}.language-switch select{max-width:100px}.theme-toggle{font-size:11px;white-space:nowrap}.language-switch button{font-size:11px}.summary-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px 0}.summary-band>div:nth-child(2){border:0}.summary-band strong{font-size:24px}.summary-band span{font-size:12px}main{padding:22px 18px}.panel{padding:18px}.page-heading h1{font-size:26px}.section-tabs{gap:18px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.problem-row{font-size:12px}.dashboard-trend .panel-heading{flex-wrap:wrap;gap:8px}.dashboard-trend .chart-container{height:200px}.auth-header{padding:16px;gap:12px;flex-wrap:wrap}.auth-header>.brand{font-size:17px}.settings-actions{flex-wrap:wrap}footer{margin:0 18px;flex-wrap:wrap}}

.notification-scope{border:0;padding:0;margin:0;min-width:0}.notification-matrix{max-width:680px}.channel-table td,.channel-table th{vertical-align:middle}.channel-toggle{display:inline-flex;position:relative;cursor:pointer;margin:0}.channel-toggle>input{position:absolute;opacity:0;width:1px;height:1px}.channel-toggle>span:not(.sr-only){display:flex;align-items:center;gap:8px;min-width:78px;justify-content:center;border:1px solid var(--border);background:var(--surface-alt);color:var(--muted);padding:8px 12px;border-radius:6px}.channel-toggle .channel-on{display:none}.channel-toggle input:checked+span{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.channel-toggle input:checked+span .channel-on{display:inline}.channel-toggle input:checked+span .channel-off{display:none}.channel-toggle input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.inherit-toggle{display:flex;align-items:center;gap:10px;margin-bottom:16px}.notification-matrix.inherited .channel-table{opacity:.45}.notification-matrix.inherited .channel-toggle{cursor:default}.delivery-protocol{margin:10px 0;max-width:640px;overflow:auto}.delivery-protocol td{white-space:pre-wrap;overflow-wrap:anywhere}.user-table{min-width:650px}.user-table select{max-width:170px}.user-table label{display:flex;gap:8px;align-items:center;margin:0}.user-table form{margin:0}.user-create{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.user-create label{flex:1;min-width:180px}.user-create input{width:100%}.user-create select{min-width:130px}.user-table .status-badge{white-space:nowrap}
.user-create label{display:flex;flex-direction:column;gap:8px}.user-create select{width:100%}

.duration-input{display:flex;gap:8px}.duration-input input{min-width:0;flex:1;width:50%}.duration-input select{width:120px}.retention-fields.inherited .form-grid{opacity:.45}.storage-protection{border-left:3px solid var(--warning);color:var(--warning);background:var(--surface)}

.system-short{margin-top:auto;display:flex;gap:9px;align-items:center;padding:12px 8px;font-size:12px;color:var(--muted)}.system-short+.user-menu{margin-top:0}.system-dot{width:8px;height:8px;background:#80909e;border-radius:50%}.system-short.OK .system-dot{background:#2bb998}.system-short.Warning .system-dot{background:#e7ad39}.system-short.Critical .system-dot{background:#e45c65}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.system-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.system-facts dd{margin:0}.system-facts progress{display:block;width:100%;height:7px;margin-top:6px;accent-color:var(--accent)}@media(max-width:900px){.system-grid{grid-template-columns:1fr}}
.system-facts progress.Warning{accent-color:#e7ad39}.system-facts progress.Critical{accent-color:#e45c65}

#chart-series-legend{margin:16px 0;gap:12px 24px}#chart-series-legend span{overflow-wrap:anywhere}.multi-chart-summary{display:block}.multi-chart-summary>.table-scroll{width:100%}.multi-chart-summary th:first-child{white-space:normal;overflow-wrap:anywhere;text-transform:none}.multi-chart-summary td{white-space:nowrap}.multi-chart-summary tbody th .legend-line{display:inline-block;vertical-align:middle}.chart-readout{overflow-wrap:anywhere}.multi-chart-summary>div:not(.table-scroll){display:inline-block;margin:0 24px 12px 0}

.multi-chart-summary table{min-width:640px}.multi-chart-summary th:first-child{min-width:170px}

.user-actions{margin:8px 0 0;border:0;padding:0;min-width:170px}.user-actions summary{cursor:pointer;color:var(--accent);font-size:12px}.user-actions>div{display:grid;gap:6px;margin-top:10px}.user-actions a{font-size:12px;padding:5px 0}.user-actions a:last-child{color:var(--critical)}