[hidden]{display:none!important}
.industry-nav{flex-wrap:wrap}
.water-layer input[type=search]{width:100%;height:auto;padding:10px;border:1px solid #3b5257;border-radius:8px;background:#14292f;color:inherit;font:inherit;font-size:12px}
.water-layer input[type=search]:focus-visible{outline:2px solid #8ce5bd;outline-offset:3px}
.water-edition{color:#b9d9eb;font-size:10px;margin:4px 0 8px}
.water-layer a{display:block;margin:8px 0;overflow-wrap:anywhere}
.water-results{display:grid;gap:5px;margin-top:8px}
.water-results button{text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:11px;padding:9px}
.water-pager{display:flex;gap:5px;align-items:center;margin-top:8px;font-size:10px}
.water-pager button{font-size:10px;padding:8px}.water-pager span{flex:1;text-align:center}
.water-records{margin:12px 0}
#energia-search{width:100%;height:auto;padding:10px;border:1px solid #3b5257;border-radius:8px;background:#14292f;color:inherit;font:inherit;font-size:12px}
#energia-search:focus-visible{outline:2px solid #8ce5bd;outline-offset:3px}
#energia-source~a{display:block;margin:8px 0;overflow-wrap:anywhere}
#petro-search,#ctf-search{width:100%;height:auto;padding:10px;border:1px solid #3b5257;border-radius:8px;background:#14292f;color:inherit;font:inherit;font-size:12px}
.layer-count{font-size:11px;color:#d3ecd9;line-height:1.5;margin:4px 0 10px}.layer-count:empty{display:none}
.industry-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;margin:12px 0;color:#c5dacf}
.industry-legend span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--swatch);margin-right:4px}
.industry-nav{display:flex;gap:5px;margin:12px 0}.industry-nav button{font-size:10px;padding:8px 4px;white-space:nowrap}
#ctf-retry{width:100%;margin-top:9px}#petro-search:focus-visible,#ctf-search:focus-visible{outline:2px solid #8ce5bd;outline-offset:3px}
.multi-filter{margin:5px 0 12px}.multi-add{display:flex;gap:5px;align-items:center}.multi-add select{flex:1;min-width:0}.multi-add button{flex:0 0 32px;padding:7px;font-size:18px}
.filter-chips{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}.filter-chips button{flex:none;font-size:10px;padding:5px 8px;border-radius:14px;max-width:100%;overflow-wrap:anywhere}
.area-tools{display:flex;gap:6px;margin-bottom:14px}.area-tools button{font-size:20px;padding:5px}.area-tools button[aria-pressed=true]{border-color:#8ce5bd;background:#265044}
#aoi-search{width:100%;height:auto;padding:9px;color:inherit;border:1px solid #3b5257;border-radius:8px;background:#14292f}
#aoi-apply,#aoi-add,#occ-more{width:100%;margin-top:7px}
#aoi-results{max-height:260px;overflow:auto}.layer{position:relative}.layers section.layer>label.toggle{padding-right:28px}
.layer-indicator{position:absolute;right:0;top:13px;width:24px;height:24px;padding:0;font-size:16px;border-radius:50%;background:#153138;color:#9bdabc}
.layer-indicator[data-state=error]{color:#ffb9a5;border-color:#ac6553}.layer-indicator[data-state=partial],.layer-indicator[data-state=zoom]{color:#ffe3a2}
.layer-indicator[data-state=loading]{animation:query-pulse 1.2s ease-in-out infinite}
.draw-panel{z-index:15;left:calc(50% + (env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))/2);bottom:calc(42px + max(10px,env(safe-area-inset-bottom,0px)));transform:translateX(-50%);width:min(520px,calc(100vw - 30px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));padding:16px}
.draw-panel input{width:130px;height:auto;margin-left:12px;padding:8px;background:#14292f;border:1px solid #3b5257;border-radius:6px;color:inherit}
.draw-panel .note{margin:0 0 10px}.draw-panel label{margin:0 0 12px}.draw-panel button{font-size:11px}
@keyframes query-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.layer-indicator[data-state=loading]{animation:none}}
