:root {
  color-scheme: light;
  --page: #eef2f3;
  --surface: #ffffff;
  --surface-alt: #f7f9f9;
  --ink: #20272b;
  --muted: #69767b;
  --line: #d1d9dc;
  --line-strong: #a7b4b9;
  --accent: #0f7c69;
  --accent-dark: #0b5d50;
  --accent-soft: #d8eee8;
  --blue: #2563a9;
  --blue-soft: #e5eef9;
  --amber: #a46000;
  --red: #b52b34;
  --red-soft: #fae0e2;
  --shadow: 0 10px 30px rgba(26, 45, 52, .08);
  --chart-grid: #dbe3e5;
}
html[data-theme="dark"] { color-scheme: dark; --page:#10191d; --surface:#18252a; --surface-alt:#1d2e34; --ink:#e5eef0; --muted:#a3b4b9; --line:#34464d; --line-strong:#5c7078; --accent:#54c7a9; --accent-dark:#7bd9bf; --accent-soft:#153c34; --blue:#74b4fa; --blue-soft:#1a314b; --amber:#f0b65d; --red:#ff8088; --red-soft:#45252a; --shadow:0 12px 32px rgba(0,0,0,.25); --chart-grid:#35474e; }
* { box-sizing: border-box; }
[hidden] { display:none !important; }
html, body { min-width:320px; min-height:100%; margin:0; background:var(--page); color:var(--ink); font:14px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input, select { font:inherit; }
button { min-height:38px; padding:0 14px; border:1px solid var(--line); border-radius:5px; background:var(--surface); color:var(--ink); font-weight:650; cursor:pointer; }
button:hover:not(:disabled) { border-color:var(--line-strong); background:var(--surface-alt); }
button:disabled { opacity:.45; cursor:not-allowed; }
button.primary { border-color:var(--accent); background:var(--accent); color:#fff; }
button.primary:hover:not(:disabled) { background:var(--accent-dark); }
button.danger { border-color:#c76b73; background:#fff4f4; color:#a51f2a; }
button.danger:hover:not(:disabled) { border-color:#a51f2a; background:#fbe1e3; }
.wide { width:100%; }
label { display:grid; gap:6px; color:var(--muted); font-size:12px; font-weight:650; }
input, select { min-width:0; min-height:38px; padding:7px 10px; border:1px solid var(--line); border-radius:4px; background:var(--surface); color:var(--ink); }
input:focus, select:focus, button:focus-visible { outline:3px solid color-mix(in srgb, var(--accent) 25%, transparent); outline-offset:1px; }
.muted { color:var(--muted); }
.eyebrow { margin:0 0 5px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.topbar { position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); background:color-mix(in srgb, var(--surface) 95%, transparent); backdrop-filter:blur(12px); }
.topbar-inner, .shell { width:min(1560px, calc(100% - 32px)); margin:0 auto; }
.topbar-inner { min-height:78px; display:flex; align-items:center; gap:26px; }
.brand { flex:0 0 auto; min-width:178px; }
.brand h1 { margin:0; font-size:22px; letter-spacing:-.02em; }
.main-tabs { display:flex; align-self:stretch; align-items:center; gap:2px; flex:1; }
.tab-button { align-self:center; min-height:46px; border-color:transparent; background:transparent; }
.tab-button.active { border-color:var(--line); background:var(--surface-alt); color:var(--accent); }
.topbar-status { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.status-pill, .user-badge { display:inline-flex; align-items:center; min-height:30px; padding:3px 9px; border:1px solid var(--line); border-radius:16px; font-size:12px; font-weight:700; }
.status-pill.ok { border-color:#83c9b5; background:var(--accent-soft); color:var(--accent-dark); }
.status-pill.warn { border-color:#e7c681; background:#fff1d2; color:var(--amber); }
.status-pill.error { border-color:#e4a3a9; background:var(--red-soft); color:var(--red); }
.user-badge { color:var(--muted); }
.icon-button { width:38px; padding:0; font-size:20px; }
.shell { padding:28px 0 60px; }
.page-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:22px; }
.page-head h2 { margin:0; font-size:30px; letter-spacing:-.035em; }
.page-head-actions, .chart-tools { display:flex; align-items:center; gap:10px; }
.panel { margin-bottom:20px; padding:22px; border:1px solid var(--line); border-radius:8px; background:var(--surface); box-shadow:var(--shadow); }
.section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:18px; }
.section-head h3 { margin:0; font-size:18px; letter-spacing:-.02em; }
.metric-grid { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:12px; margin-bottom:20px; }
.metric-grid.compact { grid-template-columns:repeat(4, minmax(0, 1fr)); }
.metric-card { min-height:112px; padding:16px; border:1px solid var(--line); border-radius:7px; background:var(--surface); box-shadow:var(--shadow); }
.metric-card .metric-label { color:var(--muted); font-size:12px; font-weight:700; }
.metric-card .metric-value { margin-top:12px; font-size:25px; font-weight:750; letter-spacing:-.03em; }
.metric-card .metric-extra { margin-top:4px; color:var(--muted); font-size:11px; }
.two-column { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.detail-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
.detail-item { padding:10px 12px; border:1px solid var(--line); border-radius:5px; background:var(--surface-alt); }
.detail-item .detail-label { color:var(--muted); font-size:11px; }
.detail-item .detail-value { margin-top:3px; font-size:16px; font-weight:700; }
.plant-schematic { display:block; width:100%; height:auto; min-height:280px; border:1px solid var(--line); border-radius:6px; background:var(--surface-alt); }
.schematic-stage { width:100%; }
.schematic-toolbar { display:flex; align-items:center; gap:14px; }
.schematic-switch { display:flex; gap:4px; padding:3px; border:1px solid var(--line); border-radius:5px; background:var(--surface-alt); }
.schematic-switch button { min-height:30px; padding:0 10px; border-color:transparent; border-radius:3px; background:transparent; color:var(--muted); font-size:12px; }
.schematic-switch button.active { border-color:var(--accent); background:var(--accent); color:#fff; }
.schematic-stage .technical-schematic { display:none; }
.schematic-stage.detail-mode .compact-schematic { display:none; }
.schematic-stage.detail-mode .technical-schematic { display:block; }
.compact-schematic { min-height:420px; border-color:#7b8785; background:#e9edec; }
.compact-background { fill:#e9edec; }
.compact-frame { fill:none; stroke:#c5d0ce; stroke-width:1.5; }
.compact-diagram-title { fill:#263b39; font-size:18px; font-weight:800; letter-spacing:.02em; }
.compact-diagram-note { fill:#60716e; font-size:11px; font-weight:800; letter-spacing:.12em; }
.compact-pipe { fill:none; stroke-width:9; stroke-linecap:round; stroke-linejoin:round; }
.compact-hot { stroke:#e51c2f; }
.compact-return { stroke:#1557c0; }
#arrowCompactHot path { fill:#f00022; }
#arrowCompactReturn path { fill:#176be1; }
.compact-dachs-body { fill:#006052; stroke:#17312d; stroke-width:3; }
.compact-dachs-head { fill:#087765; stroke:#17312d; stroke-width:2; }
.compact-status-lamp { fill:#7de0a5; stroke:#d5f8e0; stroke-width:2; }
.compact-engine-mark, .compact-generator-cross { fill:none; stroke:#86c2b4; stroke-width:3; opacity:.8; }
.compact-generator-mark { fill:none; stroke:#86c2b4; stroke-width:3; opacity:.8; }
.compact-unit-rule { stroke:#63a99a; stroke-width:1; opacity:.9; }
.compact-unit-title { fill:#f7fbfa; font-size:23px; font-weight:800; letter-spacing:.02em; }
.compact-unit-subtitle { fill:#b9ddd4; font-size:10px; font-weight:800; letter-spacing:.08em; }
.compact-head-value { fill:#fff; font-size:14px; font-weight:850; }
.compact-unit-caption, .compact-unit-label { fill:#cde8e3; font-size:14px; }
.compact-long-label { font-size:13px; }
.compact-unit-value { fill:#fff; font-size:17px; font-weight:800; }
.compact-status { font-size:14px; }
.compact-pipe-label { font-size:12px; font-weight:850; letter-spacing:.1em; }
.compact-pipe-value { font-size:18px; font-weight:850; paint-order:stroke; stroke:#e9edec; stroke-width:4px; }
.compact-hot-label, .compact-hot-text { fill:#b81122; }
.compact-return-label, .compact-return-text { fill:#154b9e; }
.compact-gas-pipe-outer { fill:none; stroke:#171c1d; stroke-width:18; stroke-linecap:square; stroke-linejoin:miter; }
.compact-gas-pipe-inner { fill:none; stroke:url(#compactGasMetal); stroke-width:11; stroke-linecap:square; stroke-linejoin:miter; }
.compact-gas-label { fill:#364142; font-size:11px; font-weight:850; letter-spacing:.07em; }
.compact-gas-value { fill:#1f2e30; font-size:18px; font-weight:850; paint-order:stroke; stroke:#e9edec; stroke-width:4px; }
.compact-exhaust-throat { fill:url(#compactGasMetal); stroke:#171c1d; stroke-width:5; }
.compact-exhaust-throat-line { stroke:#171c1d; stroke-width:3; opacity:.75; }
.compact-condenser-body { fill:#07574f; stroke:#17312d; stroke-width:3; }
.compact-condenser-head { fill:#0b7166; stroke:#17312d; stroke-width:2; }
.compact-condenser-title { fill:#f6fbfa; font-size:18px; font-weight:850; letter-spacing:.1em; }
.compact-condenser-subtitle { fill:#a9d8cf; font-size:10px; font-weight:800; letter-spacing:.05em; }
.compact-condenser-core { fill:#0b4743; stroke:#76b9ae; stroke-width:2; }
.compact-exchanger { fill:none; stroke:#b9e4da; stroke-width:4; opacity:.8; }
.compact-condenser-divider { stroke:#8ccac0; stroke-width:1.5; opacity:.55; }
.compact-condenser-foot { fill:#c8e7e1; font-size:12px; font-weight:700; }
.compact-condenser-unit { display:none; }
.compact-control-body { fill:#f3f7f6; stroke:#315c57; stroke-width:2; }
.compact-control-head { fill:#315c57; }
.compact-control-title { fill:#fff; font-size:15px; font-weight:850; letter-spacing:.06em; }
.compact-control-subtitle { fill:#c8e4df; font-size:9px; font-weight:800; letter-spacing:.04em; }
.compact-control-label { fill:#4b6763; font-size:12px; }
.compact-control-value { fill:#102c2c; font-size:13px; font-weight:850; }
.compact-control-note { fill:#718480; font-size:9px; }
.compact-regler-sensor rect { fill:#f4ed69; stroke:#625f1e; stroke-width:1.5; }
.compact-regler-sensor text { fill:#393819; font-size:10px; font-weight:850; }
.compact-regler-sensor text[id] { font-size:14px; }
.schematic-edges path { fill:none; stroke-width:5; }
.heat-line { stroke:#d97706; }
.cool-line { stroke:#2563eb; }
.gas-line { stroke:#7c3aed; }
.schematic-node rect { fill:var(--surface); stroke:var(--line-strong); stroke-width:2; }
.schematic-node.dachs-node rect { fill:var(--accent-soft); stroke:var(--accent); }
.schematic-node.condenser-node rect { fill:var(--blue-soft); stroke:var(--blue); }
.node-title { font-size:18px; font-weight:800; fill:var(--ink); }
.schematic-node text:not(.node-value) { fill:var(--muted); font-size:13px; }
.node-value { fill:var(--ink); font-size:17px; font-weight:800; }
.schematic-label { font-size:12px; font-weight:700; }
.heat-label { fill:#b45309; }.cool-label { fill:#1d4ed8; }.gas-label { fill:#6d28d9; }
.technical-schematic { background:#fbfcfc; }
.tech-grid path { fill:none; stroke:#dce7e5; stroke-width:1; opacity:.55; }
.technical-pipe { fill:none; stroke-width:7; stroke-linecap:round; stroke-linejoin:round; }
.technical-pipe.pipe-hot { stroke:#e41478; marker-end:url(#arrowTechHot); }
.technical-pipe.pipe-return { stroke:#2948c7; marker-end:url(#arrowTechReturn); }
.technical-pipe.pipe-cool { stroke:#008b93; marker-end:url(#arrowTechCool); }
.technical-pipe.pipe-gas { stroke:#7133a9; marker-end:url(#arrowTechGas); stroke-width:6; }
.technical-edges, .condenser-technical, .filter-technical, .chimney-technical, .hydraulic-technical, .sensor-box, .technical-legend { display:none; }
.technical-simple-edges .pipe-hot { stroke:#e41478; marker-end:url(#arrowTechHot); }
.technical-simple-edges .pipe-return { stroke:#2948c7; marker-end:url(#arrowTechReturn); }
.technical-simple-edges .pipe-gas { stroke:#4d5658; marker-end:url(#arrowTechGas); stroke-width:8; }
.simple-pipe-label, .simple-gas-label { font-size:12px; font-weight:850; letter-spacing:.05em; }
.simple-pipe-value, .simple-gas-value { font-size:17px; font-weight:850; paint-order:stroke; stroke:#fbfcfc; stroke-width:4px; }
.simple-hot-label, .simple-hot-value { fill:#b81122; }.simple-return-label, .simple-return-value { fill:#154b9e; }.simple-gas-label, .simple-gas-value { fill:#364142; }
.technical-simple-regler rect { fill:#f4ed69; stroke:#625f1e; stroke-width:1.5; }.technical-simple-regler text { fill:#393819; font-size:10px; font-weight:850; }.technical-simple-regler text[id] { font-size:14px; }
.technical-control-panel > rect:first-child { fill:#f3f7f6; stroke:#315c57; stroke-width:2; }
.technical-control-head { fill:#315c57; }
.technical-control-title { fill:#fff; font-size:17px; font-weight:850; letter-spacing:.06em; }
.technical-control-subtitle { fill:#c8e4df; font-size:10px; font-weight:800; letter-spacing:.04em; }
.technical-control-label { fill:#4b6763; font-size:13px; }
.technical-control-value { fill:#102c2c; font-size:15px; font-weight:850; }
.technical-control-rule { stroke:#9dbbb5; stroke-width:1; }
.technical-control-note { fill:#718480; font-size:10px; }
.technical-pipe.pipe-hot:not([marker-end]), .technical-pipe.pipe-return:not([marker-end]) { marker-end:none; }
#arrowTechHot path { fill:#e41478; }
#arrowTechReturn path { fill:#2948c7; }
#arrowTechCool path { fill:#008b93; }
#arrowTechGas path { fill:#7133a9; }
.technical-unit .unit-frame { fill:#f7faf9; stroke:#155d56; stroke-width:2; }
.dachs-technical .unit-frame { fill:#eef8f5; stroke:#096b61; }
.technical-unit .unit-top { fill:#0d8779; stroke:#07594f; stroke-width:2; }
.dachs-technical .unit-top { fill:#208d70; }
.technical-unit .unit-headline { fill:#fff; font-size:18px; font-weight:800; letter-spacing:.08em; }
.technical-unit .small-headline { font-size:13px; }
.technical-unit .unit-subline { fill:#d7f2ec; font-size:10px; font-weight:700; letter-spacing:.08em; }
.unit-lamp { fill:#a8f05a; stroke:#f3ffd9; stroke-width:2; }
.condenser-lamp { fill:#f3d64e; }
.engine-block { fill:#263238; stroke:#101719; stroke-width:2; }
.engine-detail { fill:none; stroke:#9fb4b1; stroke-width:4; opacity:.72; }
.generator-symbol { fill:#4d6669; stroke:#cadbd8; stroke-width:2; }
.generator-detail { fill:none; stroke:#d8efeb; stroke-width:2; }
.unit-caption, .condenser-caption { fill:#2e4a4a; font-size:12px; font-weight:700; }
.unit-rule { stroke:#a7c5c0; stroke-width:1; }
.unit-label { fill:#52706e; font-size:12px; }
.unit-value { fill:#102c2c; font-size:15px; font-weight:800; }
.status-value { fill:#7a2633; font-size:12px; }
.condenser-core { fill:#e4f0ee; stroke:#478f85; stroke-width:2; }
.heat-exchanger { fill:none; stroke:#e41478; stroke-width:5; stroke-linejoin:round; }
.condenser-divider { stroke:#88b7b0; stroke-width:2; stroke-dasharray:4 5; }
.filter-frame { fill:#f5f2fa; stroke:#7133a9; stroke-width:2; }
.filter-top { fill:#7133a9; stroke:#52257e; stroke-width:2; }
.filter-core { fill:#e3d7ee; stroke:#7133a9; stroke-width:2; }
.filter-mesh { fill:none; stroke:#9669b7; stroke-width:2; }
.filter-caption, .chimney-label { fill:#5b3973; font-size:11px; font-weight:700; }
.chimney-body { fill:#ddd9e4; stroke:#7133a9; stroke-width:2; }
.chimney-cap { stroke:#7133a9; stroke-width:4; }
.buffer-body { fill:#eaf1f6; stroke:#2948c7; stroke-width:2; }
.buffer-top, .buffer-bottom { fill:#d6e4ee; stroke:#2948c7; stroke-width:2; }
.buffer-level { stroke:#8aa8c0; stroke-width:2; stroke-dasharray:5 5; }
.buffer-label { fill:#36556c; font-size:12px; font-weight:800; letter-spacing:.08em; }
.buffer-note, .pump-label { fill:#587087; font-size:10px; }
.pump-symbol circle { fill:#f8fafc; stroke:#2948c7; stroke-width:2; }
.pump-symbol path { fill:#2948c7; }
.return-pump circle { stroke:#21399f; }
.sensor-box { fill:#f4ed69; stroke:#625f1e; stroke-width:1.5; }
.sensor-box text { fill:#393819; font-size:10px; font-weight:800; }
.sensor-box text[id] { font-size:13px; }
.technical-legend text { fill:#59716e; font-size:11px; }
.technical-legend line { stroke-width:5; }
.legend-hot { stroke:#e41478; }.legend-return { stroke:#2948c7; }.legend-cool { stroke:#008b93; }.legend-gas { stroke:#7133a9; }
.legend-sensor { fill:#f4ed69; stroke:#625f1e; stroke-width:1.5; }
.diagram-note { fill:#7b8f8d !important; font-size:10px !important; }
.chart { display:block; width:100%; height:320px; border:1px solid var(--line); border-radius:5px; background:var(--surface-alt); cursor:crosshair; touch-action:none; }
.chart-legend { display:flex; flex-wrap:wrap; gap:6px 10px; margin-top:12px; color:var(--muted); font-size:12px; }
.chart-legend .legend-item { min-height:28px; padding:3px 7px; border:1px solid transparent; border-radius:4px; background:transparent; color:var(--ink); font-size:12px; font-weight:650; }
.chart-legend .legend-item:hover { border-color:var(--line); background:var(--surface-alt); }
.chart-legend .legend-item::before { content:""; display:inline-block; width:22px; height:3px; margin:0 6px 3px 0; border-radius:2px; background:var(--legend-color); vertical-align:middle; }
.chart-legend .legend-item.is-hidden { color:var(--muted); opacity:.7; text-decoration:line-through; }
.chart-legend .legend-item.is-hidden::before { background:var(--muted); }
.phi-idle { color:var(--muted) !important; opacity:.75; }
.register-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.register-tabs button { min-height:34px; padding:0 10px; font-size:12px; }
.register-tabs button.active { border-color:var(--accent); background:var(--accent-soft); color:var(--accent-dark); }
.write-controls { display:grid; grid-template-columns:minmax(260px, 1fr) 140px 220px 240px; align-items:end; gap:16px; }
.write-controls h3 { margin:0; }.write-controls p { margin:5px 0 0; }
.account-controls { display:grid; grid-template-columns:minmax(260px, 1fr) 2fr; align-items:end; gap:16px; }
.account-controls h3 { margin:0; }.account-controls p { margin:5px 0 0; }
.password-form { display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:10px; }
.check-label { display:flex; align-items:center; align-self:end; min-height:38px; color:var(--red); font-size:13px; }
.check-label input { min-height:auto; width:18px; margin:0 8px 0 0; accent-color:var(--red); }
.register-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; }
.register-field { padding:12px; border:1px solid var(--line); border-radius:5px; background:var(--surface-alt); }
.register-field.readonly { opacity:.86; }
.register-field-head { display:flex; justify-content:space-between; gap:8px; margin-bottom:7px; }
.register-field label { color:var(--ink); font-size:12px; }
.register-field small { color:var(--muted); font-size:10px; }
.register-field .field-meta { margin-top:5px; color:var(--muted); font-size:10px; }
.table-wrap { overflow:auto; }.data-table { width:100%; border-collapse:collapse; }
.data-table th, .data-table td { padding:10px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.data-table th { color:var(--muted); font-size:11px; letter-spacing:.04em; text-transform:uppercase; }
.data-table td { font-size:13px; }
.login-shell { display:grid; place-items:center; min-height:100vh; padding:20px; background:radial-gradient(circle at 50% 15%, var(--accent-soft), var(--page) 55%); }
.login-card { width:min(420px,100%); padding:34px; border:1px solid var(--line); border-radius:10px; background:var(--surface); box-shadow:0 18px 60px rgba(25,45,52,.15); }
.login-card h1 { margin:0 0 8px; font-size:30px; letter-spacing:-.04em; }.login-card form { display:grid; gap:14px; margin-top:26px; }
.error-text { min-height:18px; margin:0; color:var(--red); font-size:12px; }
.toast { position:fixed; right:20px; bottom:20px; z-index:20; max-width:460px; padding:12px 16px; border-radius:5px; background:#20272b; color:#fff; box-shadow:var(--shadow); opacity:0; transform:translateY(8px); pointer-events:none; transition:.2s ease; }
.toast.visible { opacity:1; transform:translateY(0); }
@media (max-width:1100px) { .metric-grid { grid-template-columns:repeat(3,1fr); }.write-controls { grid-template-columns:1fr 1fr; }.account-controls { grid-template-columns:1fr; }.password-form { grid-template-columns:1fr 1fr; }.register-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:780px) { .topbar-inner { min-height:118px; flex-wrap:wrap; gap:6px 14px; padding:10px 0; }.brand { width:100%; }.main-tabs { order:3; width:100%; min-height:42px; overflow:auto; }.main-tabs button { flex:0 0 auto; min-height:36px; padding:0 10px; }.topbar-status { position:absolute; right:16px; top:14px; }.user-badge { display:none; }.shell { width:min(100% - 20px, 1560px); padding-top:20px; }.page-head { flex-direction:column; gap:12px; }.page-head h2 { font-size:26px; }.two-column { grid-template-columns:1fr; }.metric-grid, .metric-grid.compact { grid-template-columns:repeat(2,1fr); }.register-grid { grid-template-columns:1fr; }.write-controls { grid-template-columns:1fr; }.password-form { grid-template-columns:1fr; }.plant-schematic { min-height:220px; }.schematic-toolbar { width:100%; justify-content:space-between; flex-wrap:wrap; gap:8px; }.schematic-stage .compact-schematic { min-height:220px; }.compact-unit-title { font-size:18px; }.compact-unit-label, .compact-unit-caption { font-size:11px; }.compact-unit-value { font-size:13px; }.compact-pipe-label { font-size:9px; }.compact-pipe-value, .compact-gas-value { font-size:13px; }.compact-gas-label { font-size:8px; }.compact-diagram-title { font-size:14px; }.compact-diagram-note { font-size:8px; }.compact-condenser-title { font-size:15px; }.compact-condenser-subtitle, .compact-condenser-foot { font-size:8px; }.compact-sensor-labels text { font-size:9px; }.schematic-node text { font-size:11px !important; }.schematic-node .node-title { font-size:14px !important; }.schematic-node .node-value { font-size:13px !important; }.schematic-label { display:none; } }
@media (max-width:480px) { .metric-grid, .metric-grid.compact { grid-template-columns:1fr; }.panel { padding:16px; }.topbar-status .status-pill { max-width:120px; overflow:hidden; }.page-head-actions { flex-wrap:wrap; } }