/* ===========================================================================
   portail.css — Portail Partenaire
   Reprend la charte du CRM (mêmes variables, mêmes rayons, même typographie).
   Feuille autonome : le portail est servi hors de public/, il n'hérite pas
   de styles.css. Aucune couleur en dur hors du bloc de variables.
   =========================================================================== */

:root{
  --bg-page:#faf9f5; --bg-primary:#ffffff; --bg-secondary:#f1efe8;
  --text-primary:#1a1a18; --text-secondary:#5f5e5a; --text-tertiary:#888780;
  --border-tertiary:rgba(0,0,0,0.1); --border-secondary:rgba(0,0,0,0.18);
  --radius-sm:6px; --radius-md:8px; --radius-lg:12px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --brand:#CB0332; --brand-soft:#FDE8EE;
  --accent:#3C3489; --accent-soft:#EEEDFE;
  --ok:#27500A; --ok-soft:#EAF3DE;
  --warn:#92400E; --warn-soft:#FEF3C7;
  --danger:#991B1B; --danger-soft:#FEE2E2;
  --teal:#085041; --teal-soft:#E1F5EE;
  --ombre:0 1px 2px rgba(16,24,40,.04),0 6px 20px rgba(16,24,40,.06);
}
@media (prefers-color-scheme:dark){
  :root{
    --bg-page:#1f1e1c; --bg-primary:#2a2927; --bg-secondary:#35332f;
    --text-primary:#f0efe9; --text-secondary:#b4b2a9; --text-tertiary:#888780;
    --border-tertiary:rgba(255,255,255,0.12); --border-secondary:rgba(255,255,255,0.22);
    --brand:#F58BA6; --brand-soft:rgba(245,139,166,.16);
    --accent:#A9A0F5; --accent-soft:rgba(169,160,245,.16);
    --ok:#9BD164; --ok-soft:rgba(155,209,100,.16);
    --warn:#F0B355; --warn-soft:rgba(240,179,85,.16);
    --danger:#F09595; --danger-soft:rgba(240,149,149,.16);
    --teal:#5FD4AA; --teal-soft:rgba(95,212,170,.16);
    --ombre:none;
  }
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg-page);color:var(--text-primary);font:14px/1.55 var(--font);
  -webkit-text-size-adjust:100%}
h1,h2,h3{margin:0}
a{color:var(--accent);text-decoration:none}
.chargement{padding:60px;text-align:center;color:var(--text-tertiary)}

/* ---- Marque ---- */
.marque{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;
  color:inherit;font-family:inherit;text-align:left}
.marque.lien{cursor:pointer}
.pastille{width:34px;height:34px;border-radius:var(--radius-md);background:var(--brand);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.m-txt{display:flex;flex-direction:column;min-width:0}
.m-t{font-size:15px;font-weight:600;white-space:nowrap}
.m-s{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- Connexion ---- */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.login-card{background:var(--bg-primary);border:.5px solid var(--border-tertiary);
  border-radius:var(--radius-lg);box-shadow:var(--ombre);padding:28px;width:100%;max-width:410px}
.login-card .sub{color:var(--text-secondary);margin:14px 0 18px;font-size:13.5px}
label{display:block;font-size:12px;color:var(--text-secondary);font-weight:500;margin:14px 0 6px}
input,select,textarea{width:100%;padding:0 11px;height:38px;border:.5px solid var(--border-tertiary);
  border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);
  font-size:15px;font-family:inherit}
textarea{padding:9px 11px;height:auto;min-height:70px;resize:vertical;line-height:1.5;font-size:14px}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--brand-soft);border-color:var(--brand)}
input:disabled{background:var(--bg-secondary);color:var(--text-secondary)}
.hint{font-size:12.5px;color:var(--text-tertiary);margin:8px 0 0}
.err-msg{color:var(--danger);font-size:13px;margin-top:12px;min-height:18px}
.info{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-md);
  padding:10px 12px;font-size:13.5px;margin-bottom:14px}
.ok-msg{background:var(--ok-soft);color:var(--ok);border-radius:var(--radius-md);padding:14px;font-size:14px}

