.power-grid-panel{display:contents}.power-grid-panel[hidden]{display:none!important}.power-grid-mode>.map-panel,.power-grid-mode>.inspector{display:none}.pg-map-wrap{grid-column:2;grid-row:1;position:relative;min-width:0;height:620px;background:#070f16}.pg-heading{position:absolute;top:18px;left:22px;right:22px;z-index:2;pointer-events:none}.pg-heading h2{font-size:20px;font-weight:450;margin:12px 0}.pg-heading .view-tabs{pointer-events:auto}.pg-canvas{position:absolute;inset:98px 0 65px}.pg-legend{position:absolute;bottom:16px;left:22px;right:22px;display:flex;flex-wrap:wrap;gap:12px;color:#cee0d9;font-size:11px}.pg-legend i{display:inline-block;width:18px;height:3px;margin-right:5px;vertical-align:middle}.pg-inspector{grid-column:3;grid-row:1;padding:22px;min-width:0;height:620px;overflow:auto;box-sizing:border-box;color:#d8e6dc;background:#12251e;font-size:12px;line-height:1.6}.pg-inspector select,.pg-inspector button,.pg-inspector input[type=search]{width:100%;padding:8px;margin:4px 0 12px;color:inherit;background:#182d24;border:1px solid #496454}.pg-inspector a{color:#d9e5ae}.pg-inspector label{display:block}.pg-inspector input[type=checkbox]{margin-right:8px}.pg-inspector pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.pg-inspector h3{font-size:17px}.pg-selection{overflow-wrap:anywhere}.pg-match{font-size:11px;text-align:left}.pg-status{color:#c9d79a}.power-grid-mode .sidebar{grid-column:1;grid-row:1}.power-grid-mode{grid-template-rows:620px auto!important}
@media(max-width:950px){.pg-inspector{grid-column:1/-1;grid-row:2;height:auto}.power-grid-mode{grid-template-rows:620px auto!important}}
@media(max-width:620px){.pg-map-wrap{grid-column:1/-1;grid-row:auto;height:480px}.pg-inspector{grid-row:auto}.power-grid-mode{grid-template-rows:auto!important}.pg-heading{left:15px}.pg-legend{left:15px;font-size:10px}}
body.zco-carbonview.zco-editorial main .workspace.power-grid-mode>.sidebar>.map-summary{display:none}
body.zco-carbonview.zco-editorial main .pg-inspector{border:1px solid #36514266;border-radius:12px;background:#0b1814e8;backdrop-filter:blur(8px);z-index:10}
body.zco-carbonview.zco-editorial main .pg-heading h2{font-size:15px;color:#c6dfd3;font-weight:400;margin:8px 0}
body.zco-carbonview.zco-editorial main .pg-legend{z-index:5;background:#071411dd;padding:9px 12px;border-radius:8px;width:max-content;max-width:calc(100% - 44px)}
@media(min-width:1100px){
 body.zco-carbonview.zco-editorial main .workspace.power-grid-mode{grid-template-columns:minmax(0,1fr);grid-template-rows:auto!important}
 body.zco-carbonview.zco-editorial main .power-grid-mode .pg-map-wrap{grid-column:1;grid-row:1;width:100%;height:100svh;min-height:700px;background:transparent}
 body.zco-carbonview.zco-editorial main .power-grid-mode .pg-inspector{grid-column:1;grid-row:1;justify-self:end;align-self:start;width:var(--right-instrument);height:auto;max-height:calc(100svh - 122px);margin:98px 24px 24px 0;overflow:auto;padding:18px}
 body.zco-carbonview.zco-editorial main .pg-canvas{inset:0;transform:translateY(32px)}
 body.zco-carbonview.zco-editorial main .pg-heading{top:98px;left:calc(var(--left-instrument) + 48px);right:calc(var(--right-instrument) + 48px)}
 body.zco-carbonview.zco-editorial main .pg-legend{left:calc(var(--left-instrument) + 48px);bottom:28px}
}
@media(min-width:621px) and (max-width:1099px){
 body.zco-carbonview.zco-editorial main .workspace.power-grid-mode{grid-template-columns:220px minmax(0,1fr);grid-template-rows:620px auto!important}
 body.zco-carbonview.zco-editorial main .power-grid-mode>.sidebar{grid-row:1;grid-column:1}
 body.zco-carbonview.zco-editorial main .pg-map-wrap{grid-column:2;grid-row:1}
 body.zco-carbonview.zco-editorial main .pg-inspector{grid-column:1/-1;grid-row:2;height:auto}
}
@media(max-width:620px){
 body.zco-carbonview.zco-editorial main .workspace.power-grid-mode{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto!important}
 body.zco-carbonview.zco-editorial main .power-grid-mode>.sidebar{grid-column:1;grid-row:1}
 body.zco-carbonview.zco-editorial main .pg-map-wrap{grid-column:1;grid-row:2}
 body.zco-carbonview.zco-editorial main .pg-inspector{grid-column:1;grid-row:3;height:auto}
}
.pg-station-labels{position:absolute;inset:0;pointer-events:none;z-index:2}

/* Native dialog top layer keeps station details above map controls and sidebars. */
.pg-station-dialog{width:min(420px,calc(100vw - 32px));max-height:80svh;box-sizing:border-box;background:#10251e;color:#e2eee6;border:1px solid #557562;padding:24px;overflow:auto;overflow-wrap:anywhere}
.pg-station-dialog::backdrop{background:#020b0866}
.pg-station-dialog h3{margin:0 32px 16px 0;font-size:20px}
.pg-station-dialog p,.pg-station-dialog details{font-size:12px;line-height:1.7}
.pg-station-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}
.pg-station-dialog a{color:#d9e5ae}
.pg-station-dialog button{cursor:pointer;color:inherit;background:#213e31;border:1px solid #557562;padding:8px}
.pg-station-dialog .pg-dialog-close{position:absolute;right:12px;top:12px;font-size:22px;padding:2px 10px}
/* Transparent power-grid controls over the globe. */
body.zco-carbonview.zco-editorial main .pg-inspector{background:transparent;border-color:transparent;backdrop-filter:none;box-shadow:none}

/* Use the shared layer view-control toolbar. */
body.zco-carbonview.zco-editorial main .pg-heading.map-toolbar h2{display:none}
body.zco-carbonview.zco-editorial main .pg-heading.map-toolbar{top:0;left:8px;right:8px}
@media(min-width:1100px){body.zco-carbonview.zco-editorial main .pg-heading.map-toolbar{top:130px;left:calc(var(--left-instrument) + 48px);right:calc(var(--right-instrument) + 48px)}}
@media(max-width:700px){body.zco-carbonview.zco-editorial main .pg-heading.map-toolbar{left:0;right:0}}
body.zco-carbonview.zco-editorial main .pg-heading.map-toolbar .view-tabs{justify-content:flex-end}

body.zco-carbonview.zco-editorial main .map-toolbar .view-tabs.view-tabs-no-list{min-width:0;width:max-content}
/* Every layer uses the Grid carbon intensity inspector surface. */
body.zco-carbonview.zco-editorial main :is(.workspace>.inspector,.gf-inspector,.sat-detail,.targets-inspector,.pg-inspector){box-sizing:border-box;background:transparent;border:1px solid #36514266;border-radius:12px;padding:21px 20px 18px;color:var(--ink);font-size:16px;line-height:1.65;backdrop-filter:blur(8px);text-shadow:0 1px 5px #000b;box-shadow:none}
body.zco-carbonview.zco-editorial main :is(.workspace>.inspector,.gf-inspector,.sat-detail,.targets-inspector,.pg-inspector) :is(p,details,label){font-size:11px;line-height:1.7;color:var(--muted)}
body.zco-carbonview.zco-editorial main :is(.workspace>.inspector,.gf-inspector,.sat-detail,.targets-inspector,.pg-inspector) :is(select,input[type=search],input[type=number]){box-sizing:border-box;min-height:36px;padding:7px 9px;border:1px solid #47614b;border-radius:5px;background:#172c20;color:#d9ebdc;font:inherit;font-size:12px;max-width:100%}

/* Match the shared source legend and toolbar navigation. */
body.zco-carbonview.zco-editorial main .pg-heading .map-controls{pointer-events:auto}
body.zco-carbonview.zco-editorial main .pg-legend{position:absolute;z-index:6;left:auto;right:16px;bottom:24px;width:min(280px,calc(100% - 32px));max-width:none;box-sizing:border-box;padding:10px 12px;margin:0;border:1px solid #36514255;border-radius:8px;background:#06101988;backdrop-filter:blur(6px);font-size:10px;line-height:1.6;gap:6px 12px}
.pg-legend [hidden]{display:none!important}
@media(min-width:1100px){body.zco-carbonview.zco-editorial main .pg-legend{top:calc(50svh + 300px);bottom:auto;right:calc(var(--right-instrument) + 48px);width:280px}body.zco-carbonview.zco-editorial main .power-grid-mode .pg-map-wrap{min-height:max(100svh,calc(50svh + 650px))}}
@media(min-width:701px) and (max-width:1099px){body.zco-carbonview.zco-editorial main .pg-map-wrap{min-height:850px}}
@media(max-width:700px){body.zco-carbonview.zco-editorial main .pg-legend{top:780px;bottom:auto}body.zco-carbonview.zco-editorial main .pg-map-wrap{min-height:1000px}}