.interface-preview{color:#17314c;font-family:var(--font-sans);margin:0}.mock-app{background:#f6f8fc;border:1px solid #cad7e6;border-radius:22px;display:flex;overflow:hidden;box-shadow:0 15px 55px #0c2b4610}.mock-rail{color:#a0b9d5;background:#102b46;flex-direction:column;flex:none;align-items:center;gap:27px;width:64px;padding:20px 10px;font-size:22px;display:flex}.mock-rail>i{flex:1}.mock-monogram{font:600 13px var(--font-mono);color:#102b46;background:#d5f43a;border-radius:10px;margin-bottom:20px;padding:10px 7px}.mock-rail .rail-active{color:#fff;text-align:center;background:#2d4a6b;border-radius:8px;width:36px;padding:5px}.mock-workspace{flex:1;min-width:0;padding:0 28px 24px}.mock-toolbar{color:#54687c;background:#fff;border-bottom:1px solid #dce5ee;justify-content:space-between;align-items:center;gap:15px;margin:0 -28px 28px;padding:16px 28px;font-size:11px;line-height:1.5;display:flex}.mock-divider{color:#a4b3c3;padding:0 10px}.mock-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.mock-heading h3{letter-spacing:-.04em;color:#17314c;margin:0 0 8px;font-size:24px;font-weight:600;line-height:1.3}.mock-heading p{color:#52677c;margin:0;font-size:12px}.mock-date{font:10px/1.7 var(--font-mono);color:#52677c;text-align:right;flex:none}.mock-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px;display:grid}.mock-kpis>div{background:#fff;border:1px solid #dbe4ee;border-radius:12px;padding:18px}.mock-kpis dt{color:#556b80;margin:0 0 12px;font-size:11px}.mock-kpis dd{letter-spacing:-.04em;color:#17314c;margin:0;font-size:25px;font-weight:600;line-height:1.3}.mock-panel{background:#fff;border:1px solid #dbe4ee;border-radius:12px;min-width:0;margin-top:16px;padding:22px}.mock-panel h4{color:#17314c;margin:0;font-size:13px;font-weight:600;line-height:1.5}.mock-panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.mock-panel-title>span{color:#52677c;font-size:10px}.mock-footnote{color:#52677c!important;margin:18px 0 0!important;font-size:10px!important;line-height:1.7!important}.trend-legend{color:#52677c;gap:20px;font-size:10px;display:flex}.trend-legend span{align-items:center;gap:6px;display:flex}.trend-legend i{background:#075bc1;width:14px;height:3px}.trend-legend .secondary-line{background:#52687f}.mock-chart{width:100%;height:auto;max-height:260px;margin-top:12px;display:block}.chart-values{color:#52677c;margin-top:8px;font-size:11px}.chart-values summary{cursor:pointer;text-underline-offset:3px;align-items:center;min-height:32px;text-decoration:underline;display:flex}.mock-data-table{margin-top:12px;overflow:auto}.mock-data-table table{border-collapse:collapse;width:100%;font-size:12px}.mock-data-table th,.mock-data-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:9px}.mock-data-table caption{text-align:left;padding:8px 0}.mock-resource-strip{color:#52677c;justify-content:space-between;gap:16px;margin-top:20px;font-size:11px;display:flex}.mock-resource-strip b{color:#075bc1;font:11px var(--font-mono);margin-right:8px}.network-topology{text-align:center;padding:5px 0 20px}.network-root{color:#fff;background:#102b46;border-radius:12px;flex-direction:column;gap:7px;padding:18px 24px;display:inline-flex}.network-root span{color:#b7cee8;font-size:10px}.network-root strong{font-size:18px}.network-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.network-line{color:#709bc8;font-size:27px;line-height:2;display:block}.network-branch>div{background:#eef4fd;border:1px solid #c9dcf5;border-radius:10px;gap:10px;padding:16px 10px;display:grid}.network-branch small{font:9px var(--font-mono);color:#4c6782}.network-branch strong{font-size:13px}.network-branch div>span{color:#536d87;font-size:10px;line-height:1.6}.fleet-groups{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;display:grid}.fleet-groups>div{background:#f8fafc;border:1px solid #dce5ef;border-radius:10px;align-items:center;gap:14px;padding:18px;display:flex}.mock-group-mark{width:38px;height:38px;font:14px var(--font-mono);color:#075bc1;background:#dfeafb;border-radius:10px;place-items:center;display:grid}.fleet-groups strong{font-size:13px}.fleet-groups p{color:#53667a;margin:6px 0 0;font-size:11px}.mock-site-list>div{border-top:1px solid #e3eaf3;grid-template-columns:1.5fr .8fr .8fr;align-items:center;gap:16px;padding:18px 0;font-size:12px;display:grid}.mock-site-list strong{font-size:13px;display:block}.mock-site-list small{color:#52677c;margin-top:6px;font-size:10px;display:block}.mock-status{font:10px var(--font-mono);color:#075bc1;background:#eaf2fd;border-radius:6px;justify-self:end;padding:7px 9px}.status-attention{color:#74521a;background:#fff5dc}.building-panels{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.floor-plan{background:#eef2f7;border:2px solid #8ea7c2;border-radius:4px;grid-template-columns:1fr 1fr;gap:7px;padding:10px;display:grid;position:relative}.floor-plan>div{background:#dfeafb;border:1px solid #a9c4e6;border-radius:3px;flex-direction:column;gap:8px;padding:20px;display:flex;position:relative}.floor-plan>div:nth-child(2){background:#edf2fa}.floor-plan>div:nth-child(3){background:#eaf4f9}.floor-plan strong{font-size:21px}.floor-plan span{font-size:11px}.floor-plan small{color:#4a6784;font-size:10px}.floor-plan i{background:#075bc1;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;right:10px}.floor-corridor{text-align:center;color:#536a84;grid-column:1/-1;padding:8px;font-size:10px!important}.schedule-panel>div{border-left:2px solid #c9d6e5;gap:8px;margin-top:20px;padding:12px 0 12px 15px;font-size:12px;display:grid}.schedule-panel>div>span{font:10px var(--font-mono);color:#536a80}.schedule-panel small{color:#52677c;font-size:10px}.schedule-panel .schedule-active{background:#f0f5fd;border-color:#075bc1}.power-flow{grid-template-columns:1fr 28px 1.1fr 28px 1.2fr;align-items:center;gap:12px;padding:10px 0;display:grid}.power-flow>div{text-align:center;background:#f0f5fc;border:1px solid #d8e4f4;border-radius:10px;gap:10px;padding:20px 12px;display:grid}.power-flow>span{color:#719ac7;text-align:center;font-size:25px}.power-flow small{color:#52677c;font-size:10px}.power-flow strong{font-size:18px}.power-flow .flow-battery{color:#fff;background:#102b46}.flow-battery small{color:#c0d3ea}.soc-track{background:#47617e;border-radius:6px;height:6px;overflow:hidden}.soc-track i{background:#d5f43a;height:100%;display:block}.process-loop{justify-content:center;align-items:center;padding:15px 0;display:flex}.boiler-vessel{text-align:center;background:#ecf2fa;border:2px solid #a9bed7;flex-shrink:0;gap:12px;width:170px;padding:25px;display:grid}.heat-exchanger{text-align:center;border:2px solid #a9bed7;flex-shrink:0;gap:12px;width:170px;padding:25px;display:grid}.boiler-vessel{border-radius:45px 45px 15px 15px}.heat-exchanger{background:repeating-linear-gradient(90deg,#ecf2fa,#ecf2fa 12px,#dce6f2 12px 14px);border-radius:10px}.process-loop small{font-size:10px}.process-loop strong{font-size:24px}.process-loop span{font-size:11px}.pipe-flow{text-align:center;color:#075bc1;gap:20px;width:36%;display:grid}.pipe-flow i{border-top:4px solid #075bc1;border-bottom:4px solid #85acd7;height:30px}@media (width<=1023px){.mock-rail{width:48px;padding-inline:6px}.mock-workspace{padding:0 18px 20px}.mock-toolbar{margin-inline:-18px;padding-inline:18px}.mock-kpis dd{font-size:22px}.mock-kpis>div{padding:14px}.mock-panel{padding:16px}.building-panels{grid-template-columns:1fr 1fr}.floor-plan>div{padding:15px}.power-flow{grid-template-columns:1fr 20px 1fr 20px 1.2fr;gap:6px}.power-flow strong{font-size:15px}}@media (width<=767px){.mock-rail{display:none}.mock-toolbar{gap:8px;margin-bottom:20px;font-size:10px}.mock-heading h3{font-size:21px}.mock-heading p{font-size:11px;line-height:1.6}.mock-date{display:none}.mock-kpis{gap:8px}.mock-kpis>div{padding:12px 9px}.mock-kpis dt{font-size:10px;line-height:1.5}.mock-kpis dd{font-size:18px}.mock-panel-title{flex-direction:column;align-items:flex-start;gap:5px}.mock-resource-strip{flex-wrap:wrap;gap:12px;font-size:10px}.mock-divider{padding:0 3px}.building-panels,.network-branches{grid-template-columns:1fr}.network-branch>div{padding:14px}.network-line{line-height:1.5}.network-branch strong{font-size:14px}.network-branch div>span{font-size:11px}.mock-site-list>div{grid-template-columns:1fr auto;gap:12px;font-size:11px}.mock-status{grid-column:1/-1;justify-self:start}.fleet-groups{gap:10px}.fleet-groups>div{flex-wrap:wrap;gap:9px;padding:12px}.mock-group-mark{width:28px;height:28px}.fleet-groups p{font-size:10px}.power-flow{grid-template-columns:1fr}.power-flow>span{font-size:20px;transform:rotate(90deg)}.power-flow>div{padding:16px}.power-flow strong{font-size:21px}.soc-track{width:100%;max-width:160px;margin:auto}.process-loop{flex-direction:column}.pipe-flow{gap:8px;width:150px;height:95px;padding:12px 0}.pipe-flow i{height:10px}.mock-chart{min-height:135px}.mock-app{border-radius:15px}.mock-workspace{padding:0 14px 18px}.mock-toolbar{margin-inline:-14px;padding-inline:14px}}@media (width<=479px){.mock-kpis{grid-template-columns:1fr}.mock-kpis>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.mock-kpis dt{margin:0;font-size:11px}.mock-kpis dd{font-size:21px}.mock-panel{padding:14px}.mock-chart{min-height:0}.mock-chart text{font-size:13px}}.mock-workspace{font-family:var(--font-sans,sans-serif);letter-spacing:normal}.mock-panel h4{letter-spacing:-.015em}@media (width>=480px){.mock-kpis>div{display:block}}html[data-design="3"] .mock-data-table table{min-width:0}html[data-design="3"] .mock-data-table th,html[data-design="3"] .mock-data-table td{padding:8px 6px;font-size:11px}@media (width>=768px){.network-root{position:relative}.network-root:after{content:"";border-left:1px solid #a5bfdc;height:16px;position:absolute;bottom:-16px;left:50%}.network-branches{padding-top:16px;position:relative}.network-branches:before{content:"";border-top:1px solid #a5bfdc;position:absolute;top:16px;left:16.6%;right:16.6%}}