/* Thalionis Cockpit — theme refresh, chargé après les styles existants. */
:root{
  --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --font-display:var(--font-ui);
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:18px;
  --shadow-sm:0 2px 8px rgba(38,43,34,.06);
  --shadow-md:0 8px 24px rgba(38,43,34,.08);
  --shadow-lg:0 18px 44px rgba(38,43,34,.12);
  --focus-ring:0 0 0 3px rgba(138,143,122,.35);
}

html,body{
  min-height:100%;
  background:#647663!important;
}
body{
  font-family:var(--font-ui);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  line-height:1.5;
}
h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:700;
  letter-spacing:-.01em;
  line-height:1.22;
  color:#262b22;
}
h1{font-size:1.9rem;margin:0 0 .3em}
h2{font-size:1.28rem;margin:0 0 .3em}
h3{font-size:1.05rem;margin:0 0 .3em}
p{line-height:1.55}
.eyebrow{letter-spacing:.09em;font-weight:800;font-size:.7rem}

/* Les bandeaux d'accueil foncés portent toujours des titres blancs.
   Cette règle vient après la couleur générique des titres afin de préserver
   le contraste dans les cockpits, l'espace candidat et le formulaire d'essai. */
.consultant-hero :is(h1,h2,h3,h4),
.trial-signup-hero :is(h1,h2,h3,h4),
.candidate-welcome :is(h1,h2,h3,h4){color:#fff}

/* Identité visuelle : aucune couleur d'alerte fonctionnelle n'est modifiée. */
.thalionis-header img,.thal-brand-logo{filter:drop-shadow(0 4px 10px rgba(65,70,61,.16))}
.hero:after{border-color:rgba(65,70,61,.14)}
.hero.candidate .diagram{filter:drop-shadow(0 12px 22px rgba(65,70,61,.16))}
.campaign:hover{border-color:#7c826f}
.choices label:hover{border-color:#c3c8b6;background:#f7f8f4}
.behavioral-journey-step.current{border-color:#8A8F7A}
.behavioral-journey-step.current>b{background:#8A8F7A;color:#fff}

.card,.hero,.campaign,.question,.cockpit-section,.case-card,
.new-request-card,.report-draft-item{
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}
.card:hover,.campaign:hover,.case-card:hover{box-shadow:var(--shadow-md)}
.btn,button{
  border-radius:var(--radius-sm);
  transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;
  font-family:var(--font-ui);
}
.btn:hover,button:hover{transform:translateY(-1px)}
.btn:active,button:active{transform:translateY(0)}
.secondary{border-color:#d3d7ca}
.secondary:hover{background:#f6f7f3}

input,select,textarea{
  font-family:var(--font-ui);
  border-radius:var(--radius-sm);
  border-color:#d6dacd;
  transition:border-color .12s ease,box-shadow .12s ease;
}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:#8A8F7A;
  box-shadow:var(--focus-ring);
}
a:focus-visible,button:focus-visible,.btn:focus-visible{
  outline:none;
  box-shadow:var(--focus-ring);
}
main label{font-weight:600}

.thalionis-header{box-shadow:0 1px 0 #e5e8de,var(--shadow-sm)}
.thal-cockpit-title strong{letter-spacing:.06em;font-size:.8rem}
.thalionis-header nav a{
  border-radius:var(--radius-sm);
  padding:6px 4px;
  transition:color .12s ease;
}
.thalionis-header nav a:hover{color:#262b22}

main th{font-weight:700;letter-spacing:.05em}
main td,main th{padding:12px 11px}
main tr:hover td{background:#fafbf8}
.status{font-weight:700;letter-spacing:.02em;border-radius:999px}

@media (prefers-reduced-motion:reduce){
  *{transition-duration:.001ms!important;animation-duration:.001ms!important}
}

/* Accueil Cockpit : couche de présentation dédiée, sans modifier les données
   ni les liens déjà utilisés par le tableau de bord. */
.cockpit-client-hero{
  position:relative;min-height:152px;padding:31px 34px;overflow:hidden;
  background:linear-gradient(118deg,#26362e 0%,#405446 54%,#858a76 100%);
  box-shadow:0 18px 42px rgba(38,54,46,.16);
}
.cockpit-client-hero:before,.cockpit-client-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.cockpit-client-hero:before{width:260px;height:260px;right:-108px;top:-150px;border:1px solid rgba(255,255,255,.18)}
.cockpit-client-hero:after{width:190px;height:190px;right:88px;bottom:-157px;background:rgba(255,255,255,.055)}
.cockpit-client-hero>div:first-child,.cockpit-client-identity{position:relative;z-index:1}
.cockpit-client-hero h1{font-size:clamp(2rem,3vw,2.7rem);letter-spacing:-.035em;margin:6px 0 8px;color:#fff}
.cockpit-client-hero p{max-width:630px;margin:0;color:#edf1e9;font-size:.98rem}
.cockpit-client-hero .eyebrow{color:#e7dbc0}
.cockpit-client-identity{padding:5px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,255,255,.12);box-shadow:0 9px 20px rgba(0,0,0,.22)}
.cockpit-user-photo{border-color:#fff!important;box-shadow:none!important}
@media(max-width:650px){.cockpit-client-hero:before,.cockpit-client-hero:after{display:none}.cockpit-client-identity{padding:0;border:0;background:transparent;box-shadow:none}}

.cockpit-service-grid{gap:22px;margin:28px 0 34px}
.cockpit-service{
  position:relative;min-height:302px;padding:25px!important;border:1px solid #dbe1d7!important;border-top-width:4px!important;border-radius:20px!important;
  background:linear-gradient(145deg,#fff 0%,#f7f9f5 100%);box-shadow:0 12px 28px rgba(39,52,42,.08)!important;
}
.cockpit-service.expert{color:#7a5d1e;border-color:#c5a14b!important;box-shadow:0 12px 28px rgba(146,111,29,.12)!important}.cockpit-service.studio{color:#285b47;border-color:#315c49!important;box-shadow:0 12px 28px rgba(49,92,73,.13)!important}
.cockpit-service .service-copy{color:#242c25}.cockpit-service .service-copy h2{font-size:1.45rem;letter-spacing:-.025em}.cockpit-service .service-copy p{color:#596258;line-height:1.58}.cockpit-service .service-copy b{font-size:.9rem;letter-spacing:.01em}.cockpit-service .service-copy b span{display:inline-block;margin-left:4px;transition:transform .15s ease}.cockpit-service:hover .service-copy b span{transform:translateX(4px)}
.service-credit-visual{border-color:#e1e6de!important;border-radius:16px!important;background:rgba(247,249,245,.88)!important}


.cockpit-kpi-grid.compact{gap:18px;margin-top:0}
.cockpit-kpi-grid.compact>.cockpit-kpi,.cockpit-kpi-grid.compact>.cockpit-switch-counter{
  border-radius:18px!important;box-shadow:0 8px 20px rgba(39,52,42,.07)!important;transition:transform .15s ease,box-shadow .15s ease;
}
.cockpit-kpi-grid.compact>.cockpit-kpi:hover,.cockpit-kpi-grid.compact>.cockpit-switch-counter:hover{transform:translateY(-3px);box-shadow:0 14px 29px rgba(39,52,42,.12)!important}
.cockpit-kpi-grid.compact>.cockpit-kpi>span,.cockpit-kpi-grid.compact>.cockpit-switch-counter>span{letter-spacing:.075em!important}
.cockpit-kpi-grid.compact>.cockpit-kpi>small,.cockpit-kpi-grid.compact>.cockpit-switch-counter>a{font-weight:700!important}
.counter-switch button{border-radius:999px!important}
.cockpit-kpi-grid.compact>.money{background:linear-gradient(135deg,#204634,#356c54)!important}

@media screen and (max-width:650px){
  .cockpit-client-hero{min-height:0;padding:26px 22px}.cockpit-client-hero h1{font-size:2rem}
  .cockpit-service{min-height:0;padding:21px!important}.cockpit-service-grid{gap:16px;margin:20px 0 25px}
}

/* Même langage visuel pour les accueils Responsable, Recruteur, Expert et Admin. */
.studio-hero,.expert-client-hero,.recruiter-welcome-hero{
  position:relative;overflow:hidden;border-radius:22px!important;
  background:linear-gradient(118deg,#26362e 0%,#405446 56%,#858a76 100%)!important;
  box-shadow:0 18px 42px rgba(38,54,46,.15)!important;
}
.studio-hero:after,.expert-client-hero:after,.recruiter-welcome-hero:after{content:"";position:absolute;right:-72px;bottom:-118px;width:235px;height:235px;border:1px solid rgba(255,255,255,.16);border-radius:50%;pointer-events:none}
.studio-hero>*,.expert-client-hero>*,.recruiter-welcome-hero>*{position:relative;z-index:1}
.studio-hero h1,.expert-client-hero h1,.recruiter-welcome-hero h1{font-size:clamp(1.85rem,2.7vw,2.55rem);letter-spacing:-.035em}
.studio-hero .btn,.expert-client-hero .btn{box-shadow:0 7px 17px rgba(0,0,0,.16)}

.recruiter-home-strip{border:1px solid #dbe2d7!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#f5f8f3)!important;box-shadow:0 10px 24px rgba(39,52,42,.07)!important}
.recruiter-home-steps a{border-radius:12px!important;transition:transform .15s ease,box-shadow .15s ease}.recruiter-home-steps a:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(39,52,42,.1)}
.expert-wallet-grid article,.studio-kpis article{border:1px solid #dce3da!important;border-radius:18px!important;box-shadow:0 9px 22px rgba(39,52,42,.07)!important}
.expert-wallet-grid article{background:linear-gradient(145deg,#fff,#f6f8f4)!important}.expert-wallet-grid article strong,.studio-kpis article strong{font-variant-numeric:tabular-nums}
.admin-studio-kpis article{background:linear-gradient(145deg,#fff,#f4f7f1)!important}.admin-studio-kpis article:first-child{border-top:4px solid #466c58!important}.admin-studio-kpis article:nth-child(3){border-top:4px solid #b58b3d!important}
.expert-actions{padding:15px 17px;border:1px solid #dce3da;border-radius:16px;background:#f6f8f4}

@media screen and (max-width:650px){.studio-hero,.expert-client-hero,.recruiter-welcome-hero{padding:25px 22px!important}.studio-hero h1,.expert-client-hero h1,.recruiter-welcome-hero h1{font-size:1.9rem}}
/* Safari mobile : les trois disponibilités du candidat épousent exactement le formulaire. */
@media(max-width:900px){.candidate-reschedule-form,.candidate-reschedule-form .form-grid,.candidate-reschedule-form .form-grid>label{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.candidate-reschedule-form input[type="datetime-local"]{display:block!important;inline-size:100%!important;width:100%!important;min-inline-size:0!important;max-inline-size:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important}}

/* Marketing Thalionis — espace interne de pilotage, sans donnée candidate. */
.marketing-hero{background:radial-gradient(circle at 90% 0,rgba(218,181,84,.28),transparent 34%),linear-gradient(135deg,#233d34,#527563);align-items:center}.marketing-privacy-note{display:flex;gap:14px;align-items:flex-start;margin:20px 0;padding:16px 18px;border:1px solid #c7d8cd;border-left:6px solid #3f775f;border-radius:14px;background:#eff7f1;color:#425148}.marketing-privacy-note b{color:#276346}.marketing-kpis article:first-child{border-top-color:#3f775f!important}.marketing-kpis article:nth-child(2){border-top-color:#d3a546!important}.marketing-kpis article:nth-child(3){border-top-color:#5f849a!important}.marketing-install pre,.marketing-link-output{overflow:auto;padding:14px 16px;border:1px solid #d8dfd7;border-radius:12px;background:#f6f8f5}.marketing-install code,.marketing-link-output code{font-size:.82rem;white-space:pre-wrap;word-break:break-word}.marketing-link-builder{display:grid;grid-template-columns:1fr 1.4fr 2fr;gap:12px}.marketing-link-output{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.marketing-link-output button{flex:none}.marketing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:800px){.marketing-privacy-note,.marketing-link-output{align-items:stretch;flex-direction:column}.marketing-link-builder,.marketing-grid{grid-template-columns:1fr}.marketing-link-output button{width:100%}}

/* Publications sociales */
.social-hero{align-items:center}.social-hero-note{max-width:265px;padding:13px 15px;border:1px solid rgba(255,255,255,.3);border-radius:13px;background:rgba(255,255,255,.10);font-size:.8rem}.social-hero-note b,.social-hero-note span{display:block}.social-hero-note span{margin-top:4px;line-height:1.4;color:#eef1eb}.social-network-bar{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:18px 0}.social-network{min-width:130px;padding:11px 14px;border:1px solid #d8ded7;border-radius:12px;background:#fff}.social-network b,.social-network span{display:block}.social-network b{font-size:.82rem}.social-network span{margin-top:3px;font-size:.74rem;color:#687065}.social-network.connected{border-color:#7aa083;background:#f3f8f3}.social-network.waiting{background:#fbfcf9}.social-network-bar>small{align-self:center;max-width:390px;color:#6b7268;font-size:.75rem;line-height:1.4}.social-form>label{display:block;margin:12px 0}.social-form textarea{resize:vertical;min-height:145px}.social-platform-select{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0;border:1px solid #dde2dc;border-radius:12px;padding:12px 15px}.social-platform-select legend{padding:0 6px;font-size:.75rem;font-weight:850;color:#667064;text-transform:uppercase;letter-spacing:.06em}.social-platform-select label{display:flex;align-items:center;gap:7px;margin:0;font-weight:700}.social-platform-select input{width:auto;margin:0}.social-schedule-row{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:15px}.social-schedule-row label{min-width:230px;margin:0}.social-actions,.social-review-actions{display:flex;gap:9px;flex-wrap:wrap}.social-list{margin-top:22px}.social-post-row{padding:18px 0;border-bottom:1px solid #e0e4de}.social-post-row:last-child{border-bottom:0}.social-post-head{display:flex;justify-content:space-between;gap:18px}.social-post-head h3{margin:7px 0 3px;font-size:1.08rem;color:#243f38}.social-post-head p{margin:0;color:#70796e;font-size:.78rem}.social-status,.social-approval,.social-blocked,.social-channel-tags span{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.67rem;font-weight:850;letter-spacing:.025em}.social-status.draft{background:#edf0eb;color:#556052}.social-status.scheduled{background:#e6f0ec;color:#285b47}.social-channel-tags{display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap}.social-channel-tags span{background:#f2f4f0;color:#586154}.social-copy{max-width:920px;white-space:pre-line;line-height:1.55;margin:14px 0;color:#30372f}.social-post-footer{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:.77rem}.social-post-footer a{font-weight:800;color:#285b47;text-decoration:none}.social-approval.approved{background:#e2f0e5;color:#2f6b47}.social-approval.pending{background:#fff3dc;color:#8a671f}.social-approval.changes_requested{background:#fbe8e5;color:#9b4940}.social-blocked{background:#f2ece1;color:#78613b}.social-review-actions{margin-top:13px}@media(max-width:700px){.social-schedule-row,.social-post-head{align-items:stretch;flex-direction:column}.social-schedule-row label{min-width:0}.social-actions>*{flex:1}.social-network-bar>small{width:100%}}

.marketing-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.marketing-fold{padding:0!important}.marketing-fold summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 15px;cursor:pointer;list-style:none}.marketing-fold summary::-webkit-details-marker{display:none}.marketing-fold summary h2{margin:4px 0 0}.marketing-fold summary>b{display:inline-flex;align-items:center;gap:6px;color:#4a6854;font-size:.72rem;white-space:nowrap}.marketing-fold summary>b:after{content:'⌄';font-size:1rem;transition:transform .18s ease}.marketing-fold:not([open]) summary>b:after{transform:rotate(-90deg)}.marketing-fold>p,.marketing-fold>.table-scroll{margin-left:18px;margin-right:18px}.marketing-fold>p{margin-top:0}.marketing-fold>.table-scroll{margin-bottom:18px}@media(max-width:700px){.marketing-hero-actions{width:100%}.marketing-hero-actions a{flex:1;text-align:center}.marketing-fold summary{align-items:flex-start}.marketing-fold summary>b{font-size:.65rem}}

.group-directory{margin:18px 0}.group-directory summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.group-directory summary::-webkit-details-marker{display:none}.group-directory summary h2{margin:5px 0}.group-directory summary>b{font-size:.72rem;color:#486550}.group-directory>p,.group-directory>.group-form,.group-directory>.group-directory-list{margin-top:14px}.group-form .social-platform-select{margin:12px 0}.group-directory-list{display:flex;gap:8px;flex-wrap:wrap}.group-chip{display:inline-block;padding:6px 9px;border-radius:999px;background:#edf2ec;color:#4f5e50;font-size:.7rem;line-height:1.25}.group-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:16px 0;padding:13px 15px;border:1px solid #dde2dc;border-radius:12px}.group-picker legend{padding:0 6px;font-size:.75rem;font-weight:850;color:#667064;text-transform:uppercase;letter-spacing:.06em}.group-picker>p{grid-column:1/-1;margin:0}.group-option{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid #dfe5dd;border-radius:9px;background:#fbfcfa;cursor:pointer}.group-option input{width:auto;margin:3px 0 0}.group-option b,.group-option small{display:block}.group-option b{font-size:.8rem}.group-option small{margin-top:3px;color:#71796f;font-size:.7rem;line-height:1.3}@media(max-width:700px){.group-picker{grid-template-columns:1fr}.group-directory summary{align-items:flex-start}}
.group-language-filter{display:flex;align-items:center;gap:9px;margin-top:15px;color:#5b675b;font-size:.78rem;font-weight:800}.group-language-filter select{width:auto;min-width:150px;margin:0}.group-directory-item{display:flex;align-items:center;gap:5px}.group-directory-item form{margin:0}.group-remove{border:0;background:none;color:#9a4b43;font:800 .7rem Arial,sans-serif;cursor:pointer;padding:5px 4px}.group-remove:hover{text-decoration:underline}@media(max-width:700px){.group-language-filter{align-items:flex-start;flex-direction:column}.group-directory-item{width:100%;justify-content:space-between}}
.group-directory-item[hidden],.group-option[hidden]{display:none!important}

/* Tous les dépliants Marketing reprennent le même format simple. */
.marketing-fold summary,.group-directory summary{display:block;list-style:revert;padding:0;cursor:pointer}.marketing-fold summary::-webkit-details-marker,.group-directory summary::-webkit-details-marker{display:list-item}.marketing-fold summary h2,.group-directory summary h2{margin:4px 0 12px}.marketing-fold summary p,.group-directory summary p{margin:0 0 4px}.marketing-fold>p,.marketing-fold>.table-scroll{margin-left:0;margin-right:0}.marketing-fold>.table-scroll{margin-bottom:0}.group-directory>p,.group-directory>.group-form,.group-directory>.group-directory-list{margin-top:16px}