:root {
  color-scheme: dark;
  --bg: #07121b;
  --bg-deep: #061018;
  --surface: #102633;
  --surface-alt: #0c1922;
  --surface-soft: #0b1a24;
  --surface-raised: #152b36;
  --field: #07141c;
  --field-alt: #09151d;
  --text: #e9f5f8;
  --text-strong: #edf7fa;
  --accent-text: #aeeaf3;
  --line: #28475a;
  --line-soft: #213c4b;
  --line-strong: #315365;
  --cyan: #36d9f2;
  --muted: #91a8b5;
  --green: #39d98a;
  --red: #f36f6f;
  --amber: #facf5a;
  --shadow: #000c;
  --ambient: #163b4c;
  --action: #2bcbe2;
  --ok: #35dc82;
  --critical: #ff6666;
  --major: #ff8a5b;
  --attention: #f3bd42;
  --warning: #ffd86b;
  --info: #78d7e8;
  --solar-series: #f7c948;
  --grid-series: #38a9ff;
  --load-series: #b080ff;
}

:root[data-theme="day"] {
  color-scheme: light;
  --bg: #f3ede4;
  --bg-deep: #e8ded1;
  --surface: #fffaf3;
  --surface-alt: #f8efe4;
  --surface-soft: #fcf6ed;
  --surface-raised: #eadfd2;
  --field: #fffdf8;
  --field-alt: #faf3e9;
  --text: #302b26;
  --text-strong: #211e1a;
  --accent-text: #075f6c;
  --line: #c6b7a5;
  --line-soft: #ded2c4;
  --line-strong: #aa9985;
  --cyan: #087383;
  --muted: #665f56;
  --green: #167047;
  --red: #ad3540;
  --amber: #836000;
  --shadow: #594a3d38;
  --ambient: #d8c5ad;
  --action: #087383;
  --ok: #146b43;
  --critical: #a31230;
  --major: #a83e16;
  --attention: #765600;
  --warning: #765600;
  --info: #006977;
  --solar-series: #8b5b00;
  --grid-series: #145e9b;
  --load-series: #704080;
}

/* Edge plant parity refinements: neutralize legacy shared-header artwork and
   keep the remote console dense enough for operational use. */
