@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--nav:#031f3e;--accent:#008d95;--teal:#008d95;--green:#0c9d43;--orange:#ff8013;--red:#ee2337;--blue:#126aff;--purple:#793df3;--text:#10223c;--muted:#61738b;--line:#e1e9f1;--canvas:#f7f9fc;--side:244px;font-family:Inter,'Noto Sans Thai',Arial,sans-serif;color:var(--text);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);background:white;border-radius:6px;padding:8px 13px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}button:hover{background:#f1f8f9;border-color:#a5cbd0}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,svg [tabindex]:focus-visible{outline:3px solid #36b5e6;outline-offset:2px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:26px;line-height:1.3;letter-spacing:-.6px}h2{font-size:17px;line-height:1.4;font-weight:600}h3{font-size:15px;font-weight:600}p{margin:0 0 15px}small{font-size:12px;color:var(--muted);line-height:1.5}svg{width:22px;height:22px;vertical-align:middle;flex-shrink:0}em{font-style:normal}strong,b{font-weight:600}input,select,textarea{background:white;border:1px solid #d7e1ec;border-radius:6px;padding:9px 12px;min-width:0;width:100%;font-size:14px;line-height:1.4}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0;padding:0;margin:0}textarea{min-height:100px;resize:vertical}label{display:flex;flex-direction:column;gap:5px;font-size:14px;color:#344b68;min-width:0}hr{border:0;border-top:1px solid var(--line);margin:20px 0}[hidden]{display:none!important}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:0}.btn-primary{background:linear-gradient(100deg,#007580,#009b9a);color:white;border-color:transparent;font-weight:500}.btn-primary:hover{background:#007d84;color:white;border-color:transparent}.text-button{padding:0;border:0;background:none;color:#0870d7;text-align:left;line-height:1.5}.text-button:hover{background:none;text-decoration:underline}.green-text{color:var(--green)!important}.red-text{color:var(--red)!important}.orange-text{color:var(--orange)!important}.teal-text{color:var(--accent)!important}.muted{color:var(--muted);font-size:14px}.empty{text-align:center;padding:45px 20px;color:var(--muted);font-size:14px;line-height:1.9}.source-link,.source-info{padding:1px 6px;border:0;background:none;color:var(--muted);font-size:13px}
#sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:linear-gradient(120deg,#031d3b,#002340);color:white;z-index:30;display:flex;flex-direction:column}.brand{padding:23px 19px;display:flex;align-items:center;gap:11px;color:white;border-bottom:1px solid #ffffff14;min-height:97px}.brand:hover{text-decoration:none}.brand-mark{font-size:37px;color:#ffbe06;line-height:1}.brand b{font-size:26px;font-weight:700;letter-spacing:-.5px}.brand small{display:block;color:#efffff;font-size:12px;margin-top:1px}.brand>span:last-child{min-width:0}#nav{flex:1;padding:17px 8px;overflow-y:auto}#nav a{display:flex;align-items:center;gap:15px;color:#eef5fe;border-radius:6px;padding:15px 15px;margin-bottom:7px;font-size:15px;border-left:4px solid transparent;white-space:normal;line-height:1.4}#nav a:hover{text-decoration:none;background:#ffffff0b}#nav a.active{background:linear-gradient(105deg,#008b8b,#005564);border-color:#00dfca;color:white}#nav svg{width:23px;height:23px}.sidebar-bottom{padding:14px 20px;color:#b3d2e5;font-size:12px;position:relative}.sidebar-bottom small{font-size:12px;color:#8eacbf;display:block}.live-dot{display:inline-block;width:6px;height:6px;background:#00cdb2;border-radius:50%;margin-right:6px}#collapse{display:block;background:#ffffff0c;border:1px solid #ffffff19;color:white;margin-top:12px;min-width:40px}#shell{margin-left:var(--side);min-height:100vh}header{height:78px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:12px 26px;gap:22px;position:sticky;top:0;z-index:20}.header-context{display:flex;align-items:center;gap:15px;min-width:0}.header-context #period-label{font-size:14px;border:1px solid var(--line);border-radius:6px;padding:10px 15px;white-space:nowrap}.header-context #crumb{font-size:14px;font-weight:500;color:var(--muted);display:none}.header-right{display:flex;align-items:center;gap:21px;flex:1;justify-content:flex-end}.global-search{position:relative;display:flex;flex-direction:row;align-items:center;gap:7px;max-width:560px;flex:1;color:#61748e}.global-search input{padding:10px 34px;min-width:120px}.global-search>span{position:absolute;left:12px;font-size:22px}.global-search kbd{position:absolute;right:9px;border:1px solid var(--line);padding:0 5px;border-radius:3px;font-size:12px;color:#7990a5}.icon-button{position:relative;border:0;padding:5px;font-size:24px;background:none}.icon-button sup{position:absolute;right:-1px;top:0;border-radius:20px;background:#f3282d;color:white;font-size:10px;font-weight:600;padding:0 4px}.profile{display:flex;gap:10px;align-items:center;text-align:left;border:0;padding:0;background:none;font-size:14px;white-space:nowrap}.profile small{display:none}.avatar{border-radius:50%;background:#008f92;color:white;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;font-size:15px;font-weight:600}.avatar.small{width:31px;height:31px;background:#e0f3f1;color:#006c6c;font-size:12px}.person{display:flex;align-items:center;gap:9px}#mobile{display:none}.demo-strip{display:flex;justify-content:space-between;padding:6px 26px;background:#f1f7fa;color:#607990;border-bottom:1px solid #e4eef3;font-size:12px;gap:10px}.demo-strip b{background:#d5e9ed;color:#006f78;font-size:10px;padding:1px 5px;margin-right:6px;border-radius:3px}main{padding:23px 24px 30px;min-width:0}footer{padding:16px 26px;font-size:12px;color:#74899e;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.page-head p{color:var(--muted);margin-top:5px;margin-bottom:0;font-size:14px}.head-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;font-size:13px}.head-actions label{min-width:100px}.panel{background:white;border:1px solid var(--line);border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 1px 2px #12395603}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px;border-bottom:1px solid #edf1f6;min-height:55px}.panel-head h2>button{padding:0 3px;background:none;border:0;color:#7c91a8}.panel-head:has(>h2:empty):has(>.head-actions:empty){display:none}.panel-body{padding:18px;min-width:0}.panel-body>p:last-child{margin-bottom:0}.panel-body>.table-scroll{margin:-18px;width:calc(100% + 36px)}.panel-body>.table-scroll+.table-foot{margin:18px -18px -18px}.panel-head+.panel-body>.filters{padding-top:0}.stack{display:flex;flex-direction:column;gap:18px;min-width:0}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:21px}.stat{background:white;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:18px;padding:21px 20px;text-align:left;min-width:0;box-shadow:0 2px 4px #142d4103}.stat-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;width:64px;height:64px;background:#e1f3f2;color:var(--accent);flex-shrink:0}.stat-icon svg{width:35px;height:35px}.stat-label{display:block;font-size:14px;color:#152a43;line-height:1.35;margin-bottom:7px}.stat strong{display:block;color:var(--accent);font-size:36px;line-height:1.2;letter-spacing:-.5px;white-space:nowrap}.stat strong small{font-size:18px;color:inherit;font-weight:500}.stat em{display:block;color:var(--muted);font-size:12px;margin-top:9px}.stat.green strong,.stat.green .stat-icon{color:var(--green)}.stat.green .stat-icon{background:#e5f5e8}.stat.orange strong,.stat.orange .stat-icon{color:var(--orange)}.stat.orange .stat-icon{background:#fff1e3}.stat.red strong,.stat.red .stat-icon{color:var(--red)}.stat.red .stat-icon{background:#ffe8eb}.stat.blue strong,.stat.blue .stat-icon{color:var(--blue)}.stat.blue .stat-icon{background:#e5edff}.stat.purple strong,.stat.purple .stat-icon{color:var(--purple)}.stat.purple .stat-icon{background:#f0e7ff}.stat.yellow strong,.stat.yellow .stat-icon{color:#f5ad00}.stat.yellow .stat-icon{background:#fff5d9}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.map-panel .panel-body{padding:0;flex:1}.map-panel{display:flex;flex-direction:column}.map{min-height:535px;height:100%;position:relative;background:#e7f0f6;overflow:hidden}.map iframe{border:0;width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.map-markers{position:absolute;inset:0}.map-marker{position:absolute;transform:translate(-50%,-50%);padding:0;width:35px;height:35px;border:3px solid white;border-radius:50%;background:#269e31;color:white;font-size:14px;font-weight:700;box-shadow:0 2px 5px #183d5440}.map-marker.attention{background:#ff850b}.map-marker.offline{background:#f3182d}.map-marker:hover{z-index:2;box-shadow:0 0 0 5px #ffffffa0;background:#007b72}.map-marker:active{transform:translate(-50%,-50%)}.map-tools{position:absolute;right:17px;bottom:35px;display:flex;flex-direction:column;box-shadow:0 2px 6px #183d5430;border-radius:7px}.map-tools button{font-size:24px;line-height:1;padding:5px 10px;border-radius:2px}.map-credit{position:absolute;bottom:0;right:0;font-size:10px;background:#ffffffdb;padding:2px 4px}.status-legend{display:flex;font-size:11px;gap:15px}.status-legend span:first-child{color:#239c35}.status-legend span:nth-child(2){color:#ed860c}.status-legend span:last-child{color:#eb1632}.metrics-three{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.metrics-three>div{display:flex;flex-direction:column;gap:4px}.metrics-three strong{font-size:23px;line-height:1.3}.metrics-three strong em{font-size:13px;font-weight:500}.metrics-three span{font-size:12px}.segments{display:flex;align-items:center;border:1px solid var(--line);border-radius:5px;overflow:hidden}.segments button{font-size:12px;padding:4px 10px;border:0;border-radius:0}.segments button.active{background:var(--accent);color:white}.line-chart svg,.report-chart svg{width:100%;height:auto;display:block}.line-chart svg text,.report-chart svg text{fill:#526984;font-family:inherit;font-size:11px}.line-chart circle,.report-chart rect{cursor:pointer}.chart-legend{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;font-size:12px;color:#4e6580;margin-top:8px}.chart-legend i{display:inline-block;width:17px;height:3px;background:#00999d;vertical-align:middle;margin-right:5px}.chart-source{display:block;font-size:11px;color:#7c8fa4;margin-top:8px}.chart-source button{font-size:12px;border:0;padding:0 5px;color:#7c8fa4}.table-scroll{width:100%;max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;line-height:1.55}th{font-weight:600;padding:15px 14px;border-bottom:1px solid var(--line);color:#25425e;background:#fbfcfe;font-size:12px}td{padding:14px;border-bottom:1px solid #e9eef4;vertical-align:middle}tr:last-child td{border-bottom:0}td>small{display:block}tr.selected{background:#edf9fa}tbody tr:hover{background:#f3fafb}td button{font-size:inherit}td .text-button{white-space:normal}td>svg{width:17px;height:17px}table .person{white-space:nowrap}.table-foot{padding:13px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:12px}.page-number,.pagination .active{border:1px solid #68c2c6;color:var(--accent);background:#eef9f9;border-radius:4px;min-width:31px;min-height:30px;display:inline-flex;align-items:center;justify-content:center}.pagination{display:flex;gap:5px}.tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:400;border:1px solid #d7e5e8;color:#2e5f6e;background:#f4f8fa;padding:3px 7px;line-height:1.4;white-space:nowrap;border-radius:4px}.tag.normal,.tag.online,.tag.connected,.tag.success,.tag.all-good,.tag.all-sites-online,.tag.primary,.tag.secondary{color:#07983d;background:#f0faf3;border-color:#d1ecda}.tag.attention,.tag.major,.tag.inspect{color:#ed7511;background:#fff7ee;border-color:#ffdcbf}.tag.offline,.tag.critical,.tag.clean-now,.tag.new{color:#f22030;background:#fff3f4;border-color:#ffc7ce}.tag.warning,.tag.monitor{color:#e9a300;background:#fffaf0;border-color:#ffe8b7}.tag.in-progress,.tag.scheduled,.tag.available,.tag.fallback{color:#1478dd;background:#f0f7ff;border-color:#d1e4ff}.tag.resolved,.tag.completed{color:#03964c;background:#f0faf4}.tag.planned{background:#f3f6fa;color:#4b617c}.issue-icon{display:inline-block;color:var(--orange);margin-right:5px}.issue-icon.offline{color:var(--red)}.issue-icon svg{width:16px;height:16px}.action-panel table{font-size:12px}.action-panel th,.action-panel td{padding:9px 8px}.action-panel .tag{font-size:11px}.action-panel td:first-child{min-width:145px}.filters{display:flex;align-items:flex-end;gap:13px;margin-bottom:18px;flex-wrap:wrap}.filters label{min-width:120px;flex:1}.filters button{font-size:13px;white-space:nowrap}.filters.compact{gap:10px}.filters.compact label{flex:0 1 140px}.period-chip{background:#fff;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;padding:9px 12px;font-size:13px;white-space:nowrap;min-height:39px}.customers-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.customers-layout.with-detail{grid-template-columns:minmax(0,1fr) 340px}.customers-layout .stat{padding:21px 15px;gap:12px}.customers-layout .stat-icon{background:none!important;width:42px;height:42px}.customers-layout .stat-icon svg{width:35px}.customers-layout .stat strong{font-size:32px}.customers-layout .stat-label{font-size:12px}.customer-filters{justify-content:flex-end}.customer-filters label{flex:0 1 130px}.customer-filters .search-field{flex:1;position:relative;max-width:340px;margin-right:auto}.search-field input{padding-left:38px}.search-field svg{position:absolute;left:11px;top:9px;width:20px}.brand-tag{display:inline-flex;padding:3px 6px;border:1px solid #ffe0c3;color:#e7780b;background:#fffaf3;font-size:11px;border-radius:4px;white-space:nowrap;margin:2px}.brand-tag.huawei{color:#fa4344;border-color:#ffcdcf;background:#fff5f5}.brand-tag.solaredge{color:#126bff;border-color:#d3e0ff;background:#f7faff}.brand-tag.growatt{color:#119839;border-color:#cfead4;background:#f7fff8}.detail-pane{background:white;border:1px solid var(--line);border-radius:8px;min-width:0;overflow:hidden;align-self:start}.detail-head{display:flex;align-items:center;gap:10px;padding:20px 16px}.detail-head h2{flex:1;font-size:15px}.detail-head>button{border:0;padding:0 2px;font-size:22px;background:none}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 20px 20px;text-align:center}.detail-metrics small{font-size:11px;display:block}.detail-metrics b{font-size:14px;white-space:nowrap;display:block;margin-top:6px}.tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 8px;gap:7px}.tabs button{border:0;border-radius:0;border-bottom:3px solid transparent;font-size:13px;padding:13px 17px;background:none}.tabs button.active{color:var(--accent);border-color:var(--accent)}.detail-content{padding:19px;font-size:14px}.detail-content p{margin-top:8px}.detail-content summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px}.detail-content summary:before{content:'›';font-size:18px}.detail-content details[open]>summary:before{content:'⌄'}.detail-content summary .tag{margin-left:auto;font-size:11px}.detail-content summary svg{width:19px;color:#00898f}.tree-block{border:1px solid var(--line);padding:15px 12px;border-radius:6px;margin-top:11px}.hierarchy-leaf{display:flex;align-items:center;text-align:left;gap:10px;width:100%;border:0;padding:11px 0;background:none;font-size:12px}.hierarchy-leaf>span:not(.tag){flex:1}.hierarchy-leaf small{display:block}.hierarchy-leaf svg{color:var(--accent);width:19px}.hierarchy-leaf .tag{font-size:10px}.detail-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:1px solid var(--line);padding:16px 12px;border-radius:6px;margin-top:25px;font-size:12px;text-align:center}.detail-status b{display:block;font-size:16px;margin-top:9px}.sites-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr);gap:15px}.count-chip{font-size:12px;font-weight:400;display:inline-block;border:1px solid var(--line);padding:4px 7px;border-radius:5px;margin-left:9px;color:var(--muted)}.tree-name{display:flex;align-items:center;gap:8px;padding-left:calc(var(--level)*15px);white-space:nowrap;min-width:180px}.tree-name>button:first-child{border:0;background:none;padding:0;width:14px}.tree-name svg{width:18px}.tree-name .text-button{color:var(--text)}.selected .tree-name .text-button{color:var(--accent)}.tree-spacer{width:14px;flex-shrink:0}.site-locations{display:grid;grid-template-columns:45% 55%;height:100%;min-height:630px}.site-map{min-height:630px}.site-map-panel .panel-body{padding:0}.site-inspector{padding:22px 17px;font-size:13px}.site-inspector h2{font-size:21px;margin-bottom:8px}.site-inspector h2 svg{color:var(--accent);width:29px;height:29px;margin-right:5px}.site-inspector dl{display:grid;grid-template-columns:70px 1fr;gap:15px 10px;margin:26px 0}.site-inspector dt{font-weight:500}.site-inspector dd{margin:0;color:#354d68}.site-inspector h3{border-top:1px solid var(--line);padding-top:20px;margin-top:21px;margin-bottom:13px}.brand-share{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:15px}.brand-share b{font-size:12px}.brand-share i{grid-column:1/-1;height:5px;background:#e7eef1;border-radius:3px;display:block}.brand-share em{height:5px;background:#078731;border-radius:3px;display:block}.group-equation{border:1px solid #44a970;background:white;border-radius:7px;padding:15px 24px 12px;margin-bottom:17px}.group-equation-title{display:flex;align-items:center;gap:18px;margin-bottom:15px}.group-equation-title .stat-icon{width:60px;height:60px;background:#f2faf6;border:1px solid #c3e8d0}.group-equation-title p{margin:2px 0 0;font-size:14px}.group-equation-title>.tag{margin-left:auto}.equation{display:flex;gap:18px;align-items:center;padding-left:72px}.equation-building{border:1px solid #b5dec8;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:85px;padding:8px 14px;background:linear-gradient(135deg,#ffffff,#f9fcfa)}.equation-building label{flex-direction:row;align-items:center;gap:7px;font-size:13px}.equation-building label svg{width:17px}.equation-building small{color:var(--text)}.equation-building input{border:0;background:transparent;color:#08783c;font-size:27px;font-weight:600;text-align:center;padding:3px 0;width:100%;appearance:textfield;-moz-appearance:textfield}.equation-building input::-webkit-inner-spin-button{opacity:.2}.equation-building>span{font-size:12px}.operator{font-size:27px;font-weight:400}.equation-total{display:flex;flex-direction:column;align-items:center;border:1px solid #13873b;border-radius:5px;padding:12px 20px;flex:1.3;min-width:120px;color:#08783c}.equation-total b{font-size:40px}.equation-total>span{font-size:23px}.group-middle{display:grid;grid-template-columns:230px minmax(0,1.2fr) minmax(300px,1fr);gap:15px;margin-bottom:16px}.check-line{display:flex;flex-direction:row;align-items:center;gap:9px;margin:10px 0;font-size:13px;color:var(--text)}.check-line svg{width:19px}.group-tree{margin-left:20px;border-left:1px dashed #bfd1df;padding-left:14px}.group-tree h3{font-size:13px;margin-bottom:15px}.group-tree .check-line{margin:20px 0}.group-middle .head-actions label{min-width:80px}.group-middle .head-actions select{padding:4px 8px}.ring-layout{display:flex;align-items:center;gap:25px;justify-content:center;min-height:240px}.ring{border-radius:50%;width:200px;height:200px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ring>div{background:white;border-radius:50%;height:110px;width:110px;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring b{font-size:23px}.ring span{font-size:14px}.ring-legend>div{display:flex;gap:9px;margin:13px 0;font-size:13px}.ring-legend i{width:10px;height:10px;flex-shrink:0;border-radius:50%;margin-top:5px}.ring-legend small{display:block}.progress-cell{display:flex;gap:20px;align-items:center}.progress-cell span{min-width:45px}progress{width:120px;height:6px;accent-color:#009950;border:0;border-radius:4px;overflow:hidden}progress::-webkit-progress-bar{background:#e8f0ed}progress::-webkit-progress-value{background:#079a50}.online-label{font-size:15px;color:#03a342;letter-spacing:0;margin-left:10px}.live-main{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:18px}.flow-panel{padding:16px 20px}.flow-top{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.live-chip{padding:2px 7px;border-radius:15px;background:#eef9f0;color:#049645;font-size:11px}.energy-flow{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:180px 115px;gap:12px 12%;padding:25px 15px 0;min-height:365px}.energy-flow>svg{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.flow-path{fill:none;stroke-width:2.4;stroke-dasharray:20 3}.running .flow-path{animation:flow 1.5s linear infinite}@keyframes flow{to{stroke-dashoffset:-46}}.flow-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;border-radius:10px;box-shadow:0 1px 4px #16355505;background:linear-gradient(130deg,white,#f8fafc);padding:14px 8px}.flow-node>small{color:var(--text);font-size:14px}.flow-node strong{font-size:22px}.flow-node strong em{font-size:14px}.flow-node>span:last-child{font-size:12px;color:var(--muted)}.flow-icon{display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f2f8f9;width:70px;height:60px}.flow-icon svg{width:48px;height:48px}.flow-pv{grid-column:1;grid-row:1;color:#04a843}.flow-inverter{grid-column:2;grid-row:1;color:#04a843}.flow-facility{grid-column:3;grid-row:1;color:#0871ff}.flow-grid{grid-column:3;grid-row:2;color:#6b38ef}.flow-grid .flow-icon{width:34px;height:26px}.flow-grid .flow-icon svg{width:30px;height:28px}.flow-grid{gap:0;padding:4px}.weather-stack{display:flex;flex-direction:column;gap:12px}.weather-stack .panel-head{border:0;padding:13px 16px 0;min-height:0}.weather-stack .panel-head h2{font-size:14px}.weather-stack .panel-body{padding:12px 17px}.weather-stack p{font-size:12px;color:var(--muted);margin-bottom:5px}.weather-main{display:flex;align-items:center;gap:18px;margin-bottom:10px}.weather-main>svg{width:47px;height:47px;color:#ffa713;background:#fff7e4;border-radius:50%;padding:3px}.weather-main strong{display:block;font-size:26px;color:#50647e}.weather-main strong small{font-size:16px}.weather-main span{font-size:13px}.sensor-reading{display:flex;gap:18px;align-items:center;color:var(--accent)}.sensor-reading strong{font-size:25px}.sensor-reading small{font-size:14px}.health-grid{display:grid;grid-template-columns:repeat(5,1fr)}.health-grid>button{border:0;border-right:1px solid var(--line);border-radius:0;background:none;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:8px}.health-grid>button:last-child{border:0}.health-grid svg{width:37px;height:37px;color:#315d80;margin:7px 0}.health-grid b{color:var(--green);font-size:15px}.health-grid small{font-size:11px}.health-grid small:first-child{font-weight:500;color:#243d54}.success-strip{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-left:4px solid #00b795;background:white;border-radius:5px;padding:14px 20px;margin-top:14px;font-size:14px}.success-strip svg{color:#687d99}.success-strip span{color:var(--muted)}.success-strip a{margin-left:auto;font-size:12px}
.devices-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.devices-layout.has-tree{grid-template-columns:205px minmax(0,1fr)}.devices-layout.has-inspector{grid-template-columns:minmax(0,1fr) 295px}.devices-layout.has-tree.has-inspector{grid-template-columns:205px minmax(0,1fr) 295px}.equipment-tree{font-size:12px;padding:12px 10px;border-right:1px solid var(--line)}.equipment-tree details{margin-bottom:9px}.equipment-tree details details{margin-left:12px}.equipment-tree summary{cursor:pointer;padding:4px 0;display:list-item;font-weight:600}.equipment-tree summary svg{width:14px;height:14px}.equipment-tree summary b{float:right;border-radius:9px;background:#e5f8ee;color:#22975c;font-size:10px;padding:0 4px;margin-right:4px}.equipment-tree summary .text-button{color:var(--text);font-size:12px;font-weight:600}.tree-device{padding:4px 0;border:0;display:flex;gap:7px;align-items:center;background:none;font-size:11px;width:100%;text-align:left}.tree-device.active{color:var(--accent);font-weight:600}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#069b47;flex-shrink:0}.status-dot.offline{background:#f51932}.status-dot.warning{background:#ff8913}.status-dot.yellow{background:#ffb800}.device-table{border:0;border-radius:0}.device-table table{font-size:12px}.device-table th{font-size:11px;padding:13px 10px;white-space:nowrap}.device-table td{padding:11px 10px;white-space:nowrap}.device-table td>button>svg{width:15px;height:15px}.device-table .tag{font-size:11px;background:none;border:none;padding:0}.device-table .tag:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.device-table .table-foot{padding:13px 10px}.device-inspector{border:0;border-left:1px solid var(--line);border-radius:0;align-self:stretch}.device-inspector .detail-head{padding:15px 17px 9px}.device-inspector .detail-head h2{font-size:18px}.device-sub{font-size:12px;padding:0 18px}.device-sub small{display:block;margin-top:7px}.device-inspector .tabs{gap:0;padding:0 10px}.device-inspector .tabs button{padding:12px 10px;font-size:12px}.device-inspector .detail-content{padding:15px}.device-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.device-metrics>div{padding:18px 6px 19px;border-bottom:1px solid var(--line)}.device-metrics small{display:block;font-size:11px;margin-bottom:6px}.device-metrics strong{font-size:21px;letter-spacing:-.4px}.device-metrics em{font-size:12px;font-weight:400}.device-metrics.compact>div{padding:17px 6px;border:0}.device-metrics b{font-size:12px}.device-metrics .tag{font-size:11px}.device-inspector h3{font-size:12px;font-weight:500;border-top:1px solid var(--line);margin-top:12px;padding-top:15px;margin-bottom:14px}.alert-stats .stat{padding:20px}.alert-stats .stat.red{background:#fff0f1}.alert-stats .stat.orange{background:#fff4e9}.alert-stats .stat.yellow{background:#fff9ed}.alert-stats .stat.teal{background:#eff9fa}.alert-stats .stat strong{font-size:32px}.alert-stats .stat-icon{background:var(--red);color:white;border:1px solid white}.alert-stats .stat.orange .stat-icon{background:var(--orange);color:white}.alert-stats .stat.yellow .stat-icon{background:#ffb807;color:white}.alert-stats .stat.teal .stat-icon{background:var(--accent);color:white}.alerts-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:18px}.alerts-grid table{font-size:12px}.alerts-grid th{font-size:11px;white-space:normal}.alerts-grid th,.alerts-grid td{padding:12px 8px}.alerts-grid table td:nth-child(2){min-width:115px}.alerts-grid table td:nth-child(3){min-width:95px}.alerts-grid .person{white-space:normal;min-width:85px;font-size:11px;gap:5px}.alerts-grid .avatar{width:22px;height:22px;font-size:9px}.alerts-grid table .tag{font-size:10px;padding:2px 4px}.alerts-grid .work-panel .panel-body{padding:0;height:calc(100% - 62px)}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:100%;min-height:550px;background:#f7f9fb}.kanban-column{border-right:1px solid var(--line);min-width:0;padding:0 7px}.kanban-column:last-child{border-right:0}.kanban-column>h3{font-size:13px;text-align:center;padding:16px 3px;line-height:1.5}.kanban-column>h3 small{display:block;color:inherit}.kanban-cards{display:flex;flex-direction:column;gap:13px}.work-card{padding:14px 9px;display:flex;flex-direction:column;gap:13px;text-align:left;box-shadow:0 2px 4px #12364b03;font-size:12px;cursor:grab;width:100%}.work-card .work-id{font-size:13px;color:var(--accent);display:flex;align-items:center;gap:8px}.work-card>strong{font-size:13px;line-height:1.6}.work-card>span{font-size:12px;color:#4c6481;line-height:1.5}.work-owner{display:flex;align-items:center;gap:6px;margin:5px 0;font-size:10px!important}.work-card .avatar{width:20px;height:20px;font-size:8px}.work-card .due{color:#f27d14;font-size:10px;line-height:1.5}.kanban-column:first-child .due{color:#f2343b}.add-work{min-height:170px;border:1px dashed #bdcbd7;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7f98;font-size:12px;gap:20px}.add-work b{font-size:35px;font-weight:300;color:#8096ac}.empty-kanban{padding:110px 10px 20px;text-align:center;color:#7990a5;font-size:12px}.empty-kanban>span{display:inline-flex;align-items:center;justify-content:center;border:2px solid #a6b4c6;width:49px;height:49px;border-radius:50%;font-size:28px;color:#9dacc1;margin-bottom:20px}.dragover{background:#d9f3f0!important;box-shadow:inset 0 0 0 2px var(--accent)}.performance-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.warning-strip{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#fff4f2;border-radius:4px;font-size:12px;color:#354e6a;margin-top:15px;line-height:1.55}.warning-strip svg{width:17px;height:17px;color:#f32235}.warning-strip button,.warning-strip a{margin-left:auto;flex-shrink:0;font-size:11px}.soiling-layout{display:flex;align-items:center;gap:20px;min-height:210px}.horizontal-chart{flex:1;min-width:0}.horizontal-chart>button{border:0;background:none;display:flex;align-items:center;width:100%;gap:7px;padding:6px 0;font-size:12px;white-space:nowrap}.horizontal-chart>button>span{width:70px;flex-shrink:0;text-align:right;font-size:11px}.horizontal-chart i{height:19px;display:block;border-radius:2px}.horizontal-chart b{font-weight:400;font-size:11px}.axis{display:flex;justify-content:space-between;padding-left:77px;font-size:11px;color:#647d96;margin-top:10px}.soiling-total{border:1px solid var(--line);border-radius:6px;padding:17px 14px;display:flex;flex-direction:column;gap:7px;min-width:140px}.soiling-total strong{font-size:23px}.soiling-total strong small{color:inherit}.soiling-total strong+small{margin-top:5px}.priority-head{display:grid;grid-template-columns:50px 1fr 1.1fr 1fr;font-size:12px;margin-bottom:12px;gap:10px}.priority-row{display:grid;grid-template-columns:32px 1fr 1fr 1fr 10px;align-items:center;gap:10px;border:0;padding:13px 10px;margin-bottom:5px;text-align:left;width:100%;font-size:14px;background:#fff0ee;border-radius:6px}.priority-row>b{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef2926;color:white;width:27px;height:27px;font-size:18px}.priority-row>strong{font-size:13px}.priority-row>span:nth-child(3){color:#f32e2f}.priority-1{background:#fff4e9}.priority-1>b{background:#ff8110}.priority-1>span:nth-child(3){color:#ff8110}.priority-2{background:#fff9e9}.priority-2>b{background:#ffb600}.priority-2>span:nth-child(3){color:#e7a200}.priority-3{background:#eff8ee}.priority-3>b{background:#299940}.priority-3>span:nth-child(3){color:#19983e}.priority-row .tag{justify-self:start}.report-filters label{min-width:180px}.reports-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.report-summary{display:flex;justify-content:flex-end;gap:22px;margin-bottom:10px;margin-top:-3px}.report-summary>div{display:flex;flex-direction:column;gap:6px;padding-left:20px;border-left:1px solid var(--line)}.report-summary>div:first-child{border:0}.report-summary b{font-size:23px}.report-summary b em{font-size:15px;font-weight:400}.report-chart .chart-legend{justify-content:flex-start;margin:0 0 15px}.report-chart svg{min-height:235px}.report-template{display:flex;align-items:flex-start;gap:14px;padding:17px 13px;width:100%;border:1px solid var(--line);margin-bottom:12px;text-align:left;background:linear-gradient(120deg,#fff,#fcfdff)}.report-template.selected{border-color:#69c2c7;background:#f1fbfc}.report-template>span:nth-child(2){flex:1;min-width:0}.report-template b{font-size:14px;display:block;line-height:1.4}.report-template small{display:block;font-size:12px;margin-top:6px;line-height:1.65}.report-template>strong{font-size:26px;font-weight:400;align-self:center}.report-icon{display:inline-flex;width:36px;height:49px;align-items:center;justify-content:center;background:#008c9b;color:white;border-radius:5px;flex-shrink:0}.report-icon svg{width:27px;height:27px}.report-icon.tone-1{background:#54a026}.report-icon.tone-2{background:#ff3427}.report-icon.tone-3{background:#ff970b}.report-icon.tone-4{background:#236aba}.report-icon.small{width:20px;height:26px;float:left;margin-right:8px}.report-icon.small svg{width:17px;height:17px}.report-export{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.report-export button{flex:1;font-size:12px;padding:10px 5px}.reports-layout table{font-size:11px}.reports-layout table th,.reports-layout table td{padding:12px 8px}.reports-layout table th{font-size:11px}.reports-layout .table-scroll td:nth-child(2),.reports-layout .table-scroll td:nth-child(3){min-width:110px}.report-print-preview{margin-top:25px}.report-unavailable{min-height:275px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:23px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.integration-card{border:1px solid var(--line);border-radius:6px;padding:17px 15px;display:flex;flex-direction:column;gap:14px}.integration-top{display:flex;align-items:flex-start;gap:15px}.integration-top>div{flex:1;min-width:0}.integration-icon{color:var(--accent);display:flex;padding-top:5px}.integration-icon svg{width:35px;height:35px}.integration-top h3{font-size:14px;line-height:1.5;margin-bottom:8px}.integration-top small{display:block;font-size:11px;white-space:normal;margin-top:12px}.integration-card>button{align-self:flex-start;font-size:13px}.brand-sungrow{color:#ff8e13}.brand-solaredge,.brand-sma{color:#126bc5}.brand-growatt{color:#66b315}.brand-goodwe{color:#ee2329}.setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.setting-card{display:flex;align-items:flex-start;gap:18px;padding:18px;text-align:left;min-height:120px;background:white}.setting-card svg{width:32px;height:32px;color:#008b87;margin-top:5px}.setting-card span{flex:1;min-width:0}.setting-card b{font-size:14px}.setting-card small{display:block;font-size:12px;line-height:1.7;margin-top:5px}.info-banner{padding:13px 14px;border:1px solid #c5dcff;background:#f4f8ff;border-radius:5px;font-size:13px;line-height:1.75;color:#1766c1;margin:14px 0}.settings-layout .panel-body>p{font-size:14px;color:#526b83}.priority-list{display:flex;flex-direction:column;gap:16px;margin-top:18px}.source-priority{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:15px 11px;cursor:grab}.priority-number{border-radius:50%;background:#008e7e;color:white;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.source-priority>svg{width:28px;height:28px;color:var(--accent)}.source-priority>div:nth-last-child(2){flex:1;min-width:0}.source-priority h3{font-size:13px}.source-priority h3 .tag{font-size:10px;display:table;margin-top:5px}.source-priority p{font-size:12px;color:#4f6984;margin-top:10px;margin-bottom:0;line-height:1.8}.source-priority>div:last-child{display:flex;flex-direction:column}.source-priority button{border:0;background:none;padding:2px;color:#718ba2}.priority-hint{font-size:12px!important;border:1px solid #ccdeed;text-align:center;padding:12px;border-radius:4px;margin-top:18px;background:#f8fbfe}.actions-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;gap:10px;margin-top:20px}.actions-bottom button{font-size:12px}#drawer-backdrop{position:fixed;inset:0;background:#03244345;z-index:44;backdrop-filter:blur(1px)}#drawer{position:fixed;right:0;top:0;bottom:0;width:440px;max-width:95vw;background:white;z-index:45;box-shadow:-8px 0 50px #092c4420;overflow:auto}.drawer-head,.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;border-bottom:1px solid var(--line)}.drawer-head h2,.dialog-head h2{font-size:20px}.drawer-head>button,.dialog-head>button{border:0;background:none;font-size:24px;padding:1px 4px}.drawer-body{padding:24px;font-size:15px}.drawer-body h3{margin:15px 0 8px}.search-result{display:block;width:100%;text-align:left;margin-bottom:9px;padding:13px}.search-result small{display:block;margin-top:5px}.dialog-body{padding:24px;font-size:15px;line-height:1.8}.dialog-body>label{margin-bottom:15px}.dialog-body>.table-scroll{margin-bottom:20px}.dialog-body>button{margin-right:8px;margin-bottom:10px}.dialog-body p{font-size:14px}.dialog-body .metrics-three{padding:10px 0}.dialog-body .check-line{flex-direction:row}.dialog-foot{padding:17px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.form-group-tree{margin:20px 0}.form-group-tree .check-line{margin:14px 0}dialog{border:1px solid var(--line);padding:0;border-radius:11px;box-shadow:0 20px 90px #07264040;width:540px;max-width:92vw;max-height:90vh;color:var(--text);overflow:auto}dialog::backdrop{background:#001d3a66;backdrop-filter:blur(3px)}#toast{position:fixed;bottom:25px;left:calc(50% + var(--side)/2);transform:translateX(-50%);max-width:85vw;background:#0a2d47;color:white;border:1px solid #244d65;border-radius:8px;padding:12px 20px;box-shadow:0 4px 24px #143f6140;z-index:80;font-size:14px;pointer-events:none}.collapsed{--side:76px}.collapsed .brand{padding:23px 15px}.collapsed .brand>span:last-child,.collapsed #nav span,.collapsed .sidebar-bottom small,.collapsed #collapse span{display:none}.collapsed .brand-mark{font-size:34px}.collapsed #nav a{padding:15px 11px;justify-content:center}.collapsed .sidebar-bottom{font-size:0;padding:12px}.collapsed #collapse{font-size:18px}.collapsed .live-dot{display:none}
@media(min-width:1750px){:root{--side:270px}#nav a{font-size:16px;padding:17px 17px}main{padding:26px 28px}.map{min-height:615px}.devices-layout.has-tree.has-inspector{grid-template-columns:235px minmax(0,1fr) 330px}.customers-layout.with-detail{grid-template-columns:minmax(0,1fr) 370px}.customers-layout table{font-size:14px}.alerts-grid table{font-size:13px}.work-card{padding:17px 12px;gap:17px}.work-card>strong{font-size:14px}}
@media(max-width:1400px){:root{--side:220px}.brand{padding:20px 13px;gap:7px}.brand b{font-size:23px}.brand small{font-size:10px}.brand-mark{font-size:31px}#nav a{font-size:14px;padding:14px 9px;gap:12px}main{padding:19px 18px}.stat{padding:19px 15px;gap:12px}.stat-icon{width:52px;height:52px}.stat-icon svg{width:29px;height:29px}.stat strong{font-size:30px}.stat-label{font-size:13px}.stat strong small{font-size:15px}.stats{gap:13px}.status-legend{gap:8px;font-size:10px}.dashboard-grid{gap:17px;grid-template-columns:.95fr 1.05fr}.customers-layout.with-detail{grid-template-columns:minmax(0,1fr) 300px}.customers-layout .stat{padding:19px 10px;gap:8px}.customers-layout .stat-icon{width:30px}.customers-layout .stat-icon svg{width:28px}.customers-layout .stat strong{font-size:27px}.customers-layout .stats{gap:9px}.customers-layout .stat-label{font-size:11px}.detail-metrics{padding:10px 12px 17px;gap:5px}.detail-metrics b{font-size:12px}.detail-head{gap:7px;padding:16px 12px}.detail-head h2{font-size:13px}.detail-head .tag{font-size:10px}.detail-content{padding:15px 12px}.detail-content summary{font-size:12px}.sites-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.site-locations{grid-template-columns:36% 64%}.site-inspector{padding:18px 12px;font-size:12px}.site-inspector dl{grid-template-columns:60px 1fr;gap:13px 7px}.group-middle{grid-template-columns:185px minmax(0,1fr) minmax(260px,.9fr)}.ring-layout{gap:12px;min-height:225px}.ring{width:158px;height:158px}.ring>div{width:88px;height:88px}.ring b{font-size:19px}.ring-legend>div{font-size:11px}.ring-legend small{font-size:10px}.equation{gap:12px;padding-left:55px}.equation-building{padding:8px}.equation-total{padding:12px}.equation-total b{font-size:34px}.devices-layout.has-tree.has-inspector{grid-template-columns:175px minmax(0,1fr) 255px}.devices-layout.has-tree{grid-template-columns:175px minmax(0,1fr)}.equipment-tree{font-size:11px}.equipment-tree details details{margin-left:8px}.device-inspector .tabs button{font-size:11px;padding:12px 8px}.device-metrics strong{font-size:19px}.alerts-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kanban-column{padding:0 5px}.work-card{padding:12px 7px;gap:12px}.work-card>strong{font-size:12px}.work-owner{font-size:9px!important}.reports-layout{grid-template-columns:minmax(0,1fr) 280px}.report-template{gap:10px;padding:14px 10px}.settings-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.integration-card{padding:14px 11px}.integration-top{gap:10px}.integration-icon svg{width:27px;height:27px}.integration-top h3{font-size:13px}.setting-card{gap:11px;padding:15px 12px}.setting-card svg{width:27px}.setting-card b{font-size:13px}.setting-card small{font-size:11px}.source-priority{gap:7px;padding:12px 9px}.source-priority>svg{display:none}}
@media(max-width:1150px){:root{--side:195px}#nav a{font-size:13px;gap:8px}.brand b{font-size:21px}.brand-mark{display:none}.brand small{font-size:11px}header{padding:12px 17px;gap:10px}.header-right{gap:15px}.profile>span:last-child{display:none}.demo-strip{padding:6px 18px;font-size:11px}.dashboard-grid{grid-template-columns:1fr}.map{min-height:440px}.dashboard-grid>.stack{display:grid;grid-template-columns:1fr 1fr;gap:15px}.customers-layout.with-detail{grid-template-columns:minmax(0,1fr) 285px}.customers-layout .stats{grid-template-columns:repeat(2,1fr)}.customers-layout .stat{padding:16px 12px}.sites-grid{grid-template-columns:1fr}.site-locations{min-height:400px;grid-template-columns:45% 55%}.site-map{min-height:400px}.site-inspector{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.site-inspector h2,.site-inspector>.tag,.site-inspector dl{grid-column:1/-1}.site-inspector dl{grid-template-columns:110px 1fr;margin:10px 0}.site-inspector h3{margin:0;padding:10px 0;grid-column:1/-1}.site-inspector .brand-share{margin:0}.site-inspector button{align-self:center}.group-middle{grid-template-columns:185px minmax(0,1fr)}.group-middle>section:last-child{grid-column:1/-1}.ring-layout{min-height:200px}.ring{width:180px;height:180px}.ring-layout .ring-legend{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.equation{padding-left:0;gap:10px}.group-equation{padding:14px}.equation-building{min-width:70px}.equation-building label{font-size:11px}.equation-building label svg{display:none}.equation-total{min-width:85px}.equation-total b{font-size:29px}.live-main{grid-template-columns:1fr 210px}.flow-panel{padding:13px}.energy-flow{gap:15px 9%;padding:20px 3px 0}.flow-node>small{font-size:12px}.flow-node strong{font-size:18px}.devices-layout.has-tree.has-inspector{grid-template-columns:160px minmax(0,1fr)}.device-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.device-inspector .device-metrics{grid-template-columns:repeat(4,1fr)}.device-inspector .line-chart{max-width:550px}.devices-layout.has-inspector{grid-template-columns:1fr}.alerts-grid{grid-template-columns:1fr}.kanban{min-height:460px}.work-card{padding:15px 12px}.work-card>strong{font-size:14px}.work-card>span{font-size:13px}.work-owner{font-size:11px!important}.work-card .due{font-size:11px}.empty-kanban{padding:65px 15px 20px}.performance-grid{grid-template-columns:1fr}.performance-grid>.stack{display:grid;grid-template-columns:1fr 1fr}.performance-grid>.stack:first-child{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-layout>section{max-width:none}.priority-list{display:grid;grid-template-columns:repeat(3,1fr)}.source-priority{align-items:flex-start}.priority-hint{max-width:360px;margin-left:auto;margin-right:auto}.reports-layout{grid-template-columns:1fr 250px}.report-template{padding:12px 8px}.report-template b{font-size:13px}.report-template small{font-size:11px}}
@media(max-width:800px){:root{--side:0px}#sidebar{width:245px;transform:translateX(-100%);transition:transform .2s}.mobile-open #sidebar{transform:translateX(0);box-shadow:15px 0 50px #082c4850}.brand-mark{display:block}.brand b{font-size:25px}#nav a{font-size:15px;padding:14px 15px;gap:15px}#mobile{display:block;background:white;border:0;font-size:23px;padding:3px}header{height:69px;gap:10px;padding:9px 12px}.header-context #period-label{font-size:12px;padding:8px 9px}.header-right{gap:12px}.global-search{display:none}.profile .avatar{width:33px;height:33px;font-size:13px}.demo-strip{padding:5px 14px;font-size:10px}.demo-strip>span{max-width:80%}.demo-strip .source-link{font-size:11px;white-space:nowrap}main{padding:17px 13px}.stats{gap:10px}.stat{padding:14px 10px;gap:10px}.stat-icon{width:39px;height:39px}.stat-icon svg{width:25px;height:25px}.stat strong{font-size:26px}.stat strong small{font-size:12px}.stat-label{font-size:12px}.stat em{font-size:10px}h1{font-size:24px}footer{font-size:10px;padding:13px;flex-direction:column;gap:4px}.dashboard-grid>.stack{display:flex}.map{min-height:380px}.customers-layout.with-detail{grid-template-columns:1fr}.customers-layout .stats{grid-template-columns:repeat(4,1fr)}.customers-layout .stat-label{font-size:10px}.customers-layout .stat strong{font-size:24px}.customers-layout .stat-icon{width:25px}.customers-layout .stat-icon svg{width:24px}.customers-layout .detail-pane{max-width:none}.detail-content summary{font-size:14px}.detail-head h2{font-size:17px}.detail-metrics b{font-size:16px}.detail-metrics small{font-size:12px}.detail-content .tree-block{margin:10px}.hierarchy-leaf{font-size:14px}.detail-status{font-size:13px}.group-middle{grid-template-columns:170px minmax(0,1fr)}.equation{flex-wrap:wrap;justify-content:center}.equation-building{min-width:94px}.group-equation-title .stat-icon{display:none}.group-equation-title h2{font-size:16px}.group-equation-title p{font-size:12px}.group-equation-title>.tag{font-size:10px}.live-main{grid-template-columns:1fr}.weather-stack{display:grid;grid-template-columns:repeat(3,1fr)}.weather-main strong{font-size:22px}.weather-main>svg{width:30px;height:30px}.weather-main{gap:10px}.weather-stack .panel-body{padding:10px}.sensor-reading{gap:10px}.sensor-reading strong{font-size:22px}.grid-two{grid-template-columns:1fr}.devices-layout.has-tree.has-inspector{grid-template-columns:155px minmax(0,1fr)}.reports-layout{grid-template-columns:1fr}.reports-layout>section .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reports-layout .report-export{grid-column:1/-1;margin:0}.report-template{margin:0;padding:15px}.report-template small{font-size:12px}.report-template b{font-size:14px}.performance-grid>.stack{display:flex}.integration-grid,.setting-grid{gap:10px}.integration-card{padding:13px 10px}.integration-top{flex-direction:column;gap:8px}.integration-top h3{font-size:13px}.setting-card{flex-direction:column;gap:6px}.setting-card small{font-size:12px}.settings-layout .source-priority{font-size:13px}.priority-list{grid-template-columns:1fr}.source-priority>svg{display:block}.source-priority h3 .tag{display:inline-flex;margin-left:8px}.source-priority p{font-size:13px}.page-head{gap:10px;flex-wrap:wrap}.page-head .head-actions{margin-left:auto}.alerts-grid .work-card .due{font-size:10px}.panel-head{padding:15px 14px}.panel-body{padding:15px}.panel-body>.table-scroll{margin:-15px;width:calc(100% + 30px)}.panel-body>.table-scroll+.table-foot{margin:15px -15px -15px}#toast{left:50%;font-size:13px}.collapsed{--side:0px}.collapsed #sidebar{transform:translateX(-100%)}.stat strong{white-space:normal}}
@media(max-width:520px){.stats,.customers-layout .stats{grid-template-columns:repeat(2,1fr)}.stat{padding:17px 13px}.stat-label,.customers-layout .stat-label{font-size:12px}.stat strong,.customers-layout .stat strong{font-size:29px}.customers-layout .stat-icon{width:35px}.demo-strip>span{max-width:77%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics-three{gap:9px}.metrics-three strong{font-size:21px}.metrics-three strong em{font-size:11px}.status-legend{display:none}.panel-head h2{font-size:15px}.filters{gap:9px}.filters label{min-width:135px}.group-middle{grid-template-columns:1fr}.group-middle>section:last-child{grid-column:auto}.group-tree{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.group-tree h3{grid-column:1/-1}.group-tree .check-line{margin:8px 0}.group-middle .ring-layout{gap:19px}.ring-layout .ring-legend{display:block}.ring{width:160px;height:160px}.group-equation-title{align-items:flex-start}.group-equation-title>.tag{max-width:85px;white-space:normal;text-align:center}.equation{gap:6px}.equation-building{min-width:92px;flex:0 0 37%}.equation-building input{font-size:30px}.equation-total{min-width:40%;margin-top:8px}.operator{font-size:22px}.weather-stack{grid-template-columns:1fr 1fr}.weather-stack>section:first-child{grid-column:1/-1}.weather-main{margin-bottom:3px}.weather-stack .panel-body p{display:inline-block;margin-right:12px}.energy-flow{grid-template-columns:1fr 1fr 1fr;column-gap:5%;padding:18px 0 0;grid-template-rows:180px 118px}.flow-node{padding:12px 5px}.flow-node>small{font-size:11px}.flow-icon{width:50px;height:52px}.flow-icon svg{width:35px;height:35px}.flow-node strong{font-size:21px}.flow-node strong em{font-size:12px}.flow-grid{padding:5px}.flow-top{gap:6px;font-size:10px}.live-chip{font-size:9px}.health-grid{grid-template-columns:repeat(3,1fr);gap:10px}.health-grid button{border:0}.success-strip{gap:10px;flex-wrap:wrap;font-size:12px}.success-strip a{width:100%;text-align:right}.devices-layout.has-tree.has-inspector,.devices-layout.has-tree{grid-template-columns:1fr}.equipment-tree{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;max-height:290px;overflow:auto}.device-inspector{grid-column:1}.device-inspector .device-metrics{grid-template-columns:1fr 1fr}.kanban{grid-template-columns:repeat(4,175px);min-height:480px;overflow-x:auto}.work-panel .panel-body{overflow:auto}.kanban-column{padding:0 8px}.kanban-column .work-card>strong{font-size:13px}.soiling-layout{gap:10px}.soiling-total{min-width:100px;padding:12px 10px}.soiling-total small{font-size:10px}.soiling-total strong{font-size:21px}.horizontal-chart>button{gap:4px}.horizontal-chart>button>span{width:57px;font-size:10px}.horizontal-chart b{font-size:10px}.priority-head{font-size:10px;grid-template-columns:35px 1fr 1fr .9fr;gap:5px}.priority-row{grid-template-columns:25px 1fr 1fr 1fr 7px;gap:5px;padding:12px 7px}.priority-row>strong{font-size:12px}.priority-row>.tag{font-size:10px;padding:3px 5px}.priority-row>span:nth-child(3){font-size:13px}.warning-strip{flex-wrap:wrap}.warning-strip button,.warning-strip a{margin-left:auto}.report-summary{gap:11px}.report-summary>div{padding-left:10px;gap:5px}.report-summary small{font-size:10px}.report-summary b{font-size:20px}.report-summary b em{font-size:11px}.report-chart svg{min-height:185px}.report-chart .chart-legend{font-size:10px;gap:10px}.reports-layout>section .panel-body{display:flex;flex-direction:column;gap:0}.report-template{margin-bottom:10px}.integration-grid,.setting-grid{grid-template-columns:1fr 1fr}.integration-top h3{font-size:13px}.integration-top small{font-size:10px}.setting-card small{font-size:11px}.dialog-head,.drawer-head{padding:17px 20px}.dialog-head h2{font-size:18px}.dialog-body{padding:20px}.table-foot{font-size:11px}.page-head>.head-actions label{min-width:130px}.header-context #period-label{font-size:11px;padding:8px 7px}.profile{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{body{background:white}#sidebar,header,.demo-strip,footer,#toast,#drawer,#drawer-backdrop,.skip{display:none!important}#shell{margin:0}main{padding:0}body.printing main>*:not(#report-print){display:none!important}#report-print{border:0;box-shadow:none;margin:0}#report-print button{display:none}.table-scroll{overflow:visible}table{font-size:10px}th,td{padding:7px}.panel{break-inside:avoid}body.printing .report-chart{max-width:100%}@page{size:A4 landscape;margin:12mm}}