.territory-picker{margin-top:18px;border:1px solid #dfe8e3;border-radius:6px;background:#f7faf7;padding:16px}
.map-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.map-heading h4{font:600 18px/1.2 'Space Grotesk',Arial,sans-serif;margin:4px 0 0;letter-spacing:-.4px}
.map-heading>div>span{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.map-back{border:0;background:none;color:var(--orange-dark);font:600 11px 'DM Sans',Arial,sans-serif;cursor:pointer;padding:4px 0;white-space:nowrap}
.map-back:hover{text-decoration:underline}
.map-helper{color:var(--muted);font-size:12px;line-height:1.45;margin:7px 0 12px}
.selection-summary{display:flex;flex-wrap:wrap;gap:6px;min-height:0;margin-bottom:9px}
.selection-chip{border:1px solid #f0b29d;border-radius:4px;background:#fff5f1;color:var(--orange-dark);cursor:pointer;padding:6px 8px;text-align:left;font:11px 'DM Sans',Arial,sans-serif}
.selection-chip:hover{background:#ffe9df}
.selection-chip span{display:block;color:#a26757;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.selection-chip b{font-weight:600}
.map-legend{display:flex;gap:13px;color:#687976;font-size:10px;margin:8px 0}
.map-legend span{display:flex;align-items:center;gap:4px}
.legend-swatch{display:inline-block;width:10px;height:10px;border:1px solid #91b5a9;border-radius:2px;background:#dcefe5}
.legend-swatch.selected{background:var(--orange);border-color:var(--orange)}
.legend-swatch.closed{background:#e5e9e5;border-color:#cdd6d1}
.map-frame{position:relative;min-height:245px;border:1px solid #e0e9e4;border-radius:4px;background:#edf5ef;overflow:hidden}
.map-frame svg{display:block;width:100%;height:auto;min-height:245px}
.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px;z-index:2;background:#edf5ef}
.map-shape{vector-effect:non-scaling-stroke;stroke:#fff;stroke-width:1;stroke-linejoin:round;outline:none;transition:fill .15s,stroke .15s}
.map-shape.available{fill:#d9eee3;cursor:pointer}
.map-shape.available:hover,.map-shape.available:focus{fill:#b9ddcc;stroke:var(--orange);stroke-width:1.7}
.map-shape.selected{fill:var(--orange);stroke:#fff;stroke-width:1.4;cursor:pointer}
.map-shape.selected:hover,.map-shape.selected:focus{fill:var(--orange-dark);stroke:#8c321f;stroke-width:1.7}
.map-shape.restricted{fill:#d6e2dc;cursor:not-allowed}
.map-shape.closed{fill:#e4e9e5;cursor:not-allowed}
.map-empty{fill:var(--muted);font:13px 'DM Sans',Arial,sans-serif}
.map-tooltip{position:absolute;z-index:3;pointer-events:none;display:none;background:var(--ink);color:#fff;border-radius:3px;padding:7px 9px;max-width:170px;font-size:10px;line-height:1.25;box-shadow:0 5px 14px #17252b22}
.map-tooltip.visible{display:block}

@media(max-width:520px){
  .territory-picker{padding:12px}
  .map-frame,.map-frame svg{min-height:215px}
  .map-legend{gap:8px;font-size:9px}
  .map-helper{font-size:11px}
  .selection-chip{font-size:10px}
}