header.fleet-edge-header::before { display:none; }
header.fleet-edge-header > div { flex:initial; }
body.fleet-edge-page .fleet-edge-title { margin:10px 0; padding:2px 0; }
body.fleet-edge-page .fleet-edge-title .eyebrow::after { display:none; }
body.fleet-edge-page .fleet-edge-title h1 { font-size:22px; letter-spacing:.4px; }
body.fleet-edge-page .fleet-edge-title .muted { margin-top:3px; }
.fleet-power-line { display:block; width:100%; height:100%; overflow:visible; }
.fleet-graph-grid { fill:none; stroke:#203e4d; stroke-width:1; vector-effect:non-scaling-stroke; }
.fleet-graph-zero { fill:none; stroke:#3a5966; stroke-width:1; vector-effect:non-scaling-stroke; }
.fleet-line-solar,.fleet-line-grid,.fleet-line-load { fill:none; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.fleet-line-solar { stroke:var(--solar-series); }
.fleet-line-grid { stroke:var(--grid-series); }
.fleet-line-load { stroke:var(--load-series); }
body.fleet-edge-page .fleet-daily-chart-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:18px 0; }
body.fleet-edge-page .fleet-daily-chart-heading .eyebrow::after { display:none; }
body.fleet-edge-page .fleet-daily-chart-heading h1 { margin:3px 0; font-size:28px; }
.fleet-day-controls,.fleet-range-controls { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.fleet-day-controls button,.fleet-range-controls button { min-height:38px; border:1px solid #28546a; border-radius:6px; background:var(--surface-soft); color:var(--text); padding:7px 11px; font:inherit; cursor:pointer; }
.fleet-day-controls input { min-height:38px; border:1px solid #28546a; border-radius:6px; background:var(--field); color:var(--text); padding:6px; font:inherit; }
.fleet-range-controls button.active { border-color:#24cae8; background:#103448; color:#36d9f2; }
.fleet-expanded-chart-panel { min-height:440px; padding:20px; }
.fleet-expanded-chart-meta { display:flex; justify-content:space-between; align-items:center; gap:16px; color:#9eb4bf; }
.fleet-expanded-chart { height:350px; margin:18px 0 8px; border:1px solid #24465a; border-radius:8px; padding:16px; background:linear-gradient(180deg,rgba(14,43,57,.5),rgba(5,16,24,.4)); }
.fleet-expanded-chart .fleet-expanded-power-line { height:100%; }
.fleet-expanded-chart > .muted { display:grid; min-height:100%; place-items:center; margin:0; }
.fleet-expanded-legend { justify-content:center; }
@media (max-width:700px) {
  body.fleet-edge-page .fleet-daily-chart-heading { align-items:start; flex-direction:column; }
  .fleet-expanded-chart-panel { min-height:360px; padding:14px; }
  .fleet-expanded-chart-meta { align-items:start; flex-direction:column; }
  .fleet-expanded-chart { height:250px; padding:10px; }
}

* { box-sizing: border-box; }
html { min-width: 0; }
body { margin: 0; min-width: 0; overflow-x: hidden; background: radial-gradient(circle at 15% 0, var(--ambient), transparent 32%), var(--bg); color: var(--text); font: 14px "Segoe UI", Arial, sans-serif; }
.shell { width: min(1440px, calc(100% - 32px)); margin: auto; padding: 24px 0; }
header { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid var(--line); padding-bottom: 18px; margin-bottom: 16px; }
header::before { content: ""; width: 72px; height: 72px; flex: 0 0 72px; align-self: center; border: 1px solid var(--cyan); border-radius: 50%; background: var(--bg-deep) url("smada-fleet-identity.png") center / contain no-repeat; box-shadow: 0 0 20px rgba(54, 217, 242, .18); }
header > div { min-width: 0; flex: 1; }
h1, h2, p { margin: 0; }
h1 { font-size: clamp(24px, 4vw, 28px); letter-spacing: 1px; overflow-wrap: anywhere; }
h1 em { font-style: normal; color: var(--cyan); }
h2 { font-size: 15px; text-transform: uppercase; letter-spacing: .6px; }
.eyebrow { font-size: 10px; letter-spacing: 1.6px; color: var(--muted); margin-bottom: 5px; }
.eyebrow::after { content: "SMADA — System Monitoring, Acquisition of Data & Analysis"; display:block; margin-top:6px; color:var(--muted); font-size:11px; font-weight:600; letter-spacing:.35px; text-transform:none; line-height:1.35; }
nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
a, .button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; color: var(--text-strong); text-decoration: none; border: 1px solid var(--line); border-radius: 5px; padding: 8px 10px; }
.button { background: #0d6373; border-color: var(--cyan); font: inherit; font-weight: 700; cursor: pointer; }
.button.secondary { background: var(--surface-raised); border-color: var(--line); }
.button.danger { background: #51262d; border-color: var(--red); color: #ffe8ea; }
.button:disabled { cursor: wait; opacity: .65; }
.logout-button { background:#51262d; border-color:var(--red); }
.logout-form { margin:0; display:flex; }
.kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 10px; margin: 16px 0; }
.kpi, .panel { min-width: 0; background: linear-gradient(135deg, var(--surface), var(--surface-alt)); border: 1px solid var(--line); border-radius: 8px; }
.kpi { padding: 14px; }
.kpi small { display: block; color: var(--muted); text-transform: uppercase; font-size: 10px; }
.kpi b { display: block; margin-top: 8px; font-size: 25px; overflow-wrap: anywhere; }
.panel { padding: 16px; margin: 16px 0; }
.titleline { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.plant-row { display: flex; justify-content: space-between; gap: 18px; align-items: center; border-top: 1px solid var(--line-soft); padding: 14px 4px; }
.plant-row:first-child { border-top: 0; }
.plant-row > div:first-child { min-width: 0; flex: 1; }
.plant-row h3 { margin: 0 0 4px; overflow-wrap: anywhere; }
.plant-admin-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.muted { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.status { font-weight: 800; font-size: 11px; }
.ONLINE { color: var(--green); }
.STALE { color: var(--amber); }
.OFFLINE { color: var(--red); }
.form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.form label { display: grid; gap: 6px; min-width: 0; color: var(--muted); font-size: 12px; font-weight: 700; }
.form input, .form select, .form textarea { width: 100%; min-width: 0; min-height: 44px; border: 1px solid var(--line); border-radius: 5px; padding: 9px 10px; background: var(--field-alt); color: var(--text); font: inherit; }
.form .button { justify-self: start; }
.form [role="status"], .form #form-status { align-self: center; overflow-wrap: anywhere; }
.fleet-confirm-dialog { width: min(520px, calc(100% - 28px)); padding: 0; color: var(--text); background: var(--surface); border: 1px solid var(--red); border-radius: 10px; box-shadow: 0 24px 80px var(--shadow); }
.fleet-confirm-dialog::backdrop { background: #02070bcc; backdrop-filter: blur(3px); }
.fleet-confirm-dialog form { display: grid; gap: 14px; padding: 24px; }
.fleet-confirm-dialog h2, .fleet-confirm-dialog p { margin: 0; }
.fleet-confirm-dialog label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.fleet-confirm-dialog input { width: 100%; min-height: 44px; border: 1px solid var(--line); border-radius: 5px; padding: 9px 10px; background: var(--field-alt); color: var(--text); font: inherit; }
.fleet-confirm-dialog .button-row { display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.fleet-role-dialog { border-color:var(--cyan); }
.dialog-status { min-height: 18px; color: var(--red); font-size: 12px; }
.auth-shell { max-width: 760px; }
.auth-links { display:flex; gap:18px; flex-wrap:wrap; margin-top:18px; justify-content:flex-start; }
.auth-links a { color:var(--cyan); min-height:44px; }
.user-admin-list { display:grid; gap:12px; }
.user-admin-row { display:grid; grid-template-columns:minmax(220px,1fr) auto; gap:12px; padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); }
.user-admin-row h3,.user-admin-row p { margin:0 0 5px; overflow-wrap:anywhere; }
.user-admin-row h3 small { color:var(--cyan); font-size:10px; margin-left:6px; }
.user-admin-row h3 small.super-admin { color:var(--amber); }
.user-actions,.plant-authority { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.plant-authority { grid-column:1/-1; padding-top:10px; border-top:1px solid var(--line); }
.authority-button { min-height:38px; }
code { white-space: normal; overflow-wrap: anywhere; }
.scroll { max-width: 100%; overflow: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 10px; border-bottom: 1px solid var(--line-soft); white-space: nowrap; }
th { color: var(--muted); font-size: 10px; text-transform: uppercase; }
footer { color: var(--muted); font-size: 11px; padding: 12px 0; overflow-wrap: anywhere; }
.plant-console { width: min(1840px, calc(100% - 36px)); padding-top: 18px; }
.edge-health { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 11px 14px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); color: var(--muted); }
.edge-health > div { min-width: 0; overflow-wrap: anywhere; }
.edge-health div:first-child { display: flex; gap: 16px; align-items: center; }
.edge-health strong, .edge-health span { font-size: 11px; font-weight: 800; }
.plant-kpis { grid-template-columns: repeat(6, minmax(120px, 1fr)); }
.plant-kpis .kpi { min-height: 83px; padding: 11px; }
.plant-kpis .kpi b { font-size: 19px; margin-top: 7px; }
.solar-kpi b { color: var(--solar-series); }
.grid-kpi b { color: var(--grid-series); }
.load-kpi b { color: var(--load-series); }
.plant-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: 14px; }
.plant-secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.plant-main .panel, .plant-secondary .panel { margin: 0; }
.power-flow { height: 230px; position: relative; background: radial-gradient(circle at 50% 60%, rgba(55,217,242,.07), transparent 40%); }
.flow-node { position: absolute; width: 120px; height: 88px; display: grid; place-content: center; text-align: center; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-soft); font-size: 19px; }
.flow-node b, .flow-node small { display: block; font-size: 13px; }
.flow-node small { color: var(--muted); font-size: 10px; margin-top: 3px; }
.solar-node { left: 7%; top: 16%; color: var(--solar-series); border-color: #77612a; }
.grid-node { right: 7%; top: 16%; color: var(--grid-series); border-color: #285d91; }
.grid-node.export { color: #f36f6f; border-color: #87404a; }
.load-node { left: calc(50% - 60px); bottom: 6%; color: var(--load-series); border-color: #654778; }
.supply-mix { display: flex; align-items: center; justify-content: center; gap: 16px; border-top: 1px solid var(--line-soft); padding-top: 13px; }
.supply-mix p { margin-top: 5px; font-size: 12px; }
.donut { width: 74px; height: 74px; flex: 0 0 74px; border-radius: 50%; display: grid; place-items: center; position: relative; }
.donut:after { content: ""; position: absolute; inset: 12px; border-radius: 50%; background: var(--surface); }
.donut b { z-index: 1; font-size: 12px; text-align: center; }
.donut small { display: block; font-size: 8px; color: var(--muted); }
.solar-dot, .grid-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; background: var(--solar-series); }
.grid-dot { background: var(--grid-series); }
.trend-panel { min-width: 0; overflow: hidden; }
.trend-chart { width: 100%; height: 236px; display: flex; align-items: flex-end; gap: 2px; overflow: hidden; border-bottom: 1px solid var(--line); padding: 8px 0; }
.trend-point { height: 100%; flex: 1 1 0; min-width: 1px; display: flex; align-items: flex-end; gap: 1px; }
.trend-point i { width: 33%; border-radius: 2px 2px 0 0; }
.trend-point .solar { background: var(--solar-series); }
.trend-point .grid { background: var(--grid-series); }
.trend-point .grid.export { background: #f36f6f; }
.trend-point .load { background: var(--load-series); }
.legend { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 9px; color: var(--muted); font-size: 11px; }
.legend span:before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 4px; background: var(--solar-series); }
.legend .grid:before { background: var(--grid-series); }
.legend .load:before { background: var(--load-series); }
.weather-grid, .engineering-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.weather-grid div, .engineering-grid div { min-width: 0; padding: 10px; background: var(--field-alt); border: 1px solid var(--line-soft); border-radius: 5px; }
.weather-grid span, .engineering-grid span { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; }
.weather-grid b, .engineering-grid b { display: block; margin-top: 5px; font-size: 15px; overflow-wrap: anywhere; }
.device-scroll { max-height: 260px; }
.generic-metrics { min-width: 190px; white-space: normal; line-height: 1.45; }
.equipment-panel { margin-top: 14px; }
.history-console { width: min(1600px, calc(100% - 32px)); }
.history-filter, .history-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; }
.history-filter label, .history-controls label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; }
.history-filter input, .history-controls input, .history-controls select { min-height: 40px; border: 1px solid var(--line); border-radius: 5px; padding: 8px; background: var(--field-alt); color: var(--text); }
.history-tabs { justify-content: flex-start; margin: 14px 0; overflow-x: auto; flex-wrap: nowrap; }
.history-tabs button { min-height: 42px; padding: 8px 12px; color: var(--muted); background: var(--field-alt); border: 1px solid var(--line); border-radius: 5px; white-space: nowrap; }
.history-tabs button.active { color: var(--bg); background: var(--cyan); border-color: var(--cyan); font-weight: 800; }
.evidence-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 10px; margin-top: 12px; }
.evidence-grid > div, .template-list > div { display: grid; gap: 6px; padding: 12px; border: 1px solid var(--line-soft); border-radius: 5px; background: var(--field-alt); }
.evidence-grid span, .evidence-grid small, .template-list span { color: var(--muted); overflow-wrap: anywhere; }
.history-line-chart { height: 280px; display: flex; align-items: end; gap: 1px; border-bottom: 1px solid var(--line); margin-top: 16px; overflow: hidden; }
.history-line-chart i { flex: 1 1 1px; min-width: 1px; background: var(--cyan); opacity: .8; }
.template-list { display: grid; gap: 8px; margin-top: 12px; }
.template-list > div { grid-template-columns: minmax(120px,1fr) minmax(180px,2fr) auto; align-items: center; }
.template-list button { min-height: 36px; color: #fff; background: #71343b; border: 1px solid var(--red); border-radius: 4px; }
.recovery-card p { max-width: 900px; margin: 12px 0; line-height: 1.55; }

@media (max-width: 1100px) {
  .plant-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .plant-main, .plant-secondary { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
  .shell, .plant-console { width: calc(100% - 20px); padding-top: 14px; }
  header, .edge-health, .edge-health div:first-child { align-items: stretch; flex-direction: column; }
  header { gap: 12px; padding-bottom: 14px; }
  header::before { width: 64px; height: 64px; flex-basis: 64px; align-self: flex-start; }
  nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  nav a { min-width: 0; min-height: 44px; text-align: center; padding-inline: 7px; }
  .panel { padding: 13px; margin: 12px 0; }
  .kpis, .plant-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .kpi, .plant-kpis .kpi { min-height: 78px; padding: 11px; }
  .kpi b, .plant-kpis .kpi b { font-size: 18px; }
  .plant-row { align-items: stretch; flex-direction: column; gap: 10px; padding: 14px 2px; }
  .plant-row .status { align-self: flex-start; }
  .plant-row .button { width: 100%; min-height: 44px; }
  .plant-admin-actions { width: 100%; }
  .fleet-confirm-dialog .button-row { flex-direction: column-reverse; }
  .form { grid-template-columns: 1fr; gap: 12px; }
  .form .button { width: 100%; min-height: 44px; }
  .edge-health { gap: 10px; }
  .edge-health div:first-child { gap: 8px; }
  .titleline { align-items: flex-start; }
  .titleline .button { width: 100%; }
  .flow-node { width: 104px; height: 80px; }
  .solar-node { left: 0; }
  .grid-node { right: 0; }
  .load-node { left: calc(50% - 52px); }
  .weather-grid, .engineering-grid { grid-template-columns: 1fr; }
  .history-filter, .history-controls { align-items: stretch; flex-direction: column; }
  .history-filter label, .history-controls label, .history-filter input, .history-controls input, .history-controls select, .history-filter .button, .history-controls .button { width: 100%; }
  .history-tabs { margin-inline: -10px; padding-inline: 10px; }
  .template-list > div { grid-template-columns: 1fr; }
  .scroll { margin-inline: -13px; padding-inline: 13px; }
  th, td { padding: 10px 8px; }
  footer { line-height: 1.5; }
  .user-admin-row { grid-template-columns:1fr; }
  .plant-authority { grid-column:1; }
}

@media (max-width: 360px) {
  nav { grid-template-columns: 1fr; }
  .kpis, .plant-kpis { grid-template-columns: 1fr; }
  .supply-mix { align-items: flex-start; }
}

/* Portfolio revamp: source-backed Fleet operations overview. */
.fleet-portfolio-page { background: var(--bg); }
.fleet-app-shell { display:grid; grid-template-columns:200px minmax(0,1fr); min-height:100vh; }
.fleet-sidebar { display:flex; flex-direction:column; min-width:0; padding:16px 10px; background:var(--bg-deep); border-right:1px solid var(--line); }
.fleet-brand { display:flex; align-items:center; gap:10px; padding:0 6px; border:0; min-height:72px; }
.fleet-brand-mark { display:grid; place-items:center; width:72px; height:72px; flex:0 0 72px; border-radius:50%; color:var(--bg); background:var(--cyan); font-weight:800; }
.fleet-brand b,.fleet-brand small { display:block; letter-spacing:.8px; }.fleet-brand b { font-size:16px; }.fleet-brand small { color:var(--cyan); font-size:11px; font-weight:800; margin-top:3px; }
.fleet-sidebar-label { margin:20px 8px 7px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:1px; }
.fleet-side-nav { display:grid; gap:2px; }.fleet-side-nav a { justify-content:flex-start; min-height:36px; padding:7px 9px; border:0; color:var(--muted); font-size:13px; }.fleet-side-nav a.active { color:var(--cyan); background:var(--surface-raised); font-weight:800; }
.fleet-sidebar-status { margin-top:auto; padding:0 8px; }.fleet-sidebar-status .fleet-sidebar-label { margin:0 0 7px; }.fleet-sidebar-status p { margin:0 0 5px; }
.fleet-operational-notice { display:flex; gap:12px; align-items:center; margin:0 0 14px; padding:11px 14px; border:1px solid #8a6a2b; border-radius:7px; background:#2a2110; color:#f7df9a; }
.fleet-operational-notice strong { flex:0 0 auto; text-transform:uppercase; font-size:11px; letter-spacing:.5px; }
.fleet-operational-notice span { color:#e5d7ae; }
.fleet-workspace { width:100%; padding:22px 24px 16px; margin:0; }
.fleet-portfolio-header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:16px; border-bottom:1px solid var(--line); }.fleet-portfolio-header .eyebrow { margin-bottom:5px; }.fleet-portfolio-header h1 { font-size:30px; text-transform:none; }.fleet-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }.fleet-live-status { color:var(--green); font-size:11px; font-weight:800; }
.fleet-kpis { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:8px; margin:14px 0; }.fleet-kpis .kpi { min-height:84px; padding:11px; }.fleet-kpis .kpi b { font-size:20px; }.fleet-kpis .kpi:nth-child(5) b { color:var(--cyan); }.fleet-kpis .kpi:nth-child(6) b { color:var(--green); }.fleet-kpis .kpi:nth-child(3) b,.fleet-kpis .kpi:nth-child(7) b { color:var(--amber); }
.fleet-overview-grid { display:grid; grid-template-columns:minmax(320px,.9fr) minmax(460px,1.4fr); gap:14px; }.fleet-overview-grid .panel { margin:0; min-height:320px; }.fleet-attention-list { display:grid; gap:6px; }.fleet-attention-item { display:flex; gap:12px; align-items:flex-start; padding:11px 0; border-top:1px solid var(--line-soft); }.fleet-attention-item:first-child { border-top:0; }.fleet-attention-item > span { width:4px; height:44px; flex:0 0 4px; border-radius:3px; background:var(--amber); }.fleet-attention-item.critical > span { background:var(--red); }.fleet-attention-item b,.fleet-attention-item small { display:block; }.fleet-attention-item b { font-size:12px; }.fleet-attention-item small,.fleet-empty-state small { margin-top:4px; color:var(--muted); font-size:11px; }.fleet-count { color:var(--amber); font-size:11px; font-weight:800; }.fleet-empty-state { display:grid; gap:4px; padding:18px 0; }
.fleet-generation-total { color:var(--cyan); font-size:18px; font-weight:800; }.fleet-generation-comparison { display:grid; gap:14px; margin-top:24px; }.fleet-generation-row { display:grid; grid-template-columns:minmax(100px,1fr) minmax(120px,2.4fr) auto; gap:12px; align-items:center; font-size:11px; }.fleet-generation-row > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.fleet-generation-row i { display:block; height:10px; overflow:hidden; background:var(--field-alt); border-radius:99px; }.fleet-generation-row i b { display:block; height:100%; min-width:3px; border-radius:99px; background:linear-gradient(90deg,#39d98a,#36d9f2); }.fleet-generation-row strong { color:var(--text-strong); font-size:11px; }.fleet-data-note { margin-top:20px; color:var(--muted); font-size:10px; line-height:1.45; }
.fleet-site-health { margin-top:14px; }.fleet-site-scroll { max-height:430px; }.fleet-site-health td { font-size:12px; }.fleet-site-health td:first-child strong,.fleet-site-health td:first-child small { display:block; }.fleet-site-health td:first-child small { margin-top:3px; color:var(--muted); font-size:10px; }.fleet-status { font-size:10px; font-weight:800; }.fleet-status.ONLINE { color:var(--green); }.fleet-status.STALE { color:var(--amber); }.fleet-status.OFFLINE { color:var(--red); }.fleet-open-site { min-height:auto; padding:5px 0; color:var(--cyan); border:0; font-size:11px; font-weight:800; }
.edge-plant-administration { margin-top:16px; padding-top:16px; border-top:1px solid var(--line); scroll-margin-top:16px; }.edge-plant-administration-grid { display:grid; grid-template-columns:minmax(300px,.75fr) minmax(440px,1.25fr); gap:14px; }.edge-plant-administration-grid .panel { margin:0; }.edge-plant-administration-grid h3 { margin:0 0 8px; font-size:14px; text-transform:uppercase; }.edge-plant-administration-grid #admin-plants { display:grid; gap:8px; margin-top:12px; }
.fleet-cloud-plant-row { cursor:pointer; transition:background-color .14s ease,box-shadow .14s ease; }.fleet-cloud-plant-row:hover,.fleet-cloud-plant-row:focus-visible { background:#12313f; box-shadow:inset 3px 0 var(--plant-health-color,var(--cyan)); outline:0; }.fleet-plant-name-link { min-height:auto; padding:0; border:0; color:var(--text-strong); font-weight:800; }.fleet-plant-name-link:hover,.fleet-plant-name-link:focus-visible { text-decoration:underline; }
.fleet-plant-health { display:grid; min-width:150px; max-width:220px; gap:3px; line-height:1.2; }.fleet-plant-health strong { font-size:11px; letter-spacing:.35px; }.fleet-plant-health small { display:block; overflow:hidden; color:#b9cbd3; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.fleet-plant-health-link { min-height:auto; padding:2px 0; border:0; border-radius:3px; text-decoration:none; }.fleet-plant-health-link:hover .fleet-plant-health small,.fleet-plant-health-link:focus-visible .fleet-plant-health small { color:#fff; text-decoration:underline; }.fleet-plant-health-link:focus-visible { outline:2px solid var(--plant-health-color,var(--cyan)); outline-offset:3px; }.plant-health-HEALTHY { --plant-health-color:var(--green); }.plant-health-CRITICAL { --plant-health-color:var(--red); }.plant-health-MAJOR { --plant-health-color:var(--major); }.plant-health-MINOR { --plant-health-color:var(--attention); }.plant-health-WARNING { --plant-health-color:var(--amber); }.plant-health-INFO { --plant-health-color:#8fd2df; }.plant-health-MONITORING-GAP { --plant-health-color:var(--muted); }.fleet-plant-health,.plant-health-HEALTHY .fleet-plant-name-link,.plant-health-CRITICAL .fleet-plant-name-link,.plant-health-MAJOR .fleet-plant-name-link,.plant-health-MINOR .fleet-plant-name-link,.plant-health-WARNING .fleet-plant-name-link,.plant-health-INFO .fleet-plant-name-link,.plant-health-MONITORING-GAP .fleet-plant-name-link { color:var(--plant-health-color); }
.fleet-cloud-monitoring { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }.fleet-cloud-monitoring > small,.fleet-cloud-provider-state { display:block; margin-top:3px; color:var(--muted); font-size:10px; white-space:normal; }.fleet-cloud-plant-search { display:grid; min-width:min(300px,100%); gap:4px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; }.fleet-cloud-plant-search input { width:100%; min-height:34px; padding:7px 10px; border:1px solid var(--line-strong); border-radius:5px; background:#081923; color:#e9fbff; font:inherit; letter-spacing:0; text-transform:none; }
.cloud-connector-panel { margin:14px 0 0; }.cloud-connection-meta { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:14px; }.cloud-connection-meta div { min-width:0; padding:10px; border:1px solid var(--line); border-radius:6px; background:var(--surface-soft); }.cloud-connection-meta span,.cloud-connection-meta b { display:block; }.cloud-connection-meta span { color:var(--muted); font-size:9px; text-transform:uppercase; }.cloud-connection-meta b { margin-top:4px; color:var(--text-strong); font-size:11px; overflow-wrap:anywhere; }.fleet-site-card h3 { margin:0; font-size:14px; }.fleet-site-card-metrics { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.fleet-site-card-metrics span { color:var(--muted); font-size:10px; }.fleet-site-card-metrics b { display:block; margin-top:3px; color:var(--text-strong); font-size:12px; }

/* Cloud portfolio landing: direct O&M and plant-analytics entry points. */
.fleet-nav-count-link { display:flex!important; justify-content:space-between!important; gap:8px; }.fleet-nav-count-link b { min-width:20px; padding:2px 5px; border:1px solid var(--line); border-radius:99px; color:var(--cyan); font-size:10px; line-height:1.2; text-align:center; }
.cloud-landing-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
.cloud-landing-action { display:flex; min-width:0; min-height:116px; align-items:center; justify-content:space-between; gap:16px; padding:15px 16px; border:1px solid var(--line); border-radius:8px; background:linear-gradient(135deg,var(--surface),var(--surface-alt)); color:var(--text); font:inherit; text-align:left; cursor:pointer; }
.cloud-landing-action:hover,.cloud-landing-action:focus-visible { border-color:var(--cyan); background:var(--surface-raised); outline:0; }.cloud-landing-action-copy { display:grid; min-width:0; gap:5px; }.cloud-landing-action-copy small { color:var(--muted); font-size:9px; font-weight:800; letter-spacing:1px; }.cloud-landing-action-copy strong { font-size:17px; }.cloud-landing-action-copy > span { color:#c9dce3; font-size:12px; }.cloud-landing-action-copy > span b { color:var(--text); font-size:16px; }.cloud-landing-action-copy i { margin:0 5px; color:#56717e; font-style:normal; }.cloud-landing-action-copy em { color:var(--muted); font-size:11px; font-style:normal; line-height:1.35; }.cloud-landing-action-link { flex:0 0 auto; padding:8px 10px; border:1px solid var(--line); border-radius:5px; color:var(--cyan); font-size:12px; font-weight:800; white-space:nowrap; }
.cloud-connector-panel { padding:0; overflow:hidden; }.cloud-connector-summary { display:grid; grid-template-columns:minmax(170px,1fr) auto auto minmax(210px,1fr) auto; align-items:center; gap:14px; min-height:54px; padding:11px 14px; cursor:pointer; list-style:none; }.cloud-connector-summary::-webkit-details-marker { display:none; }.cloud-connector-summary > strong { font-size:13px; }.cloud-connector-summary > span { color:var(--muted); font-size:11px; }.cloud-connector-summary > span b { color:var(--text-strong); }.cloud-connector-summary > em { justify-self:end; color:var(--cyan); font-size:11px; font-style:normal; font-weight:800; white-space:nowrap; }.cloud-connector-panel[open] .cloud-connector-summary { border-bottom:1px solid var(--line-soft); }.cloud-connector-panel[open] .cloud-connector-summary > em b { display:inline-block; transform:rotate(90deg); }.cloud-connector-body { padding:14px 16px 16px; }
.fleet-cloud-row-actions { display:flex; align-items:center; gap:9px; }.fleet-cloud-row-actions a { min-height:auto; padding:4px 0; border:0; color:var(--cyan); font-size:11px; font-weight:800; }.fleet-cloud-row-actions a:hover,.fleet-cloud-row-actions a:focus-visible { text-decoration:underline; }
.fleet-site-card-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }.fleet-site-card-actions .button { width:100%; }
.cloud-analytics-picker { width:min(720px,calc(100% - 28px)); max-height:min(760px,calc(100vh - 28px)); padding:18px; color:var(--text); background:var(--surface); border:1px solid var(--line); border-radius:9px; box-shadow:0 24px 80px var(--shadow); }.cloud-analytics-picker::backdrop { background:#02070bcc; backdrop-filter:blur(3px); }.cloud-analytics-picker .fleet-cloud-plant-search { margin:14px 0 10px; }.cloud-analytics-plant-list { display:grid; max-height:500px; overflow:auto; border-top:1px solid var(--line-soft); }.cloud-analytics-plant-list > a { display:flex; min-height:58px; justify-content:space-between; gap:14px; padding:10px 4px; border:0; border-bottom:1px solid var(--line-soft); border-radius:0; }.cloud-analytics-plant-list > a:hover,.cloud-analytics-plant-list > a:focus-visible { background:var(--surface-raised); outline:0; }.cloud-analytics-plant-list span,.cloud-analytics-plant-list strong,.cloud-analytics-plant-list small { display:block; min-width:0; }.cloud-analytics-plant-list small { margin-top:4px; color:var(--muted); font-size:10px; }.cloud-analytics-plant-list > a > b { align-self:center; color:var(--cyan); font-size:11px; white-space:nowrap; }

@media (max-width: 1200px) { .fleet-kpis { grid-template-columns:repeat(4,minmax(120px,1fr)); }.fleet-overview-grid { grid-template-columns:1fr; } }
@media (max-width: 760px) { .fleet-app-shell { display:block; }.fleet-sidebar { min-height:auto; padding:12px; border-right:0; border-bottom:1px solid var(--line); }.fleet-brand { padding:0; }.fleet-sidebar-label { display:none; }.fleet-side-nav { display:flex; overflow-x:auto; margin-top:12px; }.fleet-side-nav a { flex:0 0 auto; }.fleet-sidebar-status { display:none; }.fleet-workspace { padding:18px 12px; }.fleet-portfolio-header { align-items:flex-start; flex-direction:column; }.fleet-header-actions { justify-content:flex-start; }.fleet-operational-notice { align-items:flex-start; flex-direction:column; gap:5px; }.fleet-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.fleet-kpis .kpi { min-height:80px; }.fleet-kpis .kpi b { font-size:18px; }.fleet-overview-grid .panel { min-height:auto; }.fleet-generation-row { grid-template-columns:100px minmax(80px,1fr) auto; gap:8px; }.fleet-site-health { margin-inline:-2px; }.fleet-site-health .titleline .button { width:auto; }.cloud-connection-meta { grid-template-columns:repeat(2,minmax(0,1fr)); }.cloud-landing-actions { grid-template-columns:1fr; }.cloud-landing-action { align-items:flex-start; flex-direction:column; min-height:0; }.cloud-landing-action-link { width:100%; text-align:center; }.cloud-connector-summary { grid-template-columns:1fr auto; gap:7px 12px; }.cloud-connector-summary > span:nth-of-type(2),.cloud-connector-summary > span:nth-of-type(3) { grid-column:1; }.cloud-connector-summary > em { grid-column:2; grid-row:2/4; }.cloud-analytics-picker { padding:13px; }.cloud-analytics-plant-list > a { min-height:66px; } }
@media (max-width: 960px) { .edge-plant-administration-grid { grid-template-columns:1fr; } }

/* Remote plant revamp: mirrors the EDGE monitoring hierarchy without claiming local access. */
.fleet-edge-page { background:radial-gradient(circle at 12% 0,var(--ambient),transparent 30%),var(--bg); }.fleet-edge-console { width:min(1600px,calc(100% - 36px)); margin:auto; padding:18px 0 22px; }.fleet-edge-header { display:grid; grid-template-columns:minmax(240px,1fr) auto minmax(260px,1fr); align-items:center; gap:18px; padding:0 0 16px; border-bottom:1px solid var(--line); }.fleet-edge-brand { display:flex; align-items:center; gap:12px; min-width:0; border:0; padding:0; }.fleet-edge-brand .fleet-brand-mark { width:60px; height:60px; flex-basis:60px; }.fleet-edge-brand strong,.fleet-edge-brand small { display:block; }.fleet-edge-brand strong { color:var(--text); font-size:17px; letter-spacing:.8px; }.fleet-edge-brand small { margin-top:3px; color:var(--muted); font-size:11px; }.fleet-edge-nav { display:flex; gap:5px; }.fleet-edge-nav a { min-height:34px; border:0; padding:7px 9px; color:var(--muted); font-size:11px; }.fleet-edge-nav a.active { color:var(--cyan); background:var(--surface-raised); border-radius:5px; font-weight:800; }.fleet-edge-header-state { display:flex; align-items:center; justify-content:flex-end; gap:12px; min-width:0; }.fleet-remote-state,.fleet-remote-age { font-size:10px; font-weight:800; white-space:nowrap; }.fleet-remote-state { color:var(--amber); }.fleet-remote-state.ONLINE { color:var(--green); }.fleet-remote-state.OFFLINE { color:var(--red); }.fleet-remote-age { color:var(--muted); }.fleet-edge-header-state .button { min-height:34px; }
.fleet-remote-banner { display:flex; justify-content:space-between; gap:16px; align-items:center; margin:14px 0; padding:11px 14px; border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); color:var(--muted); }.fleet-remote-banner > div { display:flex; align-items:center; gap:12px; min-width:0; }.fleet-remote-banner strong { font-size:11px; }.fleet-remote-banner span { font-size:11px; }.fleet-edge-title { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin:18px 0 14px; }.fleet-edge-title h1 { margin-top:2px; font-size:28px; }.fleet-edge-title .eyebrow { margin-bottom:4px; }.fleet-history-link { min-height:auto; padding:6px 0; border:0; color:var(--cyan); font-size:11px; font-weight:800; }
.fleet-edge-primary { display:grid; grid-template-columns:minmax(420px,1.12fr) minmax(440px,.88fr); gap:14px; }.fleet-edge-primary .panel { margin:0; }.fleet-flow-panel { grid-row:span 2; }.fleet-panel-header { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:10px; }.fleet-panel-header h2,.fleet-equipment-header h2 { margin-top:2px; }.fleet-section-code { display:block; color:var(--cyan); font-size:10px; font-weight:800; letter-spacing:1px; }.fleet-data-state { padding:4px 6px; border:1px solid #2c5969; border-radius:4px; color:var(--cyan); background:var(--surface-soft); font-size:9px; font-weight:800; }.fleet-flow-stage { height:255px; }.fleet-edge-kpis { grid-template-columns:repeat(3,minmax(120px,1fr)); gap:10px; margin:0; }.fleet-edge-kpis .kpi { min-height:86px; padding:11px; }.fleet-edge-kpis .kpi b { font-size:18px; }.fleet-trend-panel { min-height:255px; }.fleet-trend-chart { height:170px; }.fleet-trend-panel .legend { margin-top:7px; }
.fleet-edge-support-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }.fleet-edge-support-grid .panel { margin:0; }.fleet-edge-support-grid .weather-grid,.fleet-edge-support-grid .engineering-grid { margin-top:0; }.fleet-remote-meter { display:grid; grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(120px,1fr)); gap:0; align-items:stretch; margin-top:14px; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); }.fleet-remote-meter > div { min-width:0; padding:12px 14px; border-left:1px solid var(--line-soft); }.fleet-remote-meter > div:first-child { border-left:0; }.fleet-remote-meter strong,.fleet-remote-meter small,.fleet-remote-meter b { display:block; }.fleet-remote-meter strong { margin-top:3px; font-size:13px; }.fleet-remote-meter small { color:var(--muted); font-size:10px; }.fleet-remote-meter b { margin-top:5px; color:var(--text-strong); font-size:14px; overflow-wrap:anywhere; }
.fleet-edge-equipment { margin-top:14px; }.fleet-equipment-header { display:flex; align-items:center; gap:16px; margin-bottom:12px; }.fleet-equipment-header > div { min-width:0; flex:1; }.fleet-equipment-header .muted { margin-top:4px; }.fleet-equipment-total { color:var(--green); font-size:11px; font-weight:800; white-space:nowrap; }.fleet-edge-equipment .device-scroll { max-height:360px; }.fleet-device-state { font-size:10px; font-weight:800; }.fleet-device-state.ONLINE { color:var(--green); }.fleet-device-state.ALARM,.fleet-device-state.OFFLINE { color:var(--red); }.fleet-device-state.STALE,.fleet-device-state.UNKNOWN { color:var(--amber); }.fleet-edge-footer { display:flex; justify-content:space-between; gap:10px; padding:14px 2px 0; color:var(--muted); font-size:10px; }

@media (max-width:1100px) { .fleet-edge-header { grid-template-columns:1fr auto; }.fleet-edge-nav { grid-column:1/-1; grid-row:2; }.fleet-edge-primary { grid-template-columns:1fr; }.fleet-flow-panel { grid-row:auto; }.fleet-edge-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }.fleet-remote-meter { grid-template-columns:repeat(3,minmax(0,1fr)); }.fleet-remote-meter > div:nth-child(4) { border-left:0; }.fleet-remote-meter > div:first-child { grid-column:1/-1; border-bottom:1px solid var(--line-soft); } }
@media (max-width:700px) { .fleet-edge-console { width:calc(100% - 20px); padding-top:12px; }.fleet-edge-header { display:flex; align-items:flex-start; flex-wrap:wrap; gap:12px; }.fleet-edge-brand { flex:1; }.fleet-edge-brand .fleet-brand-mark { width:54px; height:54px; flex-basis:54px; }.fleet-edge-header-state { width:100%; justify-content:flex-start; flex-wrap:wrap; }.fleet-edge-nav { order:3; width:100%; overflow:auto; flex-wrap:nowrap; }.fleet-edge-nav a { flex:0 0 auto; min-height:40px; }.fleet-remote-banner { align-items:flex-start; flex-direction:column; gap:7px; }.fleet-remote-banner > div { align-items:flex-start; flex-direction:column; gap:3px; }.fleet-edge-title { align-items:flex-start; flex-direction:column; gap:8px; }.fleet-edge-title h1 { font-size:23px; }.fleet-edge-primary { gap:12px; }.fleet-edge-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.fleet-edge-kpis .kpi { min-height:78px; }.fleet-flow-stage { height:230px; }.fleet-trend-chart { height:150px; }.fleet-edge-support-grid { grid-template-columns:1fr; gap:12px; margin-top:12px; }.fleet-remote-meter { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:12px; }.fleet-remote-meter > div { border-top:1px solid var(--line-soft); }.fleet-remote-meter > div:nth-child(odd) { border-left:0; }.fleet-remote-meter > div:first-child { grid-column:1/-1; border-top:0; }.fleet-equipment-header { align-items:flex-start; flex-wrap:wrap; gap:8px 14px; }.fleet-edge-equipment { margin-top:12px; }.fleet-edge-equipment .scroll { margin-inline:-13px; padding-inline:13px; }.fleet-edge-footer { align-items:flex-start; flex-direction:column; } }

/* Professional monitoring refinements: identity, actionable attention, and data confidence. */
.fleet-brand-mark-image { color:transparent; background:var(--bg-deep) url("smada-fleet-identity.png") center / contain no-repeat; border:1px solid #36d9f2; box-shadow:0 0 14px rgba(54,217,242,.18); }
body.fleet-portfolio-page .fleet-brand-mark-image { border:0; border-radius:0; background-color:transparent; box-shadow:none; }
body.fleet-portfolio-page .fleet-portfolio-header::before { display:none; }
.fleet-telemetry-state { display:inline-block; margin-top:3px; font-size:9px; font-weight:800; letter-spacing:.55px; }.fleet-telemetry-state.LIVE { color:var(--green); }.fleet-telemetry-state.DEGRADED,.fleet-telemetry-state.LAST_REPORTED { color:var(--amber); }.fleet-telemetry-state.DATA_OFFLINE,.fleet-telemetry-state.UNAVAILABLE { color:var(--red); }
.plant-health-pair { display:grid; gap:5px; flex:0 0 auto; }
.fleet-attention-item { color:inherit; text-decoration:none; }.fleet-attention-item:hover { background:var(--surface-raised); border-radius:6px; }.fleet-attention-item em { margin-left:auto; align-self:center; color:var(--cyan); font-size:10px; font-style:normal; font-weight:800; white-space:nowrap; }
.fleet-generation-row strong small { display:block; margin-top:2px; color:var(--green); font-size:9px; letter-spacing:.45px; }.fleet-generation-row.last-reported { opacity:.72; }.fleet-generation-row.last-reported i b { background:#5e7180; }.fleet-generation-row.last-reported strong small { color:var(--amber); }
.fleet-site-cards { display:none; }.fleet-site-card { gap:10px; padding:13px; border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); }.fleet-site-card > div:first-child strong,.fleet-site-card > div:first-child small { display:block; }.fleet-site-card > div:first-child small { margin-top:3px; color:var(--muted); font-size:10px; }.fleet-site-card > .fleet-status { justify-self:start; }.fleet-site-card dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:0; }.fleet-site-card dl div { min-width:0; }.fleet-site-card dt { color:var(--muted); font-size:9px; text-transform:uppercase; }.fleet-site-card dd { margin:4px 0 0; color:var(--text-strong); font-size:12px; overflow-wrap:anywhere; }.fleet-site-card .button { width:100%; min-height:44px; }
.legend .irradiance:before { background:var(--info); border-radius:99px; }.fleet-line-irradiance { fill:none; stroke:var(--info); stroke-width:2; stroke-dasharray:5 4; vector-effect:non-scaling-stroke; }.fleet-chart-axis { fill:var(--muted); font:10px "Segoe UI",Arial,sans-serif; }.fleet-chart-axis-right { text-anchor:end; }.fleet-chart-hover { min-height:20px; margin:10px 0 0; padding:7px 9px; border-left:2px solid #36d9f2; background:var(--field-alt); font-size:11px; }
.flow-link { position:absolute; height:2px; background:#2a6f83; transform-origin:left center; }.flow-link:after { content:""; position:absolute; right:-1px; top:-4px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:7px solid #36d9f2; }.flow-link-solar { left:24%; top:37%; width:27%; transform:rotate(42deg); }.flow-link-grid { left:49%; top:57%; width:27%; transform:rotate(-42deg); }.flow-link-grid.export:after { right:auto; left:-1px; transform:rotate(180deg); }.flow-link-load { left:49%; top:57%; width:2px; height:19%; transform:none; }.flow-link-load:after { top:auto; bottom:-1px; transform:rotate(90deg); }
@media (max-width:760px) { .fleet-site-scroll { display:none; }.fleet-site-cards { display:grid; gap:10px; }.fleet-attention-item em { display:none; }.fleet-site-health .titleline .button { width:auto; }.fleet-device-state + * { min-width:0; } .device-scroll { position:relative; padding-bottom:10px; } .device-scroll:after { content:"Swipe for more columns"; display:block; margin-top:8px; color:var(--muted); font-size:10px; } }

/* Data-truth and readability pass. */
.fleet-live-status { font-size:12px; }
.fleet-live-status.HEALTHY { color:var(--green); }
.fleet-live-status.DEGRADED { color:var(--amber); }
.fleet-live-status.CRITICAL { color:var(--red); }
.fleet-live-status.EMPTY { color:var(--muted); }
.fleet-live-status.ONLINE { color:var(--green); }.fleet-live-status.OFFLINE { color:var(--red); }.fleet-live-status.UNKNOWN { color:var(--muted); }
.fleet-overview-grid .panel { min-height:220px; }
.fleet-sidebar-label { font-size:11px; }
.fleet-side-nav a { font-size:14px; }
.fleet-kpis .kpi small { font-size:11px; }
.fleet-attention-item b,.fleet-generation-row,.fleet-site-health td { font-size:13px; }
.fleet-attention-item small,.fleet-empty-state small,.fleet-generation-row strong,.fleet-count,.fleet-open-site { font-size:12px; }
.fleet-data-note { font-size:11px; }
.fleet-edge-nav a,.fleet-history-link { font-size:12px; }
.fleet-remote-state,.fleet-remote-age,.fleet-remote-banner strong,.fleet-remote-banner span { font-size:11px; }
.fleet-section-code { font-size:11px; }
.fleet-data-state { max-width:220px; color:var(--muted); font-size:10px; line-height:1.25; text-align:right; }
.fleet-data-state.LIVE { color:var(--green); border-color:rgba(57,217,138,.55); background:rgba(57,217,138,.08); }
.fleet-data-state.STALE { color:var(--amber); border-color:rgba(250,207,90,.55); background:rgba(250,207,90,.08); }
.fleet-data-state.UNAVAILABLE { color:var(--red); border-color:rgba(243,111,111,.55); background:rgba(243,111,111,.08); }
.fleet-flow-panel:has(.fleet-data-state.STALE) .power-flow { background:radial-gradient(circle at 50% 60%,rgba(145,168,181,.035),transparent 40%); }
.flow-link.inactive { opacity:.22; background:#60727c; }
.flow-link.inactive::after { display:none; }
.flow-node.stale { color:#9aacb5; border-color:#314957; }
.fleet-flow-unavailable { display:grid; gap:4px; width:100%; text-align:center; }
.fleet-flow-unavailable b { color:var(--text); font-size:13px; }
.fleet-flow-unavailable small { color:var(--muted); font-size:11px; }
.fleet-empty-chart { display:grid; flex:1; align-self:stretch; place-items:center; padding:16px; color:var(--muted); font-size:12px; line-height:1.45; text-align:center; }
.weather-grid span,.engineering-grid span { font-size:11px; }
.weather-grid b,.engineering-grid b { font-size:16px; }
.fleet-technical-details { margin-top:10px; border-top:1px solid var(--line-soft); padding-top:9px; }
.fleet-technical-details summary { color:var(--cyan); cursor:pointer; font-size:12px; font-weight:700; }
.fleet-technical-details dl { display:grid; gap:7px; margin:10px 0 0; }
.fleet-technical-details dl div { display:grid; grid-template-columns:minmax(110px,.6fr) minmax(0,1.4fr); gap:10px; align-items:start; }
.fleet-technical-details dt { color:var(--muted); font-size:11px; }
.fleet-technical-details dd { min-width:0; margin:0; color:var(--text-strong); font-size:12px; text-align:right; overflow-wrap:anywhere; }
th { font-size:11px; }

@media (max-width:760px) {
  .fleet-overview-grid .panel { min-height:auto; }
  .fleet-technical-details dl div { grid-template-columns:1fr; gap:3px; }
  .fleet-technical-details dd { text-align:left; }
  .fleet-data-state { max-width:170px; }
}

/* Fleet plant SCADA parity: mirrors the current EDGE overview hierarchy. */
body.fleet-edge-page { background:var(--bg-deep); color:var(--text-strong); font-size:13px; }
.fleet-scada-shell { width:100%; min-height:100vh; margin:0; padding:10px 14px 8px; display:grid; grid-template-rows:80px auto minmax(330px,38vh) minmax(280px,1fr) 64px auto 20px; gap:8px; overflow:visible; }
.fleet-cloud-plant-page .fleet-scada-shell { display:flex; flex-direction:column; gap:8px; }
.fleet-cloud-plant-page .fleet-scada-header { flex:0 0 80px; }
.fleet-cloud-plant-page .fleet-operational-banner { flex:0 0 auto; }
.fleet-cloud-plant-page .fleet-scada-primary { flex:0 0 clamp(330px,38vh,430px); }
.fleet-cloud-plant-page .fleet-scada-equipment { flex:0 0 clamp(410px,48vh,600px); }
.fleet-cloud-plant-page .fleet-meter-bar { flex:0 0 auto; min-height:64px; }
.fleet-cloud-plant-page .cloud-history-sample-panel,
.fleet-cloud-plant-page .fleet-assurance-details,
.fleet-cloud-plant-page .fleet-edge-footer { flex:0 0 auto; }
.fleet-scada-panel,.fleet-meter-bar,.fleet-scada-header,.fleet-operational-banner { border:1px solid var(--line); border-radius:7px; background:linear-gradient(145deg,var(--surface),var(--surface-alt)); }
.fleet-operational-banner[hidden] { display:none; }
.fleet-cloud-device-page .fleet-scada-shell { display:flex; flex-direction:column; gap:8px; }
.fleet-scada-header { display:grid; grid-template-columns:255px minmax(480px,.9fr) minmax(570px,1.25fr); align-items:center; gap:0; min-width:0; margin:0; padding:7px 10px; }
.fleet-edge-brand { gap:10px; }
.fleet-edge-brand .fleet-brand-mark { width:64px; height:64px; flex-basis:64px; }
.fleet-edge-brand strong { color:var(--action); font-size:21px; line-height:1; }
.fleet-edge-brand small { max-width:165px; overflow:hidden; color:var(--muted); font-size:10px; letter-spacing:.45px; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.fleet-brand-copy { min-width:0; }
.fleet-viewing-plant-name { display:block; max-width:165px; margin-top:3px; overflow:hidden; color:var(--text-strong); font-size:13px; letter-spacing:.25px; line-height:1.2; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.fleet-edge-brand > .eyebrow { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.fleet-edge-brand > .eyebrow::after { display:block; }
.fleet-edge-nav { display:flex; align-items:center; gap:2px; min-width:0; overflow-x:auto; }
.fleet-edge-nav a { min-height:38px; padding:8px 9px; border:0; border-bottom:2px solid transparent; border-radius:0; color:var(--muted); font-size:11px; font-weight:650; white-space:nowrap; }
.fleet-edge-nav a:hover,.fleet-edge-nav a.active { color:var(--text-strong); border-color:var(--action); background:rgba(43,203,226,.06); }
.fleet-nav-logout { margin-left:4px; }
.fleet-nav-logout button { min-height:34px; padding:7px 9px; border:1px solid #70404a; border-radius:4px; background:#351a20; color:#ffaaaa; font:700 10px "Segoe UI",Arial,sans-serif; cursor:pointer; text-transform:uppercase; }
.fleet-scada-header-state { display:grid; grid-template-columns:minmax(310px,1fr) 176px 58px; align-items:center; gap:9px; min-width:0; }
.fleet-connection-cluster { display:flex; justify-content:flex-end; gap:5px; min-width:0; }
.fleet-connection-cluster span { padding:6px 7px; border:1px solid #274350; border-radius:4px; background:var(--field); color:var(--muted); font-size:9px; text-transform:uppercase; white-space:nowrap; }
.fleet-connection-cluster b { display:block; margin-top:2px; font-size:10px; }
.fleet-connection-cluster .ONLINE { color:var(--ok); }.fleet-connection-cluster .OFFLINE,.fleet-connection-cluster .UNAVAILABLE { color:var(--muted); }.fleet-connection-cluster .DEGRADED,.fleet-connection-cluster .STALE { color:var(--attention); }.fleet-connection-cluster .PAIRED { color:var(--action); }
.fleet-update-clock { min-width:0; text-align:right; }
.fleet-update-clock strong,.fleet-update-clock small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fleet-update-clock strong { font-size:13px; font-variant-numeric:tabular-nums; }.fleet-update-clock small { margin-top:3px; color:var(--muted); font-size:9px; text-transform:uppercase; }
.fleet-alarm-count { min-height:45px; display:grid; place-content:center; border:1px solid currentColor; border-radius:5px; background:var(--field); color:var(--ok); text-align:center; }
.fleet-alarm-count.ALARM { color:var(--critical); }.fleet-alarm-count strong { font-size:19px; line-height:1; }.fleet-alarm-count small { margin-top:3px; font-size:8px; }

.fleet-operational-banner { min-height:40px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:15px; padding:7px 11px; border-color:#9a7025; background:#251d0d; color:#f8d77d; }
.fleet-operational-banner.severe { border-color:#9b4141; background:#271212; color:var(--critical); }
.fleet-operational-banner > strong { font-size:11px; text-transform:uppercase; white-space:nowrap; }
.fleet-operational-banner > div { display:flex; gap:14px; min-width:0; overflow:hidden; }
.fleet-operational-banner span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fleet-operational-banner a { min-height:auto; padding:0; border:0; color:inherit; font-size:10px; font-weight:700; text-transform:uppercase; white-space:nowrap; }

.fleet-scada-primary { display:grid; grid-template-columns:minmax(350px,.95fr) minmax(300px,.76fr) minmax(430px,1.35fr); gap:8px; min-height:0; }
.fleet-scada-primary > * { min-width:0; }
.fleet-scada-panel { min-width:0; margin:0; padding:11px 12px; overflow:hidden; }
.fleet-panel-header { min-height:37px; align-items:center; margin:0; padding-bottom:7px; border-bottom:1px solid #1f3946; }
.fleet-panel-header > div:first-child { display:flex; align-items:baseline; gap:8px; }
.fleet-panel-header h1,.fleet-panel-header h2,.fleet-equipment-header h2 { margin:0; color:var(--text-strong); font-size:13px; letter-spacing:.3px; text-transform:uppercase; }
.fleet-section-code { color:var(--action); font:700 8px Consolas,"Courier New",monospace; letter-spacing:1px; }
.fleet-data-state { display:inline-flex; align-items:center; gap:5px; width:max-content; max-width:100%; margin:0; padding:3px 6px; border:1px solid currentColor; border-radius:999px; background:rgba(0,0,0,.18); font:700 8px Consolas,"Courier New",monospace; font-style:normal; letter-spacing:.35px; line-height:1; text-transform:uppercase; white-space:nowrap; }
.fleet-data-state::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.fleet-data-state.LIVE { color:var(--ok); }.fleet-data-state.DEGRADED,.fleet-data-state.STALE,.fleet-data-state.LAST_REPORTED { color:var(--attention); }.fleet-data-state.UNAVAILABLE,.fleet-data-state.OFFLINE { color:var(--muted); }

.fleet-scada-flow-stage { position:relative; width:100%; height:calc(100% - 38px); min-height:245px; max-width:455px; margin:0 auto; }
.fleet-flow-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.fleet-flow-link { fill:none; stroke-width:3.5; stroke-linecap:round; opacity:.25; vector-effect:non-scaling-stroke; }
.fleet-flow-link.solar { stroke:var(--solar-series); }.fleet-flow-link.grid { stroke:var(--grid-series); }.fleet-flow-link.load { stroke:var(--text-strong); }
.fleet-flow-link.flowing { opacity:1; stroke-dasharray:8 10; animation:fleet-flow-dash 1.8s linear infinite; filter:drop-shadow(0 0 3px currentColor); }
.fleet-flow-link.exporting { stroke:var(--critical); animation-direction:reverse; }
@keyframes fleet-flow-dash { to { stroke-dashoffset:-36; } }
.fleet-flow-node { position:absolute; z-index:2; width:112px; min-height:70px; display:grid; place-content:center; justify-items:center; padding:7px; border:1px solid #3a5968; border-radius:6px; background:var(--field); box-shadow:0 5px 16px rgba(0,0,0,.22); text-align:center; }
.fleet-flow-node > span:not(.icon) { font-size:8px; font-weight:750; letter-spacing:.6px; }.fleet-flow-node .icon { font-size:18px; line-height:17px; }
.fleet-flow-node strong { margin-top:3px; font-size:15px; font-variant-numeric:tabular-nums; white-space:nowrap; }.fleet-flow-node strong small,.fleet-flow-node > small { color:inherit; font-size:8px; }
.fleet-flow-node.solar { left:1%; top:6%; color:var(--solar-series); border-color:#75611c; }.fleet-flow-node.grid { left:1%; bottom:6%; color:var(--grid-series); border-color:#235d83; }.fleet-flow-node.load { right:0; top:50%; color:var(--text-strong); border-color:#496675; transform:translateY(-50%); }
.fleet-mix-junction { --solar-mix:0%; position:absolute; z-index:3; left:50%; top:50%; width:92px; height:92px; border-radius:50%; display:grid; place-items:center; transform:translate(-50%,-50%); background:conic-gradient(var(--solar-series) 0 var(--solar-mix),var(--grid-series) var(--solar-mix) 100%); box-shadow:0 0 0 4px var(--field),0 7px 18px rgba(0,0,0,.34); }
.fleet-mix-junction.unavailable { background:var(--muted); }.fleet-mix-junction > div { width:66px; height:66px; display:grid; place-content:center; justify-items:center; border-radius:50%; background:#0a1720; text-align:center; }
.fleet-mix-junction strong { font-size:16px; line-height:1; }.fleet-mix-junction strong small { font-size:9px; }.fleet-mix-junction span { margin-top:3px; color:var(--muted); font-size:7px; font-weight:700; }.fleet-mix-junction em { margin-top:2px; color:var(--grid-series); font-size:7px; font-style:normal; }

.fleet-scada-kpi-bank { min-width:0; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:repeat(3,1fr); gap:8px; }
.fleet-instrument-card { min-width:0; display:flex; flex-direction:column; justify-content:center; padding:9px 11px; border:1px solid var(--line); border-radius:7px; background:linear-gradient(145deg,var(--surface),var(--field)); overflow:hidden; }
.fleet-instrument-card > span { color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.65px; text-transform:uppercase; white-space:nowrap; }
.fleet-instrument-card > strong { display:block; margin:5px 0 6px; font-size:clamp(18px,1.45vw,24px); font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fleet-instrument-card > strong small { color:var(--muted); font-size:10px; }.fleet-instrument-card.solar > strong { color:var(--solar-series); }.fleet-instrument-card.grid > strong { color:var(--grid-series); }.fleet-instrument-card.load > strong { color:var(--load-series); }

.fleet-trend-panel { display:grid; grid-template-rows:38px minmax(0,1fr) 44px; min-height:0; }
.fleet-trend-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; color:#a8bac2; font-size:9px; }
.fleet-trend-actions label { display:flex; align-items:center; gap:3px; white-space:nowrap; }.fleet-trend-actions input { width:12px; height:12px; margin:0; accent-color:var(--action); }.fleet-trend-actions i { width:7px; height:7px; border-radius:50%; }
.fleet-trend-actions i.solar { background:var(--solar-series); }.fleet-trend-actions i.grid { background:var(--grid-series); }.fleet-trend-actions i.load { background:var(--load-series); }.fleet-trend-actions i.irradiance { background:var(--info); }
.fleet-trend-actions a,.fleet-open-monitor,.fleet-trend-expand { min-height:auto; padding:5px 8px; border:1px solid #396273; border-radius:4px; background:var(--surface); color:var(--accent-text); text-decoration:none; font-size:9px; font-weight:700; text-transform:uppercase; white-space:nowrap; cursor:pointer; }
.fleet-scada-trend-canvas { position:relative; min-width:0; min-height:0; display:flex; overflow:hidden; border:0; padding:5px 0; }
.fleet-scada-trend-canvas .fleet-power-line { width:100%; height:100%; }
.fleet-chart-axis-left { text-anchor:end; }.fleet-chart-axis-x { text-anchor:middle; }.fleet-chart-tick { fill:none; stroke:#4b6977; stroke-width:1; vector-effect:non-scaling-stroke; }
.fleet-chart-hit { fill:transparent; stroke:transparent; stroke-width:2; vector-effect:non-scaling-stroke; cursor:crosshair; outline:none; }
.fleet-chart-hit:hover,.fleet-chart-hit:focus,.fleet-chart-hit.active { fill:var(--text-strong); fill-opacity:.25; stroke:var(--text-strong); }
.fleet-cloud-trend-tooltip { position:absolute; z-index:5; left:50%; bottom:8px; max-width:min(430px,80%); padding:6px 8px; border:1px solid #396273; border-radius:4px; background:rgba(5,16,24,.96); color:var(--text-strong); font-size:9px; line-height:1.35; pointer-events:none; transform:translateX(-50%); box-shadow:0 5px 16px rgba(0,0,0,.35); }
.fleet-cloud-trend-tooltip[hidden] { display:none; }
.fleet-scada-weather-strip { display:grid; grid-template-columns:repeat(5,1fr) auto; align-items:end; gap:5px; padding-top:6px; border-top:1px solid #1f3946; }
.fleet-scada-weather-strip > span { min-width:0; }.fleet-scada-weather-strip small,.fleet-scada-weather-strip b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.fleet-scada-weather-strip small { color:var(--muted); font-size:8px; text-transform:uppercase; }.fleet-scada-weather-strip b { margin-top:2px; font-size:10px; font-variant-numeric:tabular-nums; }

.fleet-scada-equipment { min-height:280px; display:grid; grid-template-rows:43px minmax(0,1fr); padding:9px 11px 10px; }
.fleet-equipment-header { display:grid; grid-template-columns:150px minmax(250px,1fr) auto auto; align-items:center; gap:12px; min-width:0; margin:0; }
.cloud-plant-string-map-actions { display:grid; gap:4px; justify-items:end; max-width:390px; }
.cloud-plant-string-map-actions > div { display:flex; justify-content:flex-end; gap:6px; }
.cloud-plant-string-map-actions button { min-height:32px; padding:6px 9px; border:1px solid var(--line-strong); border-radius:4px; background:var(--surface); color:var(--accent-text); cursor:pointer; font:700 9px "Segoe UI",Arial,sans-serif; letter-spacing:.2px; text-transform:uppercase; white-space:nowrap; }
.cloud-plant-string-map-actions button:hover:not(:disabled) { border-color:var(--action); background:var(--surface-raised); color:#fff; }
.cloud-plant-string-map-actions button:disabled { cursor:not-allowed; opacity:.52; }
.cloud-plant-string-map-actions span { color:var(--muted); font-size:9px; line-height:1.25; text-align:right; }
.fleet-brand-summary { min-width:0; display:flex; gap:5px; overflow:hidden; }.fleet-brand-summary span { padding:4px 7px; border:1px solid #284959; border-radius:999px; color:var(--muted); font-size:9px; white-space:nowrap; }.fleet-brand-summary b { color:var(--ok); }
.fleet-equipment-total { color:var(--ok); font-size:11px; white-space:nowrap; }
.fleet-brand-tables { min-width:0; min-height:0; display:grid; align-content:start; gap:10px; overflow:auto; }
.fleet-brand-table { min-width:0; }
.fleet-brand-table-header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:7px 3px 6px; }
.fleet-brand-table-header h3 { margin:0; color:var(--text-strong); font-size:11px; letter-spacing:.45px; text-transform:uppercase; }
.fleet-brand-table-header span { color:var(--muted); font-size:9px; font-weight:700; text-transform:uppercase; }
.fleet-brand-table .fleet-equipment-table-frame { max-height:260px; }
.fleet-cloud-plant-page .fleet-brand-table .fleet-equipment-table-frame { max-height:470px; }
.fleet-equipment-table-frame { min-width:0; min-height:0; overflow:auto; border:1px solid var(--line-soft); border-radius:4px; background:var(--field); scrollbar-color:#325869 var(--field); }
.fleet-equipment-table { width:100%; min-width:1100px; border-collapse:separate; border-spacing:0; table-layout:fixed; font-variant-numeric:tabular-nums; }
.fleet-equipment-table th { position:sticky; top:0; z-index:3; padding:7px 8px; border-bottom:1px solid #365767; background:var(--surface-raised); color:var(--muted); text-align:left; font-size:9px; letter-spacing:.25px; text-transform:uppercase; white-space:nowrap; }
.fleet-equipment-table td { height:29px; padding:5px 8px; border-bottom:1px solid #172f3a; color:var(--text-strong); font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fleet-equipment-table tbody tr:nth-child(even) { background:rgba(18,42,53,.3); }.fleet-equipment-table tbody tr:hover { background:#13313d; }.fleet-equipment-table tbody tr.row-offline { background:rgba(80,86,90,.13); }
.fleet-equipment-table .good { color:var(--ok); }.fleet-equipment-table .bad { color:var(--critical); }.fleet-equipment-table .empty-row td { height:70px; color:var(--muted); text-align:center; }
.fleet-equipment-table .cloud-power-quality-note { display:block; margin-top:2px; color:var(--solar-series); font-size:8px; letter-spacing:.2px; text-transform:uppercase; }
.cloud-string-table-link { display:flex; flex-direction:column; align-items:flex-start; gap:2px; color:var(--accent-text); text-decoration:none; }
.cloud-string-table-link strong { font-size:10px; }
.cloud-string-table-link small { color:var(--muted); font-size:8px; }
.cloud-string-table-link.attention strong,.cloud-string-table-link.attention small { color:var(--critical); }
.fleet-equipment-table th:nth-child(1),.fleet-equipment-table td:nth-child(1) { width:11%; }.fleet-equipment-table th:nth-child(2),.fleet-equipment-table td:nth-child(2) { width:8%; }.fleet-equipment-table th:nth-child(3),.fleet-equipment-table td:nth-child(3) { width:10%; }.fleet-equipment-table th:nth-child(4),.fleet-equipment-table td:nth-child(4) { width:12%; }.fleet-equipment-table th:nth-child(5),.fleet-equipment-table td:nth-child(5) { width:9%; }.fleet-equipment-table th:nth-child(6),.fleet-equipment-table td:nth-child(6) { width:10%; }.fleet-equipment-table th:nth-child(7),.fleet-equipment-table td:nth-child(7) { width:11%; }.fleet-equipment-table th:nth-child(8),.fleet-equipment-table td:nth-child(8) { width:9%; }.fleet-equipment-table th:nth-child(9),.fleet-equipment-table td:nth-child(9) { width:12%; }.fleet-equipment-table th:nth-child(10),.fleet-equipment-table td:nth-child(10) { width:8%; }

.fleet-meter-bar { min-width:0; display:grid; grid-template-columns:180px repeat(6,minmax(95px,1fr)) auto; align-items:center; gap:0; padding:7px 10px; overflow:hidden; }
.fleet-meter-bar > div { min-width:0; padding:0 10px; border-right:1px solid var(--line-soft); }.fleet-meter-bar > div:first-child { padding-left:2px; }.fleet-meter-bar small,.fleet-meter-bar b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.fleet-meter-bar small { color:var(--muted); font-size:8px; text-transform:uppercase; }.fleet-meter-bar b { margin-top:3px; font-size:12px; font-variant-numeric:tabular-nums; }
.fleet-meter-identity { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:2px 7px; }.fleet-meter-identity .fleet-section-code { grid-column:1/-1; }.fleet-meter-identity strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.fleet-meter-bar .fleet-open-monitor { margin-left:10px; }

.cloud-history-sample-panel { display:grid; grid-template-columns:minmax(260px,1fr) auto minmax(320px,1.2fr); align-items:center; gap:16px; }
.cloud-history-sample-panel h2 { margin:3px 0 4px; color:var(--text-strong); font-size:13px; text-transform:uppercase; }
.cloud-history-sample-panel p { margin:0; font-size:10px; }
.cloud-history-sample-result { min-width:0; padding:9px 11px; border:1px solid var(--line); border-radius:5px; background:var(--field); color:var(--accent-text); font-size:11px; line-height:1.45; }
.cloud-history-status-stack { min-width:0; display:grid; gap:7px; }
.cloud-history-sample-result > span { display:block; color:var(--muted); font-size:8px; text-transform:uppercase; }
.cloud-history-sample-result > b { display:block; margin:2px 0; color:var(--text-strong); font-size:11px; }
.cloud-trend-dialog { width:min(1500px,calc(100vw - 24px)); height:min(900px,calc(100vh - 24px)); max-width:none; max-height:none; box-sizing:border-box; padding:16px; border:1px solid var(--line-strong); border-radius:9px; background:var(--surface); color:var(--text-strong); box-shadow:0 24px 90px var(--shadow); }
.cloud-trend-dialog::backdrop { background:rgba(1,8,12,.8); backdrop-filter:blur(3px); }
.cloud-trend-dialog[open] { display:grid; grid-template-rows:auto auto auto minmax(0,1fr); gap:12px; }
.cloud-trend-dialog-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); padding-bottom:10px; }
.cloud-trend-dialog-header h2 { margin:3px 0; font-size:20px; text-transform:uppercase; }.cloud-trend-dialog-header p { margin:0; }
.cloud-trend-date-controls { display:flex; align-items:end; justify-content:center; gap:10px; flex-wrap:wrap; }
.cloud-trend-date-controls label { display:grid; gap:4px; color:var(--muted); font-size:9px; letter-spacing:.4px; text-transform:uppercase; }
.cloud-trend-date-controls input { min-height:36px; padding:5px 8px; border:1px solid var(--line-strong); border-radius:4px; background:var(--field); color:var(--text-strong); color-scheme:dark; }
.cloud-trend-dialog-status { min-height:18px; color:var(--accent-text); font-size:11px; text-align:center; }
.cloud-trend-expanded { min-height:430px; border:1px solid var(--line); border-radius:6px; background:var(--field); padding:10px; }
.cloud-device-open { color:inherit; text-decoration-color:var(--action); text-underline-offset:3px; }
.cloud-device-open:hover { color:var(--action); }
.fleet-scada-weather-strip > .cloud-device-open { align-self:center; font-size:9px; font-weight:700; text-transform:uppercase; white-space:nowrap; }
.cloud-device-identity-panel { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 22px; }
.cloud-device-identity-panel h1 { margin:3px 0 5px; }
.cloud-device-plant-context { display:block; margin-bottom:7px; color:var(--action); font-size:12px; font-weight:800; letter-spacing:.55px; text-transform:uppercase; }
.cloud-device-readonly { display:flex; flex-direction:column; align-items:flex-end; gap:4px; text-align:right; }
.cloud-device-readonly strong { color:var(--attention); letter-spacing:.1em; }
.cloud-device-readonly span { color:var(--muted); font-size:.8rem; }
.cloud-device-metric-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cloud-device-metric-group { min-width:0; }
.cloud-device-metric-group > div:last-child { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; }
.cloud-device-metric-group > div:last-child > span { min-width:0; padding:10px; border:1px solid var(--line); border-radius:5px; background:var(--field); }
.cloud-device-metric-group small,.cloud-device-metric-group b,.cloud-device-metric-group code { display:block; overflow-wrap:anywhere; }
.cloud-device-metric-group small { color:var(--muted); }
.cloud-device-metric-group b { margin:4px 0; color:var(--text-strong); font-size:1.05rem; }
.cloud-device-metric-group code,.cloud-device-field-table code { color:var(--muted); font-size:.7rem; }
.cloud-device-pv-panel { padding:14px 18px 16px; }
.cloud-device-pv-panel > p { margin:10px 0; }
.cloud-string-workbench { display:grid; grid-template-columns:minmax(0,3fr) minmax(390px,2fr); gap:12px; align-items:stretch; }
.cloud-string-table-pane { min-width:0; display:flex; flex-direction:column; }
.cloud-device-pv-table-frame { flex:1; max-height:570px; border:1px solid var(--line); border-radius:5px; background:var(--field); }
.cloud-device-pv-table { width:100%; min-width:620px; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.cloud-device-pv-table th,.cloud-device-pv-table td { padding:9px 12px; border-bottom:1px solid #1b3440; text-align:left; }
.cloud-device-pv-table thead th { position:sticky; top:0; z-index:2; background:var(--surface-raised); color:var(--muted); font-size:10px; letter-spacing:.3px; text-transform:uppercase; }
.cloud-device-pv-table tbody th { width:22%; color:var(--action); font-size:11px; letter-spacing:.35px; }
.cloud-device-pv-table td { color:var(--text-strong); }
.cloud-device-pv-table td strong,.cloud-device-pv-table td small { display:block; }
.cloud-device-pv-table td strong { font-size:14px; }
.cloud-device-pv-table td small { margin-top:2px; color:var(--muted); font:9px Consolas,"Courier New",monospace; }
.cloud-device-pv-table tr:last-child th,.cloud-device-pv-table tr:last-child td { border-bottom:0; }
.cloud-device-all-fields { padding:18px; }
.cloud-device-filter { display:flex; align-items:center; gap:10px; margin:14px 0; color:var(--muted); }
.cloud-device-filter input { width:min(430px,100%); }
.cloud-device-field-table td:nth-child(2) { font-variant-numeric:tabular-nums; }
.cloud-string-summary { display:grid; grid-template-columns:repeat(6,minmax(82px,1fr)); gap:7px; margin:10px 0; }
.cloud-string-summary span { padding:8px 10px; border:1px solid var(--line); border-radius:5px; background:var(--field); }
.cloud-string-summary small,.cloud-string-summary strong { display:block; }
.cloud-string-summary small { color:var(--muted); font-size:9px; letter-spacing:.35px; text-transform:uppercase; }
.cloud-string-summary strong { margin-top:2px; color:var(--text-strong); font-size:18px; }
.cloud-string-summary .attention { border-color:#9b6a25; background:#211a0d; }
.cloud-string-summary .attention strong { color:var(--attention); }
.cloud-string-map-review { margin:10px 0 12px; padding:11px 12px; border:1px solid var(--line-strong); border-radius:6px; background:var(--field); }
.cloud-string-map-review h3 { margin:3px 0 0; color:var(--text-strong); font-size:14px; letter-spacing:.2px; text-transform:uppercase; }
.cloud-string-map-summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:34px; cursor:pointer; list-style:none; }
.cloud-string-map-summary::-webkit-details-marker { display:none; }
.cloud-string-map-summary > span { display:flex; align-items:center; gap:10px; min-width:0; }
.cloud-string-map-summary strong { color:var(--text-strong); font-size:14px; letter-spacing:.2px; text-transform:uppercase; }
.cloud-string-map-summary em { flex:1; overflow:hidden; color:var(--muted); font-size:10px; font-style:normal; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.cloud-string-map-summary::after { min-width:38px; content:"SHOW"; color:var(--accent-text); font-size:9px; font-weight:700; letter-spacing:.25px; text-align:right; }
.cloud-string-map-review[open] .cloud-string-map-summary::after { content:"HIDE"; }
.cloud-string-map-review[open] .cloud-string-map-summary { padding-bottom:9px; border-bottom:1px solid var(--line-soft); }
.cloud-string-map-body { padding-top:9px; }
.cloud-string-map-actions,.cloud-string-map-apply { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.cloud-string-map-actions button,.cloud-string-map-apply button { min-height:32px; padding:6px 10px; border:1px solid var(--line-strong); border-radius:4px; background:var(--surface); color:var(--accent-text); cursor:pointer; font:700 9px "Segoe UI",Arial,sans-serif; letter-spacing:.25px; text-transform:uppercase; }
.cloud-string-map-actions button:hover,.cloud-string-map-apply button:hover { border-color:var(--action); background:var(--surface-raised); color:#fff; }
.cloud-string-map-actions button:disabled,.cloud-string-map-apply button:disabled { cursor:wait; opacity:.6; }
.cloud-string-map-status { min-height:17px; margin:7px 0; color:var(--muted); font-size:10px; }
.cloud-string-map-results { max-height:300px; margin-top:8px; border:1px solid var(--line-soft); border-radius:5px; }
.cloud-string-map-results table { width:100%; border-collapse:collapse; font-size:10px; }
.cloud-string-map-results th,.cloud-string-map-results td { padding:7px 8px; border-bottom:1px solid #183440; text-align:left; vertical-align:top; }
.cloud-string-map-results th small { display:block; margin-top:2px; color:var(--muted); font-size:9px; }
.cloud-string-map-results input { accent-color:var(--action); }
.cloud-string-map-apply { margin-top:8px; }
.cloud-string-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.cloud-string-toolbar > div { display:flex; flex-wrap:wrap; gap:5px; }
.cloud-string-toolbar button,.cloud-string-actions button,.cloud-string-selector-header button { border:1px solid var(--line-strong); border-radius:4px; background:var(--surface); color:var(--accent-text); cursor:pointer; font-family:inherit; font-size:9px; font-weight:700; letter-spacing:.25px; padding:6px 9px; text-transform:uppercase; }
.cloud-string-toolbar button:hover,.cloud-string-toolbar button.active,.cloud-string-actions button:hover,.cloud-string-actions button.is-charted,.cloud-string-selector-header button:hover { border-color:var(--action); background:var(--surface-raised); color:#fff; }
.cloud-string-toolbar > span { color:var(--muted); font-size:10px; }
.cloud-string-row.is-abnormal { background:rgba(211,137,35,.08); }
.cloud-string-row.is-targeted { background:rgba(27,201,232,.14); box-shadow:inset 4px 0 var(--cyan),inset 0 1px rgba(27,201,232,.5),inset 0 -1px rgba(27,201,232,.5); outline:0; }
.cloud-string-row th small,.cloud-string-row td > small { display:block; margin-top:4px; color:var(--muted); font-size:9px; font-weight:400; }
.cloud-string-alert-text { max-width:250px; color:var(--attention) !important; line-height:1.35; }
.cloud-string-actions { display:flex; flex-wrap:wrap; gap:4px; }
.cloud-string-trend-panel { min-width:0; display:flex; flex-direction:column; gap:9px; padding:12px; border:1px solid var(--line-strong); border-radius:6px; background:var(--field); }
.cloud-string-trend-header { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; }
.cloud-string-trend-header h3 { margin:3px 0 0; color:var(--text-strong); font-size:14px; letter-spacing:.2px; text-transform:uppercase; }
.cloud-string-trend-controls { display:flex; gap:7px; }
.cloud-string-trend-controls label { display:grid; gap:3px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.25px; text-transform:uppercase; }
.cloud-string-trend-controls select { min-height:31px; padding:5px 7px; border:1px solid var(--line-strong); border-radius:4px; background:var(--field); color:var(--text-strong); }
.cloud-string-date-toolbar { display:grid; grid-template-columns:auto minmax(94px,1fr) minmax(94px,1fr) auto auto; align-items:end; gap:5px; }
.cloud-string-date-toolbar label { display:grid; gap:3px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.25px; text-transform:uppercase; }
.cloud-string-date-toolbar input { min-width:0; min-height:32px; box-sizing:border-box; padding:5px 6px; border:1px solid var(--line-strong); border-radius:4px; background:var(--field); color:var(--text-strong); color-scheme:dark; font-size:10px; }
.cloud-string-date-toolbar button { min-width:31px; min-height:32px; padding:5px 8px; border:1px solid var(--line-strong); border-radius:4px; background:var(--surface); color:var(--accent-text); cursor:pointer; font:700 10px "Segoe UI",Arial,sans-serif; text-transform:uppercase; }
.cloud-string-date-toolbar button:hover { border-color:var(--action); background:var(--surface-raised); color:#fff; }
.cloud-string-date-toolbar [data-string-date-shift] { font-size:20px; line-height:1; }
.cloud-string-overview-chart { position:relative; flex:1 1 300px; min-height:300px; overflow:hidden; border:1px solid var(--line-soft); border-radius:5px; background:#06131a; }
.cloud-string-overview-chart svg { display:block; width:100%; height:100%; min-height:300px; }
.cloud-string-chart-grid line { stroke:#1e3946; stroke-width:1; vector-effect:non-scaling-stroke; }
.cloud-string-chart-grid text,.cloud-string-chart-axis text { fill:var(--muted); font:11px "Segoe UI",Arial,sans-serif; }
.cloud-string-chart-axis line { stroke:#54717d; stroke-width:1; vector-effect:non-scaling-stroke; }
.cloud-string-chart-axis .axis-title { fill:var(--muted); font-size:11px; font-weight:700; letter-spacing:.25px; text-transform:uppercase; }
.cloud-string-series { fill:none; stroke:var(--series-color); stroke-width:1.8; vector-effect:non-scaling-stroke; }
.cloud-string-hover-target { fill:transparent; pointer-events:all; }
.cloud-string-hover-line { stroke:#e8f8fb; stroke-width:1; stroke-dasharray:4 3; vector-effect:non-scaling-stroke; pointer-events:none; }
.cloud-string-hover-tip { position:absolute; z-index:4; width:168px; padding:8px; border:1px solid #4b6d79; border-radius:5px; background:rgba(5,17,24,.96); color:var(--text-strong); box-shadow:0 8px 28px #000a; font-size:10px; pointer-events:none; }
.cloud-string-hover-tip strong,.cloud-string-hover-tip span,.cloud-string-hover-tip small { display:block; }
.cloud-string-hover-tip strong { margin-bottom:5px; color:#fff; }
.cloud-string-hover-tip span { display:grid; grid-template-columns:9px 1fr auto; align-items:center; gap:5px; padding:2px 0; }
.cloud-string-hover-tip span i,.cloud-string-trend-selector label > i { width:8px; height:8px; border-radius:50%; background:var(--series-color); }
.cloud-string-hover-tip span b { color:#fff; font-variant-numeric:tabular-nums; }
.cloud-string-hover-tip small { margin-top:4px; color:var(--muted); }
.cloud-string-trend-status { min-height:16px; color:var(--muted); font-size:10px; line-height:1.4; }
.cloud-string-selector-header { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid var(--line-soft); padding-top:8px; }
.cloud-string-selector-header > strong { color:var(--text-strong); font-size:10px; letter-spacing:.35px; text-transform:uppercase; }
.cloud-string-selector-header > div { display:flex; gap:4px; }
.cloud-string-trend-selector { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-content:start; gap:5px; max-height:126px; overflow:auto; padding-right:3px; scrollbar-color:#325869 var(--field); }
.cloud-string-trend-selector label { min-width:0; display:grid; grid-template-columns:auto auto minmax(0,1fr); align-items:center; gap:5px; padding:5px 6px; border:1px solid var(--line-soft); border-radius:4px; background:var(--field); color:var(--text-strong); cursor:pointer; }
.cloud-string-trend-selector label:hover { border-color:#397085; }
.cloud-string-trend-selector label.is-inactive { opacity:.58; }
.cloud-string-trend-selector input { margin:0; accent-color:var(--action); }
.cloud-string-trend-selector span { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.cloud-string-trend-selector small { grid-column:3; color:#6f8b96; font-size:8px; letter-spacing:.25px; }
.cloud-string-peer-withheld { color:var(--attention); font-size:9px; font-weight:700; letter-spacing:.25px; text-transform:uppercase; cursor:help; }
.cloud-string-peer-comparison strong,.cloud-string-peer-comparison small { display:block; }
.cloud-string-peer-comparison strong { color:var(--text-strong); font-size:10px; white-space:nowrap; }
.cloud-string-peer-comparison small { margin-top:3px; color:var(--muted); font-size:8px; white-space:nowrap; }
.cloud-string-dialog { width:min(620px,calc(100vw - 28px)); border:1px solid var(--line-strong); border-radius:8px; background:var(--surface); color:var(--text-strong); box-shadow:0 24px 80px #000b; }
.cloud-string-dialog::backdrop { background:rgba(1,8,12,.76); backdrop-filter:blur(2px); }
.cloud-string-dialog form { display:grid; gap:12px; }
.cloud-string-dialog label { display:grid; gap:5px; color:var(--muted); font-size:10px; letter-spacing:.25px; text-transform:uppercase; }
.cloud-string-dialog input,.cloud-string-dialog select,.cloud-string-dialog textarea { width:100%; box-sizing:border-box; border:1px solid var(--line-strong); border-radius:4px; background:var(--field); color:var(--text-strong); padding:9px; }
.cloud-string-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.cloud-dialog-close,.cloud-history-close { border:0; background:transparent; color:var(--accent-text); cursor:pointer; font-size:24px; }
.cloud-string-dialog-actions { display:flex; justify-content:flex-end; gap:8px; }
.cloud-string-history-chart { min-height:240px; border:1px solid var(--line); border-radius:5px; background:var(--field); }
.cloud-string-history-chart svg { display:block; width:100%; height:240px; }
.cloud-string-current-line { fill:none; stroke:var(--action); stroke-width:3; vector-effect:non-scaling-stroke; }
.cloud-account-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.cloud-connection-list { display:grid; gap:6px; margin-top:10px; }
.cloud-connection-list article { display:grid; grid-template-columns:minmax(210px,1.4fr) auto repeat(3,minmax(92px,.55fr)) minmax(190px,auto); align-items:center; gap:10px; padding:8px 10px; border:1px solid #284754; border-radius:5px; background:var(--field); }
.cloud-connection-list article strong,.cloud-connection-list article small,.cloud-connection-list article b { display:block; overflow-wrap:anywhere; }
.cloud-connection-list article strong { color:var(--text-strong); font-size:12px; }
.cloud-connection-list article small { color:var(--muted); font-size:9px; }
.cloud-connection-list article b { margin-top:2px; color:var(--accent-text); font-size:10px; }
.cloud-account-dialog form > p { margin:0; line-height:1.5; }
.cloud-connection-controls { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }.cloud-connection-controls .button { min-height:30px; padding:5px 8px; font-size:10px; }.cloud-account-control-dialog form > div:first-child { display:grid; gap:4px; }.cloud-account-control-dialog .eyebrow { margin:0; }.cloud-account-control-dialog .muted { line-height:1.5; }
.cloud-string-plant-panel { padding:14px 18px; }
.cloud-string-plant-alerts { display:grid; gap:6px; }
.cloud-string-plant-alerts article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:8px 10px; border:1px solid #314c58; border-radius:5px; background:var(--field); }
.cloud-string-plant-alerts article div { min-width:0; }
.cloud-string-plant-alerts article strong,.cloud-string-plant-alerts article small { display:block; }
.cloud-string-plant-alerts article strong { color:var(--text-strong); font-size:11px; }
.cloud-string-plant-alerts article small { margin-top:2px; color:#9ab2bc; font-size:10px; overflow-wrap:anywhere; }

.fleet-assurance-details { border:1px solid var(--line); border-radius:7px; padding:8px 11px; background:var(--field); color:var(--muted); }
.fleet-assurance-details > summary { color:var(--accent-text); cursor:pointer; font-size:10px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; }
.fleet-assurance-details[open] > summary { margin-bottom:10px; }.fleet-assurance-details .engineering-grid { margin-top:0; }.fleet-assurance-meta { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin-top:8px; }.fleet-assurance-meta span { padding:7px; border:1px solid var(--line-soft); border-radius:4px; font-size:9px; text-transform:uppercase; }.fleet-assurance-meta b { display:block; margin-top:3px; color:var(--text-strong); font-size:11px; text-transform:none; }
.cloud-capacity-form { grid-template-columns:minmax(180px,.6fr) minmax(260px,1.4fr) auto minmax(180px,1fr); align-items:end; padding-top:8px; border-top:1px solid var(--line-soft); }
.fleet-data-state.VERIFIED { color:var(--green); }
.fleet-edge-footer { align-items:center; min-height:20px; padding:0 3px; color:#728b96; font-size:9px; }

@media (max-width:1350px) {
  .fleet-scada-header { grid-template-columns:240px minmax(450px,1fr); grid-template-rows:auto auto; row-gap:6px; }
  .fleet-scada-header-state { grid-column:1/-1; }
  .fleet-connection-cluster { justify-content:flex-start; }
  .fleet-scada-primary { grid-template-columns:minmax(340px,1fr) minmax(290px,.8fr); }
  .fleet-trend-panel { grid-column:1/-1; min-height:300px; }
  .fleet-scada-shell { grid-template-rows:auto auto auto minmax(280px,1fr) 64px auto 20px; }
  .fleet-cloud-plant-page .fleet-scada-header { flex-basis:auto; }
  .fleet-cloud-plant-page .fleet-scada-primary { flex-basis:auto; min-height:638px; }
}

@media (max-width:1100px) {
  .cloud-string-workbench { grid-template-columns:1fr; }
  .cloud-device-pv-table-frame { max-height:480px; }
  .cloud-string-trend-panel { min-height:520px; }
}

@media (max-width:800px) {
  .fleet-scada-shell { padding:8px; display:flex; flex-direction:column; gap:8px; }
  .fleet-scada-header { display:flex; flex-wrap:wrap; padding:9px; }
  .fleet-edge-brand { width:100%; }.fleet-edge-brand .fleet-brand-mark { width:58px; height:58px; flex-basis:58px; }
  .fleet-edge-nav { order:2; width:100%; padding-top:5px; }.fleet-edge-nav > a:first-child { display:none; }.fleet-scada-header-state { order:3; width:100%; grid-template-columns:1fr; gap:7px; }
  .fleet-connection-cluster { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.fleet-update-clock { text-align:left; }.fleet-alarm-count { position:absolute; top:17px; right:17px; width:54px; }
  .fleet-operational-banner { grid-template-columns:1fr; gap:7px; }.fleet-operational-banner > div { display:grid; gap:4px; }.fleet-operational-banner span { white-space:normal; }
  .fleet-scada-primary { display:grid; grid-template-columns:1fr; }.fleet-scada-flow-stage { min-height:260px; }.fleet-scada-kpi-bank { min-height:285px; }.fleet-trend-panel { grid-column:auto; grid-template-rows:auto minmax(190px,1fr) auto; min-height:400px; }
  .fleet-cloud-plant-page .fleet-scada-primary { min-height:0; }
  .fleet-cloud-plant-page .fleet-scada-equipment { flex-basis:auto; }
  .fleet-panel-header { align-items:flex-start; }.fleet-trend-actions { flex-wrap:wrap; gap:6px; }.fleet-trend-actions label { font-size:10px; }
  .fleet-scada-equipment { min-height:330px; grid-template-rows:auto minmax(0,1fr); }.fleet-equipment-header { grid-template-columns:1fr auto; grid-template-rows:auto auto auto; gap:7px; padding-bottom:8px; }.fleet-brand-summary { grid-row:2; }.fleet-open-monitor { grid-row:2; }.cloud-plant-string-map-actions { grid-column:1/-1; width:100%; max-width:none; justify-items:stretch; }.cloud-plant-string-map-actions > div { justify-content:flex-start; flex-wrap:wrap; }.cloud-plant-string-map-actions span { text-align:left; }
  .fleet-meter-bar { grid-template-columns:repeat(2,minmax(0,1fr)); padding:9px; }.fleet-meter-bar > div { min-height:52px; padding:7px; border-bottom:1px solid var(--line-soft); }.fleet-meter-identity { grid-column:1/-1; }.fleet-meter-bar .fleet-open-monitor { grid-column:1/-1; grid-row:auto; width:100%; min-height:42px; margin:8px 0 0; }
  .cloud-history-sample-panel { grid-template-columns:1fr; gap:10px; }.cloud-history-sample-panel .button { width:100%; min-height:44px; }
  .cloud-device-identity-panel { align-items:flex-start; flex-direction:column; }
  .cloud-device-readonly { align-items:flex-start; text-align:left; }
  .cloud-device-metric-groups { grid-template-columns:1fr; }
  .cloud-device-metric-group > div:last-child { grid-template-columns:1fr; }
  .cloud-device-filter { align-items:stretch; flex-direction:column; }
  .cloud-string-summary { grid-template-columns:repeat(2,1fr); }
  .cloud-string-toolbar { align-items:flex-start; flex-direction:column; }
  .cloud-string-trend-header { align-items:flex-start; flex-direction:column; }
  .cloud-string-trend-controls { width:100%; }
  .cloud-string-trend-controls label { flex:1; }
  .cloud-string-date-toolbar { grid-template-columns:auto 1fr 1fr auto; }
  .cloud-string-date-toolbar #cloud-string-trend-apply { grid-column:1/-1; }
  .cloud-string-trend-selector { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cloud-string-form-grid { grid-template-columns:1fr; }
  .cloud-connection-list article { grid-template-columns:1fr 1fr; }
  .cloud-connection-list article > div:first-child { grid-column:1/-1; }
  .fleet-assurance-meta { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:430px) {
  .fleet-scada-kpi-bank { grid-template-columns:1fr 1fr; gap:6px; }.fleet-instrument-card { padding:8px; }.fleet-instrument-card > strong { font-size:17px; }
  .fleet-flow-node { width:96px; }.fleet-mix-junction { width:82px; height:82px; }.fleet-mix-junction > div { width:58px; height:58px; }
  .fleet-trend-panel .fleet-panel-header { align-items:flex-start; flex-direction:column; gap:6px; }.fleet-trend-actions { width:100%; justify-content:flex-start; }
  .fleet-scada-weather-strip { grid-template-columns:repeat(3,1fr); row-gap:7px; }.fleet-scada-weather-strip .fleet-data-state { justify-self:start; }
  .fleet-assurance-meta { grid-template-columns:1fr; }
}

/* FusionSolar analytics workbench. */
.fleet-cloud-analytics-page { color:var(--text-strong); }
.fleet-analytics-console { display:flex; flex-direction:column; gap:10px; min-height:100vh; }
.fleet-analytics-header-state { grid-template-columns:minmax(210px,1fr) 92px; }
.fleet-analytics-certification { min-height:48px; display:grid; place-content:center; padding:0 10px; border:1px solid currentColor; border-radius:5px; background:var(--field); color:var(--attention); text-align:center; }
.fleet-analytics-certification.CERTIFIED { color:var(--ok); }.fleet-analytics-certification.NO-DATA { color:var(--muted); }
.fleet-analytics-certification strong,.fleet-analytics-certification small { display:block; }.fleet-analytics-certification strong { font-size:12px; }.fleet-analytics-certification small { margin-top:3px; font-size:9px; letter-spacing:.5px; }
.fleet-analytics-toolbar { display:grid; grid-template-columns:minmax(170px,1fr) repeat(3,minmax(125px,160px)) auto auto minmax(220px,1.2fr); align-items:end; gap:8px; padding:10px 12px; border:1px solid var(--line); border-radius:7px; background:#0b1d27; }
.fleet-analytics-toolbar > div strong { display:block; margin-top:4px; font-size:13px; }.fleet-analytics-toolbar label,.fleet-tariff-controls label { display:grid; gap:4px; color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; }
.fleet-analytics-toolbar input,.fleet-analytics-toolbar select,.fleet-tariff-controls input { width:100%; min-height:37px; box-sizing:border-box; padding:7px 9px; border:1px solid var(--line-strong); border-radius:4px; background:var(--field); color:var(--text-strong); color-scheme:dark; }
.fleet-analytics-toolbar > span { align-self:center; color:#9eb6c0; font-size:12px; text-align:right; }
.fleet-analytics-tabs { display:flex; gap:4px; padding:5px; border:1px solid var(--line); border-radius:7px; background:var(--field); overflow-x:auto; }
.fleet-analytics-tabs button { min-height:38px; padding:8px 13px; border:1px solid transparent; border-radius:4px; background:transparent; color:var(--muted); cursor:pointer; font:700 12px "Segoe UI",Arial,sans-serif; white-space:nowrap; }
.fleet-analytics-tabs button:hover,.fleet-analytics-tabs button.active { border-color:var(--line-strong); background:#12313e; color:var(--text-strong); box-shadow:inset 0 -2px var(--action); }
.fleet-analytics-panel { display:grid; gap:10px; }.fleet-analytics-panel[hidden] { display:none; }
.fleet-analytics-kpis { display:grid; grid-template-columns:repeat(6,minmax(135px,1fr)); gap:8px; }
.fleet-analytics-kpis.compact { grid-template-columns:repeat(4,minmax(150px,1fr)); margin-top:12px; }
.fleet-analytics-kpi { min-height:82px; display:flex; flex-direction:column; justify-content:center; min-width:0; padding:10px 12px; border:1px solid var(--line); border-radius:7px; background:linear-gradient(145deg,var(--surface),var(--field)); }
.fleet-analytics-kpi > small { color:var(--muted); font-size:11px; font-weight:700; letter-spacing:.45px; text-transform:uppercase; }.fleet-analytics-kpi > strong { margin:5px 0 3px; overflow:hidden; color:var(--text-strong); font-size:21px; font-variant-numeric:tabular-nums; text-overflow:ellipsis; white-space:nowrap; }.fleet-analytics-kpi > strong em { color:var(--muted); font-size:10px; font-style:normal; }.fleet-analytics-kpi > span { min-height:15px; color:#829ca7; font-size:11px; }
.fleet-analytics-kpi.solar > strong { color:var(--solar-series); }.fleet-analytics-kpi.grid > strong { color:var(--grid-series); }.fleet-analytics-kpi.load > strong { color:var(--load-series); }.fleet-analytics-kpi.weather > strong { color:var(--info); }.fleet-analytics-kpi.pr > strong,.fleet-analytics-kpi.good > strong { color:var(--ok); }.fleet-analytics-kpi.warning > strong { color:var(--attention); }
.fleet-analytics-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr); gap:10px; }.fleet-analytics-grid.wide-chart { grid-template-columns:minmax(0,1.65fr) minmax(300px,.45fr); }
.fleet-analytics-chart-panel { min-height:410px; display:grid; grid-template-rows:auto minmax(300px,1fr) auto; }
.fleet-analytics-chart { min-height:310px; display:grid; place-items:center; overflow:hidden; }.fleet-analytics-chart.expanded { min-height:0; height:100%; }
.fleet-analytics-chart svg { display:block; width:100%; height:100%; min-height:300px; overflow:visible; }
.analytics-grid line { stroke:#23404d; stroke-width:1; vector-effect:non-scaling-stroke; }.analytics-grid text { fill:var(--muted); font:11px "Segoe UI",Arial,sans-serif; }.analytics-series-line { fill:none; stroke-width:2.5; vector-effect:non-scaling-stroke; }.analytics-energy-bar { fill:var(--solar-series); opacity:.83; }.analytics-pr-line { fill:none; stroke:var(--ok); stroke-width:2.5; vector-effect:non-scaling-stroke; }.analytics-pr-dot { fill:var(--ok); }.analytics-date-label { fill:var(--muted); font-size:10px; }
.fleet-analytics-chart-meta { min-height:20px; padding-top:6px; border-top:1px solid #1f3946; color:var(--muted); font-size:11px; text-align:center; }
.fleet-analytics-attention { min-height:410px; }.fleet-analytics-attention .fleet-panel-header a { color:var(--action); font-size:11px; font-weight:700; text-transform:uppercase; }.fleet-analytics-attention #analytics-attention-list { display:grid; gap:6px; margin-top:9px; }.fleet-analytics-attention article { display:grid; gap:3px; padding:9px 10px; border-left:3px solid var(--attention); border-radius:3px; background:#101c21; }.fleet-analytics-attention article strong { color:var(--text-strong); font-size:12px; line-height:1.35; }.fleet-analytics-attention article span { color:#92aab4; font-size:11px; }
.fleet-analytics-table-frame { width:100%; overflow:auto; border:1px solid var(--line-soft); border-radius:5px; background:var(--field); }
.fleet-analytics-table-frame table { width:100%; min-width:1000px; border-collapse:collapse; font-variant-numeric:tabular-nums; }.fleet-analytics-table-frame th,.fleet-analytics-table-frame td { padding:9px 10px; border-bottom:1px solid #1d3540; text-align:left; white-space:nowrap; }.fleet-analytics-table-frame th { position:sticky; top:0; z-index:2; background:var(--surface-raised); color:var(--muted); font-size:10px; letter-spacing:.3px; text-transform:uppercase; }.fleet-analytics-table-frame td { color:var(--text-strong); font-size:12px; }.fleet-analytics-table-frame tr.partial { background:rgba(243,189,66,.035); }.fleet-analytics-table-frame a { color:var(--action); font-weight:700; text-decoration:none; }.fleet-analytics-table-frame a:hover { text-decoration:underline; }
.fleet-analytics-badge { display:inline-block; padding:3px 7px; border:1px solid currentColor; border-radius:999px; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.35px; text-transform:uppercase; }.fleet-analytics-badge.COMPLETE,.fleet-analytics-badge.NORMAL,.fleet-analytics-badge.ACTIVE { color:var(--ok); }.fleet-analytics-badge.PARTIAL,.fleet-analytics-badge.WATCH,.fleet-analytics-badge.MAINTENANCE { color:var(--attention); }.fleet-analytics-badge.PERSISTENT-REVIEW { color:var(--critical); }
.fleet-analytics-note { color:var(--muted); font-size:11px; }.fleet-method-card { min-height:360px; }.fleet-method-card h2 { margin:7px 0 12px; }.fleet-method-card code { display:block; padding:12px; border:1px solid var(--line-strong); border-radius:5px; background:var(--field); color:var(--solar-series); font-size:13px; line-height:1.5; }.fleet-method-card dl { display:grid; gap:0; margin:15px 0; }.fleet-method-card dl div { display:grid; grid-template-columns:145px 1fr; padding:8px 0; border-bottom:1px solid #203a46; }.fleet-method-card dt { color:var(--muted); font-size:11px; text-transform:uppercase; }.fleet-method-card dd { margin:0; font-size:12px; }.fleet-method-card p { color:var(--muted); font-size:12px; line-height:1.5; }
.fleet-calculation-notice { display:flex; align-items:center; gap:14px; border-color:#6b5720; background:#201b0d; }.fleet-calculation-notice strong { flex:0 0 auto; color:var(--attention); font-size:12px; text-transform:uppercase; }.fleet-calculation-notice span { color:#d6cba6; font-size:12px; line-height:1.45; }
.fleet-tariff-controls { display:grid; grid-template-columns:repeat(3,minmax(140px,220px)) auto; align-items:end; gap:9px; margin-top:12px; }
.fleet-quality-lanes,.fleet-quality-issues { display:grid; gap:7px; margin-top:10px; }.fleet-quality-lanes article { display:grid; grid-template-columns:minmax(150px,1fr) auto minmax(220px,1fr); align-items:center; gap:12px; padding:9px 10px; border:1px solid #274653; border-radius:5px; background:var(--field); }.fleet-quality-lanes strong,.fleet-quality-lanes span { display:block; }.fleet-quality-lanes strong { font-size:12px; text-transform:uppercase; }.fleet-quality-lanes span,.fleet-quality-lanes small { color:var(--muted); font-size:10px; }.fleet-quality-lanes b { color:var(--action); font-size:15px; }.fleet-quality-issues p { margin:0; padding:10px; border-left:3px solid var(--attention); background:#151b1b; color:#d9c98f; font-size:12px; line-height:1.4; }.fleet-quality-issues p.good { border-color:var(--ok); color:#8de3b2; }
.fleet-rules-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:10px 0 0; }.fleet-rules-grid div { padding:10px; border:1px solid var(--line); border-radius:5px; background:var(--field); }.fleet-rules-grid dt { color:var(--action); font-size:10px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; }.fleet-rules-grid dd { margin:5px 0 0; color:#cbdce2; font-size:12px; line-height:1.4; }
.fleet-report-starters { display:grid; grid-template-columns:repeat(3,minmax(220px,1fr)); gap:10px; }.fleet-report-starters button { min-height:112px; display:grid; align-content:center; gap:6px; padding:15px; border:1px solid var(--line-strong); border-radius:7px; background:linear-gradient(145deg,var(--surface),var(--field)); color:var(--text-strong); cursor:pointer; text-align:left; }.fleet-report-starters button:hover,.fleet-report-starters button.active { border-color:var(--action); box-shadow:inset 4px 0 var(--action); }.fleet-report-starters strong { font-size:16px; }.fleet-report-starters small { color:#93aab4; font-size:12px; line-height:1.4; }
.fleet-report-preview { min-height:330px; padding:22px; }.fleet-report-preview > header { display:flex; justify-content:space-between; gap:20px; padding-bottom:14px; border-bottom:2px solid var(--line-strong); }.fleet-report-preview h2 { margin:5px 0; font-size:22px; }.fleet-report-preview header p,.fleet-report-preview header small { color:var(--muted); font-size:11px; }.fleet-report-preview header > div:last-child { display:grid; justify-items:end; gap:6px; }.fleet-report-metrics { display:grid; grid-template-columns:repeat(3,minmax(150px,1fr)); gap:9px; margin:18px 0; }.fleet-report-metrics span { padding:13px; border:1px solid var(--line); border-radius:5px; background:var(--field); }.fleet-report-metrics small,.fleet-report-metrics b { display:block; }.fleet-report-metrics small { color:var(--muted); font-size:10px; text-transform:uppercase; }.fleet-report-metrics b { margin-top:6px; font-size:17px; }.fleet-report-preview li { margin:6px 0; font-size:12px; }.fleet-report-preview > footer { margin-top:22px; padding-top:10px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }.fleet-report-actions { display:flex; justify-content:flex-end; gap:8px; }
.fleet-plant-report { padding:18px; }.fleet-plant-report-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding-bottom:12px; border-bottom:1px solid var(--line); }.fleet-plant-report-heading h1 { margin:3px 0; font-size:22px; }.fleet-report-view-tabs { display:flex; gap:4px; }.fleet-report-view-tabs button { min-height:38px; padding:7px 12px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--muted); font:inherit; cursor:pointer; }.fleet-report-view-tabs button.active { border-color:var(--cyan); color:var(--text); font-weight:800; }
.fleet-plant-report-toolbar { display:grid; grid-template-columns:minmax(190px,1.3fr) minmax(140px,.8fr) minmax(135px,.7fr) minmax(135px,.7fr) repeat(4,auto); align-items:end; gap:8px; margin:14px 0 8px; }.fleet-plant-report-toolbar label { display:grid; gap:4px; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; }.fleet-plant-report-toolbar select,.fleet-plant-report-toolbar input { width:100%; min-height:38px; padding:7px 9px; border:1px solid var(--line-strong); border-radius:5px; background:var(--field); color:var(--text-strong); font:inherit; text-transform:none; }.fleet-plant-report-toolbar .button { min-height:38px; white-space:nowrap; }
.fleet-plant-report-summary { display:grid; grid-template-columns:repeat(4,minmax(100px,150px)); gap:7px; margin:10px 0; }.fleet-plant-report-summary span { padding:8px 10px; border:1px solid var(--line); border-radius:5px; background:var(--field); }.fleet-plant-report-summary small,.fleet-plant-report-summary strong { display:block; }.fleet-plant-report-summary small { color:var(--muted); font-size:9px; text-transform:uppercase; }.fleet-plant-report-summary strong { margin-top:3px; font-size:15px; }
.fleet-plant-report-frame { max-height:560px; border:1px solid var(--line); border-radius:6px; }.fleet-plant-report-frame table { min-width:1120px; }.fleet-plant-report-frame thead { position:sticky; top:0; z-index:2; background:var(--surface); }.fleet-plant-report-frame th { padding:0; }.fleet-plant-report-frame th button { width:100%; min-height:40px; padding:9px 10px; border:0; background:transparent; color:var(--muted); font:inherit; font-size:10px; font-weight:800; text-align:left; text-transform:uppercase; white-space:nowrap; cursor:pointer; }.fleet-plant-report-frame th button:hover,.fleet-plant-report-frame th button:focus-visible { color:var(--cyan); outline:0; }.fleet-plant-report-frame td small { color:var(--muted); font-size:9px; }.fleet-report-unavailable { color:#718995; }.fleet-plant-report-footer { display:flex; justify-content:space-between; gap:16px; padding-top:9px; color:var(--muted); font-size:10px; line-height:1.4; }
.fleet-report-columns-dialog { width:min(540px,calc(100% - 28px)); max-height:min(720px,calc(100vh - 28px)); padding:18px; color:var(--text); background:var(--surface); border:1px solid var(--line); border-radius:9px; box-shadow:0 24px 80px var(--shadow); }.fleet-report-columns-dialog::backdrop { background:#02070bcc; backdrop-filter:blur(3px); }.fleet-report-column-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; max-height:470px; margin:14px 0; overflow:auto; }.fleet-report-column-options label { display:flex; min-height:46px; align-items:center; gap:9px; padding:8px 9px; border:1px solid var(--line); border-radius:5px; background:var(--field); cursor:pointer; }.fleet-report-column-options input { accent-color:var(--cyan); }.fleet-report-column-options strong,.fleet-report-column-options small { display:block; }.fleet-report-column-options strong { font-size:11px; }.fleet-report-column-options small { margin-top:2px; color:var(--muted); font-size:9px; }
.fleet-analytics-empty { min-height:120px; display:grid; place-content:center; color:#8099a3; font-size:12px; text-align:center; }
#analytics-chart-dialog[open] { grid-template-rows:auto minmax(0,1fr); }

@media (max-width:1200px) {
  .fleet-analytics-toolbar { grid-template-columns:repeat(3,minmax(130px,1fr)) auto auto; }.fleet-analytics-toolbar > div,.fleet-analytics-toolbar > span { grid-column:1/-1; text-align:left; }
  .fleet-analytics-kpis { grid-template-columns:repeat(3,minmax(135px,1fr)); }.fleet-analytics-grid,.fleet-analytics-grid.wide-chart { grid-template-columns:1fr; }.fleet-analytics-attention { min-height:0; }
  .fleet-plant-report-toolbar { grid-template-columns:repeat(4,minmax(130px,1fr)); }.fleet-plant-report-toolbar .button { width:100%; }
}
@media (max-width:700px) {
  .fleet-analytics-toolbar { grid-template-columns:1fr 1fr; }.fleet-analytics-toolbar > div,.fleet-analytics-toolbar > span,.fleet-analytics-toolbar label:nth-of-type(3) { grid-column:1/-1; }.fleet-analytics-toolbar .button { min-height:44px; }
  .fleet-analytics-tabs button { min-height:44px; }.fleet-analytics-kpis,.fleet-analytics-kpis.compact { grid-template-columns:repeat(2,minmax(0,1fr)); }.fleet-analytics-kpi > strong { font-size:18px; }
  .fleet-analytics-chart-panel { min-height:390px; }.fleet-analytics-chart { min-height:280px; }.fleet-trend-actions { align-items:flex-start; }
  .fleet-rules-grid,.fleet-report-starters,.fleet-report-metrics { grid-template-columns:1fr; }.fleet-tariff-controls { grid-template-columns:1fr; }.fleet-calculation-notice { align-items:flex-start; flex-direction:column; }.fleet-quality-lanes article { grid-template-columns:1fr auto; }.fleet-quality-lanes small { grid-column:1/-1; }
  .fleet-plant-report { padding:12px; }.fleet-plant-report-heading { align-items:flex-start; flex-direction:column; }.fleet-report-view-tabs { width:100%; overflow:auto; }.fleet-report-view-tabs button { flex:0 0 auto; min-height:44px; }.fleet-plant-report-toolbar { grid-template-columns:1fr 1fr; }.fleet-plant-report-toolbar label:first-child { grid-column:1/-1; }.fleet-plant-report-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }.fleet-plant-report-frame { max-height:480px; }.fleet-plant-report-footer { flex-direction:column; }.fleet-report-column-options { grid-template-columns:1fr; }
}

@media print {
  .fleet-cloud-analytics-page { background:#fff!important; color:#111!important; }.fleet-cloud-analytics-page .fleet-edge-header,.fleet-cloud-analytics-page .fleet-analytics-toolbar,.fleet-cloud-analytics-page .fleet-analytics-tabs,.fleet-cloud-analytics-page .fleet-analytics-panel:not([data-analytics-panel="reports"]),.fleet-cloud-analytics-page .fleet-report-starters,.fleet-cloud-analytics-page .fleet-report-actions,.fleet-cloud-analytics-page .fleet-edge-footer { display:none!important; }.fleet-cloud-analytics-page .fleet-analytics-panel[data-analytics-panel="reports"] { display:block!important; }.fleet-cloud-analytics-page .fleet-report-preview { border:0; background:#fff; color:#111; box-shadow:none; }.fleet-cloud-analytics-page .fleet-report-preview * { color:#111!important; }.fleet-cloud-analytics-page .fleet-report-metrics span { background:#fff; border-color:#777; }
  .fleet-plant-report { border:0!important; background:#fff!important; color:#111!important; }.fleet-plant-report-toolbar,.fleet-report-view-tabs,#analytics-report-status { display:none!important; }.fleet-plant-report-frame { max-height:none; overflow:visible; border-color:#777; }.fleet-plant-report-frame table { min-width:0; }.fleet-plant-report-frame thead { position:static; background:#eee!important; }.fleet-plant-report-frame th button,.fleet-plant-report-frame td,.fleet-plant-report-footer,.fleet-plant-report-summary * { color:#111!important; }.fleet-plant-report-summary span { background:#fff!important; border-color:#777!important; }
}

/* Cloud alarm center and prominent environmental monitor. */
.fleet-cloud-alarm-page .fleet-scada-shell { display:flex; flex-direction:column; gap:8px; }
.fleet-cloud-alarm-page .fleet-scada-header { flex:0 0 80px; }
.cloud-alarm-center { min-height:560px; display:flex; flex-direction:column; padding:18px; overflow:visible; }
.cloud-alarm-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.cloud-alarm-heading h1 { margin:3px 0 4px; color:var(--text-strong); font-size:22px; text-transform:uppercase; }
.cloud-alarm-heading p { margin:0; color:var(--muted); font-size:11px; }
.cloud-alarm-source-tabs,.cloud-alarm-status-tabs { display:flex; align-items:center; gap:5px; }
.cloud-alarm-source-tabs button,.cloud-alarm-status-tabs button { min-height:36px; padding:8px 12px; border:1px solid var(--line-strong); border-radius:5px; background:var(--field); color:var(--muted); cursor:pointer; font:700 10px "Segoe UI",Arial,sans-serif; text-transform:uppercase; }
.cloud-alarm-source-tabs button:hover,.cloud-alarm-source-tabs button.active,.cloud-alarm-status-tabs button:hover,.cloud-alarm-status-tabs button.active { border-color:var(--action); background:var(--surface-raised); color:var(--text-strong); }
.cloud-alarm-source-tabs b { display:inline-grid; min-width:22px; min-height:18px; margin-left:6px; place-content:center; border-radius:999px; background:var(--bg-deep); color:var(--action); font-size:9px; }
.cloud-alarm-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding:13px 0 10px; }
.cloud-alarm-search { width:min(390px,100%); color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.35px; text-transform:uppercase; }
.cloud-alarm-search span { display:block; margin-bottom:4px; }
.cloud-alarm-search input { width:100%; min-height:36px; box-sizing:border-box; border:1px solid var(--line-strong); border-radius:5px; background:var(--field); color:var(--text-strong); padding:7px 10px; }
.cloud-alarm-severity-summary { display:grid; grid-template-columns:repeat(5,minmax(90px,1fr)); gap:7px; margin-bottom:10px; }
.cloud-alarm-severity-summary > span { padding:8px 10px; border:1px solid var(--line); border-radius:5px; background:var(--field); }
.cloud-alarm-severity-summary small,.cloud-alarm-severity-summary strong { display:block; }
.cloud-alarm-severity-summary small { color:var(--muted); font-size:8px; font-weight:700; letter-spacing:.45px; }
.cloud-alarm-severity-summary strong { margin-top:2px; font-size:17px; }
.cloud-alarm-severity-summary .severity-CRITICAL strong,.cloud-alarm-severity.severity-CRITICAL { color:var(--critical); }
.cloud-alarm-severity-summary .severity-MAJOR strong,.cloud-alarm-severity.severity-MAJOR { color:var(--major); }
.cloud-alarm-severity-summary .severity-MINOR strong,.cloud-alarm-severity.severity-MINOR { color:var(--attention); }
.cloud-alarm-severity-summary .severity-WARNING strong,.cloud-alarm-severity.severity-WARNING { color:var(--warning); }
.cloud-alarm-severity-summary .severity-INFO strong,.cloud-alarm-severity.severity-INFO { color:var(--info); }
.cloud-alarm-source-note { display:flex; gap:10px; padding:8px 10px; border:1px solid var(--line); border-radius:5px 5px 0 0; background:#0d212b; color:#9db5bf; font-size:10px; }
.cloud-alarm-source-note strong { color:var(--action); text-transform:uppercase; white-space:nowrap; }
.cloud-alarm-table-frame { min-height:300px; max-height:58vh; overflow:auto; border:1px solid var(--line); border-top:0; background:var(--field); scrollbar-color:#325869 var(--field); }
.cloud-alarm-table { width:100%; min-width:1400px; border-collapse:separate; border-spacing:0; table-layout:fixed; }
.cloud-alarm-table th { position:sticky; top:0; z-index:2; padding:9px 10px; border-bottom:1px solid #365767; background:var(--surface-raised); color:var(--muted); text-align:left; font-size:9px; letter-spacing:.25px; text-transform:uppercase; }
.cloud-alarm-table td { min-width:0; padding:10px; border-bottom:1px solid #172f3a; color:var(--text-strong); font-size:10px; line-height:1.4; vertical-align:top; overflow:hidden; overflow-wrap:anywhere; white-space:normal; }
.cloud-alarm-table tbody tr:nth-child(even) { background:rgba(18,42,53,.3); }
.cloud-alarm-table tbody tr:hover { background:#13313d; }
.cloud-alarm-table td strong,.cloud-alarm-table td small,.cloud-alarm-evidence > span { display:block; }
.cloud-alarm-table td small { margin-top:3px; color:var(--muted); font-size:9px; }
.cloud-alarm-evidence > span,.cloud-alarm-evidence > small { max-width:100%; white-space:normal; }
.cloud-alarm-evidence > small { margin-top:5px; line-height:1.4; }
.cloud-alarm-table td:nth-child(6),.cloud-alarm-table td:nth-child(7) { font-variant-numeric:tabular-nums; overflow-wrap:normal; }
.cloud-alarm-table td:nth-child(8) { white-space:nowrap; }
.cloud-alarm-table th:nth-child(1) { width:8%; }.cloud-alarm-table th:nth-child(2) { width:8%; }.cloud-alarm-table th:nth-child(3) { width:14%; }.cloud-alarm-table th:nth-child(4) { width:14%; }.cloud-alarm-table th:nth-child(5) { width:27%; }.cloud-alarm-table th:nth-child(6),.cloud-alarm-table th:nth-child(7) { width:11%; }.cloud-alarm-table th:nth-child(8) { width:7%; }
.cloud-alarm-severity,.cloud-alarm-lifecycle { display:inline-flex; padding:3px 6px; border:1px solid currentColor; border-radius:999px; background:rgba(0,0,0,.16); font:700 8px Consolas,"Courier New",monospace; text-transform:uppercase; white-space:nowrap; }
.cloud-alarm-lifecycle.active { color:var(--attention); }.cloud-alarm-lifecycle.history { color:var(--muted); }
.cloud-alarm-empty { height:160px; color:var(--muted) !important; text-align:center; vertical-align:middle !important; }
.cloud-alarm-empty.error { color:var(--critical) !important; }
.cloud-alarm-table-footer { display:flex; justify-content:space-between; gap:15px; padding:8px 3px 0; color:var(--muted); font-size:9px; }
.cloud-alarm-boundary { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0; background:transparent; border:0; }
.cloud-alarm-boundary > div { padding:12px 14px; border:1px solid var(--line); border-radius:7px; background:var(--field); }
.cloud-alarm-boundary strong,.cloud-alarm-boundary p { display:block; }
.cloud-alarm-boundary strong { margin:4px 0; font-size:11px; text-transform:uppercase; }
.cloud-alarm-boundary p { margin:0; color:var(--muted); font-size:10px; line-height:1.45; }

.cloud-weather-monitor-panel { padding:14px 18px; }
.cloud-plant-support-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr); gap:8px; }
.cloud-plant-support-grid > * { min-width:0; }
.cloud-plant-support-grid .fleet-meter-bar { grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px; }
.cloud-plant-support-grid .fleet-meter-bar > div { min-height:48px; padding:7px 9px; border-bottom:1px solid var(--line-soft); }
.cloud-plant-support-grid .fleet-meter-identity { grid-column:1/-1; }
.cloud-weather-monitor { display:grid; grid-template-columns:repeat(6,minmax(105px,1fr)) minmax(190px,1.15fr); gap:7px; margin-top:10px; }
.cloud-weather-monitor > span,.cloud-weather-monitor > div { min-width:0; padding:9px 10px; border:1px solid var(--line); border-radius:5px; background:var(--field); }
.cloud-weather-monitor small,.cloud-weather-monitor strong { display:block; }
.cloud-weather-monitor small { color:var(--muted); font-size:8px; letter-spacing:.35px; text-transform:uppercase; }
.cloud-weather-monitor strong { margin-top:4px; color:var(--text-strong); font-size:15px; font-variant-numeric:tabular-nums; }
.cloud-weather-monitor .unavailable strong { color:var(--muted); font-size:11px; }
.cloud-weather-monitor-meta { display:flex; flex-direction:column; justify-content:center; gap:5px; }
.cloud-weather-monitor-meta a { width:max-content; }
.cloud-weather-monitor-meta em { color:var(--muted); font-size:9px; font-style:normal; line-height:1.35; }

@media (max-width:1000px) {
  .cloud-alarm-heading,.cloud-alarm-toolbar { align-items:flex-start; flex-direction:column; }
  .cloud-alarm-search { width:100%; }
  .cloud-weather-monitor { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cloud-plant-support-grid { grid-template-columns:1fr; }
}
@media (max-width:650px) {
  .cloud-alarm-center { min-height:500px; padding:12px; }
  .cloud-alarm-source-tabs,.cloud-alarm-status-tabs { width:100%; overflow-x:auto; }
  .cloud-alarm-source-tabs button,.cloud-alarm-status-tabs button { flex:0 0 auto; min-height:44px; }
  .cloud-alarm-severity-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cloud-alarm-source-note { align-items:flex-start; flex-direction:column; }
  .cloud-alarm-table-footer,.cloud-alarm-boundary { grid-template-columns:1fr; flex-direction:column; }
  .cloud-weather-monitor { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cloud-weather-monitor-meta { grid-column:1/-1; }
}

.fleet-intelligence-command { display:grid; grid-template-columns:minmax(280px,1fr) auto minmax(180px,auto); align-items:center; gap:16px; padding:16px; }
.fleet-intelligence-command h2,.fleet-intelligence-command p { margin:3px 0; }
.fleet-intelligence-command p,#analytics-engine-status { color:var(--muted); font-size:11px; }
#analytics-engine-findings td strong,#analytics-om-cases td strong { display:block; }
#analytics-engine-findings td small,#analytics-om-cases td small { display:block; margin-top:3px; color:var(--muted); font-size:8px; }
.fleet-om-dialog { width:min(760px,calc(100vw - 28px)); }
.fleet-om-dialog form { display:grid; gap:11px; padding:18px; }
.fleet-om-dialog label { display:grid; gap:5px; color:var(--muted); font-size:10px; text-transform:uppercase; }
.fleet-om-dialog input,.fleet-om-dialog select,.fleet-om-dialog textarea { width:100%; padding:9px; border:1px solid var(--line-strong); border-radius:4px; background:var(--field); color:var(--text-strong); font:inherit; text-transform:none; }
.fleet-om-dialog textarea { min-height:68px; resize:vertical; }
.fleet-om-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
@media (max-width:750px) {
  .fleet-intelligence-command { grid-template-columns:1fr; }
  .fleet-om-form-grid { grid-template-columns:1fr; }
}

/* Fleet-wide O&M work queue. */
.operations-command { display:grid; grid-template-columns:minmax(320px,1fr) 150px auto; align-items:end; gap:12px; }
.operations-command h2,.operations-command p { margin:3px 0; }
.operations-command label,.operations-filters label { display:grid; gap:4px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.35px; text-transform:uppercase; }
.operations-command select,.operations-filters select,.operations-filters input { min-height:36px; padding:7px 9px; border:1px solid var(--line-strong); border-radius:5px; background:var(--field); color:var(--text-strong); }
#operations-command-status { grid-column:1/-1; min-height:16px; color:var(--muted); font-size:11px; }
.operations-filters { display:grid; grid-template-columns:minmax(230px,1.4fr) repeat(5,minmax(135px,.7fr)); gap:8px; margin:12px 0; }
.operations-table-frame table { min-width:1250px; }
.operations-table-frame td strong,.operations-coverage td strong,.operations-table-frame td small,.operations-coverage td small { display:block; }
.operations-table-frame td small,.operations-coverage td small { margin-top:3px; color:var(--muted); font-size:9px; }
.operations-table-footer { display:flex; justify-content:space-between; gap:14px; padding-top:9px; color:var(--muted); font-size:10px; }
.operations-coverage { margin-top:12px; }
.operations-coverage table { min-width:1050px; }
.fleet-kpis .kpi b.good { color:var(--ok); }.fleet-kpis .kpi b.warning { color:var(--attention); }.fleet-kpis .kpi b.danger { color:var(--critical); }
.system-admin-activity-frame { max-height:430px; overflow:auto; }.system-admin-activity-frame table { min-width:980px; }.system-admin-activity-frame td:nth-child(3) { color:var(--accent-text); font-weight:700; }.system-admin-activity-frame td:last-child { max-width:480px; color:var(--muted); }
.system-api-usage-summary { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin:12px 0; }.system-api-usage-summary .kpi { min-height:76px; padding:10px; }.system-api-usage-summary .kpi b { font-size:1.15rem; }.system-api-usage-summary .kpi b.good,.system-api-usage-frame .good { color:var(--ok); }.system-api-usage-summary .kpi b.warning { color:var(--attention); }.system-api-usage-summary .kpi b.danger { color:var(--critical); }.system-api-usage-frame { max-height:430px; overflow:auto; }.system-api-usage-frame table { min-width:1180px; }.system-api-usage-frame td:nth-child(n+3):nth-child(-n+7) { font-variant-numeric:tabular-nums; text-align:right; }.system-api-usage-frame th:nth-child(n+3):nth-child(-n+7) { text-align:right; }
.system-api-account-totals { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:8px; margin:0 0 12px; }.system-api-account-totals article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 12px; padding:9px 11px; border:1px solid var(--line); border-radius:6px; background:var(--field); }.system-api-account-totals strong { overflow-wrap:anywhere; }.system-api-account-totals span { color:var(--accent-text); }.system-api-account-totals small { grid-column:1/-1; color:var(--muted); }
@media (max-width:1150px) {
  .operations-filters { grid-template-columns:repeat(3,minmax(150px,1fr)); }
}
@media (max-width:700px) {
  .operations-command { grid-template-columns:1fr; align-items:stretch; }
  .operations-filters { grid-template-columns:1fr 1fr; }
  .operations-table-footer { flex-direction:column; }
}
/* Administrator-only Fleet self-monitoring workspace. */
.system-operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.system-operations-card{min-width:0}
.system-operations-facts{display:grid;gap:0;margin:10px 0 0}
.system-operations-facts>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-top:1px solid var(--line)}
.system-operations-facts dt{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
.system-operations-facts dd{margin:0;text-align:right;font-weight:700;overflow-wrap:anywhere}
.system-limit-frame{margin-top:10px;max-height:220px}
.system-operations-lower-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}
.system-growth-bars{display:grid;gap:9px;margin-top:12px}
.system-growth-bars>div{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,2fr) 80px;align-items:center;gap:9px;font-size:.76rem}
.system-growth-bars i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--cyan) var(--fill),rgba(132,163,179,.18) var(--fill));border:1px solid rgba(57,204,229,.18)}
.system-growth-bars b{text-align:right;font-variant-numeric:tabular-nums}
.system-row-counts{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.system-row-counts span,.system-analytics-list span{padding:6px 8px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:.72rem}
.system-row-counts b{color:var(--text)}
.system-analytics-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.system-analytics-list span{display:flex;gap:7px;align-items:center}
.system-maintenance .button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#system-maintenance-status{min-height:1.3em;color:var(--muted)}
@media(max-width:1100px){.system-operations-grid{grid-template-columns:1fr 1fr}.system-operations-grid>.system-operations-card:last-child{grid-column:1/-1}.system-api-usage-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.system-operations-grid,.system-operations-lower-grid{grid-template-columns:1fr}.system-operations-grid>.system-operations-card:last-child{grid-column:auto}.system-growth-bars>div{grid-template-columns:minmax(110px,1fr) 1.2fr 66px}.system-api-usage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Fleet-wide display modes and operator readability. Night remains the default.
   Day mode uses a warm neutral canvas to limit glare during long monitoring shifts. */
body { font-size:15px; line-height:1.45; }
h2 { font-size:16px; }
.eyebrow,.kpi small,th { font-size:11px; }
.muted { font-size:13px; line-height:1.45; }
.status { font-size:12px; }
td { font-size:13px; }

.fleet-theme-toggle {
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid var(--line-strong);
  border-radius:5px;
  background:var(--surface-raised);
  color:var(--text-strong);
  font:700 12px "Segoe UI",Arial,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
.fleet-theme-toggle:hover,.fleet-theme-toggle:focus-visible { border-color:var(--cyan); color:var(--cyan); outline:2px solid transparent; }
.fleet-theme-toggle span:first-child { font-size:15px; line-height:1; }

/* Readable operational density: raise labels and measurements that previously
   rendered at 8-10 px while retaining the existing dashboard geometry. */
.fleet-sidebar-label,.fleet-cloud-plant-search,.fleet-section-code,.fleet-remote-state,.fleet-remote-age,
.fleet-connection-cluster span,.fleet-update-clock small,.fleet-alarm-count small,.fleet-flow-node > span:not(.icon),
.fleet-flow-node strong small,.fleet-flow-node > small,.fleet-mix-junction span,.fleet-mix-junction em,
.fleet-instrument-card > span,.fleet-trend-actions,.fleet-trend-actions label,.fleet-trend-actions button,
.fleet-weather-strip small,.fleet-brand-summary,.fleet-equipment-table th,.fleet-device-state,
.fleet-cloud-trend-tooltip,.fleet-meter-bar small,.fleet-string-table-link small,.fleet-cloud-provider-state,
.cloud-connection-meta span,.cloud-connection-meta b,.fleet-site-card-metrics span,.fleet-data-note,
.cloud-analytics-plant-list small,.cloud-analytics-plant-list > a > b,.fleet-data-state,
.fleet-telemetry-state,.fleet-attention-item em,.fleet-generation-row strong small,.fleet-site-card dt,
.cloud-string-map-results table,.cloud-string-map-results th small,.cloud-string-toolbar button,
.cloud-string-actions button,.cloud-string-selector-header button,.cloud-string-toolbar > span,
.cloud-string-row th small,.cloud-string-row td > small,.cloud-string-trend-controls label,
.cloud-string-date-toolbar label,.cloud-string-date-toolbar input,.cloud-string-hover-tip,
.cloud-string-trend-status,.cloud-string-selector-header > strong,.cloud-string-trend-selector span,
.cloud-string-trend-selector small,.cloud-string-peer-withheld,.cloud-string-peer-comparison strong,
.cloud-string-peer-comparison small,.cloud-string-dialog label,.cloud-connection-list article small,
.cloud-connection-list article b,.fleet-assurance-details > summary,.fleet-assurance-meta span,
.fleet-edge-footer,.fleet-analytics-certification small,.fleet-analytics-toolbar label,
.fleet-analytics-kpi > strong em,.analytics-date-label,.fleet-analytics-table-frame th,
.fleet-analytics-badge,.fleet-quality-lanes span,.fleet-quality-lanes small,.fleet-rules-grid dt,
.fleet-report-metrics small,.fleet-report-preview > footer,.fleet-plant-report-toolbar label,
.fleet-plant-report-summary small,.fleet-plant-report-frame th button,.fleet-plant-report-frame td small,
.fleet-plant-report-footer,.fleet-report-column-options small,.cloud-alarm-source-tabs b,
.cloud-alarm-search,.cloud-alarm-severity-summary small,.cloud-alarm-source-note,.cloud-alarm-table th,
.cloud-alarm-table td,.cloud-alarm-table td small,.cloud-alarm-severity,.cloud-alarm-lifecycle,
.cloud-alarm-table-footer,.cloud-weather-monitor small,.cloud-weather-monitor-meta em,
#analytics-engine-findings td small,#analytics-om-cases td small,.fleet-om-dialog label,
.operations-command label,.operations-filters label,.operations-table-frame td small,
.operations-coverage td small,.operations-table-footer { font-size:11px; }

.fleet-generation-row,.fleet-site-health td,.fleet-open-site,.fleet-cloud-monitoring > small,
.fleet-site-card-metrics b,.fleet-edge-nav a,.fleet-equipment-table td,.fleet-meter-bar b,
.fleet-string-table-link strong,.fleet-analytics-table-frame td,.fleet-quality-lanes strong,
.fleet-rules-grid dd,.fleet-report-preview li,.fleet-report-column-options strong,
.cloud-alarm-boundary p,.fleet-intelligence-command p,#analytics-engine-status { font-size:12px; }

.fleet-equipment-table td { height:34px; }
.fleet-cloud-plant-page .fleet-scada-header,.fleet-cloud-alarm-page .fleet-scada-header { flex-basis:88px; }
.fleet-scada-shell { grid-template-rows:88px auto minmax(330px,38vh) minmax(280px,1fr) 64px auto 20px; }
.system-operations-facts dt,.system-row-counts span,.system-analytics-list span { font-size:.8rem; }
.system-growth-bars > div { font-size:.82rem; }

html[data-theme="day"] body { background:radial-gradient(circle at 15% 0,#ded0bd,transparent 34%),var(--bg); }
html[data-theme="day"] body.fleet-edge-page { background:radial-gradient(circle at 12% 0,#ded0bd,transparent 32%),var(--bg); }
html[data-theme="day"] header::before { box-shadow:0 0 18px #08738324; }
html[data-theme="day"] .button { background:#087383; border-color:#075f6c; color:#fffdf8; }
html[data-theme="day"] .button.secondary { background:var(--surface-raised); border-color:var(--line-strong); color:var(--text-strong); }
html[data-theme="day"] .button.danger,html[data-theme="day"] .logout-button,
html[data-theme="day"] .fleet-nav-logout button { background:#f5dfde; border-color:var(--red); color:#7c232d; }
html[data-theme="day"] .fleet-brand-mark { color:#fff; }
html[data-theme="day"] .fleet-cloud-plant-search input { background:var(--field); color:var(--text-strong); }
html[data-theme="day"] .fleet-cloud-plant-row:hover,html[data-theme="day"] .fleet-cloud-plant-row:focus-visible,
html[data-theme="day"] .fleet-equipment-table tbody tr:hover,html[data-theme="day"] .cloud-alarm-table tbody tr:hover { background:#e7ddd0; }
html[data-theme="day"] .fleet-equipment-table tbody tr:nth-child(even),
html[data-theme="day"] .cloud-alarm-table tbody tr:nth-child(even) { background:#f6eee4; }
html[data-theme="day"] .fleet-expanded-chart { border-color:var(--line); background:linear-gradient(180deg,#fffdf9,#f2e8dc); }
html[data-theme="day"] .fleet-graph-grid,html[data-theme="day"] .analytics-grid line { stroke:#cfc0ad; }
html[data-theme="day"] .fleet-graph-zero { stroke:#9e8d79; }
html[data-theme="day"] .fleet-cloud-trend-tooltip,html[data-theme="day"] .cloud-string-hover-tip {
  border-color:var(--line-strong);
  background:#fffaf5f7;
  color:var(--text-strong);
  box-shadow:0 8px 24px var(--shadow);
}
html[data-theme="day"] .fleet-mix-junction > div,html[data-theme="day"] .cloud-string-overview-chart,
html[data-theme="day"] .fleet-analytics-toolbar { background:var(--field); }
html[data-theme="day"] .fleet-operational-notice,html[data-theme="day"] .fleet-operational-banner,
html[data-theme="day"] .cloud-string-summary .attention,html[data-theme="day"] .fleet-calculation-notice {
  background:#fff1cf;
  color:#654d0b;
}
html[data-theme="day"] .fleet-operational-banner.severe { background:#f9e3df; color:#842e35; }
html[data-theme="day"] .fleet-analytics-tabs button:hover,html[data-theme="day"] .fleet-analytics-tabs button.active { background:#e1d6c9; }
html[data-theme="day"] .fleet-analytics-attention article { background:#fff4da; }
html[data-theme="day"] .fleet-quality-issues p { background:#fff2d4; color:#6d5416; }
html[data-theme="day"] .fleet-quality-issues p.good { background:#e6f3e9; color:#245f3e; }
html[data-theme="day"] .cloud-alarm-source-note { background:#eee4d8; color:var(--muted); }
html[data-theme="day"] .cloud-alarm-severity.severity-CRITICAL { background:#f7dfe4; }
html[data-theme="day"] .cloud-alarm-severity.severity-MAJOR { background:#f5e2d9; }
html[data-theme="day"] .cloud-alarm-severity.severity-MINOR,
html[data-theme="day"] .cloud-alarm-severity.severity-WARNING,
html[data-theme="day"] .cloud-alarm-lifecycle.active { background:#f3e9c9; }
html[data-theme="day"] .cloud-alarm-severity.severity-INFO { background:#dfeff0; }
html[data-theme="day"] .cloud-string-date-toolbar input,html[data-theme="day"] .fleet-analytics-toolbar input,
html[data-theme="day"] .fleet-analytics-toolbar select,html[data-theme="day"] .fleet-tariff-controls input { color-scheme:light; }
html[data-theme="day"] .fleet-confirm-dialog::backdrop,html[data-theme="day"] .cloud-analytics-picker::backdrop,
html[data-theme="day"] .cloud-trend-dialog::backdrop,html[data-theme="day"] .cloud-string-dialog::backdrop,
html[data-theme="day"] .fleet-report-columns-dialog::backdrop { background:#594a3d73; }

@media (max-width:1100px) {
  .fleet-scada-shell { grid-template-rows:auto auto auto minmax(280px,1fr) 64px auto 20px; }
  .fleet-cloud-plant-page .fleet-scada-header,.fleet-cloud-alarm-page .fleet-scada-header { flex-basis:auto; }
}
@media (max-width:760px) {
  body { font-size:15px; }
  .fleet-theme-toggle { min-height:40px; }
}