/* ═══════════════════════════════════════════════════════════════════════
   mon-agence-page.css — [v1915] Page « Mon agence » (directeurs).
   Assemble les blocs stats (rz-p*) et équipe (eq-*) : ce fichier ne redéfinit
   rien, il pose seulement le gabarit et les styles du sélecteur multi-agences.
   ═══════════════════════════════════════════════════════════════════════ */
#page-mon-agence .ma-wrap{ padding:0; }
#page-mon-agence .ma-card{ background:var(--surface); border:1px solid var(--border);
  border-radius:var(--radius-lg,12px); overflow:hidden; }
#page-mon-agence .ma-sect{ font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  color:var(--muted); margin:26px 0 12px 2px; }

/* Sélecteur multi-agences (un directeur peut en diriger plusieurs) */
#page-mon-agence .ma-switch{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
#page-mon-agence .ma-chip{ font:inherit; font-size:12.5px; font-weight:600; padding:7px 13px; cursor:pointer;
  border:1px solid var(--border); border-radius:99px; background:var(--surface); color:var(--text-dim); }
#page-mon-agence .ma-chip:hover{ background:var(--s2); color:var(--text); }
#page-mon-agence .ma-chip.on{ background:var(--text); color:var(--bg); border-color:transparent; }

/* Les stats arrivent du module réseau : elles n'ont plus besoin de leur cadre
   de popup, la carte de la page le fournit. */
#page-mon-agence .ma-card .rz-pkrow{ padding:18px 20px 4px; }
#page-mon-agence .ma-card .rz-psec{ padding:18px 20px 4px; }
#page-mon-agence .ma-card .rz-pbtm{ padding:20px; }
#page-mon-agence .ma-card .rz-popaque{ padding:44px 20px; }

/* Idem pour l'équipe : le détail est rendu sans son master. */
#page-mon-agence #ma-team{ padding:20px 22px; }
#page-mon-agence #ma-team .eq-dhd{ margin-bottom:2px; }

@media(max-width:760px){
  #page-mon-agence #ma-team{ padding:16px; }
}
