:root {

  color-scheme: dark;
  --bg:#0d1117;
  --bg-soft:#111820;
  --panel:#151b23;
  --panel-2:#1b222c;
  --panel2:#1b222c;
  --border:#303944;
  --line:#303944;
  --border-strong:#394b5d;
  --text:#e9eef5;
  --muted:#96a2b1;
  --accent:#5ab0ff;
  --accent-strong:#2388e7;
  --accent2:#2388e7;
  --accent-soft:rgba(35,136,231,.13);
  --cyan:#86c9ff;
  --good:#5ad69b;
  --warn:#f6c85f;
  --danger:#ff6b78;
  --info:#5ab0ff;
  --shadow:0 16px 38px rgba(0,0,0,.25);
  --topbar-bg:#131a22;
  --sidebar-bg:#10161d;
  --text-secondary:#c5cfdb;
  --hover-bg:#151d26;
  --active-bg:#17304a;
  --accent-border:#2d6394;
  --accent-text:#9fd2ff;
  --text-soft:#b9c7d5;
  --text-dim:#778697;
  --input-bg:#0e141b;
  --surface-low:#10171f;
  --line-soft:#2c3540;
  --line-row:#28313b;
  --text-label:#aebccb;
  --text-label-alt:#aebac7;
  --console-bg:#0a0f14;
  --chart-bg:#090d12;
  --console-text:#d6e1ec;
  --matrix-text:#d6e1ec;
  --float-bg:#121a22;
  --button-secondary-bg:#18222d;
  --button-secondary-text:#cfe4f7;
  --text-strong:#edf4fb;
  --menu-hover:#1c2936;
  --chart-grid:#27313b;
  --chart-crosshair:#cfe1f5;
  --border-mid:#34404d;
  --border-input:#394552;
  --border-muted:#45515d;
  --info-border:#395268;
  --info-bg:#101a24;
  --blue-bg:#102033;
  --surface-subtle:#0d141b;
  --table-hover:#111a23;
  --danger-border:#713a44;
  --danger-surface:#1b171b;
  --danger-bg-strong:#56232a;
  --danger-border-strong:#98434f;
  --danger-text-soft:#f2aab1;
  --good-bg:#102219;
  --good-border:#2f6e56;
  --good-text:#5ad69b;
  --good-text-soft:#8fe2bd;
  --warn-bg:#211c10;
  --warn-border:#78662f;
  --warn-text:#f6d98f;
  --bad-bg:#221418;
  --bad-border:#83404a;
  --bad-text:#ffadb5;
  --bad-text-strong:#ffc2c7;
  --radius:12px;
  --radius-sm:8px;
  --sidebar:205px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg:#f4f7fb;
  --bg-soft:#eef2f7;
  --panel:#ffffff;
  --panel-2:#f8fafc;
  --panel2:#f8fafc;
  --border:#d8e0e8;
  --line:#d8e0e8;
  --border-strong:#bec9d5;
  --text:#17212b;
  --muted:#647386;
  --accent:#1477c9;
  --accent-strong:#0f6fbf;
  --accent2:#0f6fbf;
  --accent-soft:rgba(20,119,201,.10);
  --cyan:#1477c9;
  --good:#18764d;
  --warn:#8a6100;
  --danger:#c73545;
  --info:#1477c9;
  --shadow:0 16px 38px rgba(26,42,58,.12);
  --topbar-bg:#ffffff;
  --sidebar-bg:#f8fafc;
  --text-secondary:#425466;
  --hover-bg:#eef3f8;
  --active-bg:#e4f1fc;
  --accent-border:#7eb5df;
  --accent-text:#175b91;
  --text-soft:#536577;
  --text-dim:#788697;
  --input-bg:#ffffff;
  --surface-low:#f8fafc;
  --line-soft:#dde4eb;
  --line-row:#e4e9ef;
  --text-label:#5f7081;
  --text-label-alt:#5f7081;
  --console-bg:#18212b;
  --chart-bg:#ffffff;
  --console-text:#e8eef5;
  --matrix-text:#f0f5fa;
  --float-bg:#ffffff;
  --button-secondary-bg:#eef3f7;
  --button-secondary-text:#30485c;
  --text-strong:#17212b;
  --menu-hover:#eef3f7;
  --chart-grid:#dce3ea;
  --chart-crosshair:#516579;
  --border-mid:#cdd6df;
  --border-input:#bec9d5;
  --border-muted:#aebbc8;
  --info-border:#8bb9d9;
  --info-bg:#eef7fd;
  --blue-bg:#e5f2fd;
  --surface-subtle:#f5f7fa;
  --table-hover:#f4f8fb;
  --danger-border:#d98a94;
  --danger-surface:#fff7f8;
  --danger-bg-strong:#fbe7e9;
  --danger-border-strong:#c65b69;
  --danger-text-soft:#a62d3c;
  --good-bg:#edf9f3;
  --good-border:#72b494;
  --good-text:#18764d;
  --good-text-soft:#18764d;
  --warn-bg:#fff8e8;
  --warn-border:#d6ae4f;
  --warn-text:#765308;
  --bad-bg:#fff0f2;
  --bad-border:#d88a93;
  --bad-text:#a93240;
  --bad-text-strong:#982b38;
}
* { box-sizing: border-box; }
html, body { margin:0; min-height:100%; background:var(--bg); color:var(--text); font-family:var(--font); }
body { min-width:320px; }
button, input, select, textarea { font: inherit; }
button { cursor:pointer; }
a { color:var(--accent); }
code, .mono { font-family:var(--mono); }
[hidden] { display:none !important; }
.app-shell { min-height:100vh; display:grid; grid-template-rows:auto 1fr auto; }
.topbar { min-height:70px; padding:10px 14px; display:grid; grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr); align-items:center; gap:16px; border-bottom:1px solid var(--border); background:linear-gradient(180deg,var(--topbar-bg),var(--bg)); position:sticky; top:0; z-index:60; }
.brand { display:flex; align-items:center; gap:11px; min-width:280px; }
.brand-mark { width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--accent-border); border-radius:9px; color:var(--accent-text); background:linear-gradient(145deg,var(--active-bg),#102019); font-weight:900; box-shadow:inset 0 0 15px rgba(90,176,255,.08); }
.brand-title { font-weight:780; font-size:1.05rem; letter-spacing:.02em; }
.brand-subtitle { margin-top:2px; color:var(--muted); font-size:.72rem; }
.topbar-summary { display:flex; align-items:center; justify-content:center; gap:9px; justify-self:center; }
.topbar-stat { color:var(--muted); font-size:.76rem; white-space:nowrap; }
.topbar-actions { display:flex; align-items:center; gap:8px; justify-self:end; }
.topbar-actions select { min-width:110px; }
.button, input, select, textarea { border:1px solid var(--border-strong); border-radius:var(--radius-sm); color:var(--text); background:var(--panel-2); }
.button { min-height:36px; padding:0 13px; transition:.15s ease; }
.button:hover:not(:disabled) { border-color:#46596b; background:var(--panel-2); }
.button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:2px solid rgba(90,176,255,.48); outline-offset:1px; }
.button:disabled { opacity:.45; cursor:default; }
.button.primary { border-color:#2c82c9; background:linear-gradient(180deg,#2388e7,#1d6fb8); color:#ffffff; }
.button.primary:hover:not(:disabled) { background:linear-gradient(180deg,#3197ef,#2388e7); }
.button.secondary { background:var(--button-secondary-bg); }
.button.danger { border-color:#c84859; background:#922d3b; }
.button.small { min-height:30px; padding:0 9px; font-size:.78rem; }
input, select, textarea { width:100%; min-height:36px; padding:0 10px; }
textarea { min-height:92px; padding:9px 10px; resize:vertical; }
.compatibility-banner { margin:8px 12px 0; padding:10px 13px; border:1px solid var(--warn-border); border-radius:var(--radius-sm); background:var(--warn-bg); color:var(--warn-text); line-height:1.45; }
.activity-bar { position:fixed; top:82px; right:18px; z-index:90; display:flex; align-items:center; gap:12px; width:min(440px,calc(100vw - 36px)); padding:11px 12px; border:1px solid var(--accent-border); border-radius:10px; background:#102019; color:var(--button-secondary-text); font-size:.82rem; box-shadow:0 18px 45px rgba(0,0,0,.42); }
.activity-bar.is-error { border-color:var(--bad-border); background:var(--bad-bg); color:var(--bad-text-strong); }
.activity-bar .button { margin-left:auto; flex:0 0 auto; }
.workspace { min-height:0; display:grid; grid-template-columns:210px 1fr; }
.sidebar { border-right:1px solid var(--border); background:var(--sidebar-bg); padding:12px 9px; display:flex; flex-direction:column; min-height:0; position:sticky; top:70px; height:calc(100vh - 70px); }
.nav-list { display:flex; flex-direction:column; gap:4px; }
.nav-item { text-decoration:none; min-height:39px; padding:0 12px; border:1px solid transparent; border-radius:7px; background:transparent; color:var(--text-secondary); text-align:left; font-weight:620; }
.nav-item:hover { background:var(--hover-bg); color:var(--text); }
.nav-item.is-active { border-color:var(--accent-border); background:var(--active-bg); color:#ffffff; }
.sidebar-meta { margin-top:auto; padding:12px 8px 4px; color:var(--muted); font-size:.72rem; line-height:1.55; display:flex; flex-direction:column; gap:2px; }
.sidebar-meta strong { color:var(--text-soft); }
.sidebar-meta small { margin-top:6px; color:var(--text-dim); }
.content { min-width:0; padding:20px; overflow:auto; }
.page { display:none; max-width:1600px; margin:0 auto; }
.page.is-active { display:block; }
.page-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; }
.page-heading h1 { margin:0; font-size:1.5rem; letter-spacing:-.02em; }
.page-heading p { margin:5px 0 0; color:var(--muted); line-height:1.5; max-width:920px; }
.eyebrow { color:var(--accent); font-family:var(--mono); font-size:.74rem; margin-bottom:5px; }
.heading-actions, .button-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.hero-status-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.hero-status-grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.status-card, .panel { border:1px solid var(--border); border-radius:var(--radius); background:linear-gradient(150deg,var(--panel),var(--bg-soft)); box-shadow:inset 0 1px rgba(255,255,255,.015); }
.status-card { padding:14px; min-height:105px; }
.card-label { color:var(--muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.07em; }
.card-value { margin-top:8px; font-size:1.25rem; font-weight:760; overflow-wrap:anywhere; }
.card-value.small-value { font-size:.93rem; line-height:1.45; }
.card-detail { margin-top:5px; color:var(--muted); font-size:.76rem; line-height:1.35; }
.warn-text { color:var(--warn) !important; }
.danger-text { color:var(--danger) !important; }
.panel { padding:15px; margin-bottom:14px; }
.panel-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.panel-header h2 { margin:0; font-size:.98rem; }
.panel-header p, .panel-subtitle { margin:4px 0 0 !important; font-size:.76rem; color:var(--muted); }
.panel > p { color:var(--muted); line-height:1.5; }
.two-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.badge { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:0 9px; border:1px solid var(--border); border-radius:999px; font-size:.72rem; font-weight:750; white-space:nowrap; }
.badge-pass, .badge-online { border-color:var(--good-border); color:var(--good-text-soft); background:var(--good-bg); }
.badge-fail, .badge-offline { border-color:var(--bad-border); color:var(--bad-text); background:var(--bad-bg); }
.badge-warn { border-color:var(--warn-border); color:var(--warn-text); background:var(--warn-bg); }
.badge-neutral, .badge-muted { color:var(--text-soft); background:var(--bg-soft); }
.kv-list { margin:0; display:flex; flex-direction:column; }
.kv-list > div { display:grid; grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr); gap:16px; padding:8px 0; border-bottom:1px solid rgba(48,57,68,.48); }
.kv-list > div:last-child { border-bottom:0; }
.kv-list dt { color:var(--muted); }
.kv-list dd { margin:0; color:var(--text); text-align:right; overflow-wrap:anywhere; }
.kv-list.compact > div { padding:6px 0; font-size:.82rem; }
.form-grid { display:grid; gap:12px; }
.form-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.form-grid label { display:flex; flex-direction:column; gap:5px; color:var(--muted); font-size:.77rem; }
.span-two { grid-column:span 2; }
.form-actions { display:flex; justify-content:flex-end; margin-top:15px; }
.split-actions { justify-content:space-between; gap:10px; }
.split-actions > div { display:flex; gap:8px; }
.secret-input-row { display:grid; grid-template-columns:1fr auto; gap:8px; }
.checkbox-row { display:flex; align-items:flex-start; gap:8px; margin-top:12px; color:var(--muted); font-size:.78rem; line-height:1.4; }
.checkbox-row input { width:auto; min-height:0; margin-top:2px; }
.secret-note { margin:12px 0 0; padding:9px 10px; border-left:3px solid var(--accent-border); background:var(--bg-soft); color:var(--text-label-alt); font-size:.76rem; line-height:1.45; }
.connection-layout { align-items:start; }
.connection-meta { margin-top:15px; }
.architecture-flow { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:14px 0; }
.architecture-flow span { border:1px solid var(--border-mid); border-radius:7px; padding:8px 11px; background:var(--surface-low); font-weight:700; }
.architecture-flow b { color:var(--muted); font-size:.72rem; font-weight:600; }
.filter-controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.filter-controls input, .filter-controls select { min-width:145px; width:auto; }
.filter-search { min-width:230px !important; }
.fleet-table-tools { align-items:flex-end; }
.fleet-table-tools > div:first-child { display:flex; align-items:baseline; gap:8px; }
.inline-select { display:flex; flex-direction:column; gap:4px; font-size:.72rem; color:var(--muted); }
.inline-select select { min-width:170px; }
.trend-controls { display:grid; grid-template-columns:250px 1fr; gap:20px; align-items:start; }
.trend-controls label { display:flex; flex-direction:column; gap:5px; color:var(--muted); font-size:.77rem; }
.trend-sensor-select > span { color:var(--muted); font-size:.77rem; }
.sensor-pill-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:6px; }
.sensor-pill { min-height:32px; border:1px solid var(--border); border-radius:999px; padding:0 10px; background:var(--panel); color:var(--text-secondary); display:inline-flex; align-items:center; gap:7px; }
.sensor-pill.is-active { border-color:var(--good-border); background:var(--active-bg); color:var(--text); }
.sensor-pill .device-dot { width:8px; height:8px; background:var(--accent); }
.device-dot { display:inline-block; width:9px; height:9px; border-radius:999px; flex:0 0 auto; }
.sensor-name-cell { display:flex; align-items:flex-start; gap:9px; min-width:180px; }
.sensor-name-cell > div { display:flex; flex-direction:column; gap:2px; }
.sensor-name-cell strong { font-family:var(--font); }
.sensor-name-cell small, td small { display:block; color:var(--muted); font-family:var(--font); margin-top:3px; font-size:.69rem; }
.strong-num { font-weight:800; color:#f4f8fc; }
.trend-cell { font-weight:700; }
.signal-label { font-family:var(--font); font-weight:700; }
.signal-good { color:var(--good-text-soft); } .signal-fair { color:var(--warn-text); } .signal-weak { color:var(--bad-text); }
.detail-range-banner { margin:-4px 0 14px; padding:8px 11px; border:1px solid var(--line-soft); background:var(--surface-low); border-radius:7px; color:var(--muted); font-size:.78rem; }
.incident-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.incident-list li { border:1px solid var(--border); background:var(--bg-soft); border-radius:7px; padding:10px; }
.incident-list li > div { display:flex; align-items:center; gap:8px; }
.incident-list li > span { display:block; color:var(--muted); font-size:.72rem; margin:5px 0 0; }
.incident-list li p { margin:5px 0 0; color:var(--text-secondary); font-size:.78rem; }
.empty-incident { color:var(--muted); }
.help-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.help-grid > div { border:1px solid var(--border); background:var(--bg-soft); border-radius:7px; padding:10px; display:flex; flex-direction:column; gap:5px; }
.help-grid strong { font-size:.82rem; }
.help-grid span { color:var(--muted); font-size:.75rem; line-height:1.4; }
.daily-legend { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; color:var(--muted); font-size:.76rem; }
.loading-block, .empty-state { padding:26px; text-align:center; color:var(--muted); }
.pagination { display:flex; align-items:center; gap:9px; margin-left:auto; color:var(--muted); font-size:.76rem; }
.footer { display:flex; justify-content:space-between; gap:12px; padding:8px 14px; border-top:1px solid var(--border); color:var(--text-dim); font-size:.68rem; background:var(--input-bg); }
.modal-open { overflow:hidden; }
.modal-overlay { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:18px; background:rgba(0,0,0,.72); backdrop-filter:blur(2px); }
.modal-card { width:min(720px,96vw); max-height:90vh; overflow:auto; border:1px solid var(--border-strong); border-radius:12px; background:var(--bg-soft); box-shadow:0 30px 80px rgba(0,0,0,.55); padding:18px; position:relative; }
.modal-card.wide { width:min(1100px,96vw); }
.modal-card h2 { margin:0 42px 14px 0; font-size:1.15rem; }
.modal-close { position:absolute; right:12px; top:10px; width:34px; height:34px; border:1px solid var(--border); border-radius:8px; background:var(--button-secondary-bg); color:var(--text); font-size:1.25rem; }
.modal-footer { margin-top:14px; padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:flex-end; gap:8px; }
.json-viewer { white-space:pre-wrap; word-break:break-word; margin:0; padding:12px; background:var(--chart-bg); border:1px solid var(--border); border-radius:7px; color:#c7d2de; font:12px/1.5 var(--mono); max-height:68vh; overflow:auto; }
.profile-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.profile-form label { display:flex; flex-direction:column; gap:5px; color:var(--muted); font-size:.77rem; }
.profile-form .wide { grid-column:span 2; }
@media (max-width:1200px) {
  .hero-status-grid, .hero-status-grid.six { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .help-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .topbar-summary .topbar-stat:last-child { display:none; }
}
@media (max-width:900px) {
  .workspace { grid-template-columns:1fr; }
  .sidebar { position:static; height:auto; border-right:0; border-bottom:1px solid var(--border); padding:7px; }
  .nav-list { flex-direction:row; overflow:auto; }
  .nav-item { white-space:nowrap; }
  .sidebar-meta { display:none; }
  .topbar { display:flex; flex-wrap:wrap; }
  .brand { min-width:0; }
  .topbar-summary { order:3; width:100%; margin-left:0; justify-content:flex-start; }
  .content { padding:14px; }
  .two-column, .trend-controls { grid-template-columns:1fr; }
  .page-heading { flex-direction:column; }
  .form-grid.two { grid-template-columns:1fr; }
  .span-two { grid-column:auto; }
  .profile-form { grid-template-columns:1fr; }
  .profile-form .wide { grid-column:auto; }
}
@media (max-width:640px) {
  .hero-status-grid, .hero-status-grid.four, .hero-status-grid.six { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .help-grid { grid-template-columns:1fr; }
  .topbar-actions { width:100%; }
  .topbar-actions select, .topbar-actions .button { flex:1; }
  .filter-controls input, .filter-controls select, .filter-search { width:100% !important; min-width:0 !important; }
  .pagination { width:100%; justify-content:space-between; margin-left:0; }
  .footer { flex-direction:column; }
}

/* v0.2 server/auth additions */
.auth-overlay{position:fixed;inset:0;z-index:1000;background:rgba(4,7,5,.94);display:grid;place-items:center;padding:24px}
.auth-overlay[hidden]{display:none}
.auth-card{width:min(460px,100%);background:var(--panel,var(--panel));border:1px solid var(--border,var(--border));border-radius:18px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.48)}
.auth-card h1{margin:28px 0 8px;font-size:28px}.auth-card p{color:var(--muted,var(--muted));line-height:1.55}.auth-brand{margin-bottom:8px}.auth-form{display:grid;gap:16px;margin-top:24px}.auth-form label{display:grid;gap:7px}.auth-form input{width:100%}.auth-error{min-height:20px;color:var(--danger,#ff6b78);font-size:13px}.form-section-title{margin:24px 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,var(--muted))}
.small-value{font-size:20px!important}.metric-large{font-size:24px;font-weight:700}.button.danger{border-color:rgba(239,126,126,.35);color:var(--danger,#ff6b78)}

@media print{
  .topbar,.sidebar,.activity-bar,.footer,.heading-actions,.row-actions,.button,.modal-overlay,.auth-overlay{display:none!important}
  body,.app-shell,.workspace,.content{background:#fff!important;color:#111!important;display:block!important;height:auto!important;overflow:visible!important}
  .content{padding:0!important}.page{display:block!important}.page:not(.is-active){display:none!important}.panel,.status-card{break-inside:avoid;border:1px solid #ccc!important;background:#fff!important;color:#111!important;box-shadow:none!important}
  .muted,.panel-subtitle,.card-detail,small{color:#555!important}
}

/* v0.3 organization/access additions */
.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.role-grid>div{border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px}
.role-grid strong{font-size:.86rem}.role-grid span,.role-note{color:var(--muted);font-size:.76rem;line-height:1.5}
.role-note{padding:10px 12px;border:1px solid var(--border-strong);border-radius:7px;background:var(--warn-bg)}
.modal-field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.78rem}
.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.nav-item[hidden]{display:none!important}
@media(max-width:1050px){.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.role-grid,.form-grid.four{grid-template-columns:1fr}}

/* v0.5 notification management */
.notification-event-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px}.notification-event-grid .checkbox-row{margin-top:0;border:1px solid var(--border);border-radius:7px;padding:9px;background:var(--bg-soft)}.mono-cell{font-family:var(--mono);font-size:.75rem;overflow-wrap:anywhere;max-width:460px}.pass-text{color:var(--accent)}
@media(max-width:800px){.notification-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.notification-event-grid{grid-template-columns:1fr}}

/* v0.6 operational dashboards and durable reports */
.dashboard-titlebar{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;padding:12px 14px;margin-bottom:12px}.dashboard-titlebar>div:first-child{display:flex;flex-direction:column;gap:3px}.dashboard-titlebar>div:first-child strong{font-size:1rem}.dashboard-titlebar>div:first-child span{font-size:.75rem;color:var(--muted)}.dashboard-titlebar>div:last-child{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:.73rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.dashboard-widget{margin:0;min-width:0}.dashboard-width-1{grid-column:span 1}.dashboard-width-2{grid-column:span 2}.dashboard-width-3{grid-column:1/-1}.dashboard-chart{min-height:300px}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.dashboard-kpi-grid>div{border:1px solid var(--border);background:var(--input-bg);border-radius:8px;padding:11px;display:flex;flex-direction:column;gap:5px}.dashboard-kpi-grid span{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.dashboard-kpi-grid strong{font-size:1.25rem}.dashboard-incident-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dashboard-incident-list li{display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid var(--border);padding-bottom:8px}.dashboard-incident-list li:last-child{border-bottom:0}.dashboard-incident-list li>div{display:flex;flex-direction:column;gap:2px;min-width:0}.dashboard-incident-list strong{font-size:.8rem}.dashboard-incident-list span:not(.badge),.dashboard-incident-list small{font-size:.7rem;color:var(--muted)}.coverage-list{display:flex;flex-direction:column;gap:8px}.coverage-list>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(90px,2fr) 54px;gap:8px;align-items:center;font-size:.74rem}.coverage-list strong{text-align:right}.coverage-bar{height:7px;border-radius:999px;background:#29333e;overflow:hidden}.coverage-bar i{display:block;height:100%;background:var(--accent);border-radius:inherit}.dashboard-widget-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-widget-choice{margin:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);padding:10px}.dashboard-widget-choice span{display:flex;flex-direction:column;gap:2px}.dashboard-widget-choice strong{color:var(--text);font-size:.78rem}.dashboard-widget-choice small{margin:0}.dashboard-starter{margin-bottom:12px}.report-sheet{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:24px}.report-sheet .brand-title{color:var(--accent)}.report-header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid var(--accent-border);padding-bottom:14px;margin-bottom:20px}.report-header h1{margin:4px 0 6px;font-size:1.65rem}.report-header p{margin:0;color:var(--muted)}.report-header>div:last-child{display:flex;flex-direction:column;gap:4px;text-align:right;font-size:.73rem;color:var(--muted)}.report-header>div:last-child strong{color:var(--text)}.report-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0 24px}.report-kpis>div{border:1px solid var(--border);border-radius:6px;padding:9px;background:var(--bg-soft)}.report-kpis span{display:block;color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.04em}.report-kpis strong{font-size:1.15rem}.report-sheet h2{margin:25px 0 9px;font-size:1rem}.report-sheet table{color:var(--text)}.report-sheet th{background:#152332;color:var(--text)}.report-sheet td,.report-sheet th{border-color:var(--border)}.report-sheet small{color:var(--muted)}.report-comparison-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-10px 0 22px}.report-comparison-strip>div{border:1px solid var(--border);background:var(--bg-soft);border-radius:6px;padding:9px}.report-comparison-strip span{display:block;color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.04em}.report-comparison-strip strong{display:block;margin-top:3px;font-size:.95rem}.report-comparison-strip small{display:block;margin-top:3px;color:var(--muted)}
.report-sheet footer{margin-top:24px;border-top:1px solid var(--border);padding-top:9px;color:var(--muted);font-size:.65rem;background:none}.modal-card.wide .report-sheet{margin:-4px}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-width-3{grid-column:1/-1}.dashboard-width-2{grid-column:span 2}.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.dashboard-grid{grid-template-columns:1fr}.dashboard-width-1,.dashboard-width-2,.dashboard-width-3{grid-column:1}.dashboard-titlebar,.report-header{flex-direction:column;align-items:flex-start}.dashboard-titlebar>div:last-child{justify-content:flex-start}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-widget-picker{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-header>div:last-child{text-align:left}}
@media print{.report-sheet{padding:0!important}.report-kpis{grid-template-columns:repeat(3,1fr)}}

/* v0.6 wallboard operations mode */
body.wallboard-mode .sidebar,body.wallboard-mode .footer{display:none!important}
body.wallboard-mode .workspace{grid-template-columns:1fr}
body.wallboard-mode .content{padding:12px 16px}
body.wallboard-mode .page{max-width:none}
body.wallboard-mode .brand-subtitle,body.wallboard-mode #topUser{display:none}
body.wallboard-mode .topbar{min-height:56px;padding-top:7px;padding-bottom:7px}
body.wallboard-mode .sidebar-meta{display:none}
body.wallboard-mode .page-heading{margin-bottom:10px;align-items:center}
body.wallboard-mode .page-heading p{display:none}
body.wallboard-mode .heading-actions .button:not([data-action="wallboard-toggle"]){display:none}
body.wallboard-mode .dashboard-titlebar{margin-bottom:9px}
body.wallboard-mode .dashboard-grid{gap:9px}
body.wallboard-mode .dashboard-widget{padding:12px}
@media(max-width:900px){body.wallboard-mode .sidebar{display:none!important}}

/* v0.7 data lifecycle */
.form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-grid label small{color:var(--muted);font-size:.72rem;line-height:1.35}
.text-danger{color:var(--danger)}
@media(max-width:1100px){.form-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.form-grid.three-col{grid-template-columns:1fr}}

.health-banner{display:flex;gap:.75rem;align-items:flex-start;border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem;margin:.25rem 0 1rem;background:var(--panel-2)}
.health-banner strong{min-width:76px;letter-spacing:.04em}.health-banner.health-pass{border-color:rgba(35,136,231,.45)}.health-banner.health-pass strong{color:var(--accent-strong)}.health-banner.health-fail{border-color:rgba(239,126,126,.5)}.health-banner.health-fail strong{color:var(--danger)}

/* v0.8.10: responsive System Conditions cards. Keep all policy information visible without horizontal scrolling. */
.system-conditions-panel { overflow:visible; }
.system-conditions-panel .panel-header { align-items:flex-start; }
.system-condition-count { flex:0 0 auto; white-space:nowrap; padding-top:2px; }
.system-condition-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.system-condition-card { min-width:0; border:1px solid var(--border); border-radius:9px; background:var(--bg-soft); padding:12px; }
.system-condition-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.system-condition-identity { min-width:0; display:flex; align-items:flex-start; gap:10px; }
.system-condition-badges { flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.system-condition-identity h3 { margin:1px 0 0; font-size:.86rem; line-height:1.35; overflow-wrap:anywhere; }
.system-condition-type { margin-top:3px; color:var(--muted); font-size:.67rem; overflow-wrap:anywhere; }
.system-condition-actions { flex:0 0 auto; display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.system-condition-notes { margin:9px 0 0 !important; color:var(--muted); font-size:.72rem; line-height:1.45; overflow-wrap:anywhere; }
.system-condition-details { margin:11px 0 0; display:grid; grid-template-columns:minmax(0,1.6fr) minmax(105px,.55fr) minmax(120px,.7fr); gap:8px; }
.system-condition-detail { min-width:0; margin:0; padding:8px 9px; border:1px solid rgba(48,57,68,.52); border-radius:7px; background:var(--input-bg); }
.system-condition-detail.configuration { grid-column:1/-1; }
.system-condition-detail dt { margin:0 0 4px; color:var(--muted); font-size:.62rem; font-weight:750; letter-spacing:.055em; text-transform:uppercase; }
.system-condition-detail dd { margin:0; color:var(--text-soft); font: .72rem/1.42 var(--mono); white-space:normal; overflow-wrap:anywhere; }
.system-condition-detail dd strong { display:block; color:var(--text); font-family:var(--font); font-size:.72rem; }
.system-condition-detail dd span { display:block; margin-top:3px; color:var(--muted); font-family:var(--font); font-size:.7rem; }
.system-condition-detail .badge { font-family:var(--font); }
@media (max-width:1250px) {
  .system-condition-grid { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  .system-conditions-panel .panel-header, .system-condition-card-head { flex-direction:column; }
  .system-condition-actions { justify-content:flex-start; width:100%; }
  .system-condition-details { grid-template-columns:1fr 1fr; }
  .system-condition-detail.trigger, .system-condition-detail.configuration { grid-column:1/-1; }
}
@media (max-width:480px) {
  .system-condition-details { grid-template-columns:1fr; }
  .system-condition-detail.trigger, .system-condition-detail.configuration { grid-column:1; }
}

/* v0.8.11 unified Rules engine */
.rule-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.rule-card { min-width:0; border:1px solid var(--border); border-radius:9px; background:var(--bg-soft); padding:12px; }
.rule-card-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.rule-card-head h3 { margin:7px 0 0; font-size:.88rem; line-height:1.35; overflow-wrap:anywhere; }
.rule-card-badges { display:flex; flex-wrap:wrap; gap:5px; }
.rule-card-actions { display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
.rule-key { margin-top:3px; color:var(--muted); font-size:.67rem; overflow-wrap:anywhere; }
.rule-card-details { margin:11px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.rule-card-details > div { min-width:0; margin:0; padding:8px 9px; border:1px solid rgba(48,57,68,.52); border-radius:7px; background:var(--input-bg); }
.rule-card-details > div.wide { grid-column:1/-1; }
.rule-card-details dt { margin:0 0 4px; color:var(--muted); font-size:.62rem; font-weight:750; letter-spacing:.055em; text-transform:uppercase; }
.rule-card-details dd { margin:0; color:var(--text-soft); font-size:.74rem; line-height:1.42; white-space:normal; overflow-wrap:anywhere; }
@media (max-width:1250px) { .rule-grid { grid-template-columns:1fr; } }
@media (max-width:760px) { .rule-card-head { flex-direction:column; } .rule-card-actions { justify-content:flex-start; width:100%; } .rule-card-details { grid-template-columns:1fr 1fr; } .rule-card-details > div.wide { grid-column:1/-1; } }
@media (max-width:520px) { .rule-card-details { grid-template-columns:1fr; } .rule-card-details > div.wide { grid-column:1; } }

/* v0.8.13 unified dashboard platform */
.suite-nav-label{margin:14px 12px 5px;color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.dashboard-nav{display:flex;flex-direction:column;gap:2px}.nav-subitem{padding-left:24px!important;font-size:.78rem}
.dashboard-kpi-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.single-kpi{display:flex;min-height:120px;flex-direction:column;justify-content:center;gap:7px}.single-kpi>span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.single-kpi>strong{font-size:2rem;line-height:1}.single-kpi>small{color:var(--muted)}
.sensor-reading-card{min-height:142px;display:flex;flex-direction:column;gap:6px}.sensor-reading-value{font-size:2rem;font-weight:750;line-height:1.05}.sensor-reading-detail,.sensor-reading-sensor small{color:var(--muted);font-size:.72rem}.sensor-reading-sensor{display:flex;flex-direction:column;margin-top:auto}.sensor-reading-spark{margin-top:6px;max-width:220px}
.dashboard-widget-controls{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin:-2px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.dashboard-widget-controls label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:.72rem}.dashboard-widget-controls.trend-controls{display:grid;grid-template-columns:minmax(180px,260px) 1fr}.dashboard-table-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.dashboard-catalog-section{margin:20px 0 28px}.dashboard-catalog-section>h2{font-size:.78rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px}.dashboard-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-catalog-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;margin:0}.dashboard-catalog-card h2{margin:8px 0 5px}.dashboard-catalog-card p{color:var(--muted);font-size:.75rem;line-height:1.5;margin:0}.dashboard-card-badges,.dashboard-card-actions{display:flex;gap:6px;flex-wrap:wrap}.dashboard-card-actions{align-items:center}
.dashboard-global-range-note{margin:14px 0;padding:11px 13px;border:1px solid rgba(90,176,255,.35);border-radius:8px;background:rgba(35,136,231,.06);display:flex;flex-direction:column;gap:3px}.dashboard-global-range-note span{color:var(--muted);font-size:.72rem}.dashboard-editor-add{display:flex;gap:8px;margin:16px 0}.dashboard-editor-add select{flex:1}.dashboard-editor-list{display:flex;flex-direction:column;gap:12px}.dashboard-editor-widget{border:1px solid var(--border);background:var(--bg-soft);border-radius:9px;padding:12px}.dashboard-editor-widget-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.dashboard-editor-widget-head>div:first-child{display:flex;flex-direction:column;gap:2px}.dashboard-editor-widget-head small,.editor-label small{color:var(--muted);font-size:.68rem}.editor-label{display:block;color:var(--muted);font-size:.75rem;margin-bottom:6px}.dashboard-sensor-checkboxes{max-height:180px;overflow:auto;border:1px solid var(--border);border-radius:7px;padding:7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.dashboard-sensor-checkboxes .checkbox-row{margin:0;padding:6px;background:var(--input-bg)}.dashboard-sensor-checkboxes span{display:flex;flex-direction:column;min-width:0}.dashboard-sensor-checkboxes small{overflow-wrap:anywhere}
@media(max-width:1200px){.dashboard-kpi-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.dashboard-catalog-grid{grid-template-columns:1fr}.dashboard-widget-controls.trend-controls{grid-template-columns:1fr}.dashboard-table-tools{align-items:stretch;flex-direction:column}.dashboard-sensor-checkboxes{grid-template-columns:1fr}}
@media(max-width:620px){.dashboard-kpi-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-editor-widget-head{flex-direction:column}.dashboard-editor-add{flex-direction:column}}

.dashboard-pin-list{padding:0;overflow:hidden}.dashboard-pin-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--border)}.dashboard-pin-row:last-child{border-bottom:0}.dashboard-pin-row>div:first-child{display:flex;flex-direction:column;min-width:0}.dashboard-pin-row>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dashboard-pin-row small{color:var(--muted);margin-top:2px}@media(max-width:700px){.dashboard-pin-row{align-items:flex-start;flex-direction:column}.dashboard-pin-row>div:last-child{justify-content:flex-start}}


/* v0.8.15 UI refinements */
.health-filter-panel{padding:10px 12px;margin-bottom:14px}.health-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:10px;align-items:end}.health-filter-grid label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:.72rem}.health-filter-grid .button{align-self:end}.rules-details{margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(150deg,var(--panel),var(--bg-soft));overflow:hidden}.rules-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;font-weight:700}.rules-details>summary::-webkit-details-marker{display:none}.rules-details>summary:after{content:'▾';color:var(--muted);transition:transform .15s}.rules-details:not([open])>summary:after{transform:rotate(-90deg)}.rules-details[open]>summary{border-bottom:1px solid var(--border)}.rules-details-body{padding:15px}.account-panel{max-width:760px}.sensor-page-picker select{min-width:280px}
@media(max-width:900px){.activity-bar{top:12px;right:12px;width:calc(100vw - 24px)}.health-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sensor-page-picker select{min-width:220px}}
@media(max-width:560px){.health-filter-grid{grid-template-columns:1fr}.health-filter-grid .button{width:100%}}

/* v1 authenticated device management */
.device-management-panel{display:flex;flex-direction:column;gap:14px}
.device-management-panel .panel-header{margin-bottom:0}
.device-management-summary{display:grid;grid-template-columns:2fr repeat(3,minmax(120px,1fr));gap:10px}
.device-management-summary>div{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);min-width:0}
.device-management-summary strong{font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.device-management-summary span{font-size:.78rem;overflow-wrap:anywhere}
.device-key-actions{margin-top:-4px}
.device-config-columns{align-items:start;margin-top:2px}
.device-config-columns>section{min-width:0}
.device-config-columns h3,.device-actions h3,.device-management-panel>h3{margin:0 0 10px;font-size:.84rem}
.device-advanced{margin:12px 0;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);overflow:hidden}
.device-advanced>summary{cursor:pointer;padding:10px 12px;font-weight:700;font-size:.78rem;color:var(--text-soft)}
.device-advanced[open]>summary{border-bottom:1px solid var(--border)}
.device-advanced .form-grid{padding:12px}
.device-actions{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}
.device-actions .row-actions{justify-content:flex-start}
.device-management-panel .data-table.compact th,.device-management-panel .data-table.compact td{padding:7px 8px;font-size:.72rem}
.device-management-panel input[type="number"]{width:100%}
@media(max-width:1100px){.device-management-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.device-management-summary{grid-template-columns:1fr}.device-actions .button{flex:1 1 170px}}


/* v1.0.3 Tick suite visual system — aligned with Tick Manager and Tick Device Service. */
.app-shell { min-height:100vh; grid-template-rows:auto 1fr; }
.topbar { height:96px; min-height:96px; padding:16px 22px; grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr); gap:20px; background:linear-gradient(180deg,var(--topbar-bg),var(--bg)); border-bottom:1px solid var(--border); z-index:70; }
.brand-block h1 { margin:1px 0; font-size:25px; letter-spacing:-.4px; }
.brand-block p { margin:0; color:var(--muted); font-size:12px; }
.brand-block .eyebrow { margin:0; color:var(--accent); font-family:var(--font); font-size:10px; font-weight:800; letter-spacing:1.4px; }
.topbar-summary { justify-self:center; gap:8px; flex-wrap:wrap; }
.topbar-actions { justify-self:end; }
.header-chip,.status-pill { min-height:0; border:1px solid var(--border-strong); color:var(--text-secondary); padding:6px 10px; border-radius:999px; background:var(--bg-soft); font-size:10px; font-weight:800; white-space:nowrap; }
button.header-chip { cursor:pointer; }
button.header-chip:hover { border-color:var(--accent-border); color:#fff; background:var(--hover-bg); }
.status-pill.good,.header-chip.good { color:var(--good); border-color:var(--good-border); }
.status-pill.warn,.header-chip.warn { color:var(--warn); border-color:var(--warn-border); }
.status-pill.bad,.header-chip.bad { color:var(--danger); border-color:var(--bad-border); }
.status-pill.info,.header-chip.info { color:var(--accent-text); border-color:var(--accent-border); }
.topbar-stat { color:var(--text-secondary); font-size:10px; }
.topbar-actions select { width:auto; min-width:120px; border-color:var(--border-input); background:var(--input-bg); }
.button,input,select,textarea { border-color:var(--border-input); border-radius:8px; background:var(--input-bg); }
.button { min-height:36px; font-weight:700; }
.button:hover:not(:disabled) { border-color:#46596b; background:var(--button-secondary-bg); filter:brightness(1.08); }
.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:0; border-color:var(--accent-strong); box-shadow:0 0 0 2px rgba(35,136,231,.15); }
.button.primary { border-color:#2c82c9; background:var(--accent-strong); color:#fff; }
.button.primary:hover:not(:disabled) { background:#3197ef; }
.button.secondary { background:var(--button-secondary-bg); border-color:var(--border-strong); color:var(--button-secondary-text); }
.button.danger { background:#922d3b; border-color:#c84859; }
.workspace { grid-template-columns:var(--sidebar) minmax(0,1fr); }
.sidebar { top:96px; height:calc(100vh - 96px); padding:15px 10px 14px; background:var(--sidebar-bg); border-right:1px solid var(--border); }
.nav-list { gap:4px; }
.suite-nav-label { margin:13px 11px 4px; color:var(--text-dim); font-size:9px; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; }
.suite-nav-label:first-child { margin-top:2px; }
.nav-item { display:block; min-height:0; padding:10px 11px; border-radius:8px; color:var(--text-secondary); font-weight:700; }
.nav-item:hover { color:#fff; background:var(--hover-bg); }
.nav-item.is-active { color:#fff; background:var(--active-bg); border-color:var(--accent-border); }
.sidebar-meta { color:var(--text-dim); font-size:10px; padding:8px 6px; }
.sidebar-meta strong { color:var(--text-soft); }
.content.page-content { width:100%; max-width:1500px; margin:0 auto; padding:24px 28px 48px; overflow:visible; }
.page { max-width:none; }
.page-heading { margin-bottom:18px; }
.page-heading h1 { font-size:30px; letter-spacing:-.35px; }
.page-heading p { color:var(--muted); }
.panel,.status-card,.rules-details { background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 12px 30px rgba(0,0,0,.12); }
.panel { padding:18px; margin-bottom:18px; }
.status-card { padding:16px; }
.rule-card,.dashboard-editor-widget,.device-management-summary>div,.device-advanced,.device-actions { background:var(--bg-soft); border-color:var(--line-soft); }
.rule-card-details>div,.dashboard-sensor-checkboxes .checkbox-row { background:var(--input-bg); border-color:var(--line-row); }
.compatibility-banner,.notice { border-color:var(--warn-border); background:var(--warn-bg); color:var(--warn-text); }

/* Manager-style floating operation card. */
.activity-bar.operation-float { position:fixed; right:22px; top:112px; width:min(430px,calc(100vw - 44px)); z-index:90; display:block; padding:14px 15px; border:1px solid #7d6728; border-radius:12px; background:var(--bg-soft); color:var(--text); box-shadow:0 20px 50px rgba(0,0,0,.45); }
.activity-bar.operation-float.is-success { border-color:var(--good-border); }
.activity-bar.operation-float.is-error { border-color:var(--bad-border); background:var(--bg-soft); color:var(--text); }
.operation-float-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.operation-state { font-size:10px; font-weight:900; letter-spacing:1.2px; color:var(--warn); margin-bottom:2px; }
.activity-bar.is-success .operation-state { color:var(--good); }
.activity-bar.is-error .operation-state { color:var(--danger); }
.operation-detail { margin-top:8px; color:var(--text-secondary); font-size:12px; max-height:76px; overflow:hidden; white-space:pre-wrap; word-break:break-word; }
.operation-progress { height:3px; background:#26303a; border-radius:999px; overflow:hidden; margin-top:11px; }
.operation-progress span { display:block; height:100%; width:62%; background:var(--accent); transition:width .25s; animation:telemetry-progress 1.2s ease-in-out infinite alternate; }
.activity-bar.is-success .operation-progress span,.activity-bar.is-error .operation-progress span { width:100%; animation:none; }
.activity-bar.is-error .operation-progress span { background:var(--danger); }
.activity-bar.is-success .operation-progress span { background:var(--good); }
.operation-actions { display:flex; gap:8px; margin-top:11px; align-items:center; }
.operation-actions .button:last-child { margin-left:auto; }
.icon-button { min-height:0!important; background:transparent!important; border:0!important; color:var(--text-secondary)!important; font-size:22px; line-height:1; padding:2px 6px!important; }
@keyframes telemetry-progress { from{opacity:.45} to{opacity:1} }

/* Shared Manager/Device Service details dialog. */
.modal-overlay { background:rgba(2,6,10,.68); padding:18px; }
.modal-card.shared-dialog { position:relative; width:min(760px,calc(100vw - 36px)); max-width:none; max-height:88vh; overflow:auto; margin:auto; padding:18px; background:var(--panel); color:var(--text); border:1px solid #3a4755; border-radius:12px; box-shadow:0 28px 80px rgba(0,0,0,.65); }
.modal-card.shared-dialog.wide { width:min(1050px,calc(100vw - 36px)); }
.dialog-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.dialog-head h2 { margin:0; font-size:21px; }
.dialog-kicker { margin-bottom:3px; color:var(--accent); font-size:9px; font-weight:900; letter-spacing:1.2px; }
[data-dialog-kind="success"] .dialog-kicker { color:var(--good); }
[data-dialog-kind="warning"] .dialog-kicker { color:var(--warn); }
[data-dialog-kind="error"] .dialog-kicker { color:var(--danger); }
.dialog-body { margin:17px 0; color:#c7d2de; }
.dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:15px; }
.modal-footer { border-top:1px solid var(--border); padding-top:14px; }
.json-viewer,.operation-transcript { background:var(--chart-bg); border:1px solid var(--chart-grid); border-radius:8px; padding:13px; overflow:auto; color:var(--chart-crosshair); white-space:pre-wrap; word-break:break-word; font:12px/1.45 var(--mono); }
.detail-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.detail-fact { border:1px solid var(--line-soft); border-radius:8px; padding:10px; background:var(--bg-soft); }
.detail-fact span { display:block; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.65px; }
.detail-fact strong { display:block; margin-top:4px; overflow-wrap:anywhere; }
.auth-overlay { background:rgba(2,6,10,.78); }
.auth-card.shared-dialog-card { width:min(480px,calc(100vw - 36px)); background:var(--panel); border:1px solid #3a4755; border-radius:12px; box-shadow:0 28px 80px rgba(0,0,0,.65); }
.auth-card .eyebrow { color:var(--accent); font-family:var(--font); font-size:10px; font-weight:800; letter-spacing:1.4px; }

/* Suite-aligned tables and cards. */
.table-wrap { border-color:var(--line-soft); border-radius:9px; }
.data-table th { background:var(--bg-soft); color:var(--text-label); font-size:10px; letter-spacing:.6px; }
.data-table td,.data-table th { border-color:var(--line-row); }
.data-table tbody tr:hover { background:var(--table-hover); }
.badge { min-height:0; padding:5px 9px; border-radius:999px; background:var(--bg-soft); font-size:10px; font-weight:900; letter-spacing:.5px; }
.badge-pass,.badge-online { color:var(--good); border-color:var(--good-border); background:var(--bg-soft); }
.badge-warn { color:var(--warn); border-color:var(--warn-border); background:var(--bg-soft); }
.badge-fail,.badge-offline { color:var(--danger); border-color:var(--bad-border); background:var(--bg-soft); }
.badge-neutral,.badge-muted { color:var(--text-label-alt); border-color:var(--border-muted); background:var(--bg-soft); }
.card-label { color:var(--muted); }
.card-value { color:var(--text); }

@media(max-width:1180px){
  .topbar { grid-template-columns:1fr auto; height:auto; min-height:96px; }
  .topbar-summary { grid-column:1/-1; grid-row:2; justify-self:start; justify-content:flex-start; }
  .hero-status-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:760px){
  .topbar { display:flex; flex-wrap:wrap; position:relative; padding:14px; }
  .topbar-summary { order:3; width:100%; justify-content:flex-start; }
  .workspace { display:block; }
  .sidebar { position:relative; top:auto; height:auto; border-right:0; border-bottom:1px solid var(--border); padding:8px; }
  .nav-list { flex-direction:row; overflow:auto; gap:4px; }
  .suite-nav-label { display:none; }
  .nav-item { white-space:nowrap; }
  .sidebar-meta { display:none; }
  .content.page-content { padding:18px 12px 36px; }
  .activity-bar.operation-float { top:auto; bottom:14px; right:14px; width:calc(100vw - 28px); }
  .detail-facts { grid-template-columns:1fr; }
}


/* v1.0.4 compact navigation retained from v1.0.3. */
.sidebar { overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.nav-list.side-nav { flex:0 0 auto; gap:2px; }
.nav-group { display:block; }
.nav-group[hidden] { display:none; }
.nav-group + .nav-group { margin-top:3px; }
.nav-group-toggle.suite-nav-label {
  width:100%; min-height:30px; margin:2px 0 1px; padding:6px 10px; border:0; border-radius:7px;
  display:flex; align-items:center; justify-content:space-between; gap:8px; cursor:pointer;
  background:transparent; color:var(--text-dim); font-family:var(--font); font-size:9px; font-weight:900;
  letter-spacing:1.2px; text-transform:uppercase; text-align:left;
}
.nav-group-toggle.suite-nav-label:hover { color:var(--text-secondary); background:var(--hover-bg); }
.nav-group-toggle.suite-nav-label:focus-visible { outline:0; box-shadow:0 0 0 2px rgba(35,136,231,.18); color:#fff; }
.nav-chevron { font-size:11px; transition:transform .16s ease; }
.nav-group-toggle[aria-expanded="false"] .nav-chevron { transform:rotate(-90deg); }
.nav-group-items { display:flex; flex-direction:column; gap:2px; }
.nav-group-items[hidden] { display:none; }
.nav-item { padding:7px 10px; line-height:1.25; }
.sidebar-meta { margin-top:auto; }
.topbar-summary { position:relative; }
.user-menu-toggle::after { content:"▾"; margin-left:6px; color:#91a2b4; font-size:9px; }
.user-menu-toggle[aria-expanded="true"]::after { content:"▴"; }
.top-user-menu {
  position:absolute; z-index:120; right:0; top:calc(100% + 8px); width:230px; padding:8px;
  border:1px solid var(--border-strong); border-radius:10px; background:var(--panel); box-shadow:0 18px 42px rgba(0,0,0,.45);
}
.top-user-menu[hidden] { display:none; }
.top-user-menu-identity { padding:8px 9px 10px; border-bottom:1px solid var(--border); margin-bottom:5px; display:flex; flex-direction:column; gap:2px; text-align:left; }
.top-user-menu-identity strong { color:var(--text-strong); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.top-user-menu-identity span { color:var(--muted); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.top-user-menu-item { width:100%; border:0; border-radius:7px; background:transparent; color:var(--text-secondary); padding:9px 10px; text-align:left; font:inherit; font-size:12px; cursor:pointer; }
.top-user-menu-item:hover,.top-user-menu-item:focus-visible { background:var(--menu-hover); color:#fff; outline:0; }

@media(max-width:760px){
  .nav-list.side-nav { flex-direction:column; overflow:visible; width:100%; }
  .nav-group-toggle.suite-nav-label { display:flex; }
  .nav-group-items { width:100%; }
  .top-user-menu { left:0; right:auto; max-width:calc(100vw - 28px); }
}

/* v1.0.4 backup/capacity observability and device-management clarity. */
.device-management-summary{grid-template-columns:2fr repeat(4,minmax(110px,1fr))}
.health-banner.health-warn{border-color:rgba(240,173,78,.5)}
.health-banner.health-warn strong{color:var(--warn)}
.data-size-cell{position:relative;min-width:150px;overflow:hidden;border-radius:5px;padding:4px 7px;background:rgba(255,255,255,.025)}
.data-size-cell .data-size-bar{position:absolute;inset:0 auto 0 0;background:rgba(35,136,231,.14);pointer-events:none}
.data-size-cell strong{position:relative;z-index:1;font-weight:600}
@media(max-width:1250px){.device-management-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v1.0.11 sensor/fleet refinement */
.sensor-collapsible{grid-column:1/-1;margin:0}.sensor-collapse-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sensor-trends-cta{grid-column:1/-1;border:1px solid var(--border);background:var(--surface-low);border-radius:var(--radius);padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px}.sensor-trends-cta>div{display:flex;flex-direction:column;gap:3px}.sensor-trends-cta strong{font-size:.82rem}.sensor-trends-cta span{color:var(--muted);font-size:.72rem}.modal-footer-spacer{flex:1}.device-management-panel.rules-details .panel-subtitle{margin:0 0 14px!important}
@media(max-width:700px){.sensor-trends-cta{align-items:flex-start;flex-direction:column}.sensor-collapse-meta{justify-content:flex-start}}


/* v1.0.11 inventory alignment, lifecycle placement, and wallboard controls */
.header-icon-action{width:40px;min-width:40px;padding:0!important;display:grid;place-items:center}
.header-icon-action svg,.page-icon-action svg{width:18px;height:18px;display:block}
.page-icon-action{width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:8px;background:var(--button-secondary-bg);color:var(--button-secondary-text);cursor:pointer}
.page-icon-action:hover,.page-icon-action:focus-visible{border-color:var(--accent-border);background:var(--active-bg);color:#fff;outline:0}
.page-icon-action.is-active{border-color:#2c82c9;background:var(--active-bg);color:var(--accent-text)}
.wallboard-heading-controls{display:flex;align-items:center;gap:8px}
.wallboard-refresh-control{display:flex;align-items:center;gap:7px;height:36px;padding:0 8px 0 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-soft);color:var(--text-label);font-size:11px;font-weight:700;white-space:nowrap}
.wallboard-refresh-control input{width:72px;min-height:26px;height:26px;padding:0 7px;text-align:right;font-family:var(--mono)}
body.wallboard-mode .heading-actions> :not(.wallboard-heading-controls){display:none!important}
body.wallboard-mode .wallboard-heading-controls{display:flex!important}
.sensor-inventory-wrap{border:1px solid var(--line-soft);border-radius:9px;overflow:auto}
.sensor-inventory-table{width:100%;border-collapse:collapse}
.sensor-inventory-table th,.sensor-inventory-table td{vertical-align:middle}
.sensor-inventory-table tbody tr{height:58px}
.sensor-inventory-table tbody tr:hover td{background:var(--table-hover)}
.sensor-inventory-table .sensor-name-cell{display:flex;align-items:center;gap:9px;min-width:0}
.sensor-inventory-table .device-dot{flex:0 0 auto}
.sensor-inventory-table .sensor-name-cell>div{min-width:0}
.sensor-inventory-table .sensor-name-cell strong,.sensor-inventory-table .sensor-name-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sensor-inventory-table .lifecycle-cell{display:flex;align-items:flex-start;flex-direction:column;gap:4px}
.sensor-inventory-table .lifecycle-detail{display:flex;flex-direction:column;gap:1px}
.sensor-inventory-table .lifecycle-detail small{margin-top:0}
.sensor-inventory-table .inventory-action-cell{white-space:nowrap}
.sensor-inventory-table .inventory-action-cell .row-actions{align-items:center;flex-wrap:nowrap}
.fleet-directory-table th:nth-child(1){width:28%}.fleet-directory-table th:nth-child(2){width:15%}.fleet-directory-table th:nth-child(3){width:14%}.fleet-directory-table th:nth-child(4){width:16%}.fleet-directory-table th:nth-child(5){width:18%}.fleet-directory-table th:nth-child(6){width:9%}
.sensors-directory-table th:nth-child(1){width:31%}.sensors-directory-table th:nth-child(2){width:17%}.sensors-directory-table th:nth-child(3){width:17%}.sensors-directory-table th:nth-child(4){width:21%}.sensors-directory-table th:nth-child(5){width:14%}
.sensor-lifecycle-panel{grid-column:1/-1;margin:0}
.sensor-lifecycle-panel .panel-header{margin-bottom:10px}
.sensor-lifecycle-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.sensor-lifecycle-facts>span{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:8px;background:var(--bg-soft);color:var(--text-soft)}
.sensor-lifecycle-facts strong{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.6px}
.sensor-lifecycle-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
@media(max-width:760px){.wallboard-refresh-control>span:first-child{display:none}.wallboard-refresh-control input{width:62px}.sensor-lifecycle-facts{grid-template-columns:1fr}.sensor-inventory-table{min-width:760px}}


/* v1.0.11 sensor spacing, lifecycle collapse, and policy footer */
.sensor-detail-bottom-stack{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
.sensor-detail-bottom-stack>.sensor-collapsible{margin:0;width:100%}
.sensor-lifecycle-panel.rules-details .rules-details-body{display:flex;flex-direction:column;gap:12px}
.panel-footer-note{margin:12px -18px -18px;padding:12px 18px;border-top:1px solid var(--border);background:var(--bg-soft);border-radius:0 0 var(--radius) var(--radius);font-size:.72rem;line-height:1.45}
.explorer-retired-toggle{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;align-self:center;color:var(--text)!important;white-space:nowrap;font-size:.78rem;line-height:1}
.explorer-retired-toggle input{appearance:auto!important;width:14px!important;height:14px!important;min-width:14px!important;margin:0!important;padding:0!important;accent-color:var(--accent)}


/* v1.1.3 non-blocking Monitor refresh */
.monitor-refresh-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:32px;margin:-5px 0 12px;padding:0 2px;color:var(--muted)}
.monitor-refresh-row small{font-size:.68rem;line-height:1.3;white-space:nowrap}
.monitor-refresh-row small strong{color:#c5d3df;font-family:var(--mono);font-weight:650}
.monitor-refresh-warning{font-size:.68rem;color:var(--warn);line-height:1.3;text-align:right}
.monitor-refresh-row .button{min-width:76px}
@media(max-width:760px){.monitor-refresh-row{justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-top:-2px}.monitor-refresh-warning{order:3;flex:1 0 100%;text-align:left}.monitor-refresh-row small{white-space:normal}}


/* v1.1.3 compact Trends selector/legend */
.trend-sensor-pill { border-color:var(--sensor-color,var(--border)); }
.trend-sensor-pill .device-dot { background:var(--sensor-color,var(--accent)); width:9px; height:9px; }
.trend-sensor-pill.is-active { border-color:var(--sensor-color,var(--accent)); box-shadow:inset 3px 0 0 var(--sensor-color,var(--accent)); background:#17222d; }
.trend-sensor-pill:not(.is-active) { opacity:.68; }
.trend-sensor-pill:not(.is-active):hover { opacity:1; }
.trends-page-heading { margin-bottom:10px; }
.canonical-trends-grid { gap:10px; }
.canonical-trends-chart { padding-bottom:12px; }
.canonical-trends-chart .panel-header { margin-bottom:8px; }
.canonical-trends-chart .dashboard-widget-controls.trend-controls { margin:0 0 8px; padding-bottom:9px; gap:12px; }
.canonical-trends-chart .sensor-pill-list { gap:5px; margin-top:4px; }
.canonical-trends-chart .sensor-pill { min-height:29px; padding:0 9px; }
.canonical-trends-chart .dashboard-chart { min-height:280px; }

/* v1.1.3 compact, persistent collapsible administration panels. */
.collapsible-panel { padding:0; overflow:hidden; }
.collapsible-panel-summary {
  min-height:58px; padding:14px 18px; display:flex; align-items:center; justify-content:space-between; gap:16px;
  cursor:pointer; list-style:none; user-select:none;
}
.collapsible-panel-summary::-webkit-details-marker { display:none; }
.collapsible-panel-summary:hover { background:#18212b; }
.collapsible-panel-summary:focus-visible { outline:2px solid rgba(90,176,255,.48); outline-offset:-2px; }
.collapsible-panel-title { min-width:0; }
.collapsible-panel-title h2 { margin:0; font-size:.98rem; }
.collapsible-panel-title p { margin:4px 0 0; color:var(--muted); font-size:.76rem; line-height:1.35; }
.collapsible-panel-summary-state { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex:0 0 auto; }
.collapsible-panel-chevron { color:#91a2b4; font-size:13px; transition:transform .16s ease; transform:rotate(-90deg); }
.collapsible-panel[open] .collapsible-panel-chevron { transform:rotate(0deg); }
.collapsible-panel[open] .collapsible-panel-summary { border-bottom:1px solid var(--border); }
.collapsible-panel-body { padding:16px 18px 18px; }
.collapsible-panel-body > :first-child { margin-top:0; }
.collapsible-panel-body > :last-child { margin-bottom:0; }
.collapsible-panel.table-panel .collapsible-panel-body { padding-top:12px; }
.lifecycle-panel-stack > .collapsible-panel,
.tti-panel-stack > .collapsible-panel,
.recovery-panel-stack > .collapsible-panel { width:100%; }
@media(max-width:760px){
  .collapsible-panel-summary { align-items:flex-start; padding:13px 14px; }
  .collapsible-panel-summary-state { flex-wrap:wrap; }
  .collapsible-panel-body { padding:14px; }
}

/* Tick shared Dark/Light theme contract */
.theme-choice{display:flex;gap:6px;align-items:center}.theme-choice [data-theme-option]{min-width:62px}.theme-choice [data-theme-option].is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}
:root[data-theme="light"] .nav-item:hover{color:var(--text)}
:root[data-theme="light"] .nav-item.is-active,:root[data-theme="light"] .nav-item.active{color:#123b5d}
:root[data-theme="light"] .top-user-menu-item:hover,:root[data-theme="light"] .top-user-menu-item:focus-visible{color:var(--text)}
:root[data-theme="light"] .badge-pass,:root[data-theme="light"] .badge-online{color:var(--good-text)}
:root[data-theme="light"] .badge-fail,:root[data-theme="light"] .badge-offline{color:var(--bad-text)}
:root[data-theme="light"] .badge-warn{color:var(--warn-text)}
.top-user-menu-theme{padding:9px 9px 7px;border-bottom:1px solid var(--border);margin-bottom:5px}.top-user-menu-theme>span{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.top-user-menu-theme .theme-choice{display:grid;grid-template-columns:1fr 1fr}.top-user-menu-theme-option{min-height:30px;border:1px solid var(--border-strong);border-radius:7px;background:var(--button-secondary-bg);color:var(--text-secondary);font-size:11px;font-weight:750}.top-user-menu-theme-option:hover{border-color:var(--accent-border)}.top-user-menu-theme-option.is-active{border-color:var(--accent);background:var(--active-bg);color:var(--text)}
:root[data-theme="light"] .topbar{background:linear-gradient(180deg,var(--topbar-bg),var(--bg))}:root[data-theme="light"] .brand-mark{background:linear-gradient(145deg,#e7f3fd,#eff9f4)}:root[data-theme="light"] button.header-chip:hover{color:var(--text)}
:root[data-theme="light"] .activity-bar{background:var(--info-bg);color:var(--text)}:root[data-theme="light"] .strong-num,:root[data-theme="light"] .json-viewer,:root[data-theme="light"] .dialog-body,:root[data-theme="light"] .monitor-refresh-row small strong{color:var(--text)}:root[data-theme="light"] .trend-sensor-pill.is-active,:root[data-theme="light"] .collapsible-panel-summary:hover{background:var(--active-bg)}:root[data-theme="light"] .modal-card.shared-dialog,:root[data-theme="light"] .auth-card.shared-dialog-card{border-color:var(--border-strong)}:root[data-theme="light"] .operation-progress{background:var(--line-soft)}:root[data-theme="light"] .report-sheet th{background:var(--bg-soft)}:root[data-theme="light"] .coverage-bar{background:var(--line-soft)}:root[data-theme="light"] .tti-tabs{background:rgba(248,250,252,.96)}