:root{--bg:#061113;--panel:#0b2325;--panel-2:#102f32;--text:#f6fbfa;--muted:#91aaa7;--line:#1e4548;--green:#45d275;--yellow:#f2c94c;--cyan:#58d6df;--amber:#f59e0b;--red:#ef4444;--shadow:0 24px 70px rgba(0,0,0,.28)}.energy-dashboard-shopify *{box-sizing:border-box}.energy-dashboard-shopify{background:radial-gradient(circle at 10% 0%,rgba(69,210,117,.1),transparent 30%),radial-gradient(circle at 90% 4%,rgba(88,214,223,.08),transparent 25%),var(--bg);color:var(--text);padding:var(--section-padding-y,28px) var(--section-padding-x,18px) 38px;font-size:var(--body-size,16px)}.energy-dashboard-shopify .shell{max-width:var(--dashboard-width,1400px);margin:0 auto}.energy-dashboard-shopify .topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.energy-dashboard-shopify .eyebrow,.energy-dashboard-shopify .label{margin:0 0 7px;font-size:var(--label-size,13px);font-weight:800;letter-spacing:.14em;color:var(--green)}.energy-dashboard-shopify h1,.energy-dashboard-shopify h2,.energy-dashboard-shopify h3{margin:0}.energy-dashboard-shopify h1{font-size:var(--title-size,48px);line-height:1.05}.energy-dashboard-shopify h2{font-size:var(--hero-size,68px);line-height:.98}.energy-dashboard-shopify h3{font-size:var(--heading-size,24px)}.energy-dashboard-shopify .status-wrap{display:flex;align-items:center;gap:9px;color:var(--muted);font-weight:700;font-size:var(--status-size,16px)}.energy-dashboard-shopify .dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 18px #45d275cc}.energy-dashboard-shopify .hero-grid{display:grid;grid-template-columns:.95fr 1.25fr;gap:18px}.energy-dashboard-shopify .card{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent),var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:24px;box-shadow:var(--shadow);padding:var(--card-padding,26px)}.energy-dashboard-shopify .card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.energy-dashboard-shopify .pill{padding:8px 12px;border-radius:999px;background:#45d2751f;color:var(--green);font-size:var(--small-size,14px);font-weight:800}.energy-dashboard-shopify .updated{font-size:var(--small-size,14px);color:var(--muted)}.energy-dashboard-shopify .battery-visual{display:flex;align-items:center;gap:6px;margin:24px 0 22px}.energy-dashboard-shopify .battery-body{position:relative!important;display:block!important;height:44px!important;flex:1;padding:4px!important;overflow:hidden!important;border:3px solid rgba(255,255,255,.75)!important;border-radius:10px!important;background:#081b1d!important}.energy-dashboard-shopify .battery-fill{display:block!important;height:100%!important;min-height:30px!important;width:0;border-radius:5px!important;background:linear-gradient(90deg,var(--green),#8ce8a8)!important;transition:width .6s ease,background .4s ease!important}.energy-dashboard-shopify .battery-fill.charging{animation:batteryGlow 1.4s ease-in-out infinite alternate}@keyframes batteryGlow{0%{filter:brightness(1)}to{filter:brightness(1.35);box-shadow:0 0 18px #45d275bf}}.energy-dashboard-shopify .battery-tip{width:8px;height:19px;border-radius:0 5px 5px 0;background:#ffffffbf}.energy-dashboard-shopify .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.energy-dashboard-shopify .stats-grid div,.energy-dashboard-shopify .metric-card,.energy-dashboard-shopify .solar-stat{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:15px}.energy-dashboard-shopify .stats-grid span,.energy-dashboard-shopify .metric-card span,.energy-dashboard-shopify .solar-stat span{display:block;color:var(--muted);font-size:var(--meta-size,16px);margin-bottom:7px}.energy-dashboard-shopify .stats-grid strong,.energy-dashboard-shopify .metric-card strong,.energy-dashboard-shopify .solar-stat strong{font-size:var(--value-size,22px);line-height:1.3}.energy-dashboard-shopify .power-stage{position:relative;min-height:560px;margin-top:20px;border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(88,214,223,.09),transparent 18%),linear-gradient(180deg,#ffffff05,#fff0),#0b1f22;border:1px solid var(--line);overflow:hidden}.energy-dashboard-shopify .flow-node{position:absolute;z-index:3;width:150px;text-align:center;color:var(--text)}.energy-dashboard-shopify .flow-node .icon-wrap{width:84px;height:84px;margin:0 auto 10px;border-radius:22px;display:grid;place-items:center;font-size:38px;background:linear-gradient(180deg,#163a3e,#0b2225);border:1px solid #28545a;box-shadow:0 12px 28px #00000047,0 0 24px #58d6df14}.energy-dashboard-shopify .flow-node.active .icon-wrap{box-shadow:0 12px 28px #00000047,0 0 28px #45d27547}.energy-dashboard-shopify .flow-node .node-name{display:block;color:var(--muted);font-size:var(--meta-size,16px);margin-bottom:3px}.energy-dashboard-shopify .flow-node strong{font-size:var(--value-size,22px)}.energy-dashboard-shopify .node-pv{top:34px;left:48px}.energy-dashboard-shopify .node-grid{top:34px;right:48px}.energy-dashboard-shopify .node-device{top:50%;left:50%;transform:translate(-50%,-50%)}.energy-dashboard-shopify .node-battery{bottom:34px;left:48px}.energy-dashboard-shopify .node-load{bottom:34px;right:48px}.energy-dashboard-shopify .flow-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.energy-dashboard-shopify .flow-path{fill:none;stroke:#29494d;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.energy-dashboard-shopify .flow-path.live{stroke:#2f625f}.energy-dashboard-shopify .flow-dot{fill:var(--yellow);filter:drop-shadow(0 0 5px rgba(242,201,76,.9));opacity:0}.energy-dashboard-shopify .flow-dot.running{opacity:1}.energy-dashboard-shopify .flow-label{position:absolute;z-index:4;color:var(--cyan);font-size:var(--value-size,22px);font-weight:700}.energy-dashboard-shopify .label-pv{top:170px;left:185px}.energy-dashboard-shopify .label-grid{top:170px;right:185px}.energy-dashboard-shopify .label-battery{bottom:160px;left:190px}.energy-dashboard-shopify .label-load{bottom:160px;right:190px}.energy-dashboard-shopify .solar-summary{margin-top:18px}.energy-dashboard-shopify .solar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.energy-dashboard-shopify .solar-stat strong{font-size:calc(var(--value-size,22px) * 1.25)}.energy-dashboard-shopify .history-card{margin-top:18px}.energy-dashboard-shopify canvas{width:100%;height:auto;margin-top:18px;border-radius:18px;background:var(--panel-2)}.energy-dashboard-shopify .legend{display:flex;gap:14px;color:var(--muted);font-size:var(--small-size,14px)}.energy-dashboard-shopify .legend span{display:flex;align-items:center;gap:7px}.energy-dashboard-shopify .legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.energy-dashboard-shopify .legend-dot.load{background:var(--cyan)}.energy-dashboard-shopify .legend-dot.battery{background:var(--green)}.energy-dashboard-shopify footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:var(--small-size,14px);padding:18px 4px 0}@media(max-width:1050px){.energy-dashboard-shopify .hero-grid{grid-template-columns:1fr}}@media(max-width:760px){.energy-dashboard-shopify .power-stage{min-height:520px}.energy-dashboard-shopify .flow-node{width:120px}.energy-dashboard-shopify .flow-node .icon-wrap{width:70px;height:70px;font-size:31px}.energy-dashboard-shopify .node-pv{left:20px}.energy-dashboard-shopify .node-grid{right:20px}.energy-dashboard-shopify .node-battery{left:20px}.energy-dashboard-shopify .node-load{right:20px}.energy-dashboard-shopify .label-pv{left:125px}.energy-dashboard-shopify .label-grid{right:125px}.energy-dashboard-shopify .label-battery{left:125px}.energy-dashboard-shopify .label-load{right:125px}.energy-dashboard-shopify .solar-grid{grid-template-columns:1fr}}@media(max-width:560px){.energy-dashboard-shopify{padding:20px 12px 28px;--title-size:34px!important;--hero-size:48px!important}.energy-dashboard-shopify .card{padding:18px;border-radius:20px}.energy-dashboard-shopify .stats-grid{grid-template-columns:1fr}.energy-dashboard-shopify .topbar{align-items:flex-start}.energy-dashboard-shopify footer{flex-direction:column}.energy-dashboard-shopify .power-stage{min-height:500px}.energy-dashboard-shopify .flow-node{width:105px}.energy-dashboard-shopify .flow-node .icon-wrap{width:60px;height:60px;font-size:26px}.energy-dashboard-shopify .node-pv{top:24px;left:8px}.energy-dashboard-shopify .node-grid{top:24px;right:8px}.energy-dashboard-shopify .node-battery{bottom:24px;left:8px}.energy-dashboard-shopify .node-load{bottom:24px;right:8px}.energy-dashboard-shopify .flow-label{font-size:16px}.energy-dashboard-shopify .label-pv{top:156px;left:105px}.energy-dashboard-shopify .label-grid{top:156px;right:105px}.energy-dashboard-shopify .label-battery{bottom:145px;left:105px}.energy-dashboard-shopify .label-load{bottom:145px;right:105px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/energy-dashboard.css.map */