/* .btn n'a AUCUNE marge par défaut : une marge implicite décale le bouton dès
   qu'il côtoie un champ sur une même ligne, et le défaut réapparaît à chaque
   nouvelle rangée. L'espacement vertical est déclaré là où il est voulu,
   juste en dessous. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:.5px solid var(--border-secondary);background:var(--bg-primary);color:var(--text-primary);
  padding:0 14px;height:38px;border-radius:var(--radius-md);font-size:13.5px;cursor:pointer;
  font-family:inherit;margin:0;white-space:nowrap}
.login-card .btn,
.f-corps > .btn,
.bloc .btn,
.droits > .btn,
.grille > .btn{margin-top:14px}
.btn:hover{background:var(--bg-secondary)}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.primary:hover{filter:brightness(.92)}
.btn.plein{width:100%}
.btn.mini{height:30px;padding:0 10px;font-size:12.5px;margin:0}
.btn:active{transform:translateY(1px)}

.segments{display:flex;gap:4px;background:var(--bg-secondary);padding:4px;border-radius:var(--radius-md)}
.segments button{flex:1;border:0;background:transparent;color:var(--text-secondary);padding:8px;
  border-radius:var(--radius-sm);font-size:13.5px;cursor:pointer;font-family:inherit}
.segments button.on{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--ombre)}

/* ---- En-tête et navigation ---- */
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;
  background:var(--bg-primary);border-bottom:.5px solid var(--border-tertiary);
  position:sticky;top:0;z-index:20}
.t-droite{position:relative}
.avatar-btn{display:flex;align-items:center;gap:8px;border:.5px solid var(--border-tertiary);
  background:var(--bg-primary);border-radius:var(--radius-md);padding:5px 10px 5px 5px;
  cursor:pointer;font-family:inherit;color:inherit}
.avatar-btn:hover{background:var(--bg-secondary)}
.avatar{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent);
  display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.a-nom{font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu{display:none;position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-primary);
  border:.5px solid var(--border-tertiary);border-radius:var(--radius-lg);box-shadow:var(--ombre);
  padding:6px;min-width:230px;z-index:30}
.menu.ouvert{display:block}
.menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;
  padding:9px 10px;border-radius:var(--radius-sm);font-size:13.5px;cursor:pointer;
  font-family:inherit;color:var(--text-primary);text-align:left}
.menu button:hover{background:var(--bg-secondary)}
.menu button.rouge{color:var(--brand)}
.menu .sep{height:.5px;background:var(--border-tertiary);margin:5px 0}

.ongl{display:flex;gap:4px;padding:0 20px;background:var(--bg-primary);
  border-bottom:.5px solid var(--border-tertiary);overflow-x:auto;position:sticky;top:59px;z-index:15}
.ongl button{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--text-secondary);
  padding:13px 12px;font-size:13.5px;cursor:pointer;font-family:inherit;white-space:nowrap;
  border-bottom:2px solid transparent;margin-bottom:-.5px}
.ongl button:hover{color:var(--text-primary)}
.ongl button.on{color:var(--brand);border-bottom-color:var(--brand);font-weight:500}

main{padding:20px;max-width:1280px;margin:0 auto}

/* ---- Tableau de bord ---- */
.cartes-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin-bottom:24px}
.kpi{background:var(--bg-primary);border:.5px solid var(--border-tertiary);border-radius:var(--radius-lg);
  padding:16px;box-shadow:var(--ombre);border-top:3px solid var(--border-secondary)}
.kpi.attente{border-top-color:var(--warn)} .kpi.attente .k-v{color:var(--warn)}
.kpi.accent{border-top-color:var(--accent)} .kpi.accent .k-v{color:var(--accent)}
.kpi.ok{border-top-color:var(--ok)} .kpi.ok .k-v{color:var(--ok)}
.kpi:first-child{border-top-color:var(--brand)} .kpi:first-child .k-v{color:var(--brand)}
.k-l{font-size:12px;color:var(--text-secondary);font-weight:500}
.k-v{font-size:30px;font-weight:600;line-height:1.2;margin:2px 0}
.k-s{font-size:12px;color:var(--text-tertiary)}

.bloc{margin-bottom:28px}
.bloc.etroit{max-width:560px;background:var(--bg-primary);border:.5px solid var(--border-tertiary);
  border-radius:var(--radius-lg);padding:20px;box-shadow:var(--ombre)}
