/* Stark Talent — Mon espace.
Feuille séparée : styles.css n'est pas modifié. On réutilise ses jetons
(--purple, --ink, --line, --heading) et ses classes (.btn, .wrap). */
.acc-body{background:#f5f6fb;min-height:100vh;display:flex;flex-direction:column}
/* En-tête sobre, repris de la navigation du site */
.acc-top{background:linear-gradient(120deg,#07112e,#141f52 62%,#2c1877 130%);color:#fff}
.acc-top-in{display:flex;align-items:center;gap:16px;height:76px}
.acc-top a{color:#fff;text-decoration:none}
.acc-brand{display:flex;align-items:center;gap:11px;font:900 19px var(--heading);letter-spacing:.2px}
.acc-brand-mark{width:34px;height:36px;display:grid;place-items:center;font:900 20px var(--heading);
border-radius:11px 4px 11px 4px;background:linear-gradient(145deg,#9a67ff,#6135e8 52%,#3c21a9);
box-shadow:0 8px 20px rgba(112,64,239,.3)}
.acc-brand b{color:#b79dff;font-weight:900}
.acc-back{margin-left:auto;font:700 12px Inter,Arial,sans-serif;opacity:.85}
.acc-back:hover{opacity:1}
.acc-main{flex:1;padding:34px 0 60px}
/* Vues */
.acc-view{display:none}
.acc-view.is-active{display:block}
/* Cartes */
.acc-card{background:#fff;border:1px solid var(--line);border-radius:18px;
box-shadow:0 12px 34px rgba(25,36,91,.06);padding:30px}
.acc-narrow{max-width:560px;margin:0 auto}
.acc-kicker{font:900 10px var(--heading);letter-spacing:1.6px;color:var(--purple);margin-bottom:9px}
.acc-card h1{font:800 26px/1.15 var(--heading);margin:0 0 8px;color:var(--ink)}
.acc-card h2{font:800 17px var(--heading);margin:0 0 4px;color:var(--ink)}
.acc-lead{font-size:13px;line-height:1.65;color:#66708c;margin:0 0 22px}
/* Choix Candidat / Employeur */
.acc-choice{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.acc-choice-btn{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;
padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;
font:inherit;color:inherit;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.acc-choice-btn:hover{border-color:#bcb0ff;box-shadow:0 14px 30px rgba(25,36,91,.09);transform:translateY(-3px)}
.acc-choice-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;
background:linear-gradient(135deg,#8a5cff,#5f35dd)}
.acc-choice-ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;
stroke-linecap:round;stroke-linejoin:round}
.acc-choice-btn strong{font:800 15px var(--heading)}
.acc-choice-btn span{font-size:12px;line-height:1.55;color:#66708c}
/* Formulaires */
.acc-form .acc-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.acc-field{margin-bottom:14px;min-width:0}
.acc-field label{display:block;font:700 12px Inter,Arial,sans-serif;color:#3a3f63;margin-bottom:6px}
.acc-field input{width:100%;padding:11px 12px;border:1px solid #dfe1ef;border-radius:9px;font:inherit;
font-size:14px;color:var(--ink);background:#fff}
.acc-field input:focus{outline:2px solid #b9a6ff;outline-offset:1px;border-color:#b9a6ff}
.acc-field input.is-invalid{border-color:#b3261e}
.acc-hint{display:block;margin-top:5px;font-size:11px;color:#7d8498}
.acc-err{display:block;margin-top:5px;font-size:11.5px;color:#b3261e;min-height:0}
.acc-consent{display:flex;gap:10px;align-items:flex-start;background:#f7f6ff;border:1px solid #e6e1ff;
border-radius:11px;padding:12px;margin:6px 0 16px}
.acc-consent input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--purple)}
.acc-consent label{font-size:12px;line-height:1.55;color:#3a3f63}
.acc-consent a{color:var(--purple);font-weight:700}
.acc-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:4px}
.acc-actions .btn{justify-content:center}
.acc-link{background:none;border:0;padding:0;font:700 12px Inter,Arial,sans-serif;color:var(--purple);
cursor:pointer;text-decoration:none}
.acc-link:hover{text-decoration:underline}
/* Message global (erreur / succès / envoi) */
.acc-msg{margin:0 0 16px;padding:12px 14px;border-radius:11px;font-size:12.5px;line-height:1.55;display:none}
.acc-msg.is-visible{display:block}
.acc-msg.is-error{background:#fdeaea;border:1px solid #f3c9c9;color:#b3261e}
.acc-msg.is-success{background:#e7f7ee;border:1px solid #bfe6d0;color:#1b7f4b}
.acc-msg.is-pending{background:#f1efff;border:1px solid #ded6ff;color:#5730dc}
/* Sélecteur de rôle (connexion) */
.acc-tabs{display:flex;gap:8px;margin-bottom:18px}
.acc-tab{flex:1;padding:10px;border:1px solid var(--line);background:#fff;border-radius:10px;
font:800 12px var(--heading);color:#5a6180;cursor:pointer;transition:.18s ease}
.acc-tab:hover{border-color:#bcb0ff}
.acc-tab.is-active{background:var(--purple);border-color:var(--purple);color:#fff}
/* Tableau de bord */
.acc-dash{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
.acc-side{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;
box-shadow:0 12px 34px rgba(25,36,91,.06)}
.acc-user{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:14px;
border-bottom:1px solid var(--line)}
.acc-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;
font:900 15px var(--heading);color:#fff;background:linear-gradient(135deg,#8a5cff,#5f35dd)}
.acc-user strong{display:block;font:800 13.5px var(--heading);color:var(--ink)}
.acc-user span{display:block;font-size:11px;color:#7d8498;word-break:break-all}
.acc-nav{display:flex;flex-direction:column;gap:3px}
.acc-nav button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;
border:0;background:none;border-radius:10px;font:700 13px Inter,Arial,sans-serif;color:#3a3f63;
cursor:pointer;transition:.18s ease}
.acc-nav button:hover{background:#f3f1ff;color:var(--purple)}
.acc-nav button.is-active{background:#f1efff;color:var(--purple)}
.acc-nav .acc-logout{margin-top:8px;border-top:1px solid var(--line);border-radius:0 0 10px 10px;color:#b3261e}
.acc-nav .acc-logout:hover{background:#fdeaea;color:#b3261e}
.acc-panel{display:none}
.acc-panel.is-active{display:block}
.acc-panel-head{margin-bottom:16px}
.acc-panel-head h2{font:800 19px var(--heading);margin:0 0 4px}
.acc-panel-head p{margin:0;font-size:12.5px;color:#66708c;line-height:1.6}
/* États vides */
.acc-empty{text-align:center;padding:44px 24px;border:1px dashed #d8d9e7;border-radius:16px;background:#fbfbfe}
.acc-empty-ic{width:50px;height:50px;margin:0 auto 14px;border-radius:15px;display:grid;place-items:center;
background:#f0edff;color:var(--purple)}
.acc-empty-ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;
stroke-linecap:round;stroke-linejoin:round}
.acc-empty h3{font:800 15px var(--heading);margin:0 0 7px;color:var(--ink)}
.acc-empty p{margin:0 auto;max-width:420px;font-size:12.5px;line-height:1.65;color:#68708a}
/* Liste de définition (profil / entreprise) */
.acc-list{display:grid;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.acc-list div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;padding:13px 16px;
border-bottom:1px solid var(--line);font-size:13px}
.acc-list div:last-child{border-bottom:0}
.acc-list dt{color:#7d8498;font-weight:700;font-size:12px;margin:0}
.acc-list dd{margin:0;color:var(--ink);word-break:break-word}
/* Pied de page légal */
.acc-foot{padding:22px 0 30px;text-align:center;font-size:11.5px;color:#7d8498}
.acc-foot button{background:none;border:0;padding:0 6px;font:inherit;color:#5a6180;
text-decoration:underline;cursor:pointer}
.acc-foot button:hover{color:var(--purple)}
/* Dialogue légal */
.acc-legal{border:0;border-radius:16px;padding:28px;width:min(560px,calc(100% - 28px));
color:var(--ink);box-shadow:0 24px 80px rgba(5,16,44,.34)}
.acc-legal::backdrop{background:rgba(4,9,27,.66)}
.acc-legal h2{font:800 20px var(--heading);margin:0 0 12px}
.acc-legal p{font-size:13px;line-height:1.7;margin:0 0 11px;color:#4f5871}
.acc-legal .acc-legal-note{font-size:11.5px;color:#8a6d1f;background:#fff8e8;border:1px solid #f2e2b3;
border-radius:9px;padding:10px 12px}
.acc-legal-close{margin-top:8px}
/* ---------- Espace personnel : listes, fichiers, réglages ---------- */
.acc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Champs supplémentaires (select, textarea, fichier) alignés sur les inputs */
.acc-field select,.acc-field textarea{width:100%;padding:11px 12px;border:1px solid #dfe1ef;
border-radius:9px;font:inherit;font-size:14px;color:var(--ink);background:#fff}
.acc-field textarea{resize:vertical;min-height:96px;line-height:1.6}
.acc-field select:focus,.acc-field textarea:focus,.acc-field input[type=file]:focus{
outline:2px solid #b9a6ff;outline-offset:1px;border-color:#b9a6ff}
.acc-field select.is-invalid,.acc-field textarea.is-invalid{border-color:#b3261e}
.acc-field input[type=file]{width:100%;padding:10px;border:1px dashed #cfd2e6;border-radius:9px;
font-size:13px;background:#fbfbfe}
.acc-field input[readonly]{background:#f4f5fa;color:#6b7189;cursor:not-allowed}
.acc-form--boxed{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fbfbfe;
margin-bottom:18px}
.acc-actions--start{justify-content:flex-start;margin:0 0 16px}
.btn-danger{background:linear-gradient(115deg,#d0433a,#a51f16)}
/* Listes de l'espace (candidatures, offres, recrutements) */
.acc-items{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:14px;
overflow:hidden}
.acc-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}
.acc-item:last-child{border-bottom:0}
.acc-item--stack{align-items:flex-start}
.acc-item-main{flex:1;min-width:0}
.acc-item-main strong{display:block;font:800 13.5px var(--heading);color:var(--ink)}
.acc-item-main span{display:block;margin-top:3px;font-size:12px;color:#7d8498}
.acc-item-desc{margin:8px 0 0;font-size:12.5px;line-height:1.6;color:#4f5871;white-space:pre-line}
.acc-item-act{display:flex;align-items:center;gap:12px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.acc-tag{display:inline-flex;align-items:center;flex:none;padding:5px 10px;border-radius:20px;
background:#f1efff;color:var(--purple);font:700 11px Inter,Arial,sans-serif;white-space:nowrap}
.acc-tag--published{background:#e7f7ee;color:#1b7f4b}
.acc-tag--suspended{background:#fff5e5;color:#9a6b12}
.acc-tag--archived{background:#f1f2f7;color:#6b7189}
.acc-link--danger{color:#b3261e}
.acc-status select{padding:8px 10px;border:1px solid #dfe1ef;border-radius:9px;font:inherit;
font-size:12.5px;color:var(--ink);background:#fff}
.acc-note{margin:0 0 14px;padding:11px 13px;border-radius:11px;background:#f7f6ff;
border:1px solid #e6e1ff;font-size:12px;line-height:1.6;color:#4f5871}
/* Fichier CV déposé */
.acc-file{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:18px;
border:1px solid var(--line);border-radius:14px;background:#fbfbfe}
.acc-file-ic{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;
background:#f0edff;color:var(--purple)}
.acc-file-ic svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;
stroke-linecap:round;stroke-linejoin:round}
.acc-file-txt{flex:1;min-width:0}
.acc-file-txt strong{display:block;font:800 13.5px var(--heading);color:var(--ink);word-break:break-word}
.acc-file-txt span{display:block;margin-top:3px;font-size:11.5px;color:#7d8498}
.acc-file-act{display:flex;gap:14px;flex:none;align-items:center}
/* Réglages */
.acc-settings{list-style:none;margin:0 0 24px;padding:0;border:1px solid var(--line);
border-radius:14px;overflow:hidden}
.acc-settings li{display:flex;align-items:center;gap:14px;padding:14px 16px;
border-bottom:1px solid var(--line)}
.acc-settings li:last-child{border-bottom:0}
.acc-settings strong{display:block;font:800 13px var(--heading);color:var(--ink)}
.acc-settings span{display:block;margin-top:3px;font-size:12px;line-height:1.55;color:#7d8498}
.acc-settings>li>div{flex:1;min-width:0}
/* Zone de suppression de compte */
.acc-danger{border:1px solid #f0cfcc;border-radius:14px;padding:18px;background:#fdf7f6}
.acc-danger h3{margin:0 0 6px;font:800 14px var(--heading);color:#b3261e}
.acc-danger>p{margin:0 0 12px;font-size:12.5px;line-height:1.6;color:#6b5a58}
.acc-danger .acc-field{max-width:340px}
/* ---------- Responsive ---------- */
@media(max-width:900px){
.acc-dash{grid-template-columns:1fr}
.acc-side{position:static}
.acc-nav{flex-direction:row;flex-wrap:wrap}
.acc-nav button{width:auto}
.acc-nav .acc-logout{margin-top:0;border-top:0;border-radius:10px}
}
@media(max-width:640px){
.acc-item,.acc-settings li{flex-direction:column;align-items:flex-start;gap:9px}
.acc-item-act{justify-content:flex-start}
.acc-file{flex-wrap:wrap}
.acc-file-act{width:100%}
.acc-danger .acc-field{max-width:100%}
.acc-choice{grid-template-columns:1fr}
.acc-form .acc-row{grid-template-columns:1fr}
.acc-card{padding:22px 18px}
.acc-card h1{font-size:22px}
.acc-list div{grid-template-columns:1fr;gap:3px}
.acc-actions{flex-direction:column;align-items:stretch}
.acc-actions .btn,.acc-actions .acc-link{width:100%;text-align:center}
.acc-top-in{height:64px;gap:10px}
.acc-brand{font-size:16px}
}
/* ============================================================================
MON ESPACE — passe visuelle d'apres la maquette de reference.
Bloc ajoute en fin de feuille : aucune regle existante n'est reecrite, et
compte.html n'est pas modifie du tout. Textes, liens, boutons, vues et
comportements restent donc exactement ceux d'avant : seules des proprietes
d'apparence changent (fonds, bordures, ombres, rayons, typographie).
============================================================================ */
/* ------------------------------------------------------------- Atmosphere */
.acc-body{
background:
radial-gradient(1100px 620px at 50% -8%,rgba(124,86,240,.10),transparent 62%),
radial-gradient(760px 520px at 88% 32%,rgba(96,120,240,.07),transparent 66%),
linear-gradient(180deg,#f7f7fc 0%,#f2f1fa 52%,#eeecf8 100%)}
/* En-tete : meme degrade navy -> violet, simplement plus profond et pose. */
.acc-top{
background:linear-gradient(115deg,#070f2a 0%,#131d4e 46%,#2a1878 100%);
box-shadow:0 10px 34px rgba(20,16,64,.22)}
.acc-top-in{height:88px}
.acc-brand{font-size:20px;letter-spacing:.3px}
.acc-brand-mark{width:38px;height:38px;font-size:21px;border-radius:12px;
background:linear-gradient(150deg,#9b6bff,#6236ea 54%,#3f1fb0);
box-shadow:0 10px 24px rgba(112,64,239,.42),inset 0 1px 0 rgba(255,255,255,.28)}
.acc-back{font-size:13px;opacity:.92}
.acc-back:hover{opacity:1}
.acc-main{padding:52px 0 68px}
/* ------------------------------------------------------------ Carte cadre */
.acc-card{
border:1px solid rgba(224,220,246,.9);
border-radius:26px;
padding:44px 46px;
background:
radial-gradient(620px 360px at 88% 104%,rgba(124,86,240,.055),transparent 68%),
linear-gradient(180deg,#fff 0%,#fdfdff 62%,#fbfaff 100%);
box-shadow:
0 1px 2px rgba(25,36,91,.04),
0 18px 40px rgba(25,36,91,.07),
0 44px 90px rgba(25,36,91,.07),
inset 0 1px 0 rgba(255,255,255,.9)}
/* L'ecran de choix est le plus large : c'est la porte d'entree. */
.acc-view[data-view="choice"] .acc-narrow{max-width:880px}
/* ------------------------------------------------------------ Typographie */
.acc-kicker{font-size:12px;letter-spacing:2.2px;color:#6d3ff0;margin-bottom:14px}
.acc-card h1{font-size:44px;line-height:1.05;letter-spacing:-1.3px;color:#141238}
/* Les autres ecrans tiennent dans une carte etroite : le titre y est calibre
pour rester sur une ligne ou deux sans dominer le formulaire. */
.acc-view:not([data-view="choice"]) .acc-card h1{font-size:31px;letter-spacing:-.8px}
.acc-view:not([data-view="choice"]) .acc-lead{font-size:14px;margin-bottom:26px}
.acc-view:not([data-view="choice"]) .acc-card{padding:36px 34px}
.acc-lead{font-size:15.5px;line-height:1.7;color:#5d6486;margin:0 0 34px;max-width:60ch}
/* --------------------------------------------------- Cartes Candidat / Employeur */
.acc-choice{gap:22px}
.acc-choice-btn{
position:relative;
gap:0;
padding:34px 34px 34px;
border:1px solid rgba(228,224,248,.95);
border-radius:20px;
background:
radial-gradient(340px 220px at 100% 100%,rgba(124,86,240,.07),transparent 70%),
linear-gradient(170deg,#fff,#fcfbff);
box-shadow:
0 1px 2px rgba(25,36,91,.04),
0 14px 30px rgba(25,36,91,.06),
inset 0 1px 0 rgba(255,255,255,.9);
transition:transform .34s cubic-bezier(.2,.8,.3,1),border-color .34s ease,
box-shadow .34s ease}
.acc-choice-btn:hover{
transform:translateY(-5px);
border-color:rgba(160,128,250,.6);
box-shadow:
0 1px 2px rgba(25,36,91,.05),
0 26px 54px rgba(70,44,180,.16),
0 0 0 1px rgba(160,128,250,.18),
inset 0 1px 0 rgba(255,255,255,.95)}
.acc-choice-btn:focus-visible{outline:3px solid #b29cff;outline-offset:3px}
/* Tuile d'icone : degrade violet, reflet interne, halo doux. */
.acc-choice-ic{
width:72px;height:72px;border-radius:22px;margin-bottom:24px;
background:linear-gradient(150deg,#9b6bff,#6236ea 56%,#4a22c6);
box-shadow:
0 12px 26px rgba(98,54,234,.34),
inset 0 1px 0 rgba(255,255,255,.34),
inset 0 -1px 0 rgba(30,12,90,.2);
transition:transform .34s cubic-bezier(.2,.8,.3,1),box-shadow .34s ease}
.acc-choice-ic svg{width:31px;height:31px;stroke-width:1.65}
.acc-choice-btn:hover .acc-choice-ic{
transform:translateY(-2px);
box-shadow:
0 16px 34px rgba(98,54,234,.44),
inset 0 1px 0 rgba(255,255,255,.4),
inset 0 -1px 0 rgba(30,12,90,.2)}
.acc-choice-btn strong{font-size:26px;letter-spacing:-.6px;color:#141238;margin-bottom:16px}
/* Filet court sous le titre, repris de la maquette. */
.acc-choice-btn strong::after{
content:"";display:block;width:26px;height:2px;border-radius:2px;margin-top:14px;
background:linear-gradient(90deg,#8b5cff,rgba(139,92,255,.25));
transition:width .34s cubic-bezier(.2,.8,.3,1)}
.acc-choice-btn:hover strong::after{width:42px}
.acc-choice-btn span:not(.acc-choice-ic){
font-size:14.4px;line-height:1.72;color:#5d6486;max-width:32ch;
padding-right:62px}
/* Fleche d'appel : purement decorative, ajoutee en CSS pour ne rien changer
au balisage ni au texte des boutons. */
.acc-choice-btn::after{
content:"";position:absolute;right:30px;bottom:30px;width:46px;height:46px;
border-radius:50%;
background:
linear-gradient(150deg,#8b5cff,#5f31e0) ,
none;
box-shadow:0 8px 20px rgba(98,54,234,.34),inset 0 1px 0 rgba(255,255,255,.3);
-webkit-mask:url("data:image/svg+xml;utf8,") center/100% 100% no-repeat;
mask:url("data:image/svg+xml;utf8,") center/100% 100% no-repeat;
transition:transform .34s cubic-bezier(.2,.8,.3,1),box-shadow .34s ease}
.acc-choice-btn::before{
content:"";position:absolute;right:44px;bottom:46px;width:17px;height:13px;z-index:2;
background:#fff;
-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;
transition:transform .34s cubic-bezier(.2,.8,.3,1)}
.acc-choice-btn:hover::after{transform:translateX(3px);
box-shadow:0 12px 26px rgba(98,54,234,.46),inset 0 1px 0 rgba(255,255,255,.34)}
.acc-choice-btn:hover::before{transform:translateX(3px)}
/* ------------------------------------- Rappel « deja un compte » en bas de carte */
.acc-view[data-view="choice"] .acc-actions{
margin-top:38px!important;padding-top:28px;
border-top:1px solid rgba(228,224,248,.95);
justify-content:center}
.acc-view[data-view="choice"] .acc-actions .acc-link{font-size:15px}
/* Le libelle porte un style en ligne (12,5px) dans le HTML ; on l'accorde a
la taille du lien voisin sans toucher au balisage. */
.acc-view[data-view="choice"] .acc-actions>span{font-size:15px!important;color:#5d6486!important}
/* ------------------------------------------------- Coherence des autres vues */
.acc-field label{font-size:12.5px;color:#3f456a}
.acc-field input,.acc-field select,.acc-field textarea{
padding:12px 14px;border-radius:11px;border-color:#e3e1f3;background:#fdfdff;
transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.acc-field input:focus,.acc-field select:focus,.acc-field textarea:focus{
background:#fff;box-shadow:0 0 0 4px rgba(139,92,255,.12)}
.acc-consent{border-radius:14px;padding:14px;
background:linear-gradient(170deg,#f8f6ff,#f4f1ff);border-color:#e6e1ff}
.acc-tab{border-radius:12px;padding:11px}
.acc-list{border-radius:16px}
.acc-side{border-radius:22px;
box-shadow:0 1px 2px rgba(25,36,91,.04),0 18px 40px rgba(25,36,91,.07)}
.acc-empty{border-radius:18px}
/* Bouton principal, aligne sur le violet du site. */
.acc-view .btn-purple{
border-radius:12px;padding:15px 24px;
box-shadow:0 12px 26px rgba(98,54,234,.3);
transition:transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s ease,filter .3s ease}
.acc-view .btn-purple:hover{transform:translateY(-2px);
box-shadow:0 18px 36px rgba(98,54,234,.4)}
/* --------------------------------------------------------------- Pied de page */
.acc-foot{padding:28px 0 36px;font-size:12px;color:#7b82a1}
.acc-foot button{color:#5a6180}
/* ------------------------------------------------------------------ Responsive */
@media(max-width:900px){
.acc-card{padding:34px 30px;border-radius:22px}
.acc-card h1{font-size:33px}
.acc-choice{gap:16px}
}
@media(max-width:640px){
.acc-main{padding:30px 0 46px}
.acc-card{padding:26px 20px;border-radius:20px}
.acc-card h1{font-size:28px;letter-spacing:-.6px}
.acc-lead{font-size:13.5px;margin-bottom:22px}
.acc-choice-btn{padding:24px 22px}
.acc-choice-ic{width:54px;height:54px;border-radius:17px;margin-bottom:18px}
.acc-choice-ic svg{width:24px;height:24px}
.acc-choice-btn strong{font-size:20px}
.acc-choice-btn span:not(.acc-choice-ic){padding-right:52px}
.acc-top-in{height:72px}
.acc-view[data-view="choice"] .acc-actions{flex-direction:row;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
.acc-choice-btn,.acc-choice-ic,.acc-choice-btn::after,.acc-choice-btn::before,
.acc-choice-btn strong::after,.acc-view .btn-purple{transition:none!important}
.acc-choice-btn:hover,.acc-view .btn-purple:hover{transform:none!important}
}
/* ============================================================================
MON ESPACE — resserrage general + traitement des icones Candidat/Employeur.
Bloc ajoute en fin de feuille, compte.html toujours pas modifie : seules
des valeurs de taille et d'apparence changent. Aucune structure, aucun
texte, aucun comportement n'est touche.
============================================================================ */
/* ------------------------------------------------------------- Resserrage */
.acc-top-in{height:78px}
.acc-brand{font-size:19px}
.acc-brand-mark{width:34px;height:34px;font-size:19px;border-radius:11px}
.acc-main{padding:42px 0 56px}
.acc-card{padding:36px 38px;border-radius:22px}
.acc-view[data-view="choice"] .acc-narrow{max-width:800px}
.acc-kicker{font-size:11px;letter-spacing:2px;margin-bottom:12px}
.acc-card h1{font-size:38px;letter-spacing:-1.1px}
.acc-lead{font-size:14.5px;margin:0 0 28px}
.acc-choice{gap:18px}
.acc-choice-btn{padding:28px}
.acc-choice-btn strong{font-size:23px;letter-spacing:-.5px;margin-bottom:14px}
.acc-choice-btn strong::after{margin-top:12px}
.acc-choice-btn span:not(.acc-choice-ic){font-size:13.6px;padding-right:56px}
.acc-choice-btn::after{right:26px;bottom:26px;width:42px;height:42px}
.acc-choice-btn::before{right:39px;bottom:41px;width:16px;height:12px}
.acc-view[data-view="choice"] .acc-actions{margin-top:32px!important;padding-top:24px}
.acc-view[data-view="choice"] .acc-actions>span,
.acc-view[data-view="choice"] .acc-actions .acc-link{font-size:14px!important}
.acc-view:not([data-view="choice"]) .acc-card{padding:30px 28px}
.acc-view:not([data-view="choice"]) .acc-card h1{font-size:28px;letter-spacing:-.6px}
.acc-view:not([data-view="choice"]) .acc-lead{font-size:13.5px;margin-bottom:22px}
.acc-view .btn-purple{padding:13px 21px}
.acc-foot{padding:22px 0 30px}
/* ------------------------------------- Icones Candidat / Employeur */
/* Tuile plus lumineuse : le degrade part plus haut dans les violets, le
reflet interne est renforce et un halo diffus detache la tuile du fond
blanc sans deborder sur le texte. */
.acc-choice-ic{
width:62px;height:62px;border-radius:19px;margin-bottom:20px;
background:
radial-gradient(120% 100% at 30% 0%,rgba(255,255,255,.34),transparent 58%),
linear-gradient(150deg,#a37bff 0%,#7c4dff 46%,#5a29e0 100%);
box-shadow:
0 10px 24px rgba(112,64,239,.36),
0 0 0 6px rgba(139,92,255,.07),
inset 0 1px 0 rgba(255,255,255,.5),
inset 0 -1px 0 rgba(40,16,120,.22)}
/* Le glyphe : trait plus franc et legerement ombre, donc net et lisible
sur le violet quelle que soit la densite d'ecran. */
.acc-choice-ic svg{
width:28px;height:28px;
stroke:#fff;stroke-width:1.95;
stroke-linecap:round;stroke-linejoin:round;
filter:drop-shadow(0 1px 2px rgba(38,14,110,.42))}
.acc-choice-btn:hover .acc-choice-ic{
box-shadow:
0 14px 30px rgba(112,64,239,.46),
0 0 0 8px rgba(139,92,255,.11),
inset 0 1px 0 rgba(255,255,255,.58),
inset 0 -1px 0 rgba(40,16,120,.22)}
/* ------------------------------------------------------------------ Mobile */
@media(max-width:640px){
.acc-main{padding:26px 0 40px}
.acc-card{padding:22px 18px;border-radius:18px}
.acc-card h1{font-size:26px}
.acc-lead{font-size:13px;margin-bottom:20px}
.acc-choice-btn{padding:22px 20px}
.acc-choice-ic{width:54px;height:54px;border-radius:17px;margin-bottom:16px}
.acc-choice-ic svg{width:25px;height:25px}
.acc-choice-btn strong{font-size:20px}
.acc-choice-btn span:not(.acc-choice-ic){padding-right:50px}
.acc-choice-btn::after{right:22px;bottom:22px;width:38px;height:38px}
.acc-choice-btn::before{right:34px;bottom:35px;width:15px;height:11px}
.acc-top-in{height:66px}
}
/* Blocs « sécurité et données » des réglages : même surface que les listes. */
.acc-secblock{border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:18px;
background:linear-gradient(170deg,#fff,#fcfbff)}
.acc-secblock h3{margin:0 0 6px;font:800 14px var(--heading);color:var(--ink)}
.acc-secblock .acc-note{margin-bottom:14px}
.acc-secblock .acc-form{margin-top:12px}
@media(max-width:640px){.acc-secblock{padding:15px}}
/* Notifications : pastille de navigation et liste, langage visuel existant. */
.acc-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:8px;
padding:0 5px;border-radius:999px;background:var(--purple);color:#fff;
font:800 10px Inter,Arial,sans-serif}
.acc-nav button.is-active .acc-badge{background:#fff;color:var(--purple)}
.acc-notif{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;
border-bottom:1px solid var(--line)}
.acc-notif:last-child{border-bottom:0}
.acc-notif.is-unread{background:#f7f6ff}
.acc-notif-dot{width:9px;height:9px;border-radius:50%;flex:none;margin-top:6px;
background:var(--purple)}
.acc-notif.is-read .acc-notif-dot{background:#d5d8e6}
.acc-notif-tx{flex:1;min-width:0}
.acc-notif-tx strong{display:block;font:800 13px var(--heading);color:var(--ink)}
.acc-notif-tx span{display:block;margin-top:3px;font-size:12.5px;line-height:1.55;color:#5d6486}
.acc-notif-tx small{display:block;margin-top:4px;font-size:11px;color:#8c95bd}
/* Bandeau « confirmez votre adresse » : informatif, jamais bloquant. */
.acc-verify{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;
padding:14px 18px;border-radius:14px;border:1px solid #f0e2b8;
background:linear-gradient(170deg,#fffdf5,#fff8e8)}
.acc-verify-tx{flex:1;min-width:200px;font-size:12.8px;line-height:1.6;color:#7a611f}
.acc-verify-tx strong{color:#5f4a12}
.acc-verify .acc-link{color:#8a6d1f}
/* L'attribut hidden fait autorite : une classe avec display ne doit pas le
contredire (bandeau de verification, pastille de notifications, formulaire
de besoin replie). */
[hidden]{display:none!important}
/* Phrase d’aide au-dessus d’une liste : explique un mécanisme sans peser. */
.acc-help{margin:0 0 14px;font-size:12.5px;line-height:1.6;color:#5d6486}
.acc-help strong{color:var(--ink)}
/* ===================== Espace : blocs ajoutés (V2) =======================
Même palette, mêmes rayons, mêmes ombres que les cartes existantes : rien
de nouveau visuellement, seulement de nouveaux contenus.
========================================================================= */
/* Sous-titre à l'intérieur d'un formulaire */
.acc-sub{margin:22px 0 12px;padding-top:18px;border-top:1px solid var(--line)}
.acc-sub h3{margin:0;font:800 14px var(--heading);color:var(--ink)}
.acc-sub p{margin:4px 0 0;font-size:12.5px;color:#5d6486}
/* Cases à cocher alignées */
.acc-checks{border:0;padding:0;margin:0 0 14px}
.acc-checks legend{padding:0;margin-bottom:8px;font:700 12.5px Inter,Arial,sans-serif;color:#3d4468}
.acc-check{display:inline-flex;align-items:center;gap:7px;margin:0 14px 8px 0;
font-size:13px;color:#3d4468;cursor:pointer}
.acc-check input{width:16px;height:16px;accent-color:var(--purple);cursor:pointer}
/* Tuiles de l'accueil : chiffres réels, cliquables */
.acc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;margin-bottom:18px}
.acc-tile{display:flex;flex-direction:column;gap:3px;padding:15px 16px;text-align:left;
border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;
transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.acc-tile:hover{border-color:#c9bcff;transform:translateY(-2px);box-shadow:0 12px 24px rgba(104,58,231,.09)}
.acc-tile strong{font:800 24px var(--heading);color:var(--purple);font-variant-numeric:tabular-nums}
.acc-tile span{font-size:12px;line-height:1.4;color:#5d6486}
/* Barre de complétion du profil */
.acc-progress{margin:0 0 18px}
.acc-progress-head{display:flex;justify-content:space-between;align-items:baseline;
margin-bottom:7px;font-size:12.5px;color:#5d6486}
.acc-progress-head strong{font:800 13px var(--heading);color:var(--ink);font-variant-numeric:tabular-nums}
.acc-progress-bar{height:7px;border-radius:99px;background:#eceaf7;overflow:hidden}
.acc-progress-bar i{display:block;height:100%;border-radius:99px;
background:linear-gradient(90deg,#7a4bf0,#a98bff);transition:width .5s ease}
/* Bloc « à faire maintenant » */
.acc-home-block{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.acc-home-block h3{margin:0 0 10px;font:800 13px var(--heading);color:var(--ink)}
.acc-home-lead{margin:0 0 10px;font-size:13px;color:#3d4468}
.acc-todo{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.acc-todo button{display:block;width:100%;text-align:left;padding:12px 14px;cursor:pointer;
border:1px solid var(--line);border-radius:12px;background:#fbfaff;
transition:border-color .18s ease,background .18s ease}
.acc-todo button:hover{border-color:#c9bcff;background:#f6f3ff}
.acc-todo strong{display:block;font:800 13px var(--heading);color:var(--ink)}
.acc-todo span{display:block;margin-top:2px;font-size:12.3px;line-height:1.5;color:#5d6486}
/* Frise de suivi */
.acc-flow{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:10px 0 0;padding:0}
.acc-flow-step{position:relative;flex:1 1 96px;min-width:96px;padding:0 6px 0 0}
.acc-flow-step::before{content:"";position:absolute;left:5px;right:0;top:5px;height:2px;background:#e6e3f2}
.acc-flow-step:last-child::before{display:none}
.acc-flow-step.is-done::before{background:var(--purple)}
.acc-flow-dot{position:relative;display:block;width:11px;height:11px;border-radius:50%;
background:#fff;border:2px solid #d8d4ea;z-index:1}
.acc-flow-step.is-done .acc-flow-dot{background:var(--purple);border-color:var(--purple)}
.acc-flow-step.is-current .acc-flow-dot{border-color:var(--purple);box-shadow:0 0 0 4px rgba(122,75,240,.16)}
.acc-flow-step.is-neg.is-current .acc-flow-dot{border-color:#d2544f;box-shadow:0 0 0 4px rgba(210,84,79,.16)}
.acc-flow-tx{display:block;margin-top:7px;padding-right:8px}
.acc-flow-tx strong{display:block;font:700 11.5px Inter,Arial,sans-serif;color:#8c93b4}
.acc-flow-step.is-done .acc-flow-tx strong,
.acc-flow-step.is-current .acc-flow-tx strong{color:var(--ink)}
.acc-flow-step.is-neg.is-current .acc-flow-tx strong{color:#c14a45}
.acc-flow-tx small{display:block;margin-top:1px;font-size:10.5px;color:#a2a8c6}
/* Étiquettes de compétences */
.acc-chips{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 0}
.acc-chip{padding:3px 9px;border-radius:99px;background:#f2effd;color:#5a49a8;
font:700 11px Inter,Arial,sans-serif}
/* Étiquette de compatibilité et statuts d'entretien */
.acc-match{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.acc-tag--match{background:#efe9ff;color:#5730dc}
.acc-tag--itw-proposed{background:#fff6e2;color:#8a6d1f}
.acc-tag--itw-confirmed{background:#e6f7ee;color:#1d6b45}
.acc-tag--itw-declined,.acc-tag--itw-cancelled{background:#fdeceb;color:#a8403c}
.acc-tag--itw-completed{background:#eef0f8;color:#4c5375}
.acc-btn-sm{padding:8px 14px;font-size:12.5px}
@media (max-width:640px){
.acc-tiles{grid-template-columns:repeat(2,1fr)}
.acc-flow-step{flex:1 1 50%;min-width:0}
}
/* ================== Espace employeur : blocs ajoutés (V2) ================ */
/* Origine du profil : la distinction candidature / présentation doit se lire
avant même le nom du candidat. */
.acc-origin{display:inline-block;margin-bottom:7px;padding:3px 10px;border-radius:99px;
font:800 10px Inter,Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase}
.acc-origin--app{background:#eef0f8;color:#4c5375}
.acc-origin--pres{background:linear-gradient(120deg,#efe6ff,#e6edff);color:#5730dc}
.acc-item--presented{border-left:3px solid var(--purple)}
/* Faits liés au poste, en ligne */
.acc-facts{display:flex;flex-wrap:wrap;gap:6px 14px;margin:9px 0 0}
.acc-facts span{font-size:12.2px;color:#5d6486}
.acc-facts b{color:#3d4468;font-weight:700}
/* Points forts rédigés par le consultant */
.acc-strengths{margin:9px 0 0;padding:10px 14px;border-radius:12px;background:#faf9ff;
border:1px solid #ece7fb}
.acc-strengths b{display:block;margin-bottom:5px;font:800 11.5px Inter,Arial,sans-serif;
letter-spacing:.3px;text-transform:uppercase;color:#5730dc}
.acc-strengths ul{margin:0;padding-left:17px}
.acc-strengths li{font-size:12.6px;line-height:1.6;color:#3d4468}
.acc-quote{margin:9px 0 0;padding-left:12px;border-left:2px solid #d8cffb;
font-size:12.6px;line-height:1.6;color:#5d6486;font-style:italic}
/* Étoile favori */
.acc-fav{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;cursor:pointer;
border:1px solid var(--line);border-radius:10px;background:#fff;color:#b9bed3;
transition:.18s ease}
.acc-fav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.acc-fav:hover{border-color:#e9c96b;color:#dbaa2c}
.acc-fav.is-on{border-color:#e9c96b;background:#fffaed;color:#dda92a}
.acc-fav.is-on svg{fill:#f5cf62}
/* Case « comparer » */
.acc-cmp{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#5d6486;cursor:pointer}
.acc-cmp input{width:15px;height:15px;accent-color:var(--purple);cursor:pointer}
/* Barre de comparaison flottante */
.cmp-bar{position:fixed;left:50%;bottom:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;
display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:99px;
background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(16,20,45,.18)}
.cmp-bar-tx{font-size:12.5px;color:#5d6486}
.cmp-bar-tx strong{color:var(--ink);font-variant-numeric:tabular-nums}
.cmp-bar button:disabled{opacity:.5;cursor:not-allowed}
/* Boîtes de dialogue de l'espace */
.acc-dialog{width:min(560px,calc(100vw - 28px));max-height:88vh;max-height:88svh;overflow:auto;padding:24px;
border:0;border-radius:20px;background:#fff;color:var(--ink);
box-shadow:0 40px 90px rgba(10,14,40,.3)}
.acc-dialog--wide{width:min(940px,calc(100vw - 28px))}
.acc-dialog::backdrop{background:rgba(8,12,32,.55)}
.acc-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.acc-dialog-head h2{margin:0;font:800 20px var(--heading)}
.acc-dialog-close{width:32px;height:32px;flex:none;border:1px solid var(--line);border-radius:10px;
background:#fff;font-size:19px;line-height:1;color:#5d6486;cursor:pointer}
.acc-dialog-close:hover{border-color:#c9bcff;color:var(--purple)}
.acc-dialog-lead{margin:6px 0 16px;font-size:12.8px;line-height:1.6;color:#5d6486}
/* Tableau de comparaison */
.cmp-wrap{overflow-x:auto}
.cmp-table{width:100%;border-collapse:collapse;font-size:12.8px}
.cmp-table th,.cmp-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);
vertical-align:top}
.cmp-table thead th{font:800 12.5px var(--heading);color:var(--ink);background:#faf9ff;
position:sticky;top:0}
.cmp-table tbody th{width:150px;font:700 12px Inter,Arial,sans-serif;color:#8c93b4;white-space:nowrap}
.cmp-table td{color:#3d4468}
/* Fil d'activité */
.acc-feed{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.acc-feed li{display:flex;gap:10px;align-items:flex-start}
.acc-feed-dot{width:7px;height:7px;border-radius:50%;background:var(--purple);margin-top:6px;flex:none}
.acc-feed span{font-size:12.6px;line-height:1.55;color:#3d4468}
.acc-feed small{display:block;margin-top:1px;font-size:11px;color:#a2a8c6}
@media (max-width:640px){
.cmp-bar{left:12px;right:12px;transform:none;justify-content:space-between;border-radius:16px}
.acc-dialog{padding:18px;border-radius:16px}
/* Comparaison sur mobile : le tableau défile horizontalement dans son
conteneur, la colonne des critères reste visible. */
.cmp-table tbody th{position:sticky;left:0;background:#fff;width:118px;white-space:normal}
.cmp-table thead th:first-child{position:sticky;left:0;background:#faf9ff;z-index:1}
.cmp-table th,.cmp-table td{padding:9px 10px;font-size:12.2px}
.cmp-table thead th{min-width:132px}
}
/* =============================================================================
Export imprimable d'une presentation (fonctionnalite « Exporter »).
A l'ecran, le conteneur est masque : il ne change donc RIEN au rendu du
site. A l'impression, il devient la seule chose visible. On reutilise les
memes familles, couleurs et graisses que le reste de l'espace : la fiche
imprimee est reconnaissable comme un document Stark Talent.
========================================================================== */
.acc-print{display:none}
@media print{
/* Seule la fiche s'imprime : ni navigation, ni boutons, ni panneaux. */
body > *{display:none !important}
.acc-print{display:block !important;padding:0;margin:0}
@page{margin:16mm}
body{background:#fff;color:#111836}
.acc-print-head{display:flex;align-items:center;gap:12px;
padding-bottom:14px;margin-bottom:20px;border-bottom:2px solid #7040ef}
.acc-print-mark{width:36px;height:38px;display:grid;place-items:center;
font:900 21px Poppins,Inter,Arial,sans-serif;color:#fff;
border-radius:12px 4px 12px 4px;background:#6135e8}
.acc-print-brand{font:900 17px Poppins,Inter,Arial,sans-serif;letter-spacing:.2px}
.acc-print-brand small{display:block;font:600 10px Inter,Arial,sans-serif;color:#66708c;letter-spacing:.3px}
.acc-print-meta{margin-left:auto;text-align:right;font:600 10px Inter,Arial,sans-serif;color:#66708c}
.acc-print h1{font:800 23px Poppins,Inter,Arial,sans-serif;margin:0 0 4px}
.acc-print .acc-print-role{margin:0 0 18px;font:600 12.5px Inter,Arial,sans-serif;color:#525a74}
.acc-print h2{font:800 12px Poppins,Inter,Arial,sans-serif;text-transform:uppercase;
letter-spacing:.6px;color:#7040ef;margin:18px 0 8px}
.acc-print p{font:400 12px/1.65 Inter,Arial,sans-serif;margin:0 0 8px;color:#3d4468}
.acc-print ul{margin:0;padding-left:18px}
.acc-print li{font:400 12px/1.7 Inter,Arial,sans-serif;color:#3d4468}
.acc-print-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px;margin:0 0 6px}
.acc-print-facts div{break-inside:avoid}
.acc-print-facts dt{font:700 9.5px Inter,Arial,sans-serif;text-transform:uppercase;
letter-spacing:.4px;color:#8a90a3;margin:0}
.acc-print-facts dd{margin:2px 0 0;font:600 12px Inter,Arial,sans-serif;color:#151c3d}
.acc-print-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.acc-print-chips li{border:1px solid #e0dcf5;border-radius:999px;padding:3px 9px;
font:700 10.5px Inter,Arial,sans-serif;color:#5d35d5}
.acc-print-foot{margin-top:24px;padding-top:12px;border-top:1px solid #e7e8f2;
font:400 10px/1.6 Inter,Arial,sans-serif;color:#8a90a3}
}
/* ==========================================================================
Liens legaux reels (auparavant des