@font-face{font-family:vrm-replica-icons;src:url('icons.woff') format('woff');font-display:block}
.vrmr{--surface:#393a38;--base:#363735;--border:#565753;--text:#f5f5f5;--muted:#aaa;--red:#ff6b6c;--blue:#4997cf;--orange:#ffb039;--green:#8bc955;background:var(--base);color:var(--text);font-family:'Noto Sans',Tahoma,Verdana,sans-serif;font-size:14px;line-height:1.45;position:relative;isolation:isolate;overflow:hidden;color-scheme:dark;text-align:left}
.vrmr *{box-sizing:border-box}.vrmr [hidden]{display:none!important}.vrmr button,.vrmr select,.vrmr input{font:inherit;color:inherit;box-shadow:none;letter-spacing:normal;text-transform:none}.vrmr button{cursor:pointer}.vrmr button:focus-visible,.vrmr select:focus-visible,.vrmr input:focus-visible,.vrmr canvas:focus-visible{outline:2px solid #6ab4eb;outline-offset:3px}.vrmr button:disabled{opacity:.45;cursor:wait}.vrmr .vrmr-icon{font-family:vrm-replica-icons!important;font-style:normal;font-size:21px;line-height:1;display:inline-block}.vrmr .red{color:var(--red)}.vrmr .green{color:var(--green)}.vrmr .blue{color:#a6c9e2}.vrmr .orange{color:var(--orange)}
.vrmr-top{background:var(--surface);padding:36px 22px 18px}.vrmr-heading{display:flex;align-items:center;gap:20px;margin-bottom:30px;min-height:106px}.vrmr .vrmr-avatar{width:64px;height:64px;border-radius:50%;flex:none}.vrmr .vrmr-heading h1{font-size:clamp(26px,2.7vw,42px);font-weight:600;line-height:1.06;color:var(--text);padding:0;margin:0;max-width:540px;flex:1;letter-spacing:-.7px}.vrmr-status{display:flex;gap:38px;align-items:flex-start;margin-left:auto}.vrmr-status>div{display:flex;flex-direction:column;gap:8px;white-space:nowrap}.vrmr-status span{font-size:12px;color:#b7b7b5}.vrmr-status strong{font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px}.vrmr-status img{width:16px;height:16px}.vrmr .vrmr-iconbutton{border:0;background:transparent;color:#aaa;font-size:25px;padding:4px;min-width:28px}.vrmr-iconbutton[aria-pressed=true]{color:#ffb039}.vrmr-flow{position:relative;height:420px;margin:0 8px}.vrmr-node{position:absolute;width:22.3%;height:150px;border:1px solid #50514e;border-radius:5px;background:var(--surface);z-index:2;padding:18px 20px;overflow:hidden}.vrmr-node-heading{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;color:#eee}.vrmr-node-heading>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vrmr-node>strong{font-size:29px;font-weight:500;line-height:1.2;margin-top:14px;display:block}.vrmr-node canvas{position:absolute;bottom:0;left:0;width:100%;height:43px}.vrmr-grid{left:0;top:0}.vrmr-battery{left:0;top:175px}.vrmr-loads{left:50.9%;top:0}.vrmr-solar{left:50.9%;top:250px}.vrmr-small-power{font-size:12px;margin-left:auto;flex-shrink:0}.vrmr-inverter{position:absolute;left:31.5%;top:0;width:10.2%;height:156px;background:#4995ce;border:1px solid #4995ce;border-radius:5px;overflow:hidden;z-index:3;text-align:center;display:flex;flex-direction:column}.vrmr-inverter>img{width:60%;height:62px;object-fit:contain;margin:5px auto 0}.vrmr-inverter>div{border-top:4px solid #ffb039;flex:1}.vrmr-inverter>span{font-size:13px;color:#499bd6;background:var(--surface);min-height:37px;padding:9px 4px;line-height:18px}.vrmr-solar-device{position:absolute;top:165px;left:49.4%;width:8.7%;height:140px;background:#4995ce;border:1px solid #4995ce;border-radius:4px;overflow:hidden;z-index:1;text-align:center}.vrmr-solar-device>span{display:block;background:var(--surface);color:#499bd6;padding:9px 2px;font-size:12px;white-space:nowrap}.vrmr-solar-device>img{display:block;width:40%;height:40px;margin:5px auto}.vrmr-weather{position:absolute;left:76.8%;top:0;width:23.2%;min-height:108px;padding:18px;border:1px solid #50514e;border-radius:5px;z-index:2}.vrmr-weather>div:last-child{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:13px}.vrmr-weather>strong{display:block;font-size:26px;font-weight:500;margin-top:8px}.vrmr-wire{position:absolute;height:4px;border-top:1px solid #4a4c48;border-bottom:1px solid #4a4c48;z-index:0;overflow:hidden}.vrmr-wire:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 55px,#ccecff 64px,transparent 72px,transparent 110px);animation:vrmr-flow 3s linear infinite}.wire-grid{left:22.3%;width:14.3%;top:79px}.wire-load{left:41.7%;width:9.2%;top:79px}.wire-battery{left:22.3%;width:14.3%;top:251px}.wire-solar{left:36.6%;width:14.3%;top:251px}.wire-vertical{height:99px;width:4px;left:36.5%;top:155px;border:0;border-left:1px solid #4a4c48;border-right:1px solid #4a4c48}.wire-vertical:after{background:repeating-linear-gradient(180deg,transparent 0,transparent 30px,#ccecff 40px,transparent 48px,transparent 90px);animation-name:vrmr-flow-y}.vrmr-wire.reverse:after{animation-direction:reverse}.vrmr-wire.stopped:after,.vrmr-stale .vrmr-wire:after{animation:none;background:none}.vrmr-data-age{color:#aaa;font-size:11px;margin:2px 8px 0}.vrmr-bottom{padding:28px 14px 14px}.vrmr-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px;border-bottom:1px solid #52534f;margin-bottom:48px;padding-bottom:20px}.vrmr .vrmr-chart-toolbar h2{margin:0;font-size:30px;line-height:1.25;font-weight:400;color:#f5f5f5}.vrmr-info{border:0;background:none;color:#aaa!important;margin-left:12px;font-size:20px!important}.vrmr-controls{display:flex;align-items:center;gap:5px}.vrmr-controls button,.vrmr-controls select{height:56px;border:1px solid #50514d;border-radius:4px;background:var(--surface);color:#aaa;padding:0 20px}.vrmr-controls select{min-width:245px;margin-right:20px;appearance:auto}.vrmr-controls button[data-prev],.vrmr-controls button[data-next]{font-size:35px;line-height:1;font-weight:200;width:54px;padding:0}.vrmr-controls button[data-range]{min-width:150px;max-width:280px}.vrmr-controls button:hover,.vrmr-controls select:hover{border-color:#888;color:#fff}.vrmr-chart-box{border:1px solid #65665f;border-radius:5px;background:var(--surface);padding:28px 30px 28px}.vrmr-chart-wrap{height:520px;position:relative}.vrmr-chart-wrap canvas{width:100%;height:100%;display:block;touch-action:pan-y}.vrmr-legend{display:flex;gap:12px;flex-wrap:wrap;padding:12px 10px 0}.vrmr-legend button{border:0;padding:0;background:transparent;color:#f5f5f5;font-size:12px;display:flex;gap:5px;align-items:center}.vrmr-legend button[aria-pressed=false]{opacity:.45;text-decoration:line-through}.vrmr-swatch{display:inline-block;width:15px;height:15px;border-radius:2px;flex:none}.vrmr-tooltip{position:absolute;background:#23241f;color:white;border-radius:5px;padding:12px 14px;font-size:13px;min-width:235px;pointer-events:none;z-index:8;box-shadow:0 3px 8px #0002}.vrmr-tooltip>div{display:flex;align-items:center;gap:6px;white-space:nowrap}.vrmr-tooltip b{margin-left:auto;padding-left:14px}.vrmr-tooltip header{font-size:12px;margin-bottom:8px}.vrmr-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.vrmr-totals article{border:1px solid #65665f;border-radius:5px;background:var(--surface);padding:20px}.vrmr-totals article>span{display:flex;align-items:center;gap:10px;font-size:14px}.vrmr-totals strong{font-size:34px;font-weight:400;display:block;margin-top:13px;white-space:nowrap}.vrmr-range-panel{position:absolute;left:2%;right:2%;z-index:10;background:#393a38;border:1px solid #666;border-radius:5px;box-shadow:0 8px 35px #0007;padding:30px;display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-top:-35px}.vrmr-range-panel h3{font-size:21px;font-weight:600;color:white;margin:0 0 20px}.vrmr-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vrmr-range-panel button{background:none;border:1px solid transparent;border-radius:4px;padding:10px;text-align:left;color:#bbb}.vrmr-range-panel button:hover{border-color:#6c8ea7;color:white}.vrmr-custom{border-left:1px solid #777;padding-left:30px}.vrmr-custom label{display:block;margin-bottom:15px;font-size:13px}.vrmr-custom input{display:block;width:100%;padding:10px;background:#363735;border:1px solid #666;border-radius:4px;margin-top:6px}.vrmr-custom button[type=submit]{background:#418ec6;color:white}.vrmr-notice{font-size:13px;padding:15px;border:1px solid #777;border-radius:4px;margin:10px 0;color:#ddd;background:#3e403c}.vrmr:fullscreen{overflow:auto;width:100vw;height:100vh}.customer-vrm-page:has(#vrm-replica)>.customer-vrm-header{display:none}.vrm-visual:has(#vrm-replica)>.admin-heading{display:none}.customer-vrm-page:has(#vrm-replica){max-width:1600px!important;padding:0!important}.vrm-live-dashboard:has(#vrm-replica){background:#363735!important;border-radius:0!important;padding:0!important}
@keyframes vrmr-flow{to{transform:translateX(110px)}}@keyframes vrmr-flow-y{to{transform:translateY(90px)}}@media(prefers-reduced-motion:reduce){.vrmr-wire:after{animation:none!important}}
@media(min-width:1450px){.vrmr-top{padding-top:40px}.vrmr-flow{height:450px}.vrmr-node{height:160px}.vrmr-battery{top:185px}.vrmr-solar{top:260px}.wire-battery,.wire-solar{top:261px}.wire-vertical{height:109px}.vrmr-inverter{height:165px}.vrmr-solar-device{top:175px}.vrmr-heading{margin-bottom:34px}}
@media(max-width:1100px){.vrmr-heading{flex-wrap:wrap;gap:14px}.vrmr-heading h1{max-width:none!important;font-size:30px!important}.vrmr-status{order:5;width:100%;padding-left:78px;gap:35px}.vrmr-node{padding:15px 12px}.vrmr-node>strong{font-size:25px}.vrmr-node-heading{font-size:12px;gap:6px}.vrmr-chart-toolbar{flex-wrap:wrap}.vrmr-controls{margin-left:auto}.vrmr-chart-toolbar h2{font-size:26px!important}.vrmr-chart-box{padding:20px 12px}.vrmr-chart-wrap{height:440px}.vrmr-totals strong{font-size:28px}.vrmr-totals article{padding:15px}.vrmr-weather{padding:13px}.vrmr-flow{height:390px}.vrmr-data-age{font-size:10px}}
@media(max-width:760px){.vrmr-top{padding:24px 14px 16px}.vrmr .vrmr-avatar{width:46px;height:46px}.vrmr-heading h1{font-size:25px!important}.vrmr-status{padding-left:0;gap:18px;justify-content:space-between}.vrmr-status>div{white-space:normal}.vrmr-status span{font-size:10px}.vrmr-status strong{font-size:11px}.vrmr-flow{height:420px;margin:0}.vrmr-node{width:33%;height:126px;padding:14px 10px}.vrmr-node>strong{font-size:24px}.vrmr-loads,.vrmr-solar{left:67%}.vrmr-battery{top:158px}.vrmr-solar{top:233px}.vrmr-inverter{left:42%;width:16%;height:139px}.vrmr-inverter>span{font-size:10px;line-height:14px}.vrmr-solar-device{left:64%;top:158px;width:17%;height:125px}.vrmr-weather{left:0;top:310px;width:52%;min-height:80px;padding:12px}.vrmr-weather>div:last-child{margin-top:10px}.vrmr-weather>strong{font-size:22px}.wire-grid{left:33%;width:17%;top:64px}.wire-load{left:58%;width:9%;top:64px}.wire-battery{left:33%;width:17%;top:223px}.wire-solar{left:50%;width:17%;top:223px}.wire-vertical{left:50%;top:139px;height:84px}.vrmr-small-power{font-size:10px}.vrmr-chart-toolbar{gap:14px;margin-bottom:24px}.vrmr-bottom{padding:20px 10px 10px}.vrmr-controls{width:100%;display:grid;grid-template-columns:minmax(100px,1fr) 35px minmax(80px,1fr) 35px;gap:4px}.vrmr-controls select{min-width:0;margin:0;font-size:11px;padding:0 6px}.vrmr-controls button{height:45px;padding:0 6px;font-size:11px}.vrmr-controls button[data-prev],.vrmr-controls button[data-next]{width:35px;font-size:28px}.vrmr-controls button[data-range]{min-width:0}.vrmr-controls select{height:45px}.vrmr-chart-toolbar h2{font-size:24px!important}.vrmr-chart-box{padding:15px 4px}.vrmr-chart-wrap{height:350px}.vrmr-totals{grid-template-columns:1fr 1fr}.vrmr-totals article>span{font-size:12px;gap:7px}.vrmr-totals strong{font-size:27px}.vrmr-range-panel{padding:18px;gap:20px;grid-template-columns:1fr;max-height:75vh;overflow:auto}.vrmr-presets{gap:4px}.vrmr-presets button{font-size:11px;padding:8px 3px}.vrmr-custom{border-left:0;border-top:1px solid #777;padding:20px 0 0}.vrmr-tooltip{font-size:11px;min-width:195px;padding:9px}.vrmr-tooltip b{padding-left:7px}.vrmr-heading .vrmr-iconbutton{font-size:21px}}