/* Atlas controls and live source status stay outside the map's sizing flow. */
body #cb-commodities-map>.workspace-expand-tools{position:relative!important;inset:auto!important;display:flex!important;justify-content:flex-end;gap:6px;padding:6px 8px;width:100%;box-sizing:border-box}
body #cb-commodities-map>.commodity-atlas-workspace-head{min-height:56px;min-width:0;overflow-anchor:none}
body #cb-commodities-map:not([data-atlas-view=table]):not([data-atlas-view=sources])>.commodity-atlas-workspace-head>.commodity-atlas-query{display:none!important}
body #cb-commodities-map #commodityAtlasMapView.cap-map-frame,body #commodityAtlasMapView.cap-map-frame.watchtower-map-lightbox-live-node{--cap-frame-height:clamp(560px,78svh,940px);display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:60px minmax(0,1fr)!important;height:var(--cap-frame-height)!important;min-height:0!important;max-height:none!important;min-width:0;overflow:clip!important;overflow-anchor:none;position:relative;flex:0 0 auto;isolation:isolate}
body #commodityAtlasMapView.cap-map-frame.watchtower-map-lightbox-live-node{height:100%!important}
body #cb-commodities-map #commodityAtlasMapView.cap-map-frame[hidden]{display:none!important}
body #commodityAtlasMapView.cap-map-frame>.infra-topbar{grid-row:1;display:flex!important;grid-template-areas:none;align-items:center;gap:8px;height:60px!important;min-height:60px!important;max-height:60px!important;padding:8px!important;overflow:visible!important;box-sizing:border-box}
body #commodityAtlasMapView #commodityAtlasUnifiedControls{display:flex!important;align-items:center;gap:8px;flex-wrap:nowrap!important;grid-area:auto;min-width:0;width:100%;overflow:visible!important;padding:0;scrollbar-gutter:auto}
body #commodityLayersOpen{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:162px;height:44px;min-height:44px;flex:none;padding:6px 10px;border:1px solid var(--border,#395b70);border-radius:8px;color:var(--text-bright,#e5eff5);background:var(--bg-card,#163044);font:600 13px/1.2 var(--font-ui,system-ui);cursor:pointer;box-sizing:border-box}
#commodityLayersOpen>svg{width:22px;height:22px;flex:none}body #commodityLayerCount{min-width:4ch;font:11px/1.2 var(--font-ui,system-ui);font-variant-numeric:tabular-nums;color:var(--text-muted,#aac1ce);white-space:nowrap}
body #commodityAtlasUnifiedControls>.map-lightbox-open-btn{height:44px;min-height:44px;white-space:nowrap;padding:6px 10px}
body #commodityAtlasUnifiedControls>.cap-toolbar-hint{font:11px/1.4 var(--font-ui,system-ui);color:var(--text-muted,#abc0cc);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
body #commodityAtlasMapView.cap-map-frame>.commodity-atlas-stage{grid-row:2;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:minmax(0,1fr)!important;height:100%!important;min-height:0!important;max-height:100%;overflow:hidden;position:relative;align-items:stretch;overflow-anchor:none}
body #commodityAtlasMapView.cap-map-frame #commodityAtlasMap{height:100%!important;min-height:0!important;max-height:100%;min-width:0;overflow:hidden;overflow-anchor:none}
body #commodityAtlasMapView.cap-map-frame #commodityAtlasInsightPanel{display:block;height:100%;min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;box-sizing:border-box;align-self:stretch}
body #commodityAtlasMapView #commodityAtlasInsightPanelContent{display:grid;grid-auto-rows:max-content;align-content:start;height:max-content;min-height:0;overflow-anchor:none}
body #commodityAtlasMapView .map-bottom-sheet-controls{margin-bottom:8px}
/* The native gas reference module is moved into its own popup view on creation. */
body #commodityAtlasMapView.cap-map-frame>#commodityGasFacilities{display:none!important}
body #commodityLayersDialog{--cap-dialog-height:calc(100svh - 24px);box-sizing:border-box;width:min(760px,calc(100vw - 24px));height:min(780px,var(--cap-dialog-height));max-width:none;max-height:var(--cap-dialog-height);padding:0;margin:auto;inset:0;position:fixed;border:1px solid #395467;border-radius:16px;background:#101e2b;color:#e5eff6;box-shadow:0 24px 90px #0008;overflow:hidden;white-space:normal;letter-spacing:normal;font:13px/1.45 var(--font-ui,system-ui,sans-serif)}
body #commodityLayersDialog:not([open]){display:none!important}body #commodityLayersDialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
#commodityLayersDialog::backdrop{background:#030a125c}body.theme-light #commodityLayersDialog{background:#faf9f4;color:#203644;border-color:#bbcbd1;box-shadow:0 24px 90px #142d3650}
body #commodityLayersDialog *{box-sizing:border-box}body #commodityLayersDialog [hidden]{display:none!important}
body #commodityLayersDialog .cap-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px 12px;border-bottom:1px solid var(--border,#395467)}
#commodityLayersDialog .cap-kicker{font-size:10px;letter-spacing:.12em;color:var(--text-muted,#9eb4c2)}body #commodityLayersDialog h2{margin:2px 0 0;font:650 22px/1.2 var(--font-ui,system-ui);color:inherit}
body #commodityLayersDialog button{font:inherit;min-height:38px;border:1px solid var(--border,#3b5667);border-radius:7px;color:inherit;background:var(--bg-card,#1a3040);cursor:pointer;white-space:normal}
body #commodityLayersDialog button:hover{border-color:var(--accent,#6cc8ea)}body #commodityLayersDialog :is(button,input,select,summary):focus-visible,body #commodityLayersOpen:focus-visible{outline:2px solid var(--wt-command-focus,#65cbed);outline-offset:3px}
body #commodityLayersClose{padding:6px 12px;min-width:64px}body #commodityLayersDialog .cap-navigation{display:grid;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border,#395467)}
body #commodityLayersDialog .cap-views{display:flex;gap:6px}body #commodityLayersDialog .cap-views button{padding:6px 10px;flex:1}
body #commodityLayersDialog .cap-views button[aria-pressed=true]{background:var(--accent,#55badd);border-color:var(--accent,#55badd);color:var(--bg-primary,#07121d);font-weight:700}
body #commodityLayersDialog .cap-search{display:block;font:12px/1.4 var(--font-ui,system-ui);color:var(--text-muted,#b2c5d1)}
body #commodityLayerSearch{display:block;width:100%;height:44px;min-width:0!important;margin-top:4px;padding:9px 11px;font:16px/1.4 var(--font-ui,system-ui);border:1px solid var(--border,#3b5667);border-radius:8px;color:inherit;background:var(--bg-card,#192c39)}
body #commodityLayerCategories{display:flex;gap:5px;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 1px 5px}
body #commodityLayerCategories button{flex:none;min-height:32px;padding:5px 9px;font-size:11px;white-space:nowrap;border-radius:20px;background:transparent}
body #commodityLayerCategories button[aria-pressed=true]{border-color:var(--accent,#55badd);box-shadow:inset 0 0 0 1px var(--accent,#55badd)}
body #commodityLayerScroll{min-height:0;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;padding:12px 20px 16px}
body #commodityLayersDialog h3{font:650 13px/1.4 var(--font-ui,system-ui);color:inherit;margin:12px 0 9px}body #commodityLayersDialog [data-cap-group]{min-width:0;margin-bottom:14px}
body #commodityLayersDialog .cap-tiles,body #commodityLayersDialog #commodityAtlasNetworkControls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:stretch;width:100%}
body #commodityLayersDialog #commodityAtlasNetworkControls{grid-column:1/-1}
body #commodityLayersDialog .cap-tile{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;max-width:100%;height:94px;min-height:94px;padding:9px 7px!important;border-radius:10px;line-height:1.3;font-size:12px;text-align:center;overflow-wrap:anywhere}
body #commodityLayersDialog .cap-tile>svg{width:32px;height:32px;flex:0 0 32px;pointer-events:none;overflow:visible}body #commodityLayersDialog .cap-tile[hidden]{display:none!important}
body #commodityLayersDialog .cap-tile::after{content:'';position:absolute;right:7px;top:7px;width:16px;height:16px;border:1px solid var(--border,#587387);border-radius:50%;font:bold 11px/15px system-ui;background:transparent}
body #commodityLayersDialog .cap-tile[aria-pressed=true]{border-color:var(--accent,#55badd);background:color-mix(in srgb,var(--accent,#55badd) 15%,var(--bg-card,#192c39));box-shadow:inset 0 0 0 1px var(--accent,#55badd)}
body #commodityLayersDialog .cap-tile[aria-pressed=true]::after{content:'✓';background:var(--accent,#55badd);color:var(--bg-primary,#07121d);border-color:var(--accent,#55badd)}
body #commodityLayersDialog .cap-tile[aria-pressed=mixed]::after{content:'−';background:var(--accent,#55badd);color:var(--bg-primary,#07121d)}body #commodityLayersDialog .cap-tile:disabled{opacity:.5;cursor:default}
body #commodityLayersDialog .cap-options,body #commodityLayersDialog #commodityAtlasPresetControls{display:flex;flex-wrap:wrap;gap:8px;min-width:0;width:100%}
body #commodityLayersDialog .cap-options>:is(button,a.layout-mini-btn){padding:8px 11px!important;min-height:40px}body #commodityLayersDialog #commodityAtlasPresetControls button{flex:1 1 180px;padding:10px!important;min-height:56px}
body #commodityLayersDialog #commodityAtlasWorkspaceFilters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
body #commodityLayersDialog #commodityAtlasWorkspaceFilters label{font:12px/1.4 var(--font-ui,system-ui);letter-spacing:normal;text-transform:none;color:inherit}
body #commodityLayersDialog :is(select,input:not([type=checkbox])){width:100%;min-width:0!important;max-width:100%!important;min-height:42px;padding:8px;font:16px/1.4 var(--font-ui,system-ui);background:var(--bg-card,#192c39);border:1px solid var(--border,#395467);border-radius:6px;color:inherit}
body #commodityLayersDialog input[type=checkbox]{width:auto;min-height:0}body #commodityLayersDialog .commodity-atlas-viewport-filter{white-space:normal}
body #commodityLayersDialog .infra-legend{display:flex;flex-wrap:wrap;gap:6px;max-height:none;overflow:visible;width:100%;margin:0;font:11px/1.5 var(--font-ui,system-ui)}
body #commodityLayersDialog .infra-pill{white-space:normal!important;overflow-wrap:anywhere;max-width:100%!important}body #commodityLayersDialog .cap-note{font:11px/1.5 var(--font-ui,system-ui);color:var(--text-muted,#aac2cf);margin:0 0 12px}
body #commodityLayerGas>#commodityGasFacilities{display:block!important;margin:0;border:0;padding:0;background:transparent}body #commodityLayerGas>#commodityGasFacilities>summary{display:none}body #commodityLayerGas .wt-gas-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body #commodityLayerGas .wt-gas-controls label{min-width:0}body #commodityLayerGas .wt-gas-list{max-height:none;overflow:visible}
body #commodityLayersDialog .cap-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--border,#395467)}body #commodityLayerLiveCount{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-muted,#b1c6d2)}body #commodityLayersDone{min-width:90px;padding:8px 18px;background:var(--accent,#55badd);color:var(--bg-primary,#07121d);border-color:var(--accent,#55badd);font-weight:700}
@container(max-width:800px){body #commodityAtlasMapView.cap-map-frame>.commodity-atlas-stage{grid-template-columns:minmax(0,1fr)}body #commodityAtlasMapView.cap-map-frame #commodityAtlasInsightPanel{position:absolute;inset:auto 0 0;z-index:6;width:100%;height:auto;min-height:0;max-height:190px;border-left:0;border-top:1px solid var(--border,#395467);align-self:end}body #commodityAtlasMapView .map-bottom-sheet-controls{display:flex}body #commodityAtlasMapView.cap-map-frame #commodityAtlasInsightPanel[data-sheet-state=half]{max-height:48%}body #commodityAtlasMapView.cap-map-frame #commodityAtlasInsightPanel[data-sheet-state=full]{max-height:82%}}
@media(max-width:650px){body #commodityAtlasUnifiedControls>.cap-toolbar-hint{display:none}body #commodityLayersDialog{width:calc(100vw - 16px);border-radius:12px}body #commodityLayersDialog .cap-head{padding:14px}body #commodityLayersDialog .cap-navigation{padding:10px 14px}body #commodityLayerScroll{padding:12px 14px}body #commodityLayersDialog .cap-tiles,body #commodityLayersDialog #commodityAtlasNetworkControls{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}body #commodityLayersDialog .cap-tile{height:98px;min-height:98px;font-size:11px}body #commodityLayersDialog .cap-footer{padding:10px 14px}body #commodityLayersDialog .cap-views{flex-wrap:wrap}body #commodityLayersDialog .cap-views button{padding:6px 8px;font-size:11px;min-height:38px;flex:1 1 26%}body #commodityLayersDialog #commodityAtlasWorkspaceFilters,body #commodityLayerGas .wt-gas-controls{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){body #commodityLayersDialog *{transition:none!important;scroll-behavior:auto!important}}