/* PASO218 Vivid dashboard; scoped to dashboard only. */
body.hc-dashboard-mode{background:#001220;color:#effaff}
.hc-dashboard-mode #app{max-width:none!important;padding:0!important}
.hc-dashboard-mode main{padding:0!important}
.hc-dashboard-mode .topbar,.hc-dashboard-mode .bottom-nav,.hc-dashboard-mode #HOTEL_CORE_TEST_BANNER,.hc-dashboard-mode #raspberryConnectionStatus,.hc-dashboard-mode>div[style="height:24px"]{display:none!important}
.hc-dashboard-shell{--blue:#00c9f5;--red:#ff4d5c;--green:#00e7b1;display:grid;grid-template-columns:188px minmax(0,1fr);min-height:100dvh;background:radial-gradient(ellipse at 80% 0,#07375a 0,transparent 50%),#00111f;color:#f0f9ff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.hc-dashboard-shell *{box-sizing:border-box}
.hc-dashboard-shell button{cursor:pointer}
.hc-dashboard-shell button:focus-visible,.hc-dashboard-shell input:focus-visible,.hc-dashboard-shell summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hc-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;border-right:1px solid #146084;background:linear-gradient(155deg,#052138,#00101d);padding:20px 10px}
.hc-logo{display:flex;justify-content:center;align-items:center;height:77px;gap:4px;color:white}.hc-logo>span{font-size:57px;font-weight:260;letter-spacing:-7px}.hc-logo svg{width:45px;height:67px;stroke:#85e7ff;stroke-width:1.7;fill:none;stroke-linecap:round}
.hc-wordmark,.hc-elche{text-align:center;letter-spacing:.23em;font-size:11px}.hc-elche{font-size:9px;margin:7px 0 32px;color:#83d8f0}
.hc-side-nav{display:grid;gap:7px}.hc-side-nav button{display:flex;align-items:center;gap:12px;min-height:49px;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:none;color:#c7eaff;font-size:13px;text-align:left}
.hc-side-nav button.selected{color:#fff;background:linear-gradient(100deg,#065985,#003852);border-color:#0089bd;box-shadow:inset 4px 0 var(--blue),0 0 15px #00bfff22;font-weight:750}
.hc-side-nav button:hover{background:#04324e}.hc-side-nav button:disabled{opacity:.42;cursor:default}.hc-side-nav svg{width:24px;height:24px;stroke:#73e8ff;stroke-width:1.8;fill:none}
.hc-sidebar-end{margin-top:auto;padding:22px 10px 4px;text-align:center;color:#9febff;letter-spacing:.23em;font-size:10px;line-height:1.8}.hc-sidebar-end svg{width:62px;height:68px;fill:none;stroke:#5fe4ff;stroke-width:1.4}
.hc-workspace{min-width:0;padding:12px 14px 8px}.hc-dashboard-top{display:flex;align-items:center;gap:16px;min-height:73px;margin-bottom:12px;border-bottom:1px solid #12608a;padding-bottom:10px}
.hc-dashboard-title h1{font-size:36px;line-height:1;margin:0;color:white;letter-spacing:-.035em}.hc-dashboard-subtitle{font-size:18px;color:#79dfff;margin-top:5px}#hcDashboardHotel{display:block;font-size:10px;color:#b5d6e6;margin-top:3px}
.hc-dashboard-top .back-button{display:none}.hc-date{margin-left:auto;text-align:right;white-space:nowrap;color:#9adeff;font-size:11px}.hc-date strong{display:block;font-size:25px;color:white;margin-top:2px}
.hc-live-pill{display:flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #048da3;border-radius:10px;background:#02344577}.hc-live-pill i{width:11px;height:11px;background:var(--blue);border-radius:50%;box-shadow:0 0 15px var(--blue)}.hc-live-pill strong{font-size:12px}.hc-live-pill small{display:block;color:#7ddff2;font-size:10px;margin-top:3px}
.hc-dashboard-toolbar{display:flex;align-items:stretch;gap:8px;margin-bottom:12px}.hc-dash-dots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1;min-width:0}
.hc-dash-dot{display:flex;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(130deg,#04385b,#031d31);border:1px solid #078dc2;border-radius:12px;color:white;text-align:left;min-width:0}.hc-dash-dot>span:last-child{min-width:0}.hc-dash-dot strong{font-size:19px}.hc-dash-dot small{display:block;font-size:11px;color:#8bdefa;margin-top:4px}.hc-dash-dot svg{width:34px;height:40px;stroke:var(--blue);fill:#00b8f233;stroke-width:1.7}
.hc-dash-dot.active{background:linear-gradient(130deg,#0078b8,#01416a);border:2px solid var(--blue);box-shadow:inset 0 0 20px #00bfff25,0 0 13px #00cfff36}.hc-dash-dot.active svg{filter:drop-shadow(0 0 6px #00c5ff)}
.hc-speed-button{border:1px solid #1484b0;border-radius:9px;background:#06263e;color:#c7f4ff;padding:8px 10px;font-weight:650;font-size:11px}.hc-speed-button.active{background:#0873a0;color:white}
.hc-dashboard-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;min-width:0;width:100%}.hc-dashboard-viewport::-webkit-scrollbar{display:none}.hc-dashboard-track{display:flex;width:100%;align-items:flex-start}.hc-dashboard-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;padding:1px}
.hc-slide-card{display:grid;gap:11px;min-width:0}.hc-slide-head{display:flex;justify-content:space-between;align-items:center;padding:1px 1px 4px;gap:8px}.hc-slide-kicker{font-size:10px;color:#a7dce9;letter-spacing:.1em;text-transform:uppercase}.hc-slide-title{margin:2px 0;font-size:23px}.hc-slide-sub{font-size:12px;color:#abd6e8}.hc-electric-card>.hc-slide-head{display:none}
.hc-panel{border:1px solid #087ea9;border-radius:12px;background:linear-gradient(130deg,#03294388,#021728e8);padding:12px 14px;min-width:0;overflow:hidden;box-shadow:inset 0 0 25px #00315122}.hc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.hc-panel-head strong{font-size:15px;display:flex;gap:8px;align-items:center}.hc-panel-head small{display:block;font-size:10px;color:#86bed4;margin-top:3px}.hc-panel-head svg{width:22px;height:24px;fill:none;stroke:var(--blue);stroke-width:1.8}.hc-panel-value{text-align:right}.hc-panel-value strong{justify-content:flex-end;color:#77eaff;font-size:20px}
.hc-building-layout{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:15px;align-items:center}.hc-chart-wrap{height:240px;min-width:0}.hc-chart-wrap svg,.hc-mini-chart svg{display:block;width:100%;height:100%;overflow:visible}.hc-mini-chart{height:180px;min-width:0}
.hc-electric-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;min-width:0}.hc-grid-line{stroke:#11618799;stroke-width:1}.hc-axis-label{fill:#b6eaff;font:12px system-ui}.hc-threshold{stroke:#c7f5ff;stroke-width:1.4;stroke-dasharray:5 4}.hc-bar{fill:var(--blue);stroke:#79edff;stroke-width:.4}.hc-bar.alert{fill:var(--red);stroke:#ff8d97}.hc-bar-value{fill:white;text-anchor:middle;font:bold 13px system-ui}.hc-bar-value.alert{fill:#ff99a4}
.hc-zone-series,.hc-series,.hc-series-week{fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hc-zone-series{vector-effect:non-scaling-stroke}.hc-series-alert{stroke:var(--red)!important}.hc-zone-point,.hc-latest-dot{fill:var(--blue);stroke:#001929;stroke-width:1}.hc-zone-point.alert,.hc-alert-dot{fill:var(--red);stroke:#ffb5bf;stroke-width:1.2}.hc-now-line{stroke:#88dffa99;stroke-width:1;stroke-dasharray:4 6}.hc-band{fill:#00deae12;stroke:#00deae44}.hc-night-zone{fill:#0b64aa22}
.hc-room-grid{display:grid;gap:12px}.hc-room{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:8px;background:none;padding:1px;border:0}.hc-room strong{font-size:11px;font-weight:500;color:#d3f4ff}.hc-room-state{display:block;flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 7px #00d0ff55}.hc-room.alert .hc-room-state{background:var(--red);box-shadow:0 0 10px #ff304d77}.hc-room.alert strong{color:#ffc2c8}
.hc-status-chip{padding:7px 10px;border:1px solid #008fc4;border-radius:8px;font-size:11px;font-weight:700;color:#81e6ff;background:#003958}.hc-status-chip.alert{border-color:#ff5464;color:#ff9aa5;background:#571524}.hc-status-chip.warning{color:#ffdf8f;border-color:#967224}
.hc-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hc-kpi{display:flex;align-items:flex-start;gap:11px;padding:15px 12px;border:1px solid #00b7dc;border-radius:12px;background:linear-gradient(140deg,#064268,#011a30);min-width:0}.hc-kpi>div{min-width:0}.hc-kpi span:not(.hc-kpi-icon){font-size:11px;color:#c9f1ff}.hc-kpi strong{display:block;font-size:clamp(20px,2.2vw,30px);color:white;line-height:1.15;margin:8px 0}.hc-kpi small{display:block;color:#94cada;font-size:10px;line-height:1.4}.hc-kpi-icon svg{width:29px;height:34px;fill:none;stroke:var(--blue);stroke-width:1.7;filter:drop-shadow(0 0 5px #00c8ff66)}
.hc-kpi-target{border-color:#00b88b;background:linear-gradient(130deg,#043f41,#011c2a)}.hc-kpi-target svg{stroke:var(--green)}.hc-kpi-excess.has-excess,.hc-kpi-cost.has-excess{border-color:var(--red);background:linear-gradient(135deg,#49162a,#131827)}.hc-kpi-excess.has-excess svg,.hc-kpi-cost.has-excess svg{stroke:var(--red);filter:drop-shadow(0 0 5px #ff4d5c66)}
.hc-month-panel{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;padding:20px 23px;border:1px solid #00dbb0;border-radius:14px;background:radial-gradient(ellipse at 85% 20%,#007c8a40,transparent 68%),linear-gradient(110deg,#013447,#001c2a);box-shadow:inset 0 0 38px #00d0a611;min-width:0}.hc-month-tag{font-size:10px;letter-spacing:.11em;color:#5deacb}.hc-month-main h3{font-size:19px;font-weight:500;margin:8px 0 4px;color:#d3fbff}.hc-month-euros{display:block;font-size:clamp(28px,4vw,47px);line-height:1.15;letter-spacing:-.03em;color:#68ffe0}.hc-month-main>small{display:block;margin-top:5px;color:#93c9cd;font-size:10px}.hc-month-energy{border-left:1px solid #167183;padding:5px 0 0 24px;align-self:center;display:grid;grid-template-columns:32px 1fr;gap:5px 12px}.hc-month-energy>span:first-child{grid-row:1/4}.hc-month-energy svg{width:32px;height:40px;fill:none;stroke:#01d7f7;stroke-width:1.7}.hc-month-energy>span{font-size:12px;color:#bbf3ff}.hc-month-energy>strong{font-size:30px;color:#fff}.hc-month-energy>small{color:#8bced6;font-size:10px}
.hc-month-meta{grid-column:1/-1;margin:0;font-size:10px;color:#91cfda}.hc-month-history{grid-column:1/-1;border-top:1px solid #146b7d;padding-top:10px;color:#adebfa;font-size:11px}.hc-month-history summary{cursor:pointer}.hc-month-history table{border-collapse:collapse;width:100%;margin-top:10px}.hc-month-history th,.hc-month-history td{padding:9px 6px;text-align:left;border-bottom:1px solid #12516c}
.hc-tariff{border:1px solid #096687;background:#022234;border-radius:11px;padding:11px 15px;font-size:12px;min-width:0}.hc-tariff summary{color:#9feeff;font-weight:650;cursor:pointer}.hc-tariff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.hc-tariff-grid label{font-size:11px;color:#bad9e6;min-width:0}.hc-tariff input{display:block;width:100%;min-width:0;margin-top:6px;padding:9px;border:1px solid #166884;border-radius:7px;background:#001b2b;color:white}.hc-tariff-grid strong{display:block;padding:5px 0;color:#73e1ff}.hc-tariff-grid small{font-size:10px;color:#8fb2c5}.hc-electric-hint{font-size:10px;line-height:1.6;color:#8bbed0;margin:8px 0}.hc-legend>small{font-size:10px;color:#91dbef}
.hc-alert-overlay{display:none}.hc-alert-message{display:none;border:1px solid var(--red);border-left:5px solid var(--red);border-radius:10px;padding:10px 14px;background:linear-gradient(100deg,#4c1427,#201728);margin-bottom:10px;grid-template-columns:1fr 1fr;gap:2px 14px}.has-alert .hc-alert-message{display:grid;animation:hcAlertBreath 2.3s ease-in-out infinite}.hc-alert-message strong{color:#ff6674;font-size:13px}.hc-alert-message span{color:#ffe5e9;font-size:12px;text-align:right}.hc-alert-message small{grid-column:1/-1;color:#e4b4c2;font-size:10px}@keyframes hcAlertBreath{50%{box-shadow:0 0 18px #ff335838}}
.hc-hero-metric{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:5px 0 15px}.hc-hero-number{font-size:49px;color:white;font-weight:760}.hc-hero-number small{font-size:15px;color:#84d9ec;margin-left:6px}.hc-hero-caption{font-size:12px;text-align:right;color:#a4d9e6}.hc-week-summary{color:#72e1fb;font-size:12px;display:flex;gap:8px}.hc-week-summary>span{color:#93b7ca}
.hc-dashboard-footer{display:flex;justify-content:space-between;gap:12px;padding:12px 2px 7px;margin-top:8px;border-top:1px solid #095275;color:#a3e5f5;font-size:10px}.hc-dashboard-footer>span:last-child{letter-spacing:.13em}.hc-demo-note,.hc-swipe-hint{color:#83b6cb;font-size:9px;text-align:center;line-height:1.5;margin-top:3px}
@media(min-width:1500px){.hc-dashboard-shell{grid-template-columns:217px 1fr}.hc-workspace{padding:16px 20px}.hc-chart-wrap{height:285px}.hc-mini-chart{height:215px}.hc-side-nav button{font-size:15px;min-height:58px}.hc-month-panel{padding:24px}}
@media(max-height:860px) and (min-width:1000px){.hc-chart-wrap{height:195px}.hc-mini-chart{height:155px}.hc-dashboard-top{min-height:63px}.hc-dash-dot{padding:9px 13px}.hc-kpi{padding:11px}.hc-month-panel{padding:16px 20px}.hc-slide-card{gap:9px}}
@media(max-width:1050px){.hc-dashboard-shell{grid-template-columns:148px 1fr}.hc-sidebar{padding:16px 6px}.hc-wordmark{font-size:9px}.hc-side-nav button{font-size:11px;padding:8px;gap:8px}.hc-workspace{padding:10px}.hc-dash-dot{gap:7px;padding:10px}.hc-dash-dot strong{font-size:16px}.hc-dash-dot svg{width:26px}.hc-live-pill{padding:8px}.hc-date{font-size:9px}.hc-kpi-icon{display:none}.hc-building-layout{grid-template-columns:minmax(0,1fr) 115px}.hc-month-euros{font-size:33px}}
@media(max-width:720px){.hc-dashboard-shell{display:block}.hc-sidebar{display:none}.hc-workspace{padding:10px 8px}.hc-dashboard-top{gap:8px;min-height:63px;margin-bottom:9px}.hc-dashboard-title h1{font-size:26px}.hc-dashboard-subtitle{font-size:11px}.hc-dashboard-top .back-button{display:block;width:33px;min-width:33px;height:37px;border:1px solid #1885b5;border-radius:8px;background:#062d45;color:#8ff0ff}.hc-date{display:none}.hc-live-pill{margin-left:auto;padding:7px;gap:6px}.hc-live-pill strong{font-size:9px}.hc-live-pill small{font-size:8px}.hc-live-pill i{width:7px;height:7px}.hc-dashboard-toolbar{flex-wrap:wrap;gap:6px}.hc-dash-dots{gap:5px;flex-basis:100%}.hc-dash-dot{padding:9px 7px;gap:6px}.hc-dash-dot strong{font-size:13px}.hc-dash-dot small{font-size:8px}.hc-dash-dot svg{width:23px;height:26px}.hc-speed-button{padding:6px 10px;margin-left:auto}.hc-panel{padding:10px}.hc-panel-head strong{font-size:12px}.hc-panel-head small{font-size:8px}.hc-panel-head svg{width:16px}.hc-panel-value strong{font-size:16px}}
@media(max-width:720px){.hc-building-layout{display:flex;flex-direction:column;gap:8px;align-items:stretch}.hc-chart-wrap{height:220px}.hc-room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hc-room strong{font-size:9px}.hc-room{gap:5px}.hc-room-state{flex-basis:7px;width:7px;height:7px}.hc-legend .hc-electric-hint{margin:4px 0;font-size:8px}.hc-legend .hc-electric-hint br{display:none}.hc-electric-grid{grid-template-columns:1fr;gap:9px}.hc-mini-chart{height:182px}.hc-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.hc-kpi{padding:12px}.hc-kpi strong{font-size:23px}.hc-kpi span:not(.hc-kpi-icon){font-size:10px}.hc-kpi small{font-size:9px}.hc-month-panel{grid-template-columns:1fr;padding:16px;gap:12px}.hc-month-main h3{font-size:17px}.hc-month-euros{font-size:32px}.hc-month-energy{border-left:0;border-top:1px solid #167183;padding:12px 0 0}.hc-month-energy>strong{font-size:27px}.hc-tariff-grid{grid-template-columns:1fr}.hc-alert-message{grid-template-columns:1fr}.hc-alert-message span{text-align:left}.hc-alert-message strong{font-size:11px}.hc-alert-message small{font-size:9px}.hc-dashboard-footer{font-size:8px}.hc-dashboard-footer>span:last-child{display:none}.hc-month-history{overflow:auto}.hc-slide-title{font-size:22px}.hc-hero-number{font-size:38px}.hc-hero-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hc-dashboard-viewport{scroll-behavior:auto}.has-alert .hc-alert-message{animation:none}}