/* HUNE RECRUTEMENT — COMPLÉMENTS À hune.css
   Seule feuille propre au module (règle A-08 de Hune). À l'intégration, ces règles sont versées
   dans hune.css puis ce fichier est supprimé. Toutes les couleurs viennent des jetons de Hune. */
.marque img{width:22px;height:22px}
.marque .sous{font-family:var(--texte);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sur-coque-2);margin-left:2px}
.b-ref .ecran{color:#EAF3F6;font-family:var(--display);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compte-nom{font-size:12px;color:#D6E7EC;white-space:nowrap}
.b-poste form{display:contents}
.b-coque{cursor:pointer}
.lien .c{white-space:nowrap}
.formulaire{display:grid;gap:var(--e4);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.formulaire .large-champ{grid-column:1/-1}
.actions{display:flex;flex-wrap:wrap;gap:var(--e2);align-items:center}
.kpis{display:grid;gap:1px;background:var(--filet);border:1px solid var(--filet);border-radius:var(--r);overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.kpi{background:var(--surf);padding:var(--e3) var(--e4)}
.kpi b{display:block;font-family:var(--display);font-weight:400;font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}
.kpi span{font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--encre-2)}
.entonnoir{display:grid;gap:6px}
.entonnoir div{display:grid;grid-template-columns:130px minmax(0,1fr) 3rem;gap:var(--e2);align-items:center;font-size:13px}
.entonnoir .barre-e{height:18px;background:var(--surf-2);border-radius:3px;overflow:hidden}
.entonnoir .barre-e i{display:block;height:100%;background:var(--veille)}
.entonnoir .barre-e i.fin{background:var(--lampe)}
.tache{display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:var(--e3);align-items:center;padding:var(--e2) 0;border-bottom:1px solid var(--filet-2)}
.tache:last-child{border-bottom:0}
.tache i{align-self:stretch;background:var(--filet-fort)} .tache.u2 i{background:var(--al)} .tache.u3 i{background:var(--dg)}
.tache small{display:block;color:var(--encre-3)}
.detail{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px var(--e4);font-size:13px}
.detail dt{color:var(--encre-3)} .detail dd{margin:0}
.monogramme{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:6px;color:#fff;font-family:var(--display);font-weight:600;font-size:12px;flex:none}
.apercu-mail{background:#fff;color:#1d2430;border:1px solid var(--filet);border-radius:var(--r);overflow:hidden;font-size:13px}
.apercu-mail .entete{padding:8px 12px;background:#f5f7f9;border-bottom:1px solid #e3e7ee;color:#55606f;font-size:12px;display:grid;gap:2px}
.apercu-mail .bande{padding:10px 12px;color:#fff;font-family:var(--display);font-size:16px}
.apercu-mail .corps-m{padding:12px}
.filtre .choix-q{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px}
.filtre .choix-q label{display:inline-flex;gap:4px;align-items:center}
@media(max-width:1100px){.poss{display:none}.b-ref{display:none}
.rubs{position:sticky;top:50px;z-index:30;height:auto;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:0}
.rubs .t,.rubs hr,.rubs .s{display:none}
.rubs a{width:auto;flex:none;white-space:nowrap;border-left:0;border-bottom:3px solid transparent;padding:10px 14px}
.rubs [aria-current="page"]{border-bottom-color:var(--lampe)}}
@media(max-width:600px){.compte-nom,.marque .sous{display:none}.b-poste .longuevue{display:none}}
/* Pages publiques aux couleurs de chaque société */
.bande-societe{display:flex;gap:var(--e3);align-items:center;padding:var(--e3) var(--e4);color:#fff;font-size:14px}
.bande-societe b{font-family:var(--display);font-weight:600;font-size:20px}
.monogramme.grand{width:44px;height:44px;font-size:16px;background:rgba(255,255,255,.18)}
.page-publique .large{max-width:820px;margin:0 auto}
.pied-public{max-width:820px;margin:0 auto;padding:var(--e4);font-size:12px;color:var(--encre-3)}
.lien-discret{background:none;border:0;padding:0;color:var(--encre-2);text-decoration:underline;cursor:pointer;font-size:12.5px}
.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* CVthèque : la barre « filtre-l » de Hune tient sur une ligne ; la recherche multicritères en demande plusieurs */
.filtre-cvt .champ.ligne{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px}
.filtre-cvt .champ.ligne>.l{width:auto;margin-right:4px}
.filtre-cvt .champ.ligne select{width:auto}
.filtre-cvt #q{min-width:240px}

/* QR code de la double authentification : fond blanc imposé (lisible par les applications, y compris en mode nuit) */
.qr-cadre { display: inline-block; background: #fff; padding: 8px; border-radius: 8px; margin: 4px 0 12px; }
.qr-2fa { display: block; width: 200px; height: 200px; }
.qr-2fa path { fill: #000; }

/* Mode recette des e-mails : rappel permanent en haut de chaque écran */
.bandeau-recette { margin: 0 0 16px; padding: 10px 14px; border-radius: 8px; font-weight: 600;
  background: var(--lampe, #e8a33d); color: #1a1a1a; }

/* Boutons « Tout cocher / Tout décocher / Île-de-France » au-dessus des listes de cases */
.cases-actions { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 6px; }
.cases-bt { font: inherit; font-size: 12px; padding: 2px 10px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--filet-fort); background: var(--surf); color: var(--encre-2); }
.cases-bt:hover, .cases-bt:focus-visible { border-color: var(--lampe, #e8a33d); }
.cases-tableau { margin: 4px 0 0; font-weight: 400; }
.cases-tableau .cases-bt { font-size: 11px; padding: 1px 8px; }