/* U3-20261008 — « simple » : les 5 chantiers de simplicité laissés par U1 (compréhensible de 10 à 100 ans).
   Chargée par resources/views/simple/_tete (master + accueil), seulement si config('simple.actif').
   Classes posées sur <html> AVANT l'affichage (aucun saut) : u3-file, u3-valider, u3-ins, u3-entete, u3-conv.
   Couleurs : jetons de refonte.css (--umc-*), clair ET sombre ; chaque texte posé en couleur ET -webkit-text-fill-color
   (piège refonte.css : le thème sombre recolore liens et boutons en !important). Mouvement : coupé par prefers-reduced-motion. */

/* ═══════════════ 1. Fenêtre « profil » (umc-alertes) : cibles de 48 px, ton calme ═══════════════ */
html.u3-file body .umc-al-croix{width:48px;height:48px;top:10px;right:10px;border-radius:12px;}
html.u3-file body .umc-al-b{height:48px;font-size:15px;}
html.u3-file body .umc-al-tete h2{font-size:19px;}
html.u3-file body .umc-al-sous{font-size:15px;line-height:1.55;color:var(--umc-ink-2,#3d414a);}
html.u3-file body .umc-al-niv.bloquant{background:var(--umc-accent-soft,#fff3ea);color:var(--umc-accent-txt,#9a3b00);}
html.u3-file[data-theme="dark"] body .umc-al-niv.bloquant{background:rgba(255,122,36,.14);color:#ffb27a;}
html.u3-file body .umc-al-point.rouge{background:var(--umc-accent,#ff6300);}
/* « 5 étapes déjà terminées » : un second compteur (le seul est « Bien démarrer ») — la fenêtre ne montre que ce qui reste à faire. */
html.u3-file body .umc-al-faites{display:none;}
html.u3-file body .umc-al-pastille.bloquante::after{color:var(--umc-accent-txt,#9a3b00);}
/* Un seul compteur de progression sur l'accueil : « Bien démarrer n/3 ». Le « 1/3 » de la carte « Votre prochaine étape » (rang de l'étape,
   lu à côté de « 0/3 » comme une contradiction) se tait ; la carte garde son titre et son bouton. */
html.u3-file body .cap-next .cap-next-lab > span:nth-child(2){display:none;}

/* ═══════════════ 2. « Livré, à valider » ═══════════════ */
.u3-val{margin:0 0 22px;padding:20px 20px 16px;border-radius:16px;background:var(--umc-surface,#fff);
  border:1px solid var(--umc-line,#e7e8ec);box-shadow:0 1px 2px rgba(16,17,20,.04),0 8px 24px rgba(16,17,20,.06);
  scroll-margin-top:76px;color:var(--umc-ink,#101114);font-size:16px;line-height:1.55;}
.u3-val p{margin:0;}
html body .u3-val .u3-val-quoi{font-size:16px;font-weight:600;color:var(--umc-ink-2,#3d414a);-webkit-text-fill-color:var(--umc-ink-2,#3d414a);margin:0 0 4px;}
html body .u3-val .u3-val-q{margin:0 0 6px;font-size:26px;line-height:1.2;font-weight:750;letter-spacing:-.02em;color:var(--umc-ink,#101114);-webkit-text-fill-color:var(--umc-ink,#101114);text-transform:none;}
html body .u3-val .u3-val-delai{font-size:16px;color:var(--umc-ink,#101114);-webkit-text-fill-color:var(--umc-ink,#101114);margin:0 0 16px;}
.u3-val-cgu{margin:0 0 14px!important;padding:10px 12px;border-radius:10px;background:rgba(217,83,79,.12);font-size:15px;}
.u3-val-choix{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;}
.u3-val-choix form{margin:0;}
.u3-val-non[open]{grid-column:1 / -1;}
html body .u3-val .u3-val-oui,html body .u3-val .u3-val-non-b{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:64px;padding:10px 16px;
  border-radius:14px;cursor:pointer;text-align:center;text-transform:none;letter-spacing:0;line-height:1.2;
  -webkit-appearance:none;appearance:none;box-shadow:none;list-style:none;font-family:inherit;}
.u3-val-non-b::-webkit-details-marker{display:none;}
html body .u3-val .u3-val-oui{background:var(--umc-accent,#ff6300)!important;border:0;color:#14100c!important;-webkit-text-fill-color:#14100c!important;}
html body .u3-val .u3-val-oui:hover{filter:brightness(.95);}
html body .u3-val .u3-val-non-b{background:var(--umc-surface,#fff);border:1.5px solid var(--umc-line-strong,#c9ccd3);color:var(--umc-ink,#101114);-webkit-text-fill-color:var(--umc-ink,#101114);}
html body .u3-val .u3-val-non-b:hover{border-color:var(--umc-ink-3,#6b7280);}
html body .u3-val .u3-val-non[open] .u3-val-non-b{border-color:var(--umc-ink,#101114);}
.u3-val .u3-val-b1{font-size:18px;font-weight:700;}
.u3-val .u3-val-b2{font-size:14.5px;font-weight:500;opacity:.92;}
.u3-val-oui:focus-visible,.u3-val-non-b:focus-visible,.u3-val-envoi:focus-visible,.u3-val-plus > summary:focus-visible{outline:3px solid var(--umc-accent,#ff6300);outline-offset:2px;}
.u3-val-souci{margin:14px 0 0;padding:16px;border-radius:14px;background:var(--umc-bg-2,#f6f7f9);border:1px solid var(--umc-line,#e7e8ec);}
html body .u3-val .u3-val-h3{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:18px;font-weight:700;color:var(--umc-ink,#101114);-webkit-text-fill-color:var(--umc-ink,#101114);text-transform:none;}
.u3-num{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--umc-accent,#ff6300);color:#14100c;-webkit-text-fill-color:#14100c;font-size:15px;font-weight:800;}
.u3-val-p{font-size:16px;margin:0 0 10px!important;color:var(--umc-ink-2,#3d414a);}
.u3-val-l{display:block;margin:6px 0 4px;font-size:15px;font-weight:600;color:var(--umc-ink,#101114);}
html body .u3-val textarea{width:100%;min-height:96px;padding:12px;border-radius:12px;border:1.5px solid var(--umc-line-strong,#c9ccd3);font-size:16px;line-height:1.45;
  background:var(--umc-surface,#fff);color:var(--umc-ink,#101114);-webkit-text-fill-color:var(--umc-ink,#101114);margin:0;}
.u3-val-aide{font-size:14px!important;color:var(--umc-ink-3,#5d6370);margin:4px 0 10px!important;}
html body .u3-val .u3-val-envoi{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 18px;border-radius:12px;border:0;
  background:#101114!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px;font-weight:650;text-transform:none;cursor:pointer;}
.u3-val .u3-val-litige{margin:16px 0 0;background:var(--umc-surface,#fff);}
html body .u3-val .u3-val-litige > summary{display:flex;align-items:center;gap:10px;font-size:15.5px;min-height:48px;}
html body .u3-val .u3-val-litige > summary::before{display:none;}
.u3-val-liens{font-size:14px!important;margin:10px 0 0!important;}
.u3-val-plus{margin:16px 0 0;border-top:1px solid var(--umc-line,#e7e8ec);}
html body .u3-val .u3-val-plus > summary{display:flex;align-items:center;min-height:48px;cursor:pointer;list-style:none;font-size:15.5px;font-weight:600;
  color:var(--umc-ink-2,#3d414a);-webkit-text-fill-color:var(--umc-ink-2,#3d414a);}
.u3-val-plus > summary::-webkit-details-marker{display:none;}
.u3-val-plus > summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease;}
.u3-val-plus[open] > summary::after{transform:rotate(-135deg);}
.u3-val-regles p{font-size:15px;margin:0 0 10px!important;color:var(--umc-ink-2,#3d414a);}
html body .u3-val a{color:var(--umc-accent-txt,#9a3b00);-webkit-text-fill-color:var(--umc-accent-txt,#9a3b00);text-decoration:underline;}
@media (max-width:600px){
  .u3-val{padding:16px 14px 12px;border-radius:14px;}
  .u3-val-choix{grid-template-columns:1fr;}
  html body .u3-val .u3-val-q{font-size:24px;}
}
/* La date limite n'est dite qu'une fois : le compteur du tableau de bord du dossier (même échéance) se tait quand la décision est affichée. */
html.u3-valider body:has(.u3-val) .umc-dos-chiffres > .umc-dos-chiffre:first-child{display:none;}
html[data-theme="dark"] body .u3-val{box-shadow:none;}
html[data-theme="dark"] body .u3-val .u3-val-envoi{background:#f4f5f7!important;color:#101114!important;-webkit-text-fill-color:#101114!important;}
html[data-theme="dark"] body .u3-val a{color:#ffb27a!important;-webkit-text-fill-color:#ffb27a!important;}

/* ═══════════════ 3. Inscription : « Vous êtes… », l'e-mail d'abord, les autres sous « ou » ═══════════════ */
html.u3-ins body .umc-reg .a-shell{display:flex;flex-direction:column;}
html.u3-ins body .umc-reg .a-shell > #registration{order:2;}
html.u3-ins body .umc-reg .a-shell > .umc-cs{order:3;display:flex;flex-direction:column;margin-top:4px;}
html.u3-ins body .umc-reg .umc-cs .cs-ou{order:-1;margin:22px 0 14px;}
html.u3-ins body .umc-reg .umc-cs .cs-liste{flex-direction:row;flex-wrap:wrap;gap:10px;}
html.u3-ins body .umc-reg .umc-cs a.cs-btn{flex:1 1 210px;min-height:48px;font-size:15px;font-weight:550;border-radius:12px;}
html.u3-ins body .umc-reg .umc-cs a.cs-linkedin,html.u3-ins body .umc-reg .umc-cs a.cs-facebook,html.u3-ins body .umc-reg .umc-cs a.cs-code{
  background:var(--umc-surface,#fff)!important;border:1px solid #747775!important;color:#1f1f1f!important;-webkit-text-fill-color:#1f1f1f!important;font-weight:550;}
html.u3-ins body .umc-reg .umc-cs a.cs-linkedin svg path{fill:#0a66c2;}
html.u3-ins body .umc-reg .umc-cs a.cs-facebook svg path{fill:#1877f2;}
html.u3-ins[data-theme="dark"] body .umc-reg .umc-cs a.cs-linkedin,html.u3-ins[data-theme="dark"] body .umc-reg .umc-cs a.cs-facebook,html.u3-ins[data-theme="dark"] body .umc-reg .umc-cs a.cs-code{
  background:#131314!important;border-color:#8e918f!important;color:#e3e3e3!important;-webkit-text-fill-color:#e3e3e3!important;}
html.u3-ins[data-theme="dark"] body .umc-reg .umc-cs a.cs-linkedin svg path{fill:#71b7fb;}
html.u3-ins body .umc-reg .r-choix label{min-height:64px;}
html.u3-ins body .umc-reg .r-choix .r-choix-txt b{font-size:18px;}
html.u3-ins body .umc-reg .a-eye{min-width:48px;min-height:44px;}

/* ═══════════════ 4. En-tête : 48 px au doigt, un mot sous chaque icône (téléphone) ═══════════════ */
@media (max-width:760px){
  html.u3-entete body .umc-hd .umc-hd-logo{height:48px;}
  html.u3-entete body .umc-hd .umc-hd-act{gap:2px;}
  html.u3-entete body .umc-hd a.umc-hd-theme,html.u3-entete body .umc-hd button.umc-hd-theme,
  html.u3-entete body .umc-hd button.umc-hd-user,html.u3-entete body .umc-hd button.umc-hd-burger{
    position:relative;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    min-width:48px;width:auto!important;height:52px!important;padding:3px 3px 2px!important;margin:0!important;
    border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;
    font-size:14px!important;line-height:1!important;color:var(--h-ink,#101114)!important;-webkit-text-fill-color:var(--h-ink,#101114);}
  html.u3-entete body .umc-hd a.umc-hd-theme:hover,html.u3-entete body .umc-hd button.umc-hd-theme:hover,
  html.u3-entete body .umc-hd button.umc-hd-user:hover,html.u3-entete body .umc-hd button.umc-hd-burger:hover{background:var(--umc-bg-2,#f6f7f9)!important;}
  html.u3-entete body .umc-hd a.umc-hd-theme{font-weight:750!important;}
  html.u3-entete body .umc-hd button.umc-hd-theme svg{width:21px;height:21px;}
  html.u3-entete body .umc-hd button.umc-hd-user img{width:24px;height:24px;}
  /* le nom reste lu par les lecteurs d'écran (masqué à l'œil seulement) : le bouton garde son nom accessible */
  html.u3-entete body .umc-hd button.umc-hd-user span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important;}
  html.u3-entete body .umc-hd button.umc-hd-user .umc-hd-chev{display:none!important;}
  html.u3-entete body .umc-hd button.umc-hd-burger{gap:0;}
  html.u3-entete body .umc-hd button.umc-hd-burger span{margin:2px 0!important;}
  html.u3-entete body .umc-hd a.umc-hd-theme::after,html.u3-entete body .umc-hd button.umc-hd-theme::after,
  html.u3-entete body .umc-hd button.umc-hd-user::after,html.u3-entete body .umc-hd button.umc-hd-burger::after{
    position:static!important;transform:none!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;
    min-width:0!important;min-height:0!important;display:block;margin-top:2px;
    font:600 11px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:0;white-space:nowrap;
    color:var(--h-ink2,#3d414a);-webkit-text-fill-color:var(--h-ink2,#3d414a);text-transform:none;}
  html.u3-entete body .umc-hd button.umc-hd-burger::after{margin-top:5px;}
  html.u3-entete body .umc-hd a.umc-hd-theme::after{content:"Langue";}
  html.u3-entete body .umc-hd button.umc-hd-theme::after{content:"Thème";}
  html.u3-entete body .umc-hd button.umc-hd-user::after{content:"Compte";}
  html.u3-entete body .umc-hd button.umc-hd-burger::after{content:"Menu";}
  html.u3-entete:lang(en) body .umc-hd a.umc-hd-theme::after{content:"Language";}
  html.u3-entete:lang(en) body .umc-hd button.umc-hd-theme::after{content:"Theme";}
  html.u3-entete:lang(en) body .umc-hd button.umc-hd-user::after{content:"Account";}
  html.u3-entete:lang(it) body .umc-hd a.umc-hd-theme::after{content:"Lingua";}
  html.u3-entete:lang(it) body .umc-hd button.umc-hd-theme::after{content:"Tema";}
  html.u3-entete:lang(it) body .umc-hd button.umc-hd-user::after{content:"Account";}
  html.u3-entete body .umc-hd .umc-hd-btn--plein{min-height:48px;padding:0 12px!important;}
  /* La loupe de la barre de recherche : 32 px à l'œil, 48 px au doigt (marges négatives : la barre ne bouge pas). */
  html.u3-entete body .umc-hd .umc-rq-barre .umc-rq-go{width:48px!important;height:48px!important;padding:8px!important;margin:-8px -8px -8px -4px!important;
    background-clip:content-box!important;box-sizing:border-box!important;flex:none;}
}
@media (max-width:380px){
  html.u3-entete body .umc-hd .umc-hd-act{gap:0;}
  html.u3-entete body .umc-hd .umc-hd-logo{width:80px;}
  html.u3-entete body .umc-hd .umc-hd-btn--plein{padding:0 10px!important;}
}
html.u3-entete[data-theme="dark"] body .umc-hd a.umc-hd-theme:hover,html.u3-entete[data-theme="dark"] body .umc-hd button.umc-hd-theme:hover,
html.u3-entete[data-theme="dark"] body .umc-hd button.umc-hd-user:hover,html.u3-entete[data-theme="dark"] body .umc-hd button.umc-hd-burger:hover{background:rgba(255,255,255,.07)!important;}

/* ═══════════════ 5. Conversation : 48 px, étiquettes de premier usage ═══════════════ */
html.u3-conv body .wa-tete .wa-retour,html.u3-conv body .wa-tete .wa-menu,html.u3-conv body .wa-saisie .wa-plus,html.u3-conv body .wa-saisie .wa-pos{width:48px;height:48px;min-width:48px;}
html.u3-conv body .wa-saisie{gap:4px;}
html.u3-conv body .wa-tete .wa-qui{min-height:48px;display:flex;flex-direction:column;justify-content:center;}
html.u3-conv body #umc-theme-toggle.umc-theme-toggle{width:48px;height:48px;min-width:48px;}
html.u3-conv body .wa-astuce{padding-right:52px;font-size:15px;}
html.u3-conv body .wa-astuce button{width:44px;height:44px;right:4px;top:4px;}
.u3-tip{position:fixed;z-index:10060;max-width:min(300px,calc(100vw - 24px));padding:12px 14px 10px;border-radius:14px;
  background:#14161a;color:#f4f5f7;-webkit-text-fill-color:#f4f5f7;box-shadow:0 12px 32px rgba(0,0,0,.28);font-size:16px;line-height:1.4;
  opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .25s cubic-bezier(.2,.8,.3,1);}
.u3-tip.vu{opacity:1;transform:none;}
.u3-tip b{display:block;font-size:16px;font-weight:700;margin:0 0 2px;color:#fff;-webkit-text-fill-color:#fff;}
.u3-tip .u3-tip-ok{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:96px;margin:8px 0 0;padding:0 14px;border-radius:10px;border:0;
  background:var(--umc-accent,#ff6300);color:#14100c;-webkit-text-fill-color:#14100c;font-size:15px;font-weight:700;cursor:pointer;}
.u3-tip::after{content:"";position:absolute;bottom:-7px;left:var(--s3-fl,24px);width:14px;height:14px;background:#14161a;transform:rotate(45deg);border-radius:2px;}
html[data-theme="dark"] .u3-tip,html[data-theme="dark"] .u3-tip::after{background:#f4f5f7;}
html[data-theme="dark"] .u3-tip{color:#101114;-webkit-text-fill-color:#101114;}
html[data-theme="dark"] .u3-tip b{color:#101114;-webkit-text-fill-color:#101114;}

@media (prefers-reduced-motion:reduce){
  .u3-tip,.u3-val-plus > summary::after{transition:none!important;}
}