.bloc h2{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;
  letter-spacing:.06em;margin-bottom:12px}
.champ{margin-bottom:18px}
.champ label{margin-top:0}
.ligne-champ{display:flex;gap:8px}
.ligne-champ .btn{flex-shrink:0}

.miss{background:var(--bg-primary);border:.5px solid var(--border-tertiary);border-radius:var(--radius-lg);
  padding:14px 16px;margin-bottom:10px;cursor:pointer;box-shadow:var(--ombre)}
.miss:hover{border-color:var(--brand)}
.mi-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.mi-h b{font-size:14.5px}
.mi-n{font-size:12px;color:var(--text-secondary);white-space:nowrap}
.jauge{height:6px;background:var(--bg-secondary);border-radius:6px;overflow:hidden;margin:9px 0 6px}
.jauge div{height:100%;background:var(--brand);border-radius:6px;transition:width .3s}
.mi-s{font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;justify-content:space-between}

/* ---- Filtres ---- */
.barre-f{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;align-items:center}
.rech{position:relative;flex:1;min-width:220px}
.rech i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:16px}
.rech input{padding-left:34px}
.barre-f select{width:auto;min-width:180px;max-width:100%}
.chips-f{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.fchip{display:inline-flex;align-items:center;gap:6px;border:.5px solid var(--border-tertiary);
  background:var(--bg-primary);color:var(--text-secondary);border-radius:20px;padding:5px 12px;
  font-size:12.5px;cursor:pointer;font-family:inherit}
.fchip span{background:var(--bg-secondary);border-radius:10px;padding:0 6px;font-size:11px}
.fchip:hover{border-color:var(--border-secondary)}
.fchip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.fchip.on span{background:rgba(255,255,255,.25)}

/* ---- Cartes profils ---- */
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:12px}
.carte{background:var(--bg-primary);border:.5px solid var(--border-tertiary);border-radius:var(--radius-lg);
  padding:15px;cursor:pointer;box-shadow:var(--ombre);min-width:0;display:flex;flex-direction:column;
  transition:border-color .15s,box-shadow .15s}
.carte:hover{border-color:var(--brand);box-shadow:0 2px 10px rgba(0,0,0,.07)}
.c-hdr{display:flex;align-items:flex-start;gap:10px}
.c-av{width:36px;height:36px;border-radius:50%;background:var(--brand-soft);color:var(--brand);
  display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.c-av.petit{width:28px;height:28px;font-size:10px}
.c-id{min-width:0}
.c-nom{font-weight:600;font-size:14.5px;overflow-wrap:anywhere}
.c-poste{color:var(--text-secondary);font-size:12.5px;overflow-wrap:anywhere}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}
.chip{font-size:11.5px;background:var(--bg-secondary);border-radius:20px;padding:2px 9px;color:var(--text-secondary)}
.c-prod{margin-top:9px;font-size:12.5px;color:var(--accent);overflow-wrap:anywhere}
.c-pied{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;
  padding-top:12px;border-top:.5px solid var(--border-tertiary)}
.c-miss{font-size:11.5px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;flex:1;min-width:0}

.avis{font-size:11.5px;border-radius:20px;padding:2px 9px;white-space:nowrap;font-weight:500}
.a-interesse{background:var(--ok-soft);color:var(--ok)}
.a-a_rencontrer{background:var(--accent-soft);color:var(--accent)}
.a-non_retenu{background:var(--danger-soft);color:var(--danger)}
.a-equipe{background:var(--teal-soft);color:var(--teal)}
.a-vide{background:var(--warn-soft);color:var(--warn)}

/* ---- Vote de l'équipe ---- */
.kpi.teal{border-top-color:var(--teal)} .kpi.teal .k-v{color:var(--teal)}
.bloc-carte{background:var(--bg-primary);border:.5px solid var(--border-tertiary);
  border-radius:var(--radius-lg);padding:18px;box-shadow:var(--ombre)}
