/* Lifted from the <style> block of mocks/admin/setup/delivery.html.
   Left behind on purpose: the :root token block (it would undo the palette
   decisions in admin.css), .ti and .img-ph, .content, .form-grid, .modal-title,
   .toggle-row and .overlay.open — all four already live in admin.css. */

/* The screen sits on the same 20px axis as its own title. Measured before this:
   the title stopped at 1340 and everything under it ran 0 to 1360, so the header
   and the body were not on the same line as each other. */
.gov-layout,
.dlv-panel{margin-inline:20px}


.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:6px}
.dot-active{background:var(--success)}
.dot-inactive{background:var(--muted)}

.gov-layout{display:grid;grid-template-columns:280px 1fr;gap:16px}
.gov-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}
.gov-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:8px;cursor:pointer;transition:.15s;margin-bottom:3px}
.gov-item:hover{background:var(--primary-ll)}
.gov-item.selected{background:var(--primary);color:#fff}
.gov-item.selected .gov-count{background:rgba(255,255,255,.2)}
.gov-name{font-size:14px;font-weight:600}

/* Twenty-seven rows need a way through and a ceiling, or the panel grows taller
   than the table it sits beside. */
.gov-search{margin-bottom:8px}
.gov-list{max-height:420px;overflow-y:auto}
.gov-side{display:flex;align-items:center;gap:6px}
/* Says why the order changes half way down, rather than leaving it to be guessed. */
.gov-divider{font-size:11px;color:var(--muted);padding:10px 12px 4px;border-top:1px solid var(--border);margin-top:6px}
/* Quiet in the corner, present in the tab order - the brand-card decision, 9 September. */
.gov-edit{width:24px;height:24px;font-size:12px}
.gov-item.selected .gov-edit{background:rgba(255,255,255,.15);border-color:transparent;color:#fff}
.gov-count{font-size:11px;background:var(--bg);border-radius:10px;padding:2px 7px;color:var(--muted)}
.zones-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}

.zones-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.zones-head .zh-title{font-size:16px;font-weight:800;color:var(--primary)}
.zones-head .zh-sub{font-size:12px;color:var(--muted)}
.gov-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.gov-panel-head .gph-title{font-weight:700;font-size:14px;color:var(--primary)}