:root{--brand-900: #0b2b21;--brand-800: #1b4332;--brand-700: #245c42;--brand-600: #2d6a4f;--brand-500: #40916c;--brand-400: #52b788;--brand-300: #95d5b2;--brand-200: #b7e4c7;--brand-100: #d8f3dc;--brand-50: #eef8f0;--ink-900: #16211d;--ink-700: #3d4a44;--ink-500: #6b7a72;--ink-400: #8b978f;--ink-300: #c7d1cb;--ink-200: #e4e9e6;--ink-100: #f0f3f1;--surface: #f6f8f6;--surface-card: #ffffff;--status-good: var(--brand-600);--status-good-bg: var(--brand-50);--status-watch: #b7791f;--status-watch-bg: #fdf3e2;--status-alarm: #c1442d;--status-alarm-bg: #fbe9e5;--status-critical: #8c1d18;--status-critical-bg: #f7e0de;--status-offline: var(--ink-500);--status-offline-bg: var(--ink-100);--status-info: #2b6cb0;--status-info-bg: #e6eefa;--chart-temp: #c1442d;--chart-humidity: #2b6cb0;--chart-moisture: #a0651a;--chart-co2: #6a4c93;--chart-co2-rise: #c2185b;--font-display: "Manrope", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius: 10px;--radius-sm: 7px;--shadow-card: 0 1px 2px rgba(22, 33, 29, .06), 0 4px 14px rgba(22, 33, 29, .05);--shadow-card-hover: 0 2px 4px rgba(22, 33, 29, .08), 0 10px 24px rgba(22, 33, 29, .09)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--surface);color:var(--ink-900);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);color:var(--brand-900);text-wrap:balance}.app-header{background:var(--surface-card);border-bottom:1px solid var(--ink-200);position:sticky;top:0;z-index:10}.app-header-inner{padding:10px 24px;display:flex;align-items:center;justify-content:space-between}.brand-mark{display:flex;align-items:center}.brand-logo{height:52px;display:block}.app-header-meta{display:flex;align-items:center;gap:10px}.app-header-meta .save-button{height:32px;padding:0 14px;display:inline-flex;align-items:center}.app-header-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--brand-600);background:var(--brand-100);border-radius:999px;padding:5px 12px}.mock-banner{background:var(--brand-50);color:var(--brand-700);text-align:center;padding:7px 12px;font-size:13px;border-bottom:1px solid var(--brand-100)}.app-body{display:flex;align-items:flex-start}.sidebar{width:240px;flex-shrink:0;background:var(--surface-card);border-right:1px solid var(--ink-200);min-height:calc(100vh - 56px);padding:18px 12px;position:sticky;top:56px;align-self:flex-start}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--ink-700);text-decoration:none;font-size:14px;font-weight:600}.sidebar-link:hover{background:var(--ink-100)}.sidebar-link.active{background:var(--brand-100);color:var(--brand-800)}.sidebar-dashboard{margin-bottom:14px;color:var(--brand-800)}.sidebar-site-name{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-500);padding:0 10px;margin-bottom:6px}.sidebar-silos{display:flex;flex-direction:column;gap:2px}.sidebar-silo-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.sidebar-silo-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{flex:1;min-width:0}.page{padding:28px 32px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:16px}.page-header h1{margin:0 0 4px;font-size:26px;font-weight:800}.muted{color:var(--ink-500);font-size:13px}.back-link{display:inline-flex;align-items:center;margin-bottom:14px;color:var(--brand-600);text-decoration:none;font-size:14px;font-weight:600}.back-link:hover{color:var(--brand-800)}.toggle-group,.metric-toggle{display:flex;gap:4px;flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ink-300);background:var(--surface-card);border-radius:var(--radius-sm);padding:7px 14px;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink-700);transition:all .15s ease}.toggle:hover{border-color:var(--brand-400);color:var(--brand-700)}.toggle.active{background:var(--brand-800);color:#fff;border-color:var(--brand-800)}.metric-toggle{margin:18px 0}.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.summary-strip.cols-6{grid-template-columns:repeat(6,1fr)}.summary-tile{background:var(--surface-card);border-radius:var(--radius);padding:16px;text-align:center;box-shadow:var(--shadow-card);border-top:3px solid var(--ink-300)}.summary-tile.alarm{border-top-color:var(--status-alarm)}.summary-tile.watch{border-top-color:var(--status-watch)}.summary-tile.good{border-top-color:var(--status-good)}.summary-value{font-family:var(--font-display);font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--brand-900)}.summary-label{font-size:12px;color:var(--ink-500);margin-top:2px}.filter-row{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.chip{border:1px solid var(--ink-300);background:var(--surface-card);border-radius:999px;padding:6px 15px;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink-700);transition:all .15s ease}.chip:hover{border-color:var(--brand-400)}.chip.active{background:var(--brand-700);color:#fff;border-color:var(--brand-700)}.silo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.silo-tile{display:block;background:var(--surface-card);border-radius:var(--radius);padding:16px;text-decoration:none;color:inherit;border-top:4px solid var(--ink-300);box-shadow:var(--shadow-card);transition:box-shadow .15s ease,transform .15s ease}.silo-tile:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.silo-tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.silo-tile-header strong{font-family:var(--font-display);font-size:15px}.fill-bar{height:6px;background:var(--ink-200);border-radius:4px;margin:8px 0 4px;overflow:hidden}.fill-bar-inner{height:100%;background:var(--brand-500)}.silo-tile-readings{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--ink-200)}.reading-chip{text-align:center}.reading-chip-value{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-900)}.reading-chip-label{font-size:10px;color:var(--ink-500);text-transform:uppercase;letter-spacing:.3px}.silo-table{width:100%;border-collapse:collapse;background:var(--surface-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card)}.silo-table th{text-align:left;padding:11px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-500);background:var(--ink-100);font-weight:700;font-variant-numeric:normal}.silo-table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--ink-200);font-size:14px;font-variant-numeric:tabular-nums}.silo-table tr:last-child td{border-bottom:none}.silo-table a{color:var(--brand-700);text-decoration:none;font-weight:700;font-family:var(--font-display)}.silo-table a:hover{color:var(--brand-900)}.stat-row{display:flex;gap:14px;margin-bottom:8px;flex-wrap:wrap}.stat{background:var(--surface-card);border-radius:var(--radius);padding:14px 20px;box-shadow:var(--shadow-card);border:1.5px solid var(--ink-300)}.stat-value{font-family:var(--font-display);font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--brand-900)}.stat-label{font-size:12px;color:var(--ink-500);margin-top:2px}.batch-info-panel{margin-bottom:16px}.batch-info-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.batch-info-row .field{flex:1 1 140px;min-width:120px}.batch-info-row .save-button{flex-shrink:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.silo-split-view{display:flex;align-items:stretch;gap:16px;margin-bottom:16px}.silo-split-3d{flex:1 1 50%;min-width:0;display:flex;flex-direction:column}.silo-split-charts{flex:1 1 50%;min-width:0;display:flex;flex-direction:column;gap:16px}@media (max-width: 900px){.silo-split-view{flex-direction:column}}.card{background:var(--surface-card);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-card);border:1.5px solid var(--ink-400)}.card h3{margin-top:0;margin-bottom:10px;font-size:15px;font-weight:700}.zone-legend{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--ink-500)}.zone-legend-item{display:flex;align-items:center;gap:5px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.alert-list{list-style:none;margin:0;padding:0}.alert-item{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 12px 12px;border-bottom:1px solid var(--ink-200);gap:12px;border-left:3px solid var(--ink-300);flex-wrap:wrap}.alert-item:last-child{border-bottom:none}.alert-item-main{display:flex;gap:10px;align-items:flex-start;min-width:0;flex:1 1 220px}.alert-severity{color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:3px 8px;border-radius:4px;flex-shrink:0}.alert-message{font-size:14px;color:var(--ink-900);overflow-wrap:anywhere}.alert-meta{margin-top:2px}.ack-button{border:1px solid var(--brand-600);color:var(--brand-700);background:#fff;border-radius:var(--radius-sm);padding:7px 14px;cursor:pointer;white-space:nowrap;font-weight:600;font-size:13px;transition:all .15s ease}.ack-button:hover:not(:disabled){background:var(--brand-50)}.ack-button:disabled{opacity:.6;cursor:default}.ack-badge{font-size:12px;color:var(--ink-500);text-transform:capitalize;white-space:nowrap}.threshold-row{padding:16px 0;border-bottom:1px solid var(--ink-200)}.threshold-row:last-child{border-bottom:none;padding-bottom:0}.threshold-row-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.threshold-label{font-weight:700;font-size:14px;font-family:var(--font-display)}.threshold-value{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.threshold-default-tag{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--brand-600);background:var(--brand-100);border-radius:999px;padding:1px 7px;margin-left:4px}.threshold-slider{width:100%;accent-color:var(--brand-600);margin:6px 0 8px}.threshold-row-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.threshold-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.reset-link{background:none;border:none;color:var(--brand-600);font-size:12px;cursor:pointer;padding:0;text-decoration:underline}.reset-link:disabled{color:var(--ink-400);cursor:default;text-decoration:none}.roofspace-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.roofspace-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-subheading{font-size:12.5px;font-weight:600;color:var(--ink-500);margin-bottom:6px}@media (max-width: 720px){.roofspace-charts{grid-template-columns:1fr}}.mini-stat{background:var(--ink-100);border-radius:var(--radius-sm);padding:10px 12px}.mini-stat-value{font-family:var(--font-display);font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.mini-stat-label{font-size:11px;color:var(--ink-500)}.mini-stat-watch{background:var(--status-watch-bg)}.mini-stat-alarm{background:var(--status-alarm-bg)}.mini-stat-critical{background:var(--status-critical-bg);box-shadow:inset 0 0 0 1px #eab5ae}@media (max-width: 720px){.roofspace-stats{grid-template-columns:repeat(2,1fr)}}.silo3d-footer{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;flex-wrap:wrap}.silo3d-selected{font-size:13px;background:var(--ink-100);border-radius:var(--radius-sm);padding:7px 11px;font-variant-numeric:tabular-nums}.legend-gradient{margin-top:12px;max-width:320px}.legend-bar{display:flex;height:10px;border-radius:4px;overflow:hidden}.legend-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-500);margin-top:4px;font-variant-numeric:tabular-nums}.settings-row{display:flex;gap:14px;align-items:flex-end;margin-bottom:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:4px;font-size:13px}.field-label{font-size:12px;color:var(--ink-500);font-weight:600}.field select,.field input{border:1px solid var(--ink-300);border-radius:var(--radius-sm);padding:8px 10px;font-size:14px;min-width:140px;font-family:var(--font-body);background:var(--surface-card)}.field select:focus,.field input:focus{outline:2px solid var(--brand-300);outline-offset:1px;border-color:var(--brand-500)}.save-button{border:1px solid var(--brand-800);background:var(--brand-800);color:#fff;border-radius:var(--radius-sm);padding:9px 16px;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap;height:38px;transition:background .15s ease}.save-button:hover:not(:disabled){background:var(--brand-900)}.save-button:disabled{opacity:.45;cursor:default}.saved-message{color:var(--brand-600);font-size:13px;margin:6px 0 0;font-weight:600}.history-table-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.history-table-header h3{margin:0}.history-table-scroll{max-height:420px;overflow-y:auto;overflow-x:auto;border-radius:var(--radius)}.history-table-scroll .silo-table thead th{position:sticky;top:0;z-index:1}.devices-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:4px}.devices-table th{text-align:left;font-size:12px;color:var(--ink-500);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--ink-200)}.devices-table td{padding:8px;border-bottom:1px solid var(--ink-100)}.metric-accordion-item{border-top:1px solid var(--ink-200)}.metric-accordion-item:first-of-type{border-top:none}.metric-accordion-bar{width:100%;display:flex;align-items:center;gap:12px;padding:14px 4px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-body)}.metric-accordion-bar:hover{background:var(--ink-100)}.metric-accordion-icon{display:flex}.metric-accordion-label{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink-900);flex:1 1 auto}.metric-accordion-value{font-variant-numeric:tabular-nums;font-weight:700;font-size:16px;color:var(--brand-900)}.metric-accordion-chevron{color:var(--ink-500);transition:transform .15s ease;font-size:13px}.metric-accordion-chevron.open{transform:rotate(180deg)}.metric-accordion-panel{padding:4px 4px 16px}.sensor-select-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;align-items:center}.sensor-checkbox{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--ink-700);background:var(--ink-100);border-radius:999px;padding:4px 10px 4px 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.sensor-checkbox input{accent-color:var(--brand-600);margin:0}.sensor-swatch{width:8px;height:8px;border-radius:50%;display:inline-block}.sensor-select-all{border:1px solid var(--ink-300);background:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;color:var(--ink-700)}.sensor-select-all:hover{border-color:var(--brand-400);color:var(--brand-700)}@media (max-width: 720px){.summary-strip{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.brand-logo{height:40px}.app-header-pill{display:none}.app-body{flex-direction:column}.sidebar{width:100%;min-height:auto;position:static;border-right:none;border-bottom:1px solid var(--ink-200);display:flex;flex-direction:row;align-items:center;overflow-x:auto;padding:10px 12px;gap:6px}.sidebar-dashboard{margin-bottom:0;flex-shrink:0}.sidebar-site-name{display:none}.sidebar-silos{flex-direction:row}.sidebar-link{white-space:nowrap}}.weather-panel{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.weather-current{display:flex;gap:18px;align-items:center}.weather-current-temp{font-family:var(--font-display);font-size:34px;font-weight:800;color:var(--brand-900);font-variant-numeric:tabular-nums}.weather-current-meta{font-size:12px;color:var(--ink-500)}.weather-source{font-size:11px;color:var(--ink-400);margin-top:2px}.forecast-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.forecast-day{flex:0 0 auto;min-width:84px;background:var(--ink-100);border-radius:var(--radius-sm);padding:10px;text-align:center}.forecast-day-date{font-size:11px;font-weight:700;color:var(--ink-700);text-transform:uppercase;letter-spacing:.3px}.forecast-day-temps{font-size:13px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}.forecast-day-temps .low{color:var(--ink-500);font-weight:600}.forecast-day-meta{font-size:11px;color:var(--ink-500);margin-top:4px}.aeration-status-badge{display:inline-block;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;letter-spacing:.3px;font-family:var(--font-display);color:#fff}.aeration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.aeration-tile{display:block;background:var(--surface-card);border-radius:var(--radius);padding:14px;text-decoration:none;color:inherit;border-top:4px solid var(--ink-300);box-shadow:var(--shadow-card);transition:box-shadow .15s ease,transform .15s ease}.aeration-tile:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.aeration-tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.aeration-tile-header strong{font-family:var(--font-display);font-size:15px}.aeration-tile-meta{font-size:12px;color:var(--ink-500);margin-top:4px}.satellite-layout{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);background:repeating-linear-gradient(0deg,var(--brand-50),var(--brand-50) 19px,var(--brand-100) 19px,var(--brand-100) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,var(--brand-100) 19px,var(--brand-100) 20px);box-shadow:var(--shadow-card);overflow:hidden}.satellite-silo{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;width:52px;text-decoration:none;color:inherit}.satellite-silo-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-size:11px;font-weight:800;box-shadow:0 1px 3px #16211d4d;border:2px solid #fff}.satellite-silo-label{font-size:10px;font-weight:700;color:var(--ink-700);background:#ffffffd9;border-radius:4px;padding:0 4px}.satellite-legend{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap;font-size:12px;color:var(--ink-500)}.satellite-legend-item{display:flex;align-items:center;gap:5px}.aeration-table td,.aeration-table th{white-space:nowrap}.mode-radio-group{display:flex;flex-direction:column;gap:10px}.mode-radio{display:flex;align-items:center;gap:10px;border:1px solid var(--ink-300);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;transition:all .15s ease}.mode-radio:hover{border-color:var(--brand-400)}.mode-radio.selected{border-color:var(--brand-600);background:var(--brand-50)}.mode-radio input[type=radio]{accent-color:var(--brand-600);width:16px;height:16px;margin:0}.mode-radio-label{font-weight:700;font-size:14px;font-family:var(--font-display)}.mode-radio-desc{font-size:12px;color:var(--ink-500);margin-top:1px}.command-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.stop-button{border:1px solid var(--status-alarm);color:var(--status-alarm);background:#fff;border-radius:var(--radius-sm);padding:9px 16px;cursor:pointer;font-size:13px;font-weight:700;height:38px;transition:all .15s ease}.stop-button:hover:not(:disabled){background:var(--status-alarm-bg)}.stop-button:disabled{opacity:.45;cursor:default}.countdown-badge{display:inline-flex;align-items:center;gap:6px;background:var(--status-info-bg);color:var(--status-info);border-radius:var(--radius-sm);padding:8px 14px;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}.history-range-row{display:flex;gap:8px;margin-bottom:14px}.hub-energy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.hub-energy-tile{background:var(--ink-100);border-radius:var(--radius-sm);padding:14px}.hub-energy-tile-header{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--ink-700);margin-bottom:6px}.hub-energy-value{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--brand-900);font-variant-numeric:tabular-nums}.hub-energy-unit{font-size:13px;font-weight:700;color:var(--ink-500);margin-left:3px}.hub-energy-meta{font-size:12px;color:var(--ink-500);font-variant-numeric:tabular-nums;margin-top:2px}.energy-estimate-note{font-size:11px;color:var(--ink-500);margin-top:4px}@media (max-width: 720px){.aeration-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.satellite-layout{aspect-ratio:4 / 3}.summary-strip.cols-6{grid-template-columns:repeat(3,1fr)}}