.anneau-bloc{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.anneau{flex-shrink:0}
.anneau .an-v{font-size:19px;font-weight:600;fill:var(--text-primary)}
.anneau .an-l{font-size:10px;fill:var(--text-tertiary)}
.legende{list-style:none;margin:0;padding:0;flex:1;min-width:190px}
.legende li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:var(--text-secondary)}
.legende b{margin-left:auto;color:var(--text-primary);font-weight:600}
.legende .pc{min-width:42px;text-align:right;color:var(--text-tertiary);font-size:12px}
.pt{width:10px;height:10px;border-radius:3px;flex-shrink:0}

.part{display:flex;align-items:center;gap:8px;margin-top:10px}
.part-b{flex:1;height:5px;background:var(--bg-secondary);border-radius:5px;overflow:hidden}
.part-b div{height:100%;background:var(--teal);border-radius:5px}
.part span{font-size:11px;color:var(--text-tertiary);white-space:nowrap}
.a-ferme{background:var(--bg-secondary);color:var(--text-tertiary)}

.eq-hdr{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.eq-part{font-size:12.5px;color:var(--text-secondary);margin-top:10px;
  padding-top:10px;border-top:.5px solid var(--border-tertiary)}
.eq-liste{margin-top:8px}
/* ---- Droits d'équipe ---- */
.membre{border-bottom:.5px solid var(--border-tertiary)}
.membre.deplie{background:var(--bg-secondary);border-radius:var(--radius-md);
  border-bottom-color:transparent;margin:0 -8px;padding:0 8px}
.membre .eq-ligne{border-bottom:0}
.eq-per{font-size:11.5px;color:var(--teal)}
.droits{padding:0 0 14px}
.segments.petit{max-width:340px;margin-bottom:12px}
.segments.petit button{font-size:12.5px;padding:6px}
.case{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-primary);margin:0 0 4px}
.case input{width:auto;height:auto}
.tbl-droits{width:100%;border-collapse:collapse;font-size:13px}
.tbl-droits th{text-align:left;font-size:11px;color:var(--text-tertiary);text-transform:uppercase;
  letter-spacing:.05em;font-weight:600;padding:0 6px 6px}
.tbl-droits th:not(:first-child),.tbl-droits td:not(:first-child){text-align:center;width:58px}
.tbl-droits td{padding:7px 6px;border-top:.5px solid var(--border-tertiary)}
.tbl-droits input{width:auto;height:auto}
.tm-n{color:var(--text-tertiary);font-size:11px;background:var(--bg-primary);
  border-radius:10px;padding:1px 6px;margin-left:4px}
.droits .hint{margin:10px 0 0}
.droits .btn{margin-top:10px}

.ferme{display:flex;align-items:flex-start;gap:8px;background:var(--bg-primary);
  border:.5px solid var(--border-tertiary);border-radius:var(--radius-md);padding:12px 14px;
  font-size:13px;color:var(--text-secondary)}
.ferme i{color:var(--text-tertiary);font-size:16px}

/* ---- Short-list ---- */
.colonnes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;align-items:start}
.colonne{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:10px}
.col-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 8px}
.col-h b{font-size:13.5px}
.col-n{background:var(--bg-primary);border-radius:20px;padding:1px 8px;font-size:11.5px;color:var(--text-secondary)}
.col-j{font-size:11.5px;color:var(--text-tertiary);padding:0 4px;display:flex;gap:6px;
  align-items:center;height:22px;overflow:hidden}
.col-jn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.col-g{padding:6px 4px 10px;min-height:38px}
.col-g .btn{margin:0;width:100%;height:28px;font-size:12px;justify-content:center}
.col-g .btn.pleine{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.q-n{background:var(--bg-primary);border-radius:20px;padding:0 7px;font-size:11px;margin-left:2px}
.col-rien{font-style:italic;opacity:.75}
.colonne.cible{outline:2px dashed var(--accent);outline-offset:-3px;background:var(--accent-soft)}
.sl-c[draggable="true"]{cursor:grab}
.sl-c.enleve{opacity:.4}
.score100{font-size:11.5px;border-radius:20px;padding:2px 9px;font-weight:600;
  background:var(--bg-secondary);color:var(--text-secondary)}
.score100.bon{background:var(--ok-soft);color:var(--ok)}
.score100.moyen{background:var(--warn-soft);color:var(--warn)}
.score100.faible{background:var(--danger-soft);color:var(--danger)}
.sc-l{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--text-secondary)}
.q-l .pts{width:64px;flex-shrink:0;text-align:center}
.q-total{font-size:12.5px;color:var(--text-secondary);margin:6px 0 10px;display:flex;gap:10px;flex-wrap:wrap}
.q-total.ok b{color:var(--ok)}
.q-total .hint{margin:0}
.dr-t{margin-top:10px}
.poste.bandeau{margin:0 0 14px;background:var(--bg-primary);border:.5px solid var(--border-tertiary);
  border-radius:var(--radius-md);padding:10px 14px}
