/* [V29] 12/10/2026 (document 2, §49) — la carte des zones de prospection des agents commerciaux (js/49b-zones-agents.js).
   Mêmes jetons que la carte des clients (--carte-mer, --carte-terre, --carte-trait : css/elevora.css, jour et nuit). Aucun texte
   sous --fs-min ; la couleur ne porte jamais seule l'information (légende nommée, infobulles, listes). */

.agz{margin-top:var(--espace-bloc,20px)}
/* Le bloc a ses propres classes (et non .agt-suivi, celle du bloc « Suivi par agent » : le test des onglets de la page cherche le suivi par cette classe). */
.agz-bloc{display:flex;flex-direction:column;gap:var(--s4,16px)}
.agz-tete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--s3,12px) var(--s5,20px)}
.agz-txt{flex:1 1 320px;min-width:0}
.agz-outils{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px}
.agz-outils .ag-champ{min-width:180px}
.agz-grille{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}
.agz-carte-bloc{min-width:0}
.agz-carte.carte-map{height:520px;min-height:360px;border-radius:var(--r,12px)}
.agz-note{margin:6px 0 0;font-size:var(--fs-min,12.5px)}
.agz-erreur{margin:0}
.agz-cote{border:1px solid var(--border);border-radius:12px;background:var(--bg2);padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.agz-h4{margin:0;font-size:14px;font-weight:700;color:var(--text)}
.agz-legende{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.agz-leg{display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-areas:"sw nom" ". n";gap:0 10px;align-items:center;padding:6px 0;border-top:1px solid var(--border)}
.agz-leg:first-child{border-top:0}
.agz-leg-att{opacity:.55}
.agz-sw{grid-area:sw;width:14px;height:14px;border-radius:4px;border:1px solid var(--carte-trait);display:inline-block;flex-shrink:0}
.agz-sw-libre{background:var(--carte-terre)}
.agz-leg-nom{grid-area:nom;font-size:13px;font-weight:600;color:var(--text);text-align:left;overflow-wrap:anywhere}
.agz-leg-nom.pr-lien{background:none;border:0;padding:2px 0;min-height:28px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit}
.agz-leg-n{grid-area:n;font-size:var(--fs-min,12.5px);color:var(--text2)}
.agz-leg-vide{font-size:13px;color:var(--text2)}
.agz-bas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px}
.agz-panneau{border:1px solid var(--border);border-radius:12px;background:var(--bg2);padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.agz-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.agz-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:3px 10px;border:1px solid var(--border2);border-radius:999px;background:var(--bg3);color:var(--text);font:600 13px var(--font);white-space:nowrap}
button.agz-chip{cursor:pointer}
button.agz-chip:hover{border-color:var(--accent);color:var(--accent)}
button.agz-chip:focus-visible,.agz-chip-x:focus-visible,.agz-leg-nom:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.agz-chip-code{font-weight:800;font-variant-numeric:tabular-nums}
.agz-chip-x{border:0;background:none;color:var(--text2);font:700 16px/1 var(--font);cursor:pointer;min-width:24px;min-height:24px;border-radius:50%}
.agz-chip-x:hover{color:var(--red);background:var(--bg2)}
.agz-alertes{margin:0;padding-left:18px;color:var(--text);font-size:13px;display:flex;flex-direction:column;gap:4px}
.agz-ok{margin:0;color:var(--text);font-size:13px}
.agz-histo{margin-top:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg2);padding:10px 16px}
.agz-histo summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--text);min-height:32px;display:flex;align-items:center}
.agz-histo-liste{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text)}
.agz-histo-date{color:var(--text2);font-variant-numeric:tabular-nums;white-space:nowrap}
/* Les départements : libres au fond de terre, colorés par agent (fill posé par la carte). */
.agz-carte path.agz-dep{stroke:var(--carte-trait);cursor:pointer}
.agz-carte path.agz-libre{fill:var(--carte-terre)}
.agz-carte path.agz-dep:hover{stroke-width:2px}
.agz-carte path.agz-dep:focus-visible,.agz-mini path.agz-dep:focus-visible{outline:none;stroke:var(--accent);stroke-width:3px}
.agz-mini path.agz-dep{stroke:var(--carte-trait);cursor:default}
.agz-mini path.agz-libre{fill:var(--carte-terre)}
.agz-carte.leaflet-container,.agz-mini.leaflet-container{background:var(--carte-mer);font:inherit}
.agz-infobulle{font:600 13px var(--font);color:var(--text);background:var(--bg2);border:1px solid var(--border2);border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.25)}
/* La fiche d'un agent et l'espace partenaire. */
.agz-fiche-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:16px;align-items:start}
.agz-fiche-n{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}
.agz-mini-bloc{min-width:0}
.agz-mini.carte-map{height:260px;min-height:220px;border-radius:var(--r,12px)}
.agz-chip-zone{padding-right:4px}
.agz-chip-zone:not(:has(.agz-chip-x)){padding-right:10px}
/* La fenêtre d'attribution. */
.agz-d-liste{max-height:46vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:2px}
.agz-d-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 12px}
.agz-d-case[hidden],.agz-d-liste fieldset[hidden]{display:none}
@media (max-width:900px){
  .agz-grille,.agz-fiche-grille{grid-template-columns:minmax(0,1fr)}
  .agz-carte.carte-map{height:380px}
  .agz-outils .ag-champ{min-width:0;flex:1 1 150px}
}
@media (prefers-reduced-motion:reduce){.agz-carte *{transition:none !important}}