/* Value dashboard: grouped network status, daily delivery, savings, and battery SOC. */ #sidebar #energyHeartbeat[data-value-dashboard] { --cv-navy:#102654;--cv-red:#914237;--cv-teal:#187a78;--cv-green:#356449;--cv-blue:#5068bb; padding:0!important;background:#fff!important;border:1px solid #dce1eb!important; border-radius:0 0 20px 20px!important;overflow:visible!important; } #sidebar #energyHeartbeat[data-value-dashboard] > :not(.energy-heartbeat-head):not(.clh-value-dashboard):not(.historical-dashboard-context) {display:none!important;} #sidebar #energyHeartbeat[data-value-dashboard] .energy-heartbeat-head {min-height:49px!important;padding:10px 14px!important;box-sizing:border-box!important;} #sidebar #energyHeartbeat[data-value-dashboard] .mobile-energy-month-heading {display:none!important;} #sidebar #energyHeartbeat[data-value-dashboard] .clh-value-dashboard {width:100%!important;display:block!important;color:var(--cv-navy);font-family:'Noto Sans',Arial,sans-serif;} #sidebar #energyHeartbeat[data-value-dashboard] .clh-value-dashboard * {box-sizing:border-box;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-row {padding:15px 13px;min-width:0;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-metric {min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 5px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-value {display:block;margin:0;color:var(--cv-navy);font-family:'Oswald','Noto Sans',sans-serif;font-size:30px;font-weight:600;line-height:1.08;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.025em;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-value small {font-size:.53em;letter-spacing:0;font-weight:600;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-label {display:block;color:var(--cv-navy);font-family:'Noto Sans',Arial,sans-serif;font-size:9px;font-weight:800;line-height:1.2;letter-spacing:.015em;text-transform:uppercase;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-heading h2 {font:600 15px/1.2 'Oswald',sans-serif;letter-spacing:.055em;color:var(--cv-navy);margin:0;text-transform:uppercase;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-live, #sidebar #energyHeartbeat[data-value-dashboard] .cv-estimated {font:800 8px/1.3 'Noto Sans',sans-serif;letter-spacing:.07em;white-space:nowrap;color:var(--cv-teal);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-live::before {content:'';display:inline-block;vertical-align:1px;width:5px;height:5px;margin-right:5px;background:currentColor;border-radius:50%;} /* Row 1: two explicit site groups, with operating capacity visually dominant. */ #sidebar #energyHeartbeat[data-value-dashboard] .cv-status {padding-top:16px;padding-bottom:16px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-status-groups {display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.88fr);gap:10px;align-items:stretch;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-group {min-width:0;border:1px solid #dce2ec;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 1px 0 rgba(16,38,84,.03);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-operating-group {border-color:#cbd5e8;box-shadow:0 2px 7px rgba(16,38,84,.06);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-construction-group {background:#fbfbfc;border-color:#e1e3e8;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-group-head {min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 7px 7px;text-align:center;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-group-head strong {font:600 38px/1 'Oswald','Noto Sans',sans-serif;letter-spacing:-.025em;color:var(--cv-navy);font-variant-numeric:tabular-nums;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-group-head span {margin-top:5px;font:800 9px/1.15 'Noto Sans',sans-serif;letter-spacing:.035em;color:var(--cv-navy);text-transform:uppercase;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-construction-group .cv-site-group-head {min-height:58px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-construction-group .cv-site-group-head strong {font-size:32px;color:var(--cv-red);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-construction-group .cv-site-group-head span {font-size:8px;color:#5f6878;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-stats {display:grid;grid-template-columns:1fr 1.18fr;border-top:1px solid #e0e5ee;min-height:54px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-construction-group .cv-site-stats {grid-template-columns:1fr 1.25fr;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-stat {min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7px 4px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-stat + .cv-site-stat {border-left:1px solid #e0e5ee;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-stat strong {color:var(--cv-navy);font:600 18px/1.05 'Oswald','Noto Sans',sans-serif;letter-spacing:-.015em;white-space:nowrap;font-variant-numeric:tabular-nums;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-stat strong small {font-size:.58em;letter-spacing:0;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-battery strong {font-size:15px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-stat span {margin-top:3px;color:var(--cv-navy);font:800 7.5px/1.1 'Noto Sans',sans-serif;letter-spacing:.025em;text-transform:uppercase;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-construction-group .cv-site-stat strong {color:#5c6472;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-construction-group .cv-site-stat span {color:#69717f;} /* Row 2: three component flows are visibly grouped; TOTAL is a separate, wider result tile. */ #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow {background:#edf7f6;border-top:1px solid #d5e7e4;border-bottom:1px solid #d5e7e4;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-layout {display:grid;grid-template-columns:minmax(0,1.72fr) minmax(0,.9fr);gap:8px;align-items:stretch;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-components {min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #cfdfdd;border-radius:10px;background:rgba(255,255,255,.76);overflow:hidden;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-components .cv-flow-item + .cv-flow-item {border-left:1px solid #d0e2df;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-item {min-height:108px;padding:10px 3px 9px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-item .cv-label {margin:0 0 8px;font-size:8px;white-space:nowrap;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-components .cv-value {font-size:22px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-now {display:block;margin-top:7px;color:#2f6667;font:800 8px/1.1 'Noto Sans',sans-serif;letter-spacing:.045em;white-space:nowrap;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-now [data-value] {font:600 13px/1 'Oswald','Noto Sans',sans-serif;letter-spacing:0;color:var(--cv-teal);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-total {position:relative;min-width:0;border:1px solid #bfcfcd;border-radius:10px;background:#dfecea;box-shadow:inset 4px 0 0 var(--cv-teal);padding:10px 6px 9px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-total .cv-label {margin:0 0 8px;font-size:9px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-total .cv-value {font-size:30px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-total .cv-now {margin-top:7px;font-size:8.5px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-total .cv-now [data-value] {font-size:14px;} /* Row 3: same outer width as delivery geometry, but three financial periods rather than four mapped columns. */ #sidebar #energyHeartbeat[data-value-dashboard] .cv-savings {background:#f2f8f3;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-savings .cv-heading h2, #sidebar #energyHeartbeat[data-value-dashboard] .cv-estimated {color:var(--cv-green);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-savings-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #d7e3d9;border-radius:10px;background:rgba(255,255,255,.55);overflow:hidden;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-savings-grid .cv-metric {min-height:74px;padding:9px 4px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-savings-grid .cv-metric + .cv-metric {border-left:1px solid #d8e5d9;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-savings .cv-value {font-size:25px;color:var(--cv-green);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-savings .cv-label {margin-top:7px;font-size:8.5px;color:#496551;white-space:nowrap;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-today-savings {background:#eaf3eb;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-method {border-top:1px solid #d9e5dc;margin:12px 1px 0;padding-top:8px;color:#52675c;font:500 9.5px/1.45 'Noto Sans',sans-serif;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-method summary {cursor:pointer;width:fit-content;border-radius:3px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-method summary:focus-visible {outline:2px solid var(--cv-teal);outline-offset:4px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-method p {margin:8px 0;} /* Battery state of charge: restores the prior rounded battery card with icon and progress bar. */ #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc {--cv-soc:0%;margin:12px 13px 8px;padding:9px 12px 10px;background:#fbfcff;border:1px solid #ccd8ef;border-radius:17px;color:var(--cv-navy);box-shadow:0 1px 0 rgba(16,38,84,.03);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-head {display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-icon {width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--cv-blue);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-icon svg {width:34px;height:34px;overflow:visible;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-icon .battery-terminal, #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-icon .battery-shell {fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-icon .battery-bolt {fill:currentColor;stroke:none;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-copy {min-width:0;display:flex;flex-direction:column;gap:1px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-copy > strong {font:700 15px/1.05 'Noto Sans',sans-serif;letter-spacing:.025em;color:var(--cv-blue);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-copy > span {font:800 7.5px/1.25 'Noto Sans',sans-serif;letter-spacing:.035em;color:#5f6b80;white-space:nowrap;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-value {font:600 31px/1 'Oswald','Noto Sans',sans-serif;letter-spacing:-.02em;color:var(--cv-blue);font-variant-numeric:tabular-nums;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-meter {height:5px;margin-top:7px;background:#e4e9f4;border-radius:999px;overflow:hidden;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-meter > span {display:block;width:var(--cv-soc);height:100%;background:var(--cv-blue);border-radius:inherit;transition:width .35s ease;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc[data-available="false"] .cv-soc-meter > span {opacity:.3;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-network-footer {padding:0 14px 12px;text-align:center;color:#637087;font:800 8.5px/1.25 'Noto Sans',sans-serif;letter-spacing:.025em;text-transform:uppercase;} @media(min-width:981px){ html body .workspace {grid-template-columns:450px minmax(0,1fr)!important;} html body #sidebar.sidebar.has-energy-dashboard-v3 {width:450px!important;} #sidebar #energyHeartbeat[data-value-dashboard] {margin-right:12px!important;} html body .header {padding-left:468px!important;} html body .header .brand {left:470px!important;width:190px!important;} html body .header .search {width:min(378px,calc(100vw - 700px))!important;} } @media(max-width:980px){ #sidebar #energyHeartbeat[data-value-dashboard] {width:calc(100% - 38px)!important;margin:0 30px 0 8px!important;} #sidebar #energyHeartbeat[data-value-dashboard] > .energy-heartbeat-head {display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:32px!important;height:32px!important;padding:7px 12px!important;} #sidebar #energyHeartbeat[data-value-dashboard] [data-energy-title] {position:static!important;inset:auto!important;transform:none!important;display:block!important;flex:0 1 auto!important;text-align:right!important;margin:0!important;font:600 13px/1.2 'Oswald',sans-serif!important;letter-spacing:.04em!important;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-row {padding:11px 8px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-heading {gap:5px;margin-bottom:9px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-heading h2 {font-size:12.5px;letter-spacing:.035em;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-live, #sidebar #energyHeartbeat[data-value-dashboard] .cv-estimated {font-size:7px;letter-spacing:.02em;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-status-groups {grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:7px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-group-head {min-height:55px;padding:6px 4px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-group-head strong {font-size:31px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-group-head span {font-size:7.7px;margin-top:4px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-construction-group .cv-site-group-head {min-height:51px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-construction-group .cv-site-group-head strong {font-size:27px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-construction-group .cv-site-group-head span {font-size:6.8px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-stats {min-height:48px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-stat {padding:6px 2px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-stat strong {font-size:15px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-battery strong {font-size:12px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-stat span {font-size:6.4px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-layout {grid-template-columns:minmax(0,1.64fr) minmax(0,.96fr);gap:6px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-item {min-height:95px;padding:8px 2px 7px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-item .cv-label {font-size:6.7px;margin-bottom:6px;letter-spacing:0;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-components .cv-value {font-size:18px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-now {font-size:6.6px;margin-top:5px;letter-spacing:.02em;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-now [data-value] {font-size:10px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-total {padding-left:4px;padding-right:4px;box-shadow:inset 3px 0 0 var(--cv-teal);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-total .cv-label {font-size:7.7px;margin-bottom:6px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-total .cv-value {font-size:25px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-total .cv-now [data-value] {font-size:11px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-savings-grid .cv-metric {min-height:65px;padding:8px 3px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-savings .cv-value {font-size:clamp(19px,5.3vw,22px);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-savings .cv-label {font-size:7.4px;margin-top:6px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-method {font-size:8.5px;margin-top:10px;padding-top:7px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc {margin:9px 8px 6px;padding:7px 9px 8px;border-radius:14px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-head {grid-template-columns:31px minmax(0,1fr) auto;gap:6px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-icon {width:31px;height:31px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-icon svg {width:30px;height:30px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-copy > strong {font-size:12px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-copy > span {font-size:6.5px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-value {font-size:26px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-soc-meter {height:4px;margin-top:6px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-network-footer {font-size:7.5px;padding:0 10px 10px;} } @media(max-width:370px){ #sidebar #energyHeartbeat[data-value-dashboard] .cv-status-groups {gap:5px;grid-template-columns:minmax(0,1.34fr) minmax(0,.86fr);} #sidebar #energyHeartbeat[data-value-dashboard] .cv-site-battery strong {font-size:10.8px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-layout {grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:5px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-item .cv-label {font-size:6.1px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-flow-components .cv-value {font-size:16.5px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-total .cv-value {font-size:23px;} #sidebar #energyHeartbeat[data-value-dashboard] .cv-savings .cv-value {font-size:18px;} } /* Keep the construction label beside the circular logo, not beneath it. */ #siteList .site-row[data-construction-icon="1"] .cv-construction-note {grid-column:2!important;grid-row:2!important;margin:3px 0 0!important;align-self:start!important;font-size:9px!important;white-space:normal!important;} #siteList .site-row[data-construction-icon="1"] .site-energy-details, #siteList .site-row[data-construction-icon="1"] .desktop-card-live-panel {display:none!important;} @media(min-width:981px){ #siteList .site-row[data-construction-icon="1"] {grid-template-rows:auto auto!important;min-height:68px!important;} #siteList .site-row[data-construction-icon="1"] .site-logo {grid-row:1 / 3!important;align-self:center!important;} #siteList .site-row[data-construction-icon="1"] .site-name {align-self:end!important;} }