.col-c{display:flex;flex-direction:column;gap:8px}
.col-vide{text-align:center;color:var(--text-tertiary);font-size:12px;padding:10px 0}
.sl-c{background:var(--bg-primary);border:.5px solid var(--border-tertiary);border-radius:var(--radius-md);
  padding:10px;box-shadow:var(--ombre)}
.sl-c.r-vainqueur{border-color:var(--ok)} .sl-c.r-ecarte{opacity:.6}
.sl-h{display:flex;gap:8px;align-items:center;cursor:pointer;min-width:0}
.sl-id{min-width:0;display:flex;flex-direction:column}
.sl-id b{font-size:13px;overflow-wrap:anywhere}
.sl-id span{font-size:11.5px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-m{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.sl-a{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:.5px solid var(--border-tertiary)}
.note-b{font-size:11.5px;background:var(--warn-soft);color:var(--warn);border-radius:20px;padding:2px 9px;font-weight:600}

/* ---- Étapes ---- */
.etape-e{border:.5px solid var(--border-tertiary);border-radius:var(--radius-md);padding:10px;margin-bottom:10px}
.ee-h{display:flex;gap:8px;align-items:center}
.ee-n{width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);
  display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.ee-h .btn{flex-shrink:0}
.ee-j{display:flex;flex-wrap:wrap;gap:12px;margin-top:9px;padding-left:30px}
.ee-j .case{font-size:12.5px;color:var(--text-secondary)}

/* ---- Évaluation ---- */
.eval{background:var(--bg-secondary);border-radius:var(--radius-md);padding:12px 14px}
.ev-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}
.ev-dep{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;align-items:center}
.ev-dep select{width:auto;min-width:150px;height:30px;font-size:12.5px}
.ev-dep .btn{margin:0}
.ev-liste{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.ev-n{background:var(--bg-primary);border-radius:var(--radius-sm);padding:9px 11px;font-size:13px}
.ev-a{display:block;font-size:12.5px}
.ev-c{display:block;color:var(--text-secondary);margin-top:3px;white-space:pre-wrap}
.etoiles{color:var(--warn);letter-spacing:1px}
.etoiles .gris{color:var(--border-secondary)}
.ev-pj{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.pj{display:flex;align-items:center;gap:8px;font-size:13px;background:var(--bg-primary);
  border-radius:var(--radius-sm);padding:7px 10px}
.pj a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj-a{font-size:11.5px;color:var(--text-tertiary);white-space:nowrap}
.pj .btn{margin:0}
.ev-form{margin-top:14px;padding-top:12px;border-top:.5px solid var(--border-tertiary)}
.etoiles-c{display:flex;align-items:center;gap:2px;margin-bottom:8px}
.etoiles-c .et{border:0;background:none;font-size:24px;line-height:1;color:var(--border-secondary);
  cursor:pointer;padding:0 2px}
.etoiles-c .et.on{color:var(--warn)}
.etoiles-c span{margin-left:8px;font-size:12.5px;color:var(--text-tertiary)}
.ev-b{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ev-b .btn{margin-top:10px;cursor:pointer}

/* ---- Mes entretiens ---- */
.ent-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:12px}
/* Les cartes ont des contenus de hauteurs différentes : sans pied poussé vers
   le bas, les boutons se retrouvent à des niveaux différents d'une carte à
   l'autre. Même traitement que le pied des cartes de profil. */
.ent{background:var(--bg-primary);border:.5px solid var(--border-tertiary);border-radius:var(--radius-lg);
  padding:14px;box-shadow:var(--ombre);display:flex;flex-direction:column}
.ent-f{margin-top:auto;padding-top:14px}
.ent-h{display:flex;gap:10px;align-items:center;cursor:pointer;min-width:0}
.ent-id{flex:1;min-width:0}
.ent-s{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}
.ent-m{font-size:12px;color:var(--text-tertiary);margin-top:9px}
.ent .btn{width:100%}
.poste{margin-top:10px;font-size:13px}
.poste summary{cursor:pointer;color:var(--accent);font-size:12.5px}
.poste-t{white-space:pre-wrap;color:var(--text-secondary);background:var(--bg-secondary);
  border-radius:var(--radius-sm);padding:10px 12px;margin-top:6px;font-size:13px;max-height:260px;overflow:auto}

/* ---- Grille d'entretien ---- */
.ee-q{margin-top:10px;padding-left:30px}
.eq-t,.gr-t{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-tertiary);
  text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:6px}
.eq-t span{text-transform:none;letter-spacing:0;font-weight:400}
.eq-t .btn{margin:0;margin-left:auto}
.q-apercu{margin:0;padding-left:18px;font-size:12.5px;color:var(--text-secondary)}
.q-apercu li{padding:2px 0}
.q-t{color:var(--text-tertiary);font-size:11px}
.q-l{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.q-l input{flex:1;min-width:0}
.q-l select{width:auto;min-width:110px;flex-shrink:0}
.q-l .btn{flex-shrink:0}
.grille{background:var(--bg-primary);border:.5px solid var(--border-tertiary);border-radius:var(--radius-md);
  padding:12px 14px;margin-top:12px}
.gr-q{margin-bottom:12px}
.gr-q label{margin:0 0 5px;color:var(--text-primary);font-size:13px}
.gr-q textarea{min-height:54px}
.gr-q .segments{max-width:200px;margin:0}
.etoiles-c.petite .et{font-size:20px}
.gr-s{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;
  padding-top:10px;border-top:.5px solid var(--border-tertiary)}
.gr-s .btn{margin:0}
.cr{background:var(--accent-soft);border-radius:var(--radius-md);padding:12px 14px;margin-top:12px}
.cr .gr-t{color:var(--accent)}
.cr textarea{min-height:90px;background:var(--bg-primary)}
.cr-b{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.cr-b .btn{margin:0}
.cr-b .hint{margin:0}
.gr-autres{margin-top:12px}
.gr-a{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:5px 0;
  border-bottom:.5px solid var(--border-tertiary)}
.gr-v{color:var(--text-secondary);white-space:nowrap}

.vide{text-align:center;color:var(--text-tertiary);padding:60px 20px}
.vide i{font-size:34px;opacity:.5;display:block;margin-bottom:10px}
.vide p{margin:4px 0}

/* ---- Fiche ---- */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;
  justify-content:center;z-index:100;overflow:auto;padding:0}
@media (min-width:760px){.overlay{align-items:center;padding:1rem}}
.fiche{background:var(--bg-primary);width:100%;max-width:660px;
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:94vh;display:flex;flex-direction:column}
@media (min-width:760px){.fiche{border-radius:var(--radius-lg)}}
.f-hdr{display:flex;justify-content:space-between;gap:10px;padding:16px 18px;
  border-bottom:.5px solid var(--border-tertiary)}
.f-id{display:flex;gap:11px;align-items:center;min-width:0}
.f-nom{font-size:17px;font-weight:600;overflow-wrap:anywhere}
.f-sub{color:var(--text-secondary);font-size:13px}
.x{border:0;background:none;font-size:19px;color:var(--text-secondary);cursor:pointer;padding:0 4px;align-self:flex-start}
.mot{background:var(--accent-soft);color:var(--accent);padding:12px 18px;font-size:13.5px}
.f-corps{padding:16px 18px;overflow:auto;flex:1}
.f-corps h3{font-size:11.5px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 7px}
.lignes{display:grid;gap:1px}
.l{display:grid;grid-template-columns:minmax(0,130px) minmax(0,1fr);gap:10px;padding:7px 0;
  border-bottom:.5px solid var(--border-tertiary);font-size:13.5px}
.l>span{color:var(--text-secondary)}
.l b{font-weight:500;overflow-wrap:anywhere}
.txt{white-space:pre-wrap;font-size:13.5px;margin:0;color:var(--text-secondary)}
.parcours{list-style:none;padding:0;margin:0}
.parcours li{padding:10px 0 10px 14px;border-bottom:.5px solid var(--border-tertiary);
  font-size:13.5px;border-left:2px solid var(--border-tertiary);margin-left:2px}
.parcours li.encours{border-left-color:var(--ok)}
.pc-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pc-d{font-size:12px;color:var(--teal);background:var(--teal-soft);border-radius:20px;
  padding:1px 9px;white-space:nowrap;font-weight:500}
.pc-p{color:var(--text-secondary);font-size:13px}
.dates{display:block;color:var(--text-tertiary);font-size:12px;margin-top:2px}

.verrou{border:.5px solid var(--danger);background:var(--bg-primary);color:var(--danger);
  border-radius:var(--radius-sm);width:26px;height:24px;cursor:pointer;padding:0;margin-left:auto;
  display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.verrou:hover{filter:brightness(1.1)}
.verrou.clos{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}
.verrou.ouvert{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}
.c-etape{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.et-b{font-size:11.5px;background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:2px 9px}
.res{font-size:11.5px;border-radius:20px;padding:2px 9px;font-weight:500}
.r-finaliste{background:var(--warn-soft);color:var(--warn)}
.r-vainqueur{background:var(--ok-soft);color:var(--ok)}
.r-ecarte{background:var(--bg-secondary);color:var(--text-tertiary)}
.c-pied .avis{margin-left:0}
.f-outils{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;align-items:center}
.f-pied{padding:14px 18px;border-top:.5px solid var(--border-tertiary);background:var(--bg-secondary)}
.avis-l{font-size:12.5px;color:var(--text-secondary);margin-bottom:8px}
.avis-b{display:flex;flex-wrap:wrap;gap:8px}
.avis-b .btn{margin-top:0;flex:1;min-width:130px}
.f-pied textarea{margin-top:10px;min-height:62px}
.equipe{background:var(--bg-primary);border:.5px solid var(--border-tertiary);border-radius:var(--radius-md);
  padding:11px 13px;margin-bottom:14px}
.eq-l{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:4px 0;font-size:13.5px}
.eq-c{color:var(--text-secondary);font-size:13px;flex-basis:100%}
.eq-ligne{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:.5px solid var(--border-tertiary)}
.eq-id{flex:1;min-width:0;display:flex;flex-direction:column}
.eq-id span{font-size:12.5px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}

.msg-page{max-width:420px;margin:16vh auto;background:var(--bg-primary);border:.5px solid var(--border-tertiary);
  border-radius:var(--radius-lg);padding:28px;text-align:center;box-shadow:var(--ombre)}

#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);
  background:var(--text-primary);color:var(--bg-primary);padding:11px 16px;border-radius:var(--radius-md);
  font-size:13.5px;opacity:0;pointer-events:none;transition:.2s;z-index:200;max-width:90vw;text-align:center}
#toast.visible{opacity:1;transform:translateX(-50%)}
#toast.err{background:var(--danger);color:#fff}

@media (max-width:560px){
  .top{padding:10px 14px} .ongl{padding:0 8px;top:55px} main{padding:14px}
  .a-nom{display:none} .m-t{font-size:14px}
  .avis-b .btn{min-width:0;flex-basis:100%}
}

/* ===== IMPRESSION =====
   Le partenaire imprime une fiche, pas l'écran. */
@media print{
  body{background:#fff;color:#000}
  .top,.ongl,#toast,main,.f-outils{display:none !important}
  .anneau-bloc{gap:14px}
  .overlay{position:static;inset:auto;background:none;display:block;overflow:visible;padding:0}
  .fiche{max-width:none;max-height:none;border:0;border-radius:0;display:block;box-shadow:none}
  .f-hdr{border:0} .f-pied,.x,.btn{display:none !important}
  .f-corps{overflow:visible;padding:0}
  .mot{background:none;border-left:2px solid #999;padding:0 0 0 10px;color:#333}
  .l{border-bottom:1px solid #ddd}
  h3{break-after:avoid} .parcours li{break-inside:avoid}
}