.ng-overview{margin-top:24px;overflow:hidden}.ng-overview .card-head h2{font-size:23px;letter-spacing:-.7px}.ng-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 25px}.ng-tabs button{padding:16px 0;font-weight:700;color:#7e8c97;border-bottom:3px solid transparent}.ng-tabs button[aria-selected=true],.ng-tabs button.active{color:#244f6b;border-color:#ed8a43}.ng-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;padding:20px;gap:24px}.ng-canvas svg{width:100%;display:block}.ng-state{stroke:#fff;stroke-width:1.6;stroke-linejoin:round;transition:fill .18s}.ng-state.chosen{stroke:#e67e27;stroke-width:2}.ng-state:hover,[data-ng-state]:focus .ng-state{fill:#f4b47f;stroke:#d97a2d}.ng-label{font:600 11px 'DM Sans',sans-serif;fill:#29485d;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:2;stroke-opacity:.8}.ng-water{font-size:10px;letter-spacing:3px;fill:#8faab5;text-anchor:middle}.ng-map-layout aside{border-left:1px solid var(--line);padding:12px 0 0 24px}.ng-state-heading h2{font-size:26px;margin:8px 0 12px}.ng-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.ng-metrics div{padding:14px;border-radius:12px;background:#f4f7f9}.ng-metrics strong{display:block;font-size:27px}.ng-metrics small{color:#778d9b}.ng-breakdown{display:grid;grid-template-columns:1fr auto;gap:8px;margin:17px 0;font-size:13px}.ng-breakdown div{grid-column:1/-1;height:4px;background:linear-gradient(to right,#eb9453 var(--fill),#edf1f3 var(--fill));border-radius:8px}.ng-legend{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;color:#7e919d;padding:10px}.ng-legend i{width:110px;height:7px;background:linear-gradient(to right,#e1eaf0,#39708f);border-radius:4px}.ng-legend b{margin-left:18px;font-weight:500}.ng-source{border-top:1px solid var(--line);padding:15px 25px;color:#8b9ba6;font-size:10px}.zone-banner{display:flex;gap:14px;align-items:center;background:#eaf1f6;color:#42667e;border:1px solid #dce7ed;border-radius:12px;padding:17px 20px;margin:20px 0 24px;line-height:1.7}.zone-banner b{display:block;color:#27495e}.zone-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.zone-state-select{padding:22px 22px 0}.zone-mini-map{padding:0 34px}.zone-mini-map svg{width:100%;display:block}.zone-mini-map .ng-label{display:none}.zone-search{padding:8px 22px 18px;border-bottom:1px solid var(--line)}.zone-search small{display:block;margin-top:10px;color:#8396a3}.zone-lga-list{max-height:360px;overflow:auto;padding:8px}.zone-lga-list button{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:9px}.zone-lga-list button.selected{background:#edf3f7;border-left:3px solid #e88d48}.zone-lga-list strong{display:block;font-size:14px}.zone-lga-list small{display:block;color:#8a9aa5;margin-top:4px}.zone-lga-list i{width:7px;height:7px;border-radius:50%;background:#ccd5db}.zone-lga-list i.enabled{background:#43876e}.zone-editor{overflow:hidden}.zone-editor-title{display:flex;align-items:center;justify-content:space-between;padding:26px}.zone-editor-title h2{font-size:28px;margin:7px 0}.zone-editor-title p{color:#8295a3;margin:0}.zone-form-body{padding:26px}.zone-form-body h3{font-size:19px;margin:0 0 9px}.zone-form-body>p{color:#8294a1;line-height:1.7;margin-bottom:24px}.zone-service-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #edf0f2;cursor:pointer}.zone-service-icon{width:42px;height:42px;background:#f0f4f7;display:grid;place-items:center;border-radius:12px}.zone-service-row b{font-size:14px}.zone-service-row small{display:block;color:#8b9ba7;margin-top:5px}.zone-service-row input{position:absolute;opacity:0;width:1px;height:1px}.zone-toggle{margin-left:auto;width:41px;height:24px;border-radius:14px;background:#dce3e8;position:relative}.zone-toggle:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:white;top:3px;left:3px;box-shadow:0 1px 3px #0002}.zone-service-row input:checked+.zone-toggle{background:#467993}.zone-service-row input:checked+.zone-toggle:after{left:20px}.zone-service-row input:focus-visible+.zone-toggle{outline:3px solid #f4ad72;outline-offset:3px}.zone-service-list{margin-bottom:27px}.zone-custom{display:flex;align-items:center;gap:10px;margin:22px 0}.zone-custom input{accent-color:#47758d}.zone-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zone-price-grid label{font-size:11px;font-weight:600;color:#748a99}.zone-price-grid input{margin-top:7px}.zone-economics{background:#fff6ee;border-radius:9px;color:#9d713d;font-size:12px;line-height:1.7;padding:14px;margin:22px 0}.zone-save{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 26px;border-top:1px solid var(--line);background:#fafbfc}.zone-save>span{font-size:12px;color:#617c8e;line-height:1.7}.zone-save small{color:#93a1aa}.zone-error{color:#b65c58;margin-top:12px}.zone-form-body textarea{min-height:80px}.zone-editor [hidden]{display:none!important}.sidebar{overflow-y:auto}.sidebottom{margin-top:20px!important}@media(min-width:1450px){.ng-map-layout{grid-template-columns:minmax(0,1fr) 340px}}@media(max-width:1050px){.zone-workspace{grid-template-columns:280px minmax(0,1fr)}.ng-map-layout{grid-template-columns:1fr}.ng-map-layout aside{border-left:0;border-top:1px solid var(--line);padding:20px 10px}.zone-price-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.zone-workspace{grid-template-columns:1fr}.zone-mini-map{display:none}.zone-lga-list{max-height:200px}.zone-save{flex-wrap:wrap}.ng-label{font-size:12px}}
.zone-boundary-preview{position:relative;background:#f5f8fa;margin:0 26px 8px;border-radius:12px;overflow:hidden}.zone-boundary-preview svg{width:100%;height:170px;display:block}.zone-boundary-preview span{position:absolute;right:14px;bottom:12px;max-width:45%;font-size:10px;line-height:1.6;color:#6f8999;background:#f5f8fae8;padding:6px}.zone-boundary-preview path:hover{fill:#f4b47f}
.zone-service-row:has(input:checked){color:#254d65}.zone-service-row:has(input:checked) .zone-service-icon{background:#e6f0f5}.zone-service-row:has(input:checked) b{color:#244e69}
.ng-demand-leader{display:block;width:100%;text-align:left;background:#eef4f8;border:1px solid #dce8ef;border-radius:12px;padding:15px;margin-bottom:24px}.ng-demand-leader span{display:block;font-size:8px;color:#8196a6;letter-spacing:1.1px}.ng-demand-leader b{display:block;font-size:19px;margin:8px 0}.ng-demand-leader small{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#758e9f}
/* Google basemap with LGA overlays; SVG remains the no-map fallback. */
.loc-state-map{height:420px;min-height:260px}.zone-boundary-preview{height:250px}.loc-state-map>svg{height:100%}.zone-boundary-preview>svg{height:100%}@media(max-width:550px){.loc-state-map{height:320px}}
