/* «Zonas de reparto» del panel del proveedor (zonas-reparto.js). Lo demás sale
   de proveedor.css: aquí solo lo que esa pantalla tiene de propio. */
.zr-campos { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); align-items: start; }
.zr-enviar { align-self: end; padding-bottom: 2px; }
.zr-error { color: #c0392b !important; min-height: 1em; }
.zr-modo { border: 0; padding: 0; margin: 16px 0 6px; display: flex; flex-wrap: wrap; gap: 4px 24px; }
.zr-modo legend { margin-bottom: 8px; padding: 0; }
.zr-buscar { max-width: 360px; margin-bottom: 10px; }
.zr-municipios {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 0 16px;
    max-height: 280px; overflow-y: auto; padding: 10px 12px 0;
    border: 1px solid #e5e5ea; border-radius: 10px;
}
.zr-acciones { margin-top: 14px; align-items: center; gap: 12px; flex-wrap: wrap; }
.zr-incluye { background: #eaf7ef; color: #1a7f45; }
.zr-excluye { background: #fdecec; color: #c0392b; }
.zr-demanda { margin: 0; padding-left: 18px; line-height: 1.8; }
.zr-oculto {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.zr-seccion { border-top: 1px solid #e5e5ea; padding-top: 24px; }
.zr-provincia { max-width: 320px; margin-bottom: 6px; }
.zr-subtitulo { font-size: 15px; margin: 26px 0 4px; }
.zr-sueltos { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.zr-sueltos li { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.zr-sueltos .pv-btn-peligro { margin-left: auto; }