/* Radar ICFA – interface sobre (barre latérale façon Notion, cartes façon Indeed), charte ICFA :
   vert #0D9488 / #064E45, orange #FF6D2C, Space Grotesk (titres) + Inter (texte). */
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url("fonts/inter-latin-400-normal.da03732a27e1.woff2") format("woff2")}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url("fonts/inter-latin-500-normal.51205681a1ba.woff2") format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url("fonts/inter-latin-600-normal.2ede57db1a3a.woff2") format("woff2")}
@font-face{font-family:"Space Grotesk";font-weight:600;font-display:swap;src:url("fonts/space-grotesk-latin-600-normal.49f2dd2d2132.woff2") format("woff2")}
@font-face{font-family:"Space Grotesk";font-weight:700;font-display:swap;src:url("fonts/space-grotesk-latin-700-normal.f9e147a59a93.woff2") format("woff2")}

:root{
  --teal-900:#064E45; --teal-700:#0B7A70; --teal-600:#0D9488; --teal-50:#E7F6F4;
  --orange:#FF6D2C; --orange-50:#FFF1EA; --orange-700:#C2410C;
  --red:#D92D20; --red-50:#FEF0EF; --blue:#2557D6; --blue-50:#EEF3FF; --yellow-50:#FFF7DB; --yellow-700:#8A6100;
  --ink:#2D2D2B; --ink-2:#595955; --ink-3:#91918E; --line:#E6E6E3; --line-2:#EDEDEB;
  --side:#F7F7F5; --hover:#EBEBE9; --bg:#FFFFFF; --pill:#F3F2F1;
  --radius:14px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.01em}
button,select,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--teal-700)}

/* ---------- Bulles d'explication (survol) ---------- */
[data-tip]{position:relative}
[data-tip]:hover::after,[data-tip]:focus-visible::after{
  content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);
  width:max-content;max-width:280px;white-space:normal;text-align:left;
  background:#2D2D2B;color:#fff;font:500 12.5px/1.45 Inter,sans-serif;letter-spacing:0;text-transform:none;
  padding:8px 10px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.18);z-index:50;pointer-events:none}
[data-tip]:hover::before,[data-tip]:focus-visible::before{
  content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);
  border:5px solid transparent;border-top-color:#2D2D2B;z-index:50;pointer-events:none}
[data-tip].tip-bas:hover::after{bottom:auto;top:calc(100% + 8px)}
[data-tip].tip-bas:hover::before{bottom:auto;top:calc(100% + 3px);border-top-color:transparent;border-bottom-color:#2D2D2B}
[data-tip].tip-droite:hover::after{left:auto;right:0;transform:none}
[data-tip].tip-droite:hover::before{left:auto;right:12px;transform:none}
/* Près du bord gauche (filtres, onglets, étiquettes) : bulle alignée à gauche pour ne pas sortir de l'écran */
.filtres [data-tip]:hover::after,.tabs [data-tip]:hover::after,.etiquettes [data-tip]:hover::after,.pilules [data-tip]:hover::after{left:0;transform:none}
.filtres [data-tip]:hover::before,.tabs [data-tip]:hover::before,.etiquettes [data-tip]:hover::before,.pilules [data-tip]:hover::before{left:16px;transform:none}
/* Menu ouvert : on masque la bulle de son bouton */
details[open] > summary[data-tip]::after,details[open] > summary[data-tip]::before{display:none}

/* ---------- Mise en page ---------- */
.app{display:flex;min-height:100vh}
.sidebar{width:248px;flex:none;background:var(--side);border-right:1px solid var(--line-2);display:flex;flex-direction:column;padding:10px 8px;position:sticky;top:0;height:100vh}
.espace-travail{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--ink);margin-bottom:14px}
.espace-travail:hover{background:var(--hover)}
.espace-travail img{width:26px;height:26px;border-radius:6px;flex:none}
.espace-travail b{font-family:"Space Grotesk";font-size:15px;display:block;line-height:1.2}
.espace-travail small{color:var(--ink-3);font-size:11.5px}
.nav-title{font-size:12px;font-weight:500;color:var(--ink-3);padding:12px 10px 4px}
.nav a{display:flex;align-items:center;gap:9px;color:var(--ink-2);padding:6px 10px;border-radius:6px;text-decoration:none;font-weight:500;min-height:32px}
.nav a .ico{width:20px;text-align:center;flex:none}
.nav a .lbl{flex:1}
.nav a:hover{background:var(--hover);color:var(--ink)}
.nav a.active{background:var(--hover);color:var(--ink);font-weight:600}
.nav a.active .ico{filter:none}
.count{font-size:12px;color:var(--ink-3);font-weight:500}
.count.alerte{background:var(--orange);color:#fff;font-weight:700;border-radius:99px;padding:0 7px;line-height:18px}
.nav a.active .count{color:var(--teal-700);font-weight:600}
.sidebar .foot{margin-top:auto;border-top:1px solid var(--line-2);padding:10px 4px 2px}
.sidebar .foot .nav a{font-size:13px;min-height:30px}
.utilisateur{display:flex;align-items:center;gap:9px;padding:6px 10px;color:var(--ink);font-weight:600;font-size:13px}
.utilisateur .pastille{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;flex:none}
.lien-bouton{background:none;border:0;padding:6px 10px;border-radius:6px;color:var(--ink-2);font-weight:500;font-size:13px;width:100%;text-align:left;display:flex;gap:9px;align-items:center}
.lien-bouton:hover{background:var(--hover);color:var(--ink)}

main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}
.entete{padding:34px 48px 0;max-width:1080px;width:100%}
.entete h1{font-size:30px;margin:0;font-weight:700}
.entete .sous-titre{color:var(--ink-2);margin-top:6px;font-size:14px}

