.zone-control{display:flex;flex-direction:column;gap:var(--sp-3)}.zone-control-summary{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.zone-summary-row{display:flex;gap:var(--sp-6);flex-wrap:wrap;margin-bottom:10px}.zone-summary-metric{display:flex;flex-direction:column;align-items:center;min-width:60px}.zone-summary-value{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--c-fg)}.zone-summary-label{font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.5px}.zone-summary-status{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center}.zone-summary-timestamp{font-size:var(--fs-xs);color:var(--c-fg-muted)}.zone-control-body{position:relative;display:flex;flex-direction:column;gap:var(--sp-3);height:72vh;min-height:560px}.zone-control-map-area{flex:1 1;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden;position:relative;min-height:0}.zone-map-container{width:100%;height:100%;min-height:0}.zone-details-panel{position:absolute;top:0;right:0;width:360px;max-width:100%;height:100%;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-4);overflow-y:auto;box-shadow:var(--elev-2);z-index:10;transform:translateX(0);transition:transform .18s ease}.zone-layer-controls{display:flex;gap:6px;padding:var(--sp-2);border-bottom:1px solid var(--c-line);background:var(--c-raised)}.zone-layer-toggle{background:var(--c-raised-2);border:1px solid var(--c-line);color:var(--c-fg-dim);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);cursor:pointer}.zone-layer-toggle.active{background:var(--c-info-tint);border-color:var(--c-accent);color:var(--c-accent)}.zone-draft-badge{display:inline-flex;align-items:center;gap:6px;margin-left:var(--sp-2);padding:2px var(--sp-2);border-radius:var(--r-sm);background:var(--c-raised);border:1px solid var(--c-line);color:var(--c-fg-dim);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px}.zone-draft-badge-live{border-color:var(--c-bad);color:var(--c-bad);background:var(--c-bad-tint)}.zone-draft-badge-validated{border-color:var(--c-ok);color:var(--c-ok);background:var(--c-ok-tint)}.zone-details-panel-empty{display:none}.zone-details-draft-notice{margin-bottom:10px}.zone-details-title{margin:0 0 2px;font-size:var(--fs-xl)}.zone-details-arabic{font-size:var(--fs-md);color:var(--c-fg-dim);direction:rtl;margin-bottom:var(--sp-1)}.zone-details-id{font-size:var(--fs-xs);color:var(--c-fg-muted);margin-bottom:var(--sp-3)}.zone-details-section{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--c-line-subtle)}.zone-details-section h4{margin:0 0 6px;font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.5px}.zone-reason-codes{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.zone-overlap-item{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-2)}.zone-overlap-names{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.zone-details-meta{margin-top:var(--sp-4)}.zone-control-footer{background:var(--c-raised);padding:10px var(--sp-4);font-size:var(--fs-xs);color:var(--c-fg-dim)}.zone-control-footer,.zone-control-policy{border:1px solid var(--c-line);border-radius:var(--r-md)}.zone-control-policy{background:var(--c-surface);padding:var(--sp-3) var(--sp-4)}.zone-policy-title{margin:0 0 var(--sp-2);font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.5px}.zone-policy-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.zone-policy-source{font-size:var(--fs-xs)}.zone-policy-unavailable{display:flex;flex-direction:column;gap:6px}.zone-summary-note{margin-bottom:var(--sp-2)}@media (max-width:900px){.zone-control-body{position:relative;flex-direction:column;height:auto;min-height:480px}.zone-control-map-area{min-height:420px}.zone-details-panel{position:static;width:100%;max-width:100%;height:auto;max-height:none;box-shadow:none;border-radius:var(--r-md);margin-top:var(--sp-3)}.zone-summary-row{gap:var(--sp-4)}}.zone-control-tabs{display:flex;gap:2px;border-bottom:1px solid var(--c-line-subtle);margin:14px 0 var(--sp-3)}.zone-control-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--c-fg-muted);padding:var(--sp-2) 14px;cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--r-sm) var(--r-sm) 0 0;transition:color .12s,background .12s,border-color .12s}.zone-control-tab.active,.zone-control-tab:hover{color:var(--c-fg);background:var(--c-surface)}.zone-control-tab.active{border-bottom-color:var(--c-accent)}.zone-drafts{display:flex;flex-direction:column;gap:var(--sp-3)}.zone-drafts-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.zone-drafts-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.zone-drafts-filter{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--c-fg-muted)}.zone-drafts-filter input,.zone-drafts-filter select{background:var(--c-raised);color:var(--c-fg);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:6px 10px;font-size:var(--fs-xs);min-width:160px}.zone-drafts-filter-clear{background:none;border:none;color:var(--c-accent);font-size:var(--fs-xs);cursor:pointer;padding:6px 0}.zone-drafts-create-btn{background:var(--c-raised);color:var(--c-fg);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:var(--sp-2) 14px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:border-color .12s,background .12s}.zone-drafts-create-btn:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-raised-2)}.zone-drafts-create-btn:disabled{opacity:.55;cursor:not-allowed}.zone-drafts-back-btn{background:var(--c-raised);color:var(--c-fg);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:6px var(--sp-3);font-size:var(--fs-xs);cursor:pointer;transition:border-color .12s,background .12s}.zone-drafts-back-btn:hover{border-color:var(--c-accent);background:var(--c-raised-2)}.zone-drafts-table-wrap{background:var(--c-surface);border:1px solid var(--c-line-subtle);border-radius:var(--r-md);overflow:auto}.zone-drafts-table{width:100%;border-collapse:collapse}.zone-drafts-table td,.zone-drafts-table th{text-align:left;padding:10px var(--sp-3);border-bottom:1px solid var(--c-line-subtle);font-size:var(--fs-sm)}.zone-drafts-table th{color:var(--c-fg-dim);font-weight:var(--fw-semibold);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--c-raised)}.zone-drafts-row{cursor:pointer;transition:background .12s}.zone-drafts-row:hover{background:var(--c-raised)}.zone-drafts-row:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}.zone-drafts-link-btn{background:none;border:none;color:var(--c-accent);cursor:pointer;font:inherit;font-weight:var(--fw-bold);padding:0;text-align:left}.zone-drafts-link-btn:focus-visible,.zone-drafts-link-btn:hover{text-decoration:underline}.zone-drafts-open-btn{background:var(--c-raised);color:var(--c-fg);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:6px 10px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer;transition:border-color .12s,background .12s;white-space:nowrap}.zone-drafts-open-btn:focus-visible,.zone-drafts-open-btn:hover{border-color:var(--c-accent);background:var(--c-raised-2)}.zone-drafts-pagination{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.zone-drafts-page-btn{background:var(--c-raised);color:var(--c-fg);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:6px var(--sp-3);font-size:var(--fs-xs);cursor:pointer;transition:border-color .12s,background .12s}.zone-drafts-page-btn:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-raised-2)}.zone-drafts-page-btn:disabled{opacity:.45;cursor:not-allowed}.zone-drafts-page-info{color:var(--c-fg-muted);font-size:var(--fs-xs)}.zone-draft-detail{display:flex;flex-direction:column;gap:var(--sp-3)}.zone-draft-detail-header{display:flex;align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap}.zone-draft-detail-title{margin:0;font-size:var(--fs-xl)}.zone-draft-detail-badges{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.zone-draft-detail-sections{display:flex;flex-direction:column;gap:var(--sp-3)}.zone-draft-section{background:var(--c-surface);border:1px solid var(--c-line-subtle);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.zone-draft-section h4{margin:0 0 10px;font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.05em}.zone-draft-row{display:flex;justify-content:space-between;gap:var(--sp-3);padding:6px 0;border-bottom:1px solid var(--c-line-subtle);font-size:var(--fs-sm)}.zone-draft-row:last-child{border-bottom:none}.zone-draft-key{color:var(--c-fg-muted);font-size:var(--fs-xs);min-width:140px}.zone-draft-detail-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.zone-draft-type-select{display:flex;flex-direction:column;gap:var(--sp-3)}.zone-draft-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.zone-draft-type-option{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--c-surface);border:1px solid var(--c-line-subtle);border-radius:var(--r-md);padding:14px var(--sp-4);cursor:pointer;transition:border-color .12s,background .12s}.zone-draft-type-option:hover{border-color:var(--c-line);background:var(--c-raised)}.zone-draft-type-note{margin-top:var(--sp-1)}.zone-draft-form{display:flex;flex-direction:column;gap:var(--sp-3)}.zone-draft-form-label,.zone-draft-form-row{display:flex;flex-direction:column;gap:6px}.zone-draft-form-label{font-size:var(--fs-xs);color:var(--c-fg-muted)}.zone-draft-form-label span{font-weight:var(--fw-semibold)}.zone-draft-form-readonly{padding:6px 0}.zone-draft-form input,.zone-draft-form select,.zone-draft-form textarea{background:var(--c-raised);color:var(--c-fg);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:var(--sp-2) 10px;font-size:var(--fs-sm);width:100%}.zone-draft-form input:disabled,.zone-draft-form select:disabled,.zone-draft-form textarea:disabled{opacity:.6;cursor:not-allowed}.zone-draft-form textarea{resize:vertical;min-height:70px}.zone-draft-form-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.zone-draft-modify-preview{font-size:var(--fs-xs);margin-top:6px}.zone-draft-create-header{display:flex;align-items:center;gap:var(--sp-3)}.zone-draft-create-header h3{margin:0}.zone-draft-editor{display:flex;gap:var(--sp-4);min-height:520px}.zone-draft-editor-map-wrap{flex:1 1;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden;position:relative}.zone-draft-editor-map{width:100%;height:100%;min-height:420px}.zone-draft-editor-map-wrap>.loading-block{position:absolute;inset:0;z-index:var(--z-sticky);border:0;border-radius:0}.zone-draft-editor-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--sp-3)}.zone-draft-editor-controls,.zone-draft-editor-governance{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-3)}.zone-draft-editor-controls{display:flex;flex-direction:column;gap:10px}.zone-draft-editor-controls h4{margin:0;font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.5px}.zone-draft-editor-actions{display:flex;flex-wrap:wrap;gap:6px}.zone-editor-btn{background:var(--c-raised);border:1px solid var(--c-line);color:var(--c-fg-dim);border-radius:var(--r-sm);padding:5px 10px;font-size:var(--fs-xs);cursor:pointer;transition:border-color .12s,background .12s}.zone-editor-btn:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-raised-2)}.zone-editor-btn.active{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-info-tint)}.zone-editor-btn:disabled{opacity:.55;cursor:not-allowed}.zone-draft-editor-info{display:flex;flex-direction:column;gap:6px}.zone-draft-editor-info h4{margin:0;font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.5px}.zone-draft-editor-info-row{display:flex;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-xs);padding:var(--sp-1) 0;border-bottom:1px solid var(--c-line-subtle)}.zone-draft-editor-info-row:last-child{border-bottom:none}.zone-draft-editor-import{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.zone-draft-editor-import label{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.5px}.zone-draft-editor-import textarea{width:100%;min-height:128px;resize:vertical;background:var(--c-raised);color:var(--c-fg);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:var(--sp-2) 10px;font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1.45}@media (max-width:900px){.zone-draft-editor{flex-direction:column}.zone-draft-editor-sidebar{width:100%}}.zone-draft-editor-section{margin-top:var(--sp-3)}.zone-draft-editor-section h4{margin:0 0 var(--sp-2);font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.5px}.zone-draft-preview-map{width:100%;height:320px;min-height:280px;margin-top:var(--sp-3);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden}.zone-validation-result{display:flex;flex-direction:column;gap:var(--sp-2)}.zone-validation-subsections{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3);margin-top:var(--sp-2)}.zone-validation-subsection{background:var(--c-raised);border:1px solid var(--c-line-subtle);border-radius:var(--r-sm);padding:10px var(--sp-3);display:flex;flex-direction:column;gap:6px}.zone-validation-subsection h5{margin:0;font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.05em}.zone-operational-impact{background:var(--c-raised);border:1px solid var(--c-line-subtle);border-radius:var(--r-sm);padding:10px var(--sp-3);margin-top:10px}.zone-operational-impact h5{margin:0 0 var(--sp-2);font-size:var(--fs-xs);color:var(--c-fg-muted);text-transform:uppercase;letter-spacing:.05em}.zone-operational-impact-content{display:flex;flex-direction:column;gap:6px}.zone-impact-list{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-2)}.zone-impact-item{background:var(--c-surface);border:1px solid var(--c-line-subtle);border-radius:var(--r-sm);padding:10px var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1)}@media (max-width:900px){.zone-validation-subsections{grid-template-columns:1fr}}.zone-draft-preview-map-canvas{width:100%;height:100%}.zone-fine,.zone-notice-fine{font-size:var(--fs-xs)}.zone-notice-fine--tight{margin-top:var(--sp-1)}.zone-notice-compact{font-size:var(--fs-xs);padding:6px var(--sp-2)}.zone-banner-line{display:block;margin-top:var(--sp-1)}.zone-action-row{margin-top:var(--sp-3)}.zone-action-row,.zone-validation-head{display:flex;gap:var(--sp-2);flex-wrap:wrap}.zone-validation-head{align-items:center;justify-content:space-between}.zone-validation-title{margin:0}.zone-issue-list{margin:var(--sp-1) 0 0 var(--sp-4);padding:0}.zone-label{background:color-mix(in srgb,var(--c-bg) 88%,transparent);color:var(--c-fg);border:1px solid var(--c-line);border-radius:var(--r-sm);padding:2px 6px;font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;pointer-events:none}.zone-label.zone-draft-label{background:var(--c-ok-tint);color:var(--c-ok-text);border-color:var(--c-ok)}.zone-vertex-handle{width:12px;height:12px;border-radius:50%;background:var(--c-accent);border:2px solid var(--c-surface);box-shadow:var(--elev-1);cursor:-webkit-grab;cursor:grab}.maplibregl-popup-content{background:var(--c-surface);color:var(--c-fg);border:1px solid var(--c-line);border-radius:var(--r-md);box-shadow:var(--elev-2)}.maplibregl-popup-anchor-top .maplibregl-popup-tip,.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:var(--c-surface)}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:var(--c-surface)}.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--c-surface)}.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--c-surface)}.maplibregl-popup-close-button{color:var(--c-fg-dim)}.zone-popup{font-family:var(--font-sans);font-size:var(--fs-xs);line-height:var(--lh-base)}.zone-popup-id{color:var(--c-fg-muted)}.zone-summary-counts{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3)}.oac-cleanup{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.oac-cleanup>*{min-width:0}.oac-cleanup .ws-mb-12,.oac-cleanup .ws-mt-12{margin-block:0}.oac-cleanup [data-testid=oac-checkout-confirmation]{-webkit-border-start:3px solid var(--c-warn);border-inline-start:3px solid var(--c-warn)}.oac-cleanup .ws-ack-label{font-size:var(--fs-sm);color:var(--c-fg-dim)}.oac-cleanup .ws-target-row{flex-wrap:wrap}@media (max-width:640px){.oac-cleanup .ws-target-input{width:100%;min-width:0}}.oac-cleanup .lc-v2-wrap{display:flex;flex-direction:column;gap:var(--sp-3)}.transitional-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px dashed var(--c-line);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-fg-dim);font-size:var(--fs-sm);line-height:var(--lh-base)}.transitional-note-chip{display:inline-flex;align-items:center;padding:2px var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--c-warn);background:var(--c-warn-tint);color:var(--c-warn-text);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap}.transitional-note-text{min-width:0;flex:1 1 240px}.loading-block{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) 0;min-height:72px}.loading-block--map{min-height:240px;padding:var(--sp-4);border:1px solid var(--c-line-subtle);border-radius:var(--r-md);background:var(--c-surface)}