/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.contents{display:contents}.grid{display:grid}.table-row{display:table-row}.rounded{border-radius:.25rem}}:root{color:#d8efff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#020b15;--surface:#05182be0;--surface-2:#071f36eb;--line:#45a4d73d;--line-strong:#3cc4ee85;--cyan:#38d9ff;--green:#36f0aa;--amber:#ffbf5c;--red:#ff647c;--muted:#7195ae;background:#020b15;font-family:Avenir Next Condensed,DIN Alternate,PingFang SC,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 58% -15%,#11659938,#0000 38%),linear-gradient(#03101f 0%,#020a12 100%);min-width:1180px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{background:#38d9ff40}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#4897c173;border-radius:20px}.app-shell{grid-template:70px minmax(calc(100vh - 98px),auto) 28px/194px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.app-shell:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#3997c90d 1px,#0000 1px),linear-gradient(90deg,#3997c90d 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.route-loading{min-height:100vh;color:var(--cyan);background:var(--bg);letter-spacing:1px;place-items:center;font-size:12px;display:grid}.topbar{border-bottom:1px solid var(--line-strong);z-index:30;background:linear-gradient(90deg,#041a32fa,#041222f5);grid-column:1/-1;align-items:center;gap:28px;padding:0 22px;display:flex;position:sticky;top:0;box-shadow:0 10px 30px #00000038}.brand{align-items:center;gap:11px;min-width:292px;display:flex}.brand-mark{width:40px;height:40px;color:var(--cyan);border:1px solid var(--line-strong);clip-path:polygon(22% 0,100% 0,100% 78%,78% 100%,0 100%,0 22%);background:linear-gradient(135deg,#38d9ff3d,#38d9ff0a);place-items:center;display:grid}.brand strong{letter-spacing:1px;color:#effaff;font-size:18px;display:block}.brand span{color:#5b91b2;letter-spacing:1.8px;margin-top:2px;font-size:9px;display:block}.station-selector{border-left:1px solid var(--line);align-items:center;gap:10px;min-width:330px;padding-left:20px;display:flex}.station-selector span{color:#6f9ab5;font-size:11px}.station-selector select{color:#caebff;background:#06182a;border:1px solid #3d98cb4d;outline:none;width:245px;padding:8px 28px 8px 10px}.topbar-meta{align-items:center;gap:14px;margin-left:auto;display:flex}.mock-badge{color:#041b20;letter-spacing:1px;background:var(--green);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);padding:5px 10px;font-size:10px;font-weight:800}.weather{color:var(--amber);align-items:center;gap:6px;font-size:12px;display:flex}.topbar time{text-align:right;font-variant-numeric:tabular-nums;color:#f0f9ff;min-width:105px;font-size:18px;line-height:1}.topbar time small{color:#5f8ba8;margin-top:4px;font-size:9px;display:block}.topbar-meta>button{border:1px solid var(--line);cursor:pointer;background:#041c30cc;place-items:center;width:32px;height:32px;display:grid}.topbar-meta>button:hover{color:var(--cyan);border-color:var(--line-strong)}.sidebar{border-right:1px solid var(--line);z-index:20;background:#020e1bdb;flex-direction:column;grid-row:2;height:calc(100vh - 70px);padding:20px 12px;display:flex;position:sticky;top:70px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a{color:#6e96af;letter-spacing:.4px;border-left:2px solid #0000;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-size:13px;transition:all .2s;display:flex;position:relative}.sidebar nav a:after{content:"";opacity:0;z-index:-1;background:linear-gradient(90deg,#38d9ff1f,#0000);position:absolute;inset:6px 0}.sidebar nav a:hover{color:#bdeaff}.sidebar nav a.active{color:var(--cyan);border-left-color:var(--cyan)}.sidebar nav a.active:after{opacity:1}.sidebar-foot{border:1px solid #36f0aa26;grid-template-columns:7px 1fr;align-items:center;gap:2px 8px;margin-top:auto;padding:12px;display:grid}.sidebar-foot i{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%;grid-row:1/3}.sidebar-foot span{color:#567b91;letter-spacing:1px;font-size:8px}.sidebar-foot b{color:var(--green);letter-spacing:1px;font-size:10px}.app-main{z-index:1;grid-area:2/2;min-width:0;padding:18px;position:relative}.disclaimer{color:#4e7892;letter-spacing:.8px;z-index:22;background:#020a12;border-top:1px solid #449ccd1f;grid-column:1/-1;place-items:center;font-size:10px;display:grid}.page-enter{animation:.45s ease-out both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.panel{border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(145deg,#061f35e0,#031322ed);min-width:0;overflow:hidden;box-shadow:inset 0 1px #a8e4ff08,0 14px 32px #00000029}.panel-heading{background:linear-gradient(90deg,#207aae1f,#0000);border-bottom:1px solid #3e9bcd29;justify-content:space-between;align-items:center;min-height:45px;padding:9px 14px 8px 18px;display:flex}.panel-heading>div:first-child{position:relative}.panel-heading small{color:#527e9b;letter-spacing:1.5px;margin-bottom:1px;font-size:7px;display:block}.panel-heading h2{letter-spacing:.7px;color:#c8edff;margin:0;font-size:13px;font-weight:650}.panel-corner{background:var(--cyan);width:3px;height:20px;position:absolute;top:2px;left:-10px;box-shadow:0 0 8px #38d9ffb3}.panel-body{min-height:0;padding:10px 12px}.panel svg{flex:none}.status-pill{letter-spacing:.5px;background:#00000029;border:1px solid;align-items:center;gap:6px;width:max-content;padding:4px 8px;font-size:9px;display:inline-flex}.status-pill i{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px}.status-ok,.status-charge{color:var(--green)}.status-warn,.status-discharge{color:var(--amber)}.status-danger{color:var(--red)}.status-muted{color:#7892a4}.action-button{border:1px solid var(--line);letter-spacing:.4px;cursor:pointer;background:#07253dbf;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:11px;transition:all .2s;display:inline-flex}.action-button:hover{border-color:var(--line-strong);color:var(--cyan);transform:translateY(-1px)}.action-primary{color:#03222b;border-color:var(--cyan);background:linear-gradient(135deg,#43ddff,#28aacf);font-weight:750}.action-primary:hover{color:#01161d;box-shadow:0 0 18px #38d9ff40}.action-danger{color:#ff9cab;background:#ff647c14;border-color:#ff647c73}.action-button:disabled{opacity:.5;cursor:wait}.overview-title{justify-content:space-between;align-items:center;min-height:50px;margin-bottom:12px;display:flex}.overview-title>div:first-child>span{color:#4e819f;letter-spacing:2px;font-size:8px}.overview-title h1{color:#e8f7ff;letter-spacing:.5px;margin:0 13px 0 0;font-size:20px;display:inline}.overview-title p{color:#5f8da8;align-items:center;gap:5px;margin:0;font-size:10px;display:inline-flex}.scenario-switcher,.range-switch{border:1px solid var(--line);background:#031220b3;padding:3px;display:flex}.scenario-switcher button,.range-switch button{color:#6f99b3;cursor:pointer;background:0 0;border:0;padding:7px 12px;font-size:10px}.scenario-switcher button.active,.range-switch button.active{color:#04222b;background:var(--cyan);font-weight:800}.kpi-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.kpi-card{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);background:linear-gradient(135deg,#072e4bd9,#041728e6);border:1px solid #37a4d747;justify-content:space-between;align-items:center;min-height:70px;padding:11px 12px 10px 15px;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--kpi,var(--cyan));width:3px;box-shadow:0 0 14px var(--kpi,var(--cyan));position:absolute;inset:0 auto 0 0}.kpi-card:after{content:"";border:1px solid var(--kpi,var(--cyan));opacity:.13;border-radius:50%;width:70px;height:70px;position:absolute;top:-35px;right:-35px}.kpi-card span{color:#739bb3;letter-spacing:.4px;font-size:9px;display:block}.kpi-card b{color:#e7f7ff;font-variant-numeric:tabular-nums;margin-top:5px;font-size:21px;line-height:1;display:block}.kpi-card small{color:var(--kpi,var(--cyan));margin-left:4px;font-size:9px;font-weight:500}.kpi-card>svg{color:var(--kpi,var(--cyan));opacity:.65}.kpi-green{--kpi:var(--green)}.kpi-amber{--kpi:var(--amber)}.overview-mosaic{grid-template-rows:300px 310px;grid-template-columns:.93fr 1.42fr .93fr;gap:8px;display:grid}.panel-body>[data-testid=chart]{min-height:180px}.panel-status .panel-body{flex-direction:column;height:calc(100% - 45px);display:flex}.status-gauges{justify-content:center;gap:21px;padding:9px 0 10px;display:flex}.gauge-ring{--gauge-color:var(--cyan);background:conic-gradient(var(--gauge-color) var(--gauge-value), #4d96be1f 0);filter:drop-shadow(0 0 9px #38d9ff1a);border-radius:50%;place-items:center;width:82px;height:82px;display:grid;position:relative}.gauge-ring:before{content:"";background:#06182a;border:1px solid #64b8e226;border-radius:50%;position:absolute;inset:6px}.gauge-ring>div{text-align:center;position:relative}.gauge-ring b{color:#e6f8ff;font-size:15px;display:block}.gauge-ring span{color:var(--gauge-color);letter-spacing:1px;font-size:8px}.gauge-green{--gauge-color:var(--green)}.gauge-amber{--gauge-color:var(--amber)}.live-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:auto;display:grid}.live-stats>div{text-align:center;border-right:1px solid var(--line);padding:10px 7px}.live-stats>div:last-child{border:0}.live-stats span{color:#678da4;font-size:8px;display:block}.live-stats b{color:#dff6ff;margin-top:4px;font-size:15px;display:block}.live-stats small{color:#648ca5;margin-left:2px;font-size:8px}.live-stats .has-alarm b{color:var(--red)}.flow-live{color:var(--green);align-items:center;gap:6px;font-size:9px;display:inline-flex}.flow-live i{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.5}}.single-line-diagram{color:#b9d6e6;font-variant-numeric:tabular-nums;height:250px;padding:1px 2px 0;overflow:hidden}.sld-legend{color:#6389a1;align-items:center;gap:12px;height:23px;font-size:7px;display:flex}.sld-legend span{align-items:center;gap:4px;display:inline-flex}.sld-legend i{border-radius:50%;width:5px;height:5px}.sld-legend .running{background:var(--green);box-shadow:0 0 6px var(--green)}.sld-legend .closed{background:var(--cyan);border-radius:0}.sld-legend b{color:var(--amber);margin-left:auto;font-size:7px;font-weight:600}.sld-incomer{grid-template-columns:85px 1fr 100px 17px 31px 17px 84px;align-items:center;height:45px;display:grid}.sld-node{background:#052238d1;border:1px solid #419fd142;grid-template:auto auto/22px 1fr;align-items:center;height:39px;padding:4px 7px;display:grid}.sld-node svg{color:var(--cyan);grid-row:1/3}.sld-node span,.sld-node b{white-space:nowrap;display:block}.sld-node span{color:#d7edf8;font-size:8px}.sld-node b{color:#6f99b1;font-size:7px;font-weight:500}.sld-wire{background:var(--cyan);height:1px;box-shadow:0 0 5px #38d9ff73}.sld-wire.animated,.sld-drop.animated{background:repeating-linear-gradient(90deg, var(--cyan) 0 6px, #38d9ff26 6px 11px);background-size:22px 100%;animation:.9s linear infinite sld-flow}.flow-charge .sld-wire.animated{animation-direction:reverse}.flow-idle .animated{opacity:.45;animation-play-state:paused}@keyframes sld-flow{to{background-position:22px 0}}.sld-breaker{place-items:center;display:grid;position:relative}.sld-breaker i{border:1px solid var(--cyan);background:#38d9ff1f;width:11px;height:7px;position:relative}.sld-breaker i:after{content:"";background:var(--green);width:7px;height:1px;position:absolute;top:2px;left:1px;transform:rotate(-12deg)}.sld-breaker span{color:var(--green);white-space:nowrap;font-size:5px;position:absolute;top:11px}.sld-transformer{grid-template:1fr 1fr/30px 1fr;align-items:center;height:40px;display:grid;position:relative}.sld-transformer i{border:1px solid var(--amber);border-radius:50%;width:17px;height:17px;position:absolute;left:4px}.sld-transformer i:nth-child(2){left:13px}.sld-transformer span,.sld-transformer b{grid-column:2;display:block}.sld-transformer span{color:#dbeef8;font-size:8px}.sld-transformer b{color:#6f93a8;font-size:6px}.sld-bus-wrap{grid-template-columns:92px 1fr 92px;align-items:center;gap:8px;height:33px;display:grid}.sld-bus{justify-content:center;align-items:center;height:15px;display:flex;position:relative}.sld-bus i{background:var(--amber);height:2px;position:absolute;inset:8px 0 auto;box-shadow:0 0 7px #ffbf5c73}.sld-bus span{z-index:1;color:var(--amber);letter-spacing:.6px;background:#06192a;padding:0 8px;font-size:6px;position:relative}.sld-side-node{grid-template:auto auto/19px 1fr;align-items:center;display:grid}.sld-side-node svg{color:var(--amber);grid-row:1/3}.sld-side-node span{color:#789bb0;font-size:6px}.sld-side-node b{color:#d7edf8;font-size:8px}.sld-branches{grid-template-columns:repeat(5,1fr);gap:5px;height:145px;padding:0 94px;display:grid}.sld-branch{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.sld-drop{background:var(--cyan);width:1px;height:15px}.sld-breaker.compact{height:14px}.sld-breaker.compact span{top:8px}.sld-branch .sld-device{text-align:center;background:#041c2fe0;border:1px solid #38d9ff3d;width:100%;min-width:62px}.sld-device.pcs{margin-top:5px;padding:4px 3px}.sld-device.pcs span,.sld-device.pcs b{display:block}.sld-device.pcs span{color:var(--cyan);font:7px ui-monospace,monospace}.sld-device.pcs b{color:#dceffa;margin-top:2px;font-size:7px}.sld-link{background:var(--green);width:1px;height:7px}.sld-device.battery{grid-template:auto auto auto/14px 1fr;align-items:center;padding:4px 2px;display:grid}.sld-device.battery svg{color:var(--green);grid-row:1/4}.sld-device.battery span,.sld-device.battery b,.sld-device.battery small{display:block}.sld-device.battery span{color:#8cb0c3;font-size:6px}.sld-device.battery b{color:#b9ead5;font-size:7px}.sld-device.battery small{color:#628aa1;justify-content:center;align-items:center;font-size:6px;display:inline-flex}.sld-branch.alarm .sld-device{border-color:#ff647c99;box-shadow:inset 0 0 14px #ff647c14}.sld-branch.alarm .sld-device.pcs span{color:var(--red)}.energy-flow{flex-direction:column;justify-content:center;height:245px;display:flex;position:relative}.flow-row{z-index:2;justify-content:space-around;align-items:center;display:flex;position:relative}.flow-top{padding:0 38px}.flow-bottom{gap:20px}.flow-node{text-align:center;border:1px solid var(--node-accent);width:104px;padding:8px}@supports (color:color-mix(in lab, red, red)){.flow-node{border:1px solid color-mix(in srgb, var(--node-accent) 40%, transparent)}}.flow-node{box-shadow:0 0 18px var(--node-accent);background:#051f33f0}@supports (color:color-mix(in lab, red, red)){.flow-node{box-shadow:0 0 18px color-mix(in srgb, var(--node-accent) 10%, transparent)}}.flow-node svg{color:var(--node-accent);margin:auto}.flow-node span{color:#668fa8;margin-top:4px;font-size:8px;display:block}.flow-node b{color:#e4f7ff;margin-top:2px;font-size:11px;display:block}.flow-bus{align-items:center;width:62%;height:33px;margin:0 auto;display:flex}.flow-bus i{background:linear-gradient(90deg, var(--amber), var(--cyan));flex:1;height:1px;box-shadow:0 0 7px #38d9ff66}.flow-dot{border:1px solid var(--cyan);width:7px;height:7px;transform:rotate(45deg)}.flow-line{background:repeating-linear-gradient(90deg, var(--green) 0 8px, transparent 8px 14px);background-size:28px 100%;flex:1;height:2px;animation:1s linear infinite flow-forward;position:relative}.flow-line.is-reverse{animation-direction:reverse}.flow-line span{color:#4d7c95;letter-spacing:1px;white-space:nowrap;font-size:7px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}@keyframes flow-forward{to{background-position:28px 0}}.unit-row{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:13px;display:grid}.storage-unit{color:#638ba2;border:1px solid #39a3d321;align-items:center;gap:4px;padding:5px;font-size:7px;display:flex}.storage-unit svg{color:var(--green)}.storage-unit b{color:#a4e8ca;margin-left:auto;font-size:8px}.alarm-ribbon{color:#ff9cac;background:#ff647c12;border:1px solid #ff647c4d;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:10px;display:flex}.alarm-ribbon b{color:#7fa0b4;margin-left:auto}.content-page{flex-direction:column;gap:14px;max-width:1680px;margin:0 auto;display:flex}.page-header{border-bottom:1px solid #3f9ecf2b;justify-content:space-between;align-items:center;min-height:68px;padding:2px 2px 10px;display:flex}.page-header p{color:#4e819f;letter-spacing:2px;margin:0 0 3px;font-size:8px}.page-header h1{color:#e7f7ff;margin:0 14px 0 0;font-size:23px;display:inline}.page-header>div>span{color:#698da3;font-size:11px}.site-card-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.site-card{border:1px solid var(--line);background:linear-gradient(145deg,#07233bd9,#031321eb);padding:15px;position:relative;overflow:hidden}.site-card.selected{border-color:var(--line-strong);box-shadow:inset 0 0 30px #38d9ff0d}.site-card:before{content:"";border:1px solid #38d9ff1f;border-radius:50%;width:150px;height:150px;position:absolute;top:-75px;right:-75px}.site-card-top{justify-content:space-between;align-items:center;display:flex}.site-card-top>span{color:#648aa2;font-size:9px}.site-visual{color:#6289a1;justify-content:center;align-items:center;gap:18px;height:92px;font-size:10px;display:flex}.site-orbit{width:64px;height:64px;color:var(--green);border:1px solid var(--line-strong);place-items:center;display:grid;position:relative;transform:rotate(45deg)}.site-orbit svg{transform:rotate(-45deg)}.site-orbit i{border:1px dashed #38d9ff40;animation:12s linear infinite spin;position:absolute;inset:-6px}@keyframes spin{to{transform:rotate(360deg)}}.site-card h2{color:#dff4ff;margin:0;font-size:15px}.site-capacity{border:1px solid #3f9ecf24;grid-template-columns:1fr 1fr;margin:13px 0;display:grid}.site-capacity div{padding:9px 11px}.site-capacity div+div{border-left:1px solid #3f9ecf24}.site-capacity span{color:#678ba2;font-size:8px;display:block}.site-capacity b{margin-top:4px;font-size:18px;display:block}.site-capacity small{color:var(--cyan);margin-left:3px;font-size:8px}.site-health{color:#728fa2;gap:15px;font-size:9px;display:flex}.site-health span{align-items:center;gap:5px;display:flex}.site-card>a{color:var(--cyan);justify-content:flex-end;align-items:center;gap:5px;margin-top:13px;font-size:10px;display:flex}.comparison-table .table-row{color:#85a8bd;border-bottom:1px solid #429ccd1c;grid-template-columns:2fr .7fr 1fr .6fr .4fr;align-items:center;min-height:48px;padding:0 12px;font-size:10px;display:grid}.comparison-table .table-head{color:#507c98;letter-spacing:1px;min-height:34px;font-size:8px}.comparison-table b{color:#d2ebf8}.device-workspace{grid-template-columns:350px minmax(0,1fr);gap:12px;min-height:650px;display:grid}.device-list-panel .panel-body,.api-list-panel .panel-body{padding:0}.filter-stack,.api-filters{border-bottom:1px solid var(--line);padding:11px}.filter-stack label,.api-filters label,.iot-tool label{border:1px solid var(--line);background:#010c1780;align-items:center;gap:7px;padding:0 9px;display:flex}.filter-stack input,.api-filters input,.iot-tool input{color:#d8efff;background:0 0;border:0;outline:0;flex:1;min-width:0;height:34px;font-size:10px}.type-tabs,.api-filters>div{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.type-tabs button,.api-filters button,.error-modes button{color:#658ba4;cursor:pointer;background:0 0;border:1px solid #3c97c92e;padding:4px 8px;font-size:8px}.type-tabs button.active,.api-filters button.active,.error-modes button.active{color:var(--cyan);background:#38d9ff14;border-color:#38d9ff80}.device-list{max-height:555px;overflow:auto}.device-list>button{color:#789bb0;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #3e94c41a;justify-content:space-between;align-items:center;width:100%;min-height:55px;padding:9px 12px;display:flex}.device-list>button>div{align-items:center;gap:10px;display:flex}.device-list>button span b,.device-list>button span small{display:block}.device-list>button span b{color:#bfdcea;font-size:10px}.device-list>button span small{color:#547c96;margin-top:2px;font-size:8px}.device-list>button:hover,.device-list>button.active{background:linear-gradient(90deg,#38d9ff1f,#0000)}.device-list>button.active{border-left:2px solid var(--cyan)}.device-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%}.device-dot.alarm{background:var(--red);box-shadow:0 0 8px var(--red)}.device-detail{padding:5px 8px}.device-detail-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:15px;display:flex}.device-avatar{width:48px;height:48px;color:var(--cyan);border:1px solid var(--line-strong);background:#38d9ff12;place-items:center;display:grid}.device-detail-head>div:nth-child(2){flex:1}.device-detail-head span{color:#527f9b;letter-spacing:1px;font-size:8px}.device-detail-head h2{margin:3px 0 0;font-size:17px}.device-live-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 17px;display:grid}.device-live-grid>div{background:#0522398c;border:1px solid #379bcf29;padding:12px}.device-live-grid svg{color:var(--cyan)}.device-live-grid span{color:#5d849d;margin-top:8px;font-size:8px;display:block}.device-live-grid b{margin-top:3px;font-size:13px;display:block}.device-detail h3{color:#86bad4;letter-spacing:.6px;margin:15px 0 8px;font-size:10px}.metric-detail-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.metric-detail-grid div{border-bottom:1px solid var(--line);background:#03162673;padding:10px}.metric-detail-grid span{color:#5e8299;font-size:8px;display:block}.metric-detail-grid b{color:#cfefff;margin-top:5px;font-size:12px;display:block}.cell-heatmap{grid-template-columns:repeat(12,1fr);gap:4px;display:grid}.cell-heatmap div{background:rgba(54, 240, 170, var(--cell-alpha));color:#041b20;border:1px solid #70ffc529;min-height:38px;padding:4px}.cell-heatmap span{opacity:.65;font-size:6px;display:block}.cell-heatmap b{font-size:8px}.raw-note{color:#547c94;border:1px dashed #439fd033;align-items:center;gap:7px;margin-top:18px;padding:9px;font-size:9px;display:flex}.device-health-strip{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.device-health-strip>div{background:#041b2e94;border:1px solid #399bcf2e;grid-template:auto auto auto/21px 1fr;padding:8px 9px;display:grid}.device-health-strip svg{color:var(--green);grid-row:1/4;align-self:center}.device-health-strip span{color:#6289a1;font-size:7px}.device-health-strip b{color:#d9eff9;margin-top:2px;font:600 10px ui-monospace,monospace}.device-health-strip small{color:#4e7287;margin-top:1px;font-size:6px}.engineering-groups{gap:8px;display:grid}.engineering-group{background:#0214237a;border:1px solid #3997c929}.engineering-group-title{background:#0b304b7a;border-bottom:1px solid #3997c929;justify-content:space-between;align-items:center;min-height:28px;padding:0 9px;display:flex}.engineering-group-title span{color:#b6d7e8;font-size:8px;font-weight:650}.engineering-group-title b{color:#527d96;font-size:6px;font-weight:500}.point-row{color:#789db2;border-bottom:1px solid #3997c917;grid-template-columns:1.25fr .7fr .42fr 1fr .55fr;align-items:center;min-height:29px;padding:0 9px;font-size:7px;display:grid}.point-row:last-child{border:0}.point-row b{color:#e2f4fc;font:600 8px ui-monospace,monospace}.point-head{color:#496f87;background:#000a1352;min-height:24px;font-size:6px}.quality{text-align:center;border:1px solid;width:36px;padding:2px 0;font:600 6px ui-monospace,monospace}.quality-good{color:var(--green)}.quality-warn{color:var(--amber)}.quality-bad{color:var(--red)}.analytics-kpis{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.analytics-kpis>div{border:1px solid var(--line);background:var(--surface);grid-template:auto auto/36px 1fr;padding:12px;display:grid}.analytics-kpis svg{color:var(--amber);grid-row:1/3;align-self:center}.analytics-kpis span{color:#678ca3;font-size:8px}.analytics-kpis b{margin-top:3px;font-size:18px}.analytics-kpis small{color:var(--amber);margin-left:4px;font-size:8px}.analytics-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.span-two{grid-column:span 2}.tariff-bars{gap:9px;display:grid}.tariff-bars>div{color:#6d94aa;grid-template-columns:90px 1fr 100px;align-items:center;gap:10px;font-size:9px;display:grid}.tariff-bars i{background:linear-gradient(90deg, var(--amber), #ff8c5c);height:7px;box-shadow:0 0 10px #ffbf5c29}.tariff-bars b{color:#dfedf5}.tariff-bars .cost i{background:linear-gradient(90deg, #397d9f, var(--cyan))}.tariff-bars .cost b{color:var(--cyan)}.hint-banner,.control-warning{background:#ffbf5c0f;border:1px solid #ffbf5c40;align-items:center;gap:12px;padding:12px 14px;display:flex}.hint-banner svg,.control-warning svg{color:var(--amber)}.hint-banner div,.control-warning div{flex:1}.hint-banner b,.hint-banner span,.control-warning b,.control-warning span{display:block}.hint-banner b,.control-warning b{font-size:11px}.hint-banner span,.control-warning span{color:#7794a5;margin-top:3px;font-size:9px}.hint-banner a{color:var(--amber);font-size:10px}.event-list{flex-direction:column;display:flex}.event-list>button{width:100%;color:inherit;text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:42px 1fr 20px;align-items:center;gap:12px;padding:14px 9px;display:grid}.event-list>button:hover{background:#38d9ff0a}.event-icon{border:1px solid var(--line);place-items:center;width:38px;height:38px;display:grid}.event-alarm,.event-fault{color:var(--red);border-color:#ff647c59}.event-warning{color:var(--amber)}.event-list>button>div:nth-child(2)>div{align-items:center;gap:10px;display:flex}.event-list time{color:#547c94;font-size:8px}.event-list h3{margin:7px 0 3px;font-size:12px}.event-list p{color:#7899ac;margin:0;font-size:9px}.event-list>button>div:nth-child(2)>span{color:#4e7890;margin-top:6px;font-size:8px;display:block}.control-grid,.vpp-grid{grid-template-columns:2fr 1fr;gap:10px;display:grid}.strategy-list{gap:8px;display:grid}.strategy-list article{background:#041a2d8c;border:1px solid #3d99cb29;padding:12px}.strategy-head{justify-content:space-between;align-items:center;display:flex}.strategy-head>div{align-items:center;gap:10px;display:flex}.strategy-head svg{color:var(--cyan)}.strategy-head b,.strategy-head small{display:block}.strategy-head b{font-size:11px}.strategy-head small{color:#5d829a;margin-top:3px;font-size:8px}.toggle{cursor:pointer;background:#10202c;border:1px solid #506b7d;border-radius:20px;width:35px;height:18px;padding:2px}.toggle i{background:#718797;border-radius:50%;width:12px;height:12px;transition:all .2s;display:block}.toggle.on{border-color:var(--green);background:#36f0aa1f}.toggle.on i{background:var(--green);box-shadow:0 0 8px var(--green);transform:translate(16px)}.strategy-metrics{color:#668ba1;gap:26px;margin-top:12px;font-size:8px;display:flex}.strategy-metrics b{color:#b9d9e9;margin-left:4px}.command-stack{gap:8px;display:grid}.command-note{color:#567d94;margin:11px 0 0;font-size:8px;line-height:1.6}.audit-list{display:grid}.audit-list>div{border-bottom:1px solid #3d97c81f;grid-template-columns:22px 1fr 80px;align-items:center;min-height:48px;padding:7px 9px;display:grid}.audit-list svg{color:var(--green)}.audit-list b,.audit-list small{display:block}.audit-list b{font-size:10px}.audit-list small{color:#5d8198;margin-top:3px;font-size:8px}.audit-list time{color:#4f758d;text-align:right;font-size:8px}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00070dc7;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog{color:#dff5ff;border:1px solid var(--line-strong);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(145deg,#09223a,#041321);width:430px;padding:28px;position:relative;box-shadow:0 30px 80px #00000080,inset 0 0 60px #38d9ff08}.dialog-close{color:#7596a9;cursor:pointer;background:0 0;border:0;position:absolute;top:14px;right:17px}.dialog-mark{color:#03202a;background:var(--cyan);clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%);place-items:center;width:55px;height:55px;font-weight:900;display:grid}.confirm-dialog>p{color:var(--cyan);letter-spacing:1px;margin:14px 0 4px;font-size:8px}.confirm-dialog h2{margin:0 0 8px;font-size:19px}.confirm-dialog>span{color:#7799ac;font-size:10px;line-height:1.7}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.empty-state{color:#537890;align-content:center;place-items:center;min-height:100px;display:grid}.empty-state>span{font-size:24px}.empty-state p{margin:3px 0 0;font-size:9px}.vpp-summary{background:#36f0aa0d;border:1px solid #36f0aa40;grid-template:auto auto/27px 1fr;align-items:center;min-width:180px;padding:9px 12px;display:grid}.vpp-summary svg{color:var(--green);grid-row:1/3}.vpp-summary span{color:#7094a6;font-size:8px}.vpp-summary b{color:var(--green);font-size:13px}.home-layout{grid-template-columns:330px 1fr 1fr;gap:10px;display:grid}.home-device-list .panel-body{padding:0}.home-cards>button{text-align:left;width:100%;color:inherit;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;padding:12px}.home-cards>button.active{border-left:2px solid var(--cyan);background:linear-gradient(90deg,#38d9ff1f,#0000)}.home-cards>button>div:first-child{align-items:center;gap:8px;display:flex}.home-cards>button>div:first-child span{flex:1}.home-cards b,.home-cards small{display:block}.home-cards b{font-size:10px}.home-cards small{color:#527b94;margin-top:2px;font-size:7px}.home-cards .status-pill{margin:7px 0}.mini-energy{color:#668ca3;background:#030e1999;height:17px;font-size:7px;position:relative;overflow:hidden}.mini-energy i{background:var(--green);height:2px;position:absolute;inset:auto auto 0 0}.mini-energy span{z-index:1;padding:3px 5px;display:block;position:relative}.mini-energy b{float:right;color:#b9e9d5;display:inline}.home-flow{height:300px;position:relative}.home-flow-core{width:94px;height:94px;color:var(--green);z-index:3;background:#062a31;border:1px solid #36f0aa8c;align-content:center;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.home-flow-core>*{transform:rotate(-45deg)}.home-flow-core b{font-size:18px}.home-flow-core span{letter-spacing:1px;font-size:6px}.home-flow-node{z-index:3;text-align:center;border:1px solid var(--line);background:#071d30;width:95px;padding:7px;position:absolute}.home-flow-node span{color:#63899f;font-size:7px;display:block}.home-flow-node b{margin-top:2px;font-size:10px;display:block}.home-flow-node svg{color:var(--cyan)}.home-flow-node.solar svg{color:var(--amber)}.home-flow-node.battery svg{color:var(--green)}.node-1{top:12%;left:8%}.node-2{top:12%;right:8%}.node-3{bottom:10%;left:8%}.node-4{bottom:10%;right:8%}.home-flow>svg{width:100%;height:100%;position:absolute;inset:0}.home-flow>svg path{fill:none;stroke:#38d9ff6b;stroke-width:1.3px;stroke-dasharray:7 5;animation:1.5s linear infinite flow-dash}@keyframes flow-dash{to{stroke-dashoffset:-24px}}.home-device-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.home-device-title>div{align-items:center;gap:9px;display:flex}.home-device-title svg{color:var(--cyan)}.home-device-title b,.home-device-title small{display:block}.home-device-title b{font-size:11px}.home-device-title small,.home-device-title>span{color:#567e96;font-size:7px}.home-metric-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px;display:grid}.home-metric-grid>div{border:1px solid #3d98ca24;grid-template:auto auto/22px 1fr;padding:9px;display:grid}.home-metric-grid svg{width:14px;color:var(--cyan);grid-row:1/3;align-self:center}.home-metric-grid span{color:#61869e;font-size:7px}.home-metric-grid b{margin-top:2px;font-size:10px}.vpp-actions{align-items:flex-end;gap:12px;display:flex}.vpp-actions>div{flex:1}.vpp-actions span{color:#63899f;margin-bottom:4px;font-size:8px;display:block}.vpp-actions select{color:#ccecff;border:1px solid var(--line);background:#061827;width:100%;height:36px;padding:0 9px}.fleet-strip{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px;display:grid}.fleet-strip>div{color:#637f91;border:1px solid #3992c224;padding:8px;font-size:7px}.fleet-strip i{background:#587184;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.fleet-strip span,.fleet-strip b{margin-top:3px;display:block}.fleet-strip b{color:#4c6e84;letter-spacing:.8px;font-size:6px}.fleet-strip .bound i{background:var(--green);box-shadow:0 0 7px var(--green)}.fleet-strip .bound b{color:var(--green)}.home-detail-tabs-panel{margin:0}.home-detail-tabs{border-bottom:1px solid var(--line);gap:6px;padding-bottom:10px;display:flex}.home-detail-tabs button{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#021424b8;padding:7px 13px;font-size:9px}.home-detail-tabs button:hover,.home-detail-tabs button.active{color:var(--cyan);background:#167aa629;border-color:#36d8ff8c}.home-detail-table{border:1px solid var(--line);grid-template-columns:1.4fr repeat(3,1fr);margin-top:12px;display:grid}.home-detail-table>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;gap:4px;min-height:58px;padding:10px 13px;display:flex}.home-detail-table>div:nth-child(4n){border-right:0}.home-detail-table span{color:var(--muted);font-size:8px}.home-detail-table b{color:#d9f4ff;font-size:10px}.home-detail-table .home-detail-summary{color:var(--cyan);flex-direction:row;grid-row:span 2;justify-content:flex-start;align-items:center;gap:12px}.home-detail-summary div{flex-direction:column;gap:4px;display:flex}.home-detail-summary div b{font-size:12px}.coverage-strip{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.coverage-strip>div{border:1px solid var(--line);background:var(--surface);padding:11px}.coverage-strip b{color:var(--cyan);font-size:20px;display:block}.coverage-strip span{color:#62889f;font-size:8px}.api-workspace{grid-template-columns:48% 52%;gap:10px;min-height:620px;display:grid}.api-list{max-height:525px;overflow:auto}.api-list>button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #3d97c81a;grid-template-columns:40px 1fr 18px;align-items:center;gap:8px;padding:9px 10px;display:grid}.api-list>button:hover,.api-list>button.active{background:#38d9ff0f}.api-list>button.active{border-left:2px solid var(--cyan)}.api-list b,.api-list code{display:block}.api-list b{font-size:9px}.api-list code{color:#527a92;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:7px;overflow:hidden}.method{min-width:35px;height:19px;color:var(--green);border:1px solid;place-items:center;padding:0 5px;font:700 7px/1 monospace;display:inline-grid}.method-post{color:var(--amber)}.method-put{color:#c398ff}.api-selected{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.api-selected>div{gap:9px;display:flex}.api-selected b,.api-selected code{display:block}.api-selected b{font-size:11px}.api-selected code{color:#658ba2;margin-top:4px;font-size:8px}.api-selected a{color:var(--cyan);align-items:center;gap:4px;font-size:8px;display:flex}.error-modes{flex-wrap:wrap;gap:5px;margin:12px 0 10px;display:flex}.response-console{color:#9adbbf;background:#010b11;border:1px solid #36f0aa29;min-height:265px;max-height:325px;margin:12px 0;padding:13px;font:9px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.api-mapping{border:1px solid var(--line);grid-template-columns:28px repeat(3,1fr);align-items:center;gap:8px;padding:10px;display:grid}.api-mapping svg{color:var(--cyan)}.api-mapping span,.api-mapping b{display:block}.api-mapping span{color:#587e96;font-size:7px}.api-mapping b{margin-top:2px;font-size:9px}.iot-tool{grid-template-columns:330px 90px 1fr;align-items:center;gap:8px;display:grid}.iot-tool>div{flex-wrap:wrap;gap:6px;display:flex}.iot-tool>div span{color:#88cdb0;border:1px solid #36f0aa2e;align-items:center;gap:5px;padding:6px 8px;font:8px ui-monospace,monospace;display:inline-flex}.iot-tool small{color:#5f8398;font-size:8px}.spin{animation:1s linear infinite spin}.alarm-summary{color:#5f849a;gap:13px;font-size:7px;display:flex}.alarm-summary b{color:#dbeef7;margin-left:2px;font:600 8px ui-monospace,monospace}.alarm-ledger{border:1px solid #3b98ca26}.alarm-ledger-head,.alarm-ledger article{grid-template-columns:105px minmax(280px,1.8fr) 115px 145px 130px;align-items:center;display:grid}.alarm-ledger-head{color:#4e7890;letter-spacing:.4px;background:#041524cc;min-height:30px;padding:0 10px;font-size:7px}.alarm-ledger article{background:#041b2d5c;border-top:1px solid #3a96c71f;min-height:92px;padding:9px 10px}.alarm-ledger article.is-active{background:linear-gradient(90deg,#ff647c0e,#041b2d5c 28%);box-shadow:inset 3px 0 #ff647cbf}.alarm-ledger article>div:first-child{align-items:center;gap:7px;display:flex}.alarm-ledger .event-icon{width:30px;height:30px}.alarm-source h3{color:#d8edf7;margin:0;font-size:10px}.alarm-source p{color:#789aab;margin:4px 0;font-size:8px}.alarm-source span{color:#537b92;font-size:7px}.alarm-threshold b,.alarm-threshold span,.alarm-time time,.alarm-time b{display:block}.alarm-threshold b{color:var(--amber);font:600 11px ui-monospace,monospace}.alarm-threshold span{color:#5c8299;margin-top:4px;font:7px ui-monospace,monospace}.alarm-time time{color:#6d91a5;font-size:7px}.alarm-time b{color:#b9d8e7;margin-top:5px;font:600 9px ui-monospace,monospace}.alarm-actions{gap:5px;display:grid}.alarm-actions button{color:#91b2c4;cursor:pointer;background:#07263eb8;border:1px solid #409bcb42;justify-content:center;align-items:center;gap:3px;min-height:25px;font-size:7px;display:flex}.alarm-actions button:hover{color:var(--cyan);border-color:var(--cyan)}.alarm-actions .acknowledged{min-height:25px;color:var(--green);border:1px solid #36f0aa3d;justify-content:center;align-items:center;gap:4px;font-size:7px;display:flex}.alarm-actions>span:not(.acknowledged){color:#66889b;text-align:center;font-size:7px}@media (width<=1380px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar nav a{justify-content:center;padding:0}.sidebar nav a span,.sidebar-foot span,.sidebar-foot b{display:none}.sidebar-foot{place-items:center;display:grid}.brand{min-width:270px}.station-selector{min-width:290px}.station-selector select{width:210px}.app-main{padding:12px}.kpi-grid{grid-template-columns:repeat(4,1fr)}.overview-mosaic{grid-template-columns:1fr 1.25fr 1fr}.kpi-card{min-height:61px}.kpi-card b{font-size:18px}.home-layout{grid-template-columns:280px 1fr 1fr}}@media (width<=1200px){body{min-width:1024px}.topbar{gap:12px}.weather{display:none}.overview-mosaic{grid-template-rows:auto;grid-template-columns:1fr 1fr}.overview-mosaic .panel-status,.overview-mosaic .panel-topology{grid-column:span 1}.site-card-grid{grid-template-columns:repeat(3,1fr)}.home-layout{grid-template-columns:280px 1fr}.home-info-panel{grid-column:span 2}}