/* Onglets de vue (façon Notion) */
.tabs{display:flex;gap:2px;margin-top:22px;border-bottom:1px solid var(--line);overflow-x:auto}
.tab{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;color:var(--ink-2);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none;white-space:nowrap;border-radius:6px 6px 0 0}
.tab:hover{background:var(--side);color:var(--ink)}
.tab.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}
.tab .n{font-size:12px;color:var(--ink-3)}

/* Barre de filtres */
.filtres{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 0 4px}
.filtres .grow{flex:1}
.recherche{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:6px 10px;min-width:240px;background:#fff}
.recherche:focus-within{border-color:var(--teal-600);box-shadow:0 0 0 3px rgba(13,148,136,.12)}
.recherche input{border:0;outline:0;width:100%;background:transparent}
.menu{position:relative}
.menu > summary{list-style:none}
.menu > summary::-webkit-details-marker{display:none}
.filtre{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 11px;color:var(--ink-2);font-weight:500;cursor:pointer;white-space:nowrap;user-select:none}
.filtre:hover{background:var(--side);color:var(--ink)}
.filtre.actif{border-color:var(--teal-600);background:var(--teal-50);color:var(--teal-900);font-weight:600}
.filtre.chaud.actif{border-color:var(--orange);background:var(--orange-50);color:var(--orange-700)}
.filtre .badge{background:var(--teal-600);color:#fff;border-radius:99px;font-size:11px;padding:0 6px;line-height:17px}
.filtre input{position:absolute;opacity:0;pointer-events:none}
.menu .panneau{position:absolute;top:calc(100% + 6px);left:0;z-index:30;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px rgba(15,15,15,.12);padding:6px;min-width:230px;max-height:360px;overflow:auto}
.panneau label{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:6px;cursor:pointer;color:var(--ink)}
.panneau label:hover{background:var(--side)}
.panneau input{width:16px;height:16px;accent-color:var(--teal-600)}
.panneau .n{margin-left:auto;color:var(--ink-3);font-size:12px}
.panneau .pied{border-top:1px solid var(--line-2);margin-top:4px;padding:6px 4px 2px;display:flex;justify-content:space-between}
.effacer{color:var(--ink-3);font-size:13px;text-decoration:none;padding:6px 4px}
.effacer:hover{color:var(--ink)}

/* Messages et bandeau des collectes */
.messages,.collectes{padding:0 48px;max-width:1080px;width:100%;display:flex;flex-direction:column;gap:8px;margin-top:14px}
.msg{border-radius:10px;padding:10px 14px;border:1px solid var(--line);background:#fff}
.msg{display:flex;align-items:center;gap:12px}
.msg span{flex:1}
.msg form{margin:0}
.msg .annuler{background:#fff;border:1px solid #bfe6e0;border-radius:8px;padding:4px 10px;font-weight:600;color:var(--teal-900);font-size:13px}
.msg .annuler:hover{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}
.msg.success{background:var(--teal-50);border-color:#bfe6e0;color:var(--teal-900)}
.msg.error{background:var(--red-50);border-color:#f6c8c4;color:var(--red)}
.msg.warning{background:var(--orange-50);border-color:#ffd3bd;color:var(--orange-700)}
.banner{display:flex;align-items:center;gap:10px;border-radius:10px;padding:9px 14px;font-size:13px;background:var(--side);color:var(--ink-2)}
.banner b{color:var(--ink)}
.banner.run{background:var(--orange-50);color:var(--orange-700)}
.banner.ko{background:var(--red-50);color:var(--red)}
.spin{width:14px;height:14px;border:2px solid #fdba8c;border-top-color:var(--orange);border-radius:50%;animation:rot 1s linear infinite;flex:none}
@keyframes rot{to{transform:rotate(360deg)}}

/* ---------- Cartes (façon Indeed) ---------- */
.list{padding:16px 48px 120px;display:flex;flex-direction:column;gap:14px;max-width:1080px;width:100%}
.select-all{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:13px;padding:0 2px}
.card{position:relative;background:#fff;border:1px solid #DADAD7;border-radius:var(--radius);padding:20px 22px 18px;transition:border-color .12s,box-shadow .12s}
.card:hover{border-color:#B9B9B5;box-shadow:0 2px 10px rgba(15,15,15,.06)}
.card.selected{border-color:var(--teal-600);box-shadow:0 0 0 1px var(--teal-600)}
.card .haut{display:flex;align-items:flex-start;gap:10px}
.card .etiquettes{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-height:26px;align-items:center}
.check{width:17px;height:17px;accent-color:var(--teal-600);cursor:pointer;margin:4px 2px 0 0;flex:none}
.etiquette{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:8px}
.etiquette.chaud{background:var(--orange-50);color:var(--orange-700)}
.etiquette.offre{background:var(--blue-50);color:var(--blue)}
.etiquette.publication{background:var(--yellow-50);color:var(--yellow-700)}
.etiquette.formation{background:#F4EEFF;color:#6B3FD1}
.etiquette.entreprise{background:var(--pill);color:var(--ink)}
.etiquette.incertain{background:var(--pill);color:var(--ink-3);font-weight:500}
.icones{display:flex;gap:2px;flex:none}
.icone{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:none;border:0;color:var(--ink)}
.icone:hover{background:var(--side)}
.icone.ecarter:hover{color:var(--red);background:var(--red-50)}
.icone.suivre:hover,.icone.suivre.on{color:var(--teal-700);background:var(--teal-50)}
.icone svg{width:22px;height:22px}
.card .titre{font-family:"Space Grotesk";font-weight:700;font-size:20px;line-height:1.25;margin:10px 0 0}
.card .titre a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.card .titre a:hover{color:var(--teal-700)}
.card .qui{margin-top:8px;font-size:15px;color:var(--ink);line-height:1.4}
.card .ou{margin-top:2px;font-size:15px;color:var(--ink-2)}
.pilules{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pilule{display:inline-flex;align-items:center;gap:5px;background:var(--pill);color:var(--ink);font-weight:600;font-size:13px;padding:6px 10px;border-radius:8px}
.pilule.filiere{background:var(--teal-50);color:var(--teal-900)}
.pilule.statut.ecartee,.pilule.statut.perdu{background:var(--red-50);color:var(--red)}
.pilule.statut.converti{background:var(--teal-600);color:#fff}
.card .resume{color:var(--ink-2);margin:14px 0 0;line-height:1.55;font-size:14px}
.card .bas{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap}
.card .bas .date{color:var(--ink-3);font-size:13px;margin-right:auto}
.lien{font-weight:600;text-decoration:none;color:var(--teal-700)}
.lien:hover{text-decoration:underline}
.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:7px 13px;border-radius:8px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;font-size:13.5px}
.btn:hover{background:var(--side)}
.btn.primary{background:var(--teal-600);border-color:var(--teal-600);color:#fff}
.btn.primary:hover{background:var(--teal-700)}
.empty{text-align:center;padding:56px 20px;color:var(--ink-2);background:var(--side);border-radius:var(--radius)}
.pages{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--ink-2);padding:8px}

/* Barre d'actions groupées : une seule ligne, 3 actions + fermer */
.bulk{display:none;align-items:center;gap:8px;background:#2D2D2B;color:#fff;border-radius:12px;padding:7px 8px 7px 16px;position:fixed;bottom:22px;left:calc(50% + 124px);transform:translateX(-50%);box-shadow:0 12px 32px rgba(0,0,0,.25);z-index:40;white-space:nowrap}
.bulk.show{display:flex}
.bulk strong{margin-right:6px;font-weight:600}
.bulk .btn{background:transparent;border-color:rgba(255,255,255,.18);color:#eee;padding:6px 11px}
.bulk .btn:hover{background:rgba(255,255,255,.1)}
.bulk .btn.keep{background:var(--teal-600);border-color:var(--teal-600);color:#fff}
.bulk .btn.keep:hover{background:var(--teal-700)}
.bulk summary.btn{list-style:none;cursor:pointer}
.bulk summary.btn::-webkit-details-marker{display:none}
.bulk .fermer{background:none;border:0;color:#bbb;width:30px;height:30px;border-radius:8px;font-size:15px}
.bulk .fermer:hover{background:rgba(255,255,255,.1);color:#fff}
.menu.vers-le-haut .panneau{top:auto;bottom:calc(100% + 10px);min-width:280px;white-space:normal}
.panneau .choix{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 10px;border-radius:6px;color:var(--ink);font-weight:600}
.panneau .choix small{display:block;color:var(--ink-3);font-weight:400;font-size:12px;margin-top:1px}
.panneau .choix:hover{background:var(--side)}
.panneau .choix.rouge{color:var(--red)}

/* ---------- Fiche piste ---------- */
.fiche{padding:18px 48px 60px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;max-width:1240px}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.panel h2{font-size:16px;margin:0 0 12px}
.panel+.panel{margin-top:16px}
.texte{white-space:pre-wrap;line-height:1.6;color:var(--ink);max-height:440px;overflow:auto}
.retour{color:var(--ink-3);text-decoration:none;font-size:13px}
.retour:hover{color:var(--ink)}
.form p{margin:0 0 12px}
.form label{display:block;font-weight:600;font-size:13px;margin-bottom:4px}
.form select,.form input[type=date],.form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff}
.form ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.form ul label{font-weight:500;display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:4px 10px}
.form .helptext{color:var(--ink-3);font-size:12.5px}
.timeline{list-style:none;margin:0;padding:0;font-size:13px}
.timeline li{padding:8px 0;border-bottom:1px solid var(--line-2);color:var(--ink-2)}
.timeline li:last-child{border-bottom:0}
.timeline b{color:var(--ink)}
.navigation-fiche{display:flex;align-items:center;justify-content:space-between;gap:10px}
.etiquette.nouveau{background:var(--teal-600);color:#fff}

/* Commentaires et tâches : fil de discussion compact, tout en bas de la fiche */
.commentaires{grid-column:1 / -1}
.panel-tete{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.panel-tete h2{margin:0}
.compteur{background:var(--pill);color:var(--ink-2);font-size:12px;font-weight:600;border-radius:99px;padding:1px 8px}
.pastille{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;flex:none}
.composer{display:flex;gap:12px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--line-2)}
.composer-corps{flex:1;min-width:0}
.composer textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 12px;resize:vertical;min-height:44px;line-height:1.45}
.composer textarea:focus{outline:0;border-color:var(--teal-600);box-shadow:0 0 0 3px rgba(13,148,136,.12)}
.composer.est-tache textarea{border-color:var(--teal-600);background:var(--teal-50)}
.composer-options{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.composer .option{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);font-weight:500;white-space:nowrap;max-width:100%}
.composer .option select{min-width:0;max-width:100%}
.composer .option select,.composer .option input{border:1px solid var(--line);border-radius:8px;padding:5px 8px;background:#fff;font-size:13px}
.composer .echeance{display:none}
.composer.est-tache .echeance{display:inline-flex}
.grow{flex:1}
.erreur-champ{color:var(--red);font-size:13px;margin:6px 0 0}

.fil{list-style:none;margin:0;padding:0}
.fil .vide{color:var(--ink-3);padding:16px 0 4px;font-size:13.5px}
.message{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line-2)}
.message:last-child{border-bottom:0;padding-bottom:2px}
.message-corps{flex:1;min-width:0}
.message-tete{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px}
.message-tete .date{color:var(--ink-3);font-size:12.5px}
.message-texte{margin-top:3px;line-height:1.55;color:var(--ink)}
.badge-tache{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px;background:var(--teal-50);color:var(--teal-900);box-shadow:inset 0 0 0 1px #bfe6e0}
.badge-tache.faite{background:var(--teal-600);color:#fff;box-shadow:none}
.badge-tache.supprimee{background:var(--pill);color:var(--ink-3);box-shadow:none}
.badge-tache.retard{background:var(--red-50);color:var(--red);box-shadow:inset 0 0 0 1px #f6c8c4}
.tache-message .message-texte{background:var(--teal-50);border-radius:4px 10px 10px 10px;padding:8px 12px;margin-top:6px;display:inline-block;max-width:100%}
.tache-message.faite .message-texte{background:var(--side);color:var(--ink-2)}
.tache-message.supprimee .message-texte{background:var(--side);color:var(--ink-3);text-decoration:line-through}
.message-actions{display:flex;gap:14px;margin-top:6px}
.message-actions button{background:none;border:0;padding:0;font-size:13px;font-weight:600;color:var(--teal-700)}
.message-actions button:hover{text-decoration:underline}
.message-actions button.discret{color:var(--ink-3);font-weight:500}
.edition{margin-top:6px}
.edition textarea{width:100%;border:1px solid var(--teal-600);border-radius:10px;padding:8px 12px}
.menu.points summary{list-style:none;cursor:pointer;color:var(--ink-3);font-size:18px;line-height:1;padding:2px 8px;border-radius:6px}
.menu.points summary::-webkit-details-marker{display:none}
.menu.points summary:hover{background:var(--side);color:var(--ink)}
.menu.points .panneau{left:auto;right:0;min-width:200px}
.menu.points form{margin:0}

/* Statut et attribution en tête de fiche */
.suivi{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line-2)}
.suivi label{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--ink-2)}
.suivi select{border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:#fff;font-weight:500;color:var(--ink)}

/* Tâches (onglet Tâches) */
.pilule.statut-tache{font-size:12px;padding:3px 8px}
.pilule.statut-tache.a_faire{background:#fff;color:var(--teal-900);box-shadow:inset 0 0 0 1px var(--teal-600)}
.pilule.statut-tache.faite{background:var(--teal-600);color:#fff}
.pilule.statut-tache.supprimee{background:var(--pill);color:var(--ink-3)}
.pilule.retard{background:var(--red-50);color:var(--red)}
.actions-tache{display:flex;gap:8px;margin-top:8px}
.btn.petit{padding:4px 10px;font-size:12.5px}
a.pilule.tache-pilule{background:var(--teal-50);color:var(--teal-900);text-decoration:none}

/* Onglet Tâches */
.filtres select{border:0;background:transparent;font-weight:600;color:var(--ink);outline:0;cursor:pointer}
.tache{background:#fff;border:1px solid var(--line);border-left:4px solid var(--teal-600);border-radius:12px;padding:16px 18px}
.tache.faite{border-left-color:var(--teal-300,#7fd6cb)}
.tache.supprimee{border-left-color:var(--ink-3);opacity:.75}
.tache.retard{border-left-color:var(--red)}
.tache-tete{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tache-tete .qui-quand{color:var(--ink-3);font-size:13px}
.tache-texte{margin:10px 0 0;line-height:1.55;font-size:15px}
.tache .bas{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.tache .actions-tache{margin:0}

/* Bulle d'information temporaire */
.toast{position:fixed;bottom:96px;left:calc(50% + 124px);transform:translateX(-50%);background:#2D2D2B;color:#fff;padding:10px 14px;border-radius:10px;max-width:420px;font-size:13px;line-height:1.45;box-shadow:0 10px 28px rgba(0,0,0,.25);z-index:60}
@media (max-width:820px){.toast{left:50%;width:calc(100% - 24px)}}
.why{color:var(--ink-3);font-size:13px;margin-top:6px}

/* ---------- Connexion ---------- */
.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,var(--teal-900),#053d37);padding:16px}
.login .box{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:380px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.login .brand{background:var(--teal-900);border-radius:12px;padding:14px;display:flex;justify-content:center;margin-bottom:22px}
.login .brand img{height:38px}
.login h1{font-size:20px;margin:0 0 4px}
.login p.info{color:var(--ink-2);margin:0 0 20px}
.login label{display:block;font-weight:600;font-size:13px;margin:14px 0 6px}
.login input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.login input:focus{outline:2px solid #99e0d6;border-color:var(--teal-600)}
.login .btn{width:100%;justify-content:center;margin-top:22px;padding:11px}
.login .erreur{background:var(--red-50);color:var(--red);border-radius:10px;padding:10px 12px;margin-bottom:10px}

.fiche > *{min-width:0}
@media (max-width:980px){ .fiche{grid-template-columns:minmax(0,1fr)} }
@media (max-width:820px){
  .app{flex-direction:column}
  .sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;gap:6px;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--line-2)}
  .espace-travail{margin:0}.espace-travail small,.nav-title{display:none}
  .nav{display:flex;gap:2px}.nav a{white-space:nowrap}
  .sidebar .foot{margin:0 0 0 auto;border:0;padding:0;display:flex}.utilisateur{display:none}
  .entete,.list,.fiche{padding-left:16px;padding-right:16px}.messages,.collectes{padding:0 16px}
  .bulk{left:50%;width:calc(100% - 24px);max-width:none;bottom:12px}
  .recherche{min-width:0;flex:1 1 100%}
}

/* ---------- Enrichissement (FullEnrich) ----------
   Code couleur repris de FullEnrich : téléphone violet, e-mail pro rose, e-mail perso bleu ; action violette. */
:root{--fe:#6D4AFF;--fe-700:#5634E0;--fe-50:#F2EFFF;--tel:#7C5CFC;--tel-50:#F2EFFF;--pro:#E0457B;--pro-50:#FDEEF3;--perso:#3B7BF0;--perso-50:#EDF3FF}
.enrichissement{scroll-margin-top:20px;transition:box-shadow .3s}
.enrichissement.surbrillance{box-shadow:0 0 0 2px var(--fe-50),0 0 0 3px var(--fe)}
.enr-tete{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.enr-tete h2{margin:0}
.enr-info{margin:4px 0 0;color:var(--ink-2);font-size:13px;line-height:1.5;background:var(--side);border-radius:10px;padding:10px 12px}
.enr-sous-titre{font-size:12px;font-weight:600;color:var(--ink-3);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.gratuit{background:var(--teal-50);color:var(--teal-900);border-radius:99px;padding:1px 7px;font-size:11px}
.enr-publiees{margin-bottom:12px;display:flex;flex-direction:column;gap:6px}

/* Étapes (entreprise, puis décideurs) */
.enr-etapes{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.enr-etape{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.enr-etape.active{border-color:var(--fe);box-shadow:0 0 0 3px var(--fe-50)}
.enr-etape.attente{opacity:.6}
.enr-etape-tete{display:flex;align-items:center;gap:8px}
.enr-etape-tete .num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--pill);color:var(--ink-2);flex:none}
.enr-etape.active .num{background:var(--fe);color:#fff}
.enr-etape.faite .num{background:var(--teal-600);color:#fff}
.enr-etape-tete .changer{margin:0 0 0 auto}
.lien-action{background:none;border:0;padding:0;color:var(--fe);font-weight:600;font-size:12.5px;cursor:pointer}
.lien-action:hover{text-decoration:underline}
.enr-etape-resume{margin:6px 0 0 30px;color:var(--ink-2);font-size:13px;line-height:1.45}
.enr-etape .ligne-action,.enr-etape .choix-entreprise,.enr-etape .non-trouve{margin-left:30px}
.ligne-action{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.cout{color:var(--ink-3);font-size:12px}
.non-trouve{color:var(--ink-3);font-weight:600;margin:6px 0 0;font-size:13px}
.choix-entreprise{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.choix-entreprise .btn{align-self:flex-start}
.proposition{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.proposition:hover{background:var(--side)}
.proposition:has(input:checked){border-color:var(--fe);background:var(--fe-50)}
.proposition input{accent-color:var(--fe)}
.proposition-texte{flex:1;min-width:0;display:flex;flex-direction:column}
.proposition-texte small{color:var(--ink-3);font-size:12px}

/* Boutons d'action FullEnrich */
.btn-enrichir{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;border:0;border-radius:10px;padding:10px 14px;
  background:var(--fe);color:#fff;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.btn-enrichir:hover{background:var(--fe-700)}
.btn-enrichir:disabled{background:var(--pill);color:var(--ink-3);box-shadow:none;cursor:not-allowed}
.btn-enrichir svg{width:15px;height:15px}
.btn-enrichir.petit{width:auto;padding:7px 12px;font-size:13px;border-radius:8px}
.btn-enrichir.secondaire{background:#fff;color:var(--fe);border:1px solid var(--fe)}
.btn-enrichir.secondaire:hover{background:var(--fe-50)}

/* Personnes */
.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;flex:none}
.avatar.carre{width:30px;height:30px;border-radius:8px;font-size:11px}
.contact{border:1px solid var(--line);border-radius:12px;margin-top:8px;background:#fff}
.contact[open]{border-color:#D6D0FF}
.contact-tete{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}
.contact-tete::-webkit-details-marker{display:none}
.contact-tete:hover{background:var(--side);border-radius:12px}
.contact-id{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.contact-id b{font-size:14px}
.contact-id small{color:var(--ink-2);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.contact-id small.lieu{color:var(--ink-3)}
.contact-nom{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.badge-auteur{display:inline-block;font-size:10.5px;font-weight:700;color:var(--fe);background:var(--fe-50);border-radius:99px;padding:1px 7px;vertical-align:middle}
.contact-puces{display:flex;gap:3px}
.puce{width:22px;height:22px;border-radius:50%;display:grid;place-items:center}
.puce svg{width:12px;height:12px}
.contact-corps{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}
.contact-linkedin{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#0A66C2;text-decoration:none;align-self:flex-start}
.contact-linkedin svg,.lien-icone svg{width:14px;height:14px}
.lien-icone{color:#0A66C2;display:grid;place-items:center}
form.enrichir{display:flex;flex-direction:column;gap:6px;margin:0}

/* Lignes de coordonnées */
.ligne{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff}
.ligne .ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none}
.ligne .ico svg{width:15px;height:15px}
.ligne-texte{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13.5px;font-weight:600;line-height:1.3}
.ligne-texte small{font-size:11.5px;font-weight:500;color:var(--ink-3)}
.ligne-texte em{font-style:normal;color:var(--ink-2)}
.ligne-texte a{color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ligne-texte a:hover{text-decoration:underline}
.ligne .prix{font-size:11.5px;color:var(--ink-3);white-space:nowrap}
.ligne.a-chercher{cursor:pointer;color:var(--ink-2)}
.ligne.a-chercher:hover{border-color:#C9C2FF;background:#FCFBFF}
.ligne.a-chercher input{position:absolute;opacity:0;pointer-events:none}
.ligne .coche{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);flex:none}
.ligne.a-chercher:has(input:checked){border-color:var(--fe);background:var(--fe-50)}
.ligne.a-chercher:has(input:checked) .coche{background:var(--fe) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat;border-color:var(--fe)}
.ligne.a-chercher:focus-within{outline:2px solid var(--fe);outline-offset:1px}
.ligne.trouve{border-color:transparent}
.ligne.en-cours .ligne-texte{color:var(--ink-2);font-weight:500}
.rond-attente{width:16px;height:16px;border-radius:50%;border:2px solid var(--fe-50);border-top-color:var(--fe);animation:tourne 1s linear infinite;flex:none}
@keyframes tourne{to{transform:rotate(360deg)}}
.copier{background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px 8px;font-size:11.5px;font-weight:600;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.copier:hover{border-color:var(--ink-3);color:var(--ink)}
.enr-note{margin:0;text-align:center;font-size:11.5px;color:var(--ink-3)}

/* Couleurs par type (lignes, puces, cartes de la liste) */
.phones .ico,.puce.phones,.coord.tel svg{color:var(--tel)} .phones .ico,.puce.phones{background:var(--tel-50)}
.work_emails .ico,.puce.work_emails,.coord.pro svg{color:var(--pro)} .work_emails .ico,.puce.work_emails{background:var(--pro-50)}
.personal_emails .ico,.puce.personal_emails,.coord.perso svg{color:var(--perso)} .personal_emails .ico,.puce.personal_emails{background:var(--perso-50)}
.ligne.trouve.phones{background:var(--tel-50)} .ligne.trouve.work_emails{background:var(--pro-50)} .ligne.trouve.personal_emails{background:var(--perso-50)}
.ligne.trouve .ico{background:#fff}

/* Cartes de la liste : coordonnées connues et bouton « Enrichir » */
.coords-carte{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:12px;padding:8px 10px;background:var(--side);border-radius:10px}
.coords-qui{font-size:12.5px;font-weight:600;color:var(--ink-2);margin-right:4px}
.coord{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 9px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.coord:hover{border-color:var(--ink-3)}
.coord svg{width:13px;height:13px;flex:none}
.btn.enrichir{background:var(--fe-50);border-color:#D6D0FF;color:var(--fe-700)}
.btn.enrichir:hover{background:var(--fe);border-color:var(--fe);color:#fff}
.btn.enrichir svg{width:14px;height:14px}
.etiquette.coordonnees{background:var(--teal-50);color:var(--teal-900)}
.a-cocher{display:flex;flex-direction:column;gap:6px}
.plus-coordonnees > summary{list-style:none;cursor:pointer;color:var(--fe);font-weight:600;font-size:12.5px;padding:4px 2px}
.plus-coordonnees > summary::-webkit-details-marker{display:none}
.plus-coordonnees[open] > summary{margin-bottom:6px}
.saisie-entreprise input[type=text]{flex:1;min-width:140px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font:inherit}
.saisie-entreprise input[type=text]:focus{outline:2px solid var(--fe-50);border-color:var(--fe)}
.copier-mini{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--ink-3);cursor:pointer;padding:0;margin-left:-4px}
.copier-mini:hover{color:var(--ink);border-color:var(--ink-3)}
.copier-mini svg{width:13px;height:13px}
.copier-mini.ok{color:var(--teal-700);border-color:var(--teal-600)}
/* Document joint (CV) */
.etiquette.document{background:#FFF4E5;color:#9A5B00}
.document-joint{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;border:1px solid #F4D8AE;background:#FFF9F0;border-radius:10px;padding:10px 12px;margin-bottom:12px;text-decoration:none;color:var(--ink)}
.document-joint:hover{border-color:#E9B96E}
.document-ico{font-size:20px}
.document-joint > span:nth-child(2){flex:1 1 180px;min-width:0;display:flex;flex-direction:column}
.document-joint small{color:var(--ink-2);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-lien{font-size:12.5px;font-weight:600;color:var(--teal-700);white-space:nowrap}