/* =====================================================================
   L'HABILLAGE DE L'APPLICATION MORIARTY, POSÉ SUR LE RADAR CONNECTÉ
   =====================================================================
   Décision de Yohan du 23/09/2026 : « rhabille le radar à l'identique de
   l'app en attendant ». Le Radar connecté doit se lire comme une page de
   app.themoriarty.app, pas comme un second produit. Cette feuille se charge
   APRÈS style.css et ne touche qu'à l'espace connecté : la vitrine publique
   (body[data-connecte="non"]) ne change pas.

   Mesures relevées le 23/09/2026 dans l'application (styles calculés) :
   panneau #002E72, 290 px, coins 32 px, marge 12 px ; menu en pilules de
   40 px, coins 8 px, Dosis 600 14 px, entrée active #0760D5 ; barre du haut
   blanche de 82 px, boutons ronds de 44 px bordés 1,5 px #D3DCEA ; recherche
   en pilule de 48 px avec ⌘K ; fond #FCFCFD ; titres en police de titrage
   « moriarty » 28 px #002E72 ; cartes blanches coins 24 ou 32 px ; tuiles
   #EDF1F7 coins 24 px ; bouton principal #0760D5 en pilule de 48 px ;
   bouton secondaire bordé #B6C4DA ; liens de dossier orange #C9460A ;
   en-têtes de tableau blancs, Dosis 700, filets 1,5 px #E1E8F2.

   Cette décision remplace l'arbitrage du 07/09 (couleurs du brand book
   plutôt que celles de l'application) pour l'espace connecté. */

@font-face{font-family:'moriarty';font-style:normal;font-weight:400;font-display:swap;
  src:url(/moriarty-titrage.woff2) format('woff2')}

body[data-connecte="oui"]{
  --orange:#CF4808; --orange-txt:#C9460A; --orange-100:rgba(207,72,8,.06);
  --bleu:#002E72; --bleu-800:#054FB0; --bleu-100:#EAF1FC; --bleu-pastel:#B6C4DA;
  --primaire:#0760D5; --primaire-fonce:#054FB0;
  --fond:#FCFCFD; --gris:#F3F6FA; --panneau:#EDF1F7; --surface:#fff;
  --ink:#16305C; --encre-2:#16305C; --ink-doux:#5A6B8C;
  --filet:#E1E8F2; --bord:#D3DCEA; --bord-bouton:#B6C4DA;
  --r:24px; --r-s:8px;
  --ombre:0 1px 2px 0 rgba(0,27,69,.05),0 12px 32px -16px rgba(0,27,69,.1);
  --ombre-haute:0 1px 2px 0 rgba(0,27,69,.05),0 16px 40px -16px rgba(0,27,69,.16);
  --ombre-sur:var(--ombre-haute);
  background:#FCFCFD;color:var(--ink);font-weight:500}
/* Le crépi de la vitrine n'existe pas dans l'application. */
body[data-connecte="oui"]::before{display:none}

/* ------------------------------------------------ la mise en page -- */
body[data-connecte="oui"] .cadre{display:block;max-width:none;margin:0;border:0;border-radius:0;
  box-shadow:none;background:transparent;min-height:100vh}
body[data-connecte="oui"] .zone{margin-left:302px;min-height:100vh;transition:margin .3s ease}
body[data-connecte="oui"] main{max-width:1210px;margin:0;padding:24px 20px 80px}

/* ------------------------------------------------ le panneau ------- */
body[data-connecte="oui"] .rail{position:fixed;top:12px;left:12px;bottom:12px;width:290px;z-index:50;
  background:#002E72;border-radius:32px;padding:0 20px;gap:0;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .3s ease}
body[data-connecte="oui"] .rail-marque{padding:34px 0 36px;color:#fff;border-radius:0}
body[data-connecte="oui"] .rail-marque svg{width:150px;height:auto}
body[data-connecte="oui"] .rail-cab{background:rgba(255,255,255,.05);border-radius:8px;
  padding:12px 12px 12px 64px;min-height:68px;margin-bottom:28px;display:flex;align-items:center}
body[data-connecte="oui"] .rail-jeton{display:none}
body[data-connecte="oui"] .rail-q{font-family:moriarty,Dosis,sans-serif;font-size:14px;line-height:20px;
  letter-spacing:.35px;color:#93A9CC;text-transform:uppercase}
body[data-connecte="oui"] .rail-n{font-family:moriarty,Dosis,sans-serif;font-size:16px;line-height:24px;
  font-weight:400;color:#fff}
body[data-connecte="oui"] .rail-liste{gap:4px;flex:1;overflow-y:auto}
body[data-connecte="oui"] .rail-liste a{height:40px;padding:8px 12px;border-radius:8px;gap:12px;
  color:#fff;font-size:14px;font-weight:600;line-height:20px;white-space:nowrap}
body[data-connecte="oui"] .rail-liste a:hover{background:rgba(255,255,255,.08);color:#fff}
body[data-connecte="oui"] .rail-liste a[aria-current="page"]{background:#0760D5;color:#fff;font-weight:600}
body[data-connecte="oui"] .rail-liste .ic-menu{width:20px;height:16px;flex-shrink:0}
/* L'action du bas, orange, comme « Actualiser les diagnostics » dans l'application. */
body[data-connecte="oui"] .rail-bas{border-top:1px solid rgba(255,255,255,.12);padding:14px 0 20px}
body[data-connecte="oui"] .rail-action{display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;height:40px;border:0;border-radius:999px;background:#CF4808;color:#fff;font:inherit;
  font-weight:500;font-size:15px;cursor:pointer;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body[data-connecte="oui"] .rail-action:hover{background:#B53F07}
body[data-connecte="oui"] .rail-action svg{width:16px;height:16px}
body[data-connecte="oui"] .rail-sortie{display:none}

/* ------------------------------------------------ la barre du haut - */
body[data-connecte="oui"] .zone > .barre{position:sticky;top:0;z-index:40;height:82px;padding:0 20px 0 24px;
  gap:8px;background:#fff;border-bottom:1px solid #E1E8F2}
body[data-connecte="oui"] .rond{width:44px;height:44px;border-radius:999px;border:1.5px solid #D3DCEA;
  background:transparent;color:#5A6B8C;display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;flex-shrink:0;padding:0}
body[data-connecte="oui"] .rond:hover{background:#F3F6FA;color:#16305C}
body[data-connecte="oui"] .rond:focus-visible{outline:3px solid rgba(7,96,213,.45);outline-offset:2px}
body[data-connecte="oui"] .rond svg{width:16px;height:16px}
body[data-connecte="oui"] .rech{flex:0 1 430px;height:48px;margin-left:10px;border-radius:24px;
  border:1.5px solid transparent;background:#fff;box-shadow:var(--ombre);padding:0 12px 0 16px;gap:12px;
  color:#5A6B8C;font-size:14px}
body[data-connecte="oui"] .rech:hover{border-color:#D3DCEA}
body[data-connecte="oui"] .rech:focus-visible{outline:none;border-color:#0760D5}
body[data-connecte="oui"] .rech kbd{height:28px;display:inline-flex;align-items:center;padding:4px 7px;
  border-radius:8px;border:1.5px solid #D3DCEA;background:#EBEFF5;color:#5A6B8C;font-weight:500}
body[data-connecte="oui"] .barre .cabinet{margin-left:auto;gap:14px}
body[data-connecte="oui"] .puce-cabinet{display:inline-flex;align-items:center;gap:8px;height:36px;
  padding:0 14px;border-radius:8px;background:#E2E8F1;color:#16305C;font-weight:600;font-size:14px;
  white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
body[data-connecte="oui"] .puce-cabinet svg{width:14px;height:16px;flex-shrink:0}
body[data-connecte="oui"] .barre .cabinet-bouton{gap:10px;color:#16305C;padding:0}
body[data-connecte="oui"] .barre .cabinet .jeton{width:48px;height:48px;border-radius:999px;
  background:#C9460A;font-size:16px;font-weight:600}
body[data-connecte="oui"] .barre .cabinet-bouton .chevron{display:inline-block;opacity:1;color:#16305C}
body[data-connecte="oui"] .barre .cabinet-bouton #nomCabinet{display:none}
body[data-connecte="oui"] .menu-compte{top:58px;border-radius:16px;border:1px solid #E1E8F2;
  box-shadow:0 12px 32px -8px rgba(0,27,69,.25);padding:8px;min-width:210px}
body[data-connecte="oui"] .menu-compte a,
body[data-connecte="oui"] .menu-compte button{border-radius:8px;font-size:14px;font-weight:600;color:#16305C}

/* Menu replié : le bouton « double chevron » de l'application. */
body[data-connecte="oui"].menu-replie .rail{transform:translateX(-320px)}
body[data-connecte="oui"].menu-replie .zone{margin-left:0}

/* ------------------------------------------------ titres ----------- */
body[data-connecte="oui"] main h1{font-family:moriarty,Dosis,sans-serif;font-weight:400;font-size:28px;
  line-height:1.25;color:#002E72;letter-spacing:0}
body[data-connecte="oui"] main h2{font-family:moriarty,Dosis,sans-serif!important;font-weight:400!important;
  font-size:20px!important;color:#002E72!important;letter-spacing:0}
body[data-connecte="oui"] main .chapeau{font-size:14px;color:#5A6B8C;margin-top:4px}
/* L'application n'écrit rien en capitales espacées dans ses pages. */
body[data-connecte="oui"] main :is(span,p,div,dt,th,b,strong,em,i,label,small,button,a,h2,h3,h4,li){
  text-transform:none!important;letter-spacing:normal!important}
body[data-connecte="oui"] .cadre main :is(.file .file-lib,.fiche-meta dt,.cockpit-cote span){
  font-size:14px;font-weight:600;color:#5A6B8C}

/* ------------------------------------------------ boutons ---------- */
body[data-connecte="oui"] main .btn{min-height:48px;padding:0 24px;border-radius:24px;
  background:#0760D5;border:1.5px solid #0760D5;color:#fff;font-size:14px;font-weight:600;box-shadow:none}
body[data-connecte="oui"] main .btn:hover{background:#054FB0;border-color:#054FB0}
body[data-connecte="oui"] main .btn.fant{background:transparent;border-color:#B6C4DA;color:#16305C}
body[data-connecte="oui"] main .btn.fant:hover{background:transparent;border-color:#8FA3C2}
body[data-connecte="oui"] main .btn.discret{background:transparent;border-color:transparent;color:#5A6B8C;
  min-height:0;padding:8px 10px;border-radius:8px}
body[data-connecte="oui"] main .btn.discret:hover{background:#F3F6FA;color:#16305C}
body[data-connecte="oui"] main .btn[disabled]{background:#C9D2E0;border-color:#C9D2E0;color:#fff}

/* ------------------------------------------------ cartes ----------- */
body[data-connecte="oui"] main :is(.panneau,.cartouche,.cadre-table){border:0;border-radius:24px;
  box-shadow:var(--ombre);background:#fff}
body[data-connecte="oui"] main .cartouche-pied{background:#FCFCFD;border-top:1.5px solid #E1E8F2}
body[data-connecte="oui"] main .cartouche-cle{background:#EDF1F7;border-radius:24px}

/* Le cockpit devient la carte « Vue d'ensemble » de l'accueil de l'application :
   une carte blanche, le chiffre posé dans une tuile gris-bleu. */
body[data-connecte="oui"] main .cockpit{background:#fff;border-radius:32px;box-shadow:var(--ombre);padding:12px}
body[data-connecte="oui"] main .cockpit-pied{background:#EDF1F7;border-radius:24px;padding:20px}
body[data-connecte="oui"] main .cockpit-montant{color:#5A6B8C;font-size:14px}
body[data-connecte="oui"] main .cockpit-montant::before{color:#5A6B8C;font-size:14px;font-weight:600;
  letter-spacing:normal;text-transform:none}
body[data-connecte="oui"] main .cockpit-montant b{color:#002E72;font-size:32px;letter-spacing:-.01em}
body[data-connecte="oui"] main .cockpit-montant .tr.fort{color:#16305C}
body[data-connecte="oui"] main .cockpit-montant .tr.remb{color:#5A6B8C}
body[data-connecte="oui"] main .cockpit-cote{border-left:1.5px solid #D3DCEA}
body[data-connecte="oui"] main .cockpit-cote strong{color:#002E72}
body[data-connecte="oui"] main .cockpit-pied #btnCommencer{background:#0760D5;color:#fff}
body[data-connecte="oui"] main .cockpit-pied #btnCommencer:hover{background:#054FB0}

/* Les files deviennent des tuiles de l'application. */
body[data-connecte="oui"] main .files{background:#fff;border-radius:32px;padding:12px;gap:8px;box-shadow:var(--ombre)}
body[data-connecte="oui"] main .file{background:#EDF1F7;border:0;border-radius:24px;box-shadow:none;padding:20px}
body[data-connecte="oui"] main .file:hover{background:#E4EAF3}
body[data-connecte="oui"] main .file b{font-size:32px;color:#002E72}
body[data-connecte="oui"] main .file .file-montant{color:#5A6B8C;font-size:12px}
body[data-connecte="oui"] main .file[aria-pressed="true"]{background:#fff;box-shadow:inset 0 0 0 1.5px #0760D5}
body[data-connecte="oui"] main .file[aria-pressed="true"] .file-lib{color:#0760D5}

/* ------------------------------------------------ tableaux --------- */
body[data-connecte="oui"] main thead th{background:#fff;color:#16305C;font-weight:700;font-size:14px;
  height:56px;padding:0 20px;border-bottom:1.5px solid #E1E8F2;box-shadow:none}
body[data-connecte="oui"] main th.triable:hover{background:#F3F6FA}
body[data-connecte="oui"] main thead th[aria-sort="ascending"],
body[data-connecte="oui"] main thead th[aria-sort="descending"]{box-shadow:inset 0 -2px 0 #0760D5}
body[data-connecte="oui"] main tbody td{border-top:1.5px solid #E1E8F2}
body[data-connecte="oui"] main .cadre-table tbody td.principal a,
body[data-connecte="oui"] main .lien-dossier{color:#C9460A;font-weight:600}
body[data-connecte="oui"] main .cadre-table tbody td.num{color:#002E72}

/* ------------------------------------------------ onglets de fiche - */
body[data-connecte="oui"] main .onglets-fiche{border-bottom:1.5px solid #E1E8F2}
body[data-connecte="oui"] main .onglets-fiche button{font-weight:600;color:#5A6B8C}
body[data-connecte="oui"] main .onglets-fiche button[aria-selected="true"]{color:#0760D5;border-bottom-color:#0760D5}

/* ------------------------------------------------ champs ----------- */
body[data-connecte="oui"] main input:not([type=checkbox]):not([type=radio]),
body[data-connecte="oui"] main select,
body[data-connecte="oui"] main textarea{border-radius:8px;border:1.5px solid #D3DCEA}
body[data-connecte="oui"] main input:focus,
body[data-connecte="oui"] main select:focus,
body[data-connecte="oui"] main textarea:focus{border-color:#0760D5;box-shadow:none;outline:none}

/* ------------------------------------------------ écrans à part ---- */
/* Le choix du mot de passe cache le panneau et la barre : la zone reprend toute la largeur. */
body[data-connecte="oui"]:has(#v-mot-de-passe[data-actif]) .zone{margin-left:0}

/* ------------------------------------------------ tablette, téléphone */
.voile-menu{display:none}
@media (max-width:1100px){
  body[data-connecte="oui"] .rail{transform:translateX(-320px)}
  body[data-connecte="oui"] .zone{margin-left:0}
  body[data-connecte="oui"].menu-ouvert .rail{transform:none}
  body[data-connecte="oui"].menu-ouvert .voile-menu{display:block;position:fixed;inset:0;background:rgba(0,27,69,.35);z-index:45}
  body[data-connecte="oui"] .puce-cabinet{display:none}
  /* La règle du ruban (style.css, 860 px) ne s'applique plus : le panneau reste une colonne. */
  body[data-connecte="oui"] .rail{flex-direction:column;align-items:stretch;padding:0 20px;overflow:hidden}
  body[data-connecte="oui"] .rail::after{display:none}
  body[data-connecte="oui"] .rail-liste{flex-direction:column}
  body[data-connecte="oui"] .rail-liste a{padding:8px 12px;font-size:14px}
  body[data-connecte="oui"] .rail-cab{display:flex}
  body[data-connecte="oui"] .rail-marque svg{width:150px;height:auto}
}
@media (max-width:700px){
  body[data-connecte="oui"] .zone > .barre{padding:0 12px;gap:6px;height:72px}
  body[data-connecte="oui"] .rond{width:40px;height:40px}
  body[data-connecte="oui"] .rond[data-suivant]{display:none}
  body[data-connecte="oui"] .rech{flex:1;margin-left:4px}
  body[data-connecte="oui"] .rech kbd{display:none}
  body[data-connecte="oui"] .barre .cabinet .jeton{width:40px;height:40px}
  body[data-connecte="oui"] .barre .cabinet-bouton .chevron{display:none}
  body[data-connecte="oui"] main{padding:18px 16px 80px}
  body[data-connecte="oui"] main .files{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-connecte="oui"] main .file b{font-size:26px}
}

/* Le lien vers la suite, sous les deux gestes de la fiche. */
body[data-connecte="oui"] main .agir-suite{margin:14px 0 0;padding-top:14px;border-top:1.5px solid #E1E8F2}
body[data-connecte="oui"] main .agir-suite .lien-nu{color:#C9460A;font-weight:600;font-size:14px}
body[data-connecte="oui"] main .agir-suite .lien-nu{background:none;border:0;padding:0;font:inherit;font-weight:600;
  cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* PAS DE MARQUE BLANCHE (23/09/2026) : ni logo du cabinet sur les documents, ni
   page publique au nom du cabinet. Les panneaux restent dans la page, masqués. */
body[data-connecte="oui"] #panneauLogo,
body[data-connecte="oui"] #panneauPartner{display:none!important}

/* Le groupe « Plateforme complète » du menu : ce que le Radar ne fait pas et
   que fait app.themoriarty.app. Estompé comme une suite, jamais comme un cadenas. */
body[data-connecte="oui"] .rail-groupe{margin:18px 0 6px;padding:0 12px;font-family:moriarty,Dosis,sans-serif;
  font-size:12px;letter-spacing:.35px;text-transform:uppercase;color:#93A9CC;list-style:none}
body[data-connecte="oui"] .rail-liste a .p{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:0;
  text-transform:none;color:#fff;background:rgba(255,255,255,.14);border-radius:999px;padding:2px 8px}
body[data-connecte="oui"] .rail-liste a[aria-current="page"] .p{background:rgba(255,255,255,.22);color:#fff}
body[data-connecte="oui"] .rail-liste a[data-hors-portee]{opacity:.62}

/* Un élément masqué reste masqué, quelle que soit la règle d'affichage de sa
   classe (`.btn{display:inline-flex}` battait `hidden`, vu le 23/09/2026). */
body[data-connecte="oui"] [hidden]{display:none!important}

/* =====================================================================
   LE PARCOURS DE QUALIFICATION (23/09/2026)
   Une question à la fois, trois réponses, et le montant qui bouge. Rien
   d'autre à l'écran : pas de liste, pas d'échelle, pas de texte d'intro.
   ===================================================================== */
/* La carte d'entrée, en tête de l'onglet « Affiner ». */
body[data-connecte="oui"] main .carte-qualif{display:block;background:#fff;border-radius:24px;box-shadow:var(--ombre);
  padding:24px;margin:20px 0}
body[data-connecte="oui"] main .carte-qualif .qualif-resume{font-size:15px;color:#16305C;margin:6px 0 14px}
body[data-connecte="oui"] main .qualif-jauge{height:8px;border-radius:999px;background:#EDF1F7;overflow:hidden;margin-bottom:16px}
body[data-connecte="oui"] main .qualif-jauge i{display:block;height:100%;width:0;background:#0760D5;border-radius:999px;
  transition:width .5s cubic-bezier(.22,1,.36,1)}
body[data-connecte="oui"] main #ficheQuestions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
body[data-connecte="oui"] main #ficheQuestions li{display:flex;gap:10px;align-items:baseline;font-size:14px;color:#16305C}
body[data-connecte="oui"] main #ficheQuestions .puce-q{flex:0 0 auto;width:20px;height:20px;border-radius:999px;display:inline-grid;
  place-items:center;font-size:12px;font-weight:700;background:#EDF1F7;color:#5A6B8C}
body[data-connecte="oui"] main #ficheQuestions li.r-oui .puce-q{background:rgba(25,104,69,.1);color:#196845}
body[data-connecte="oui"] main #ficheQuestions li.r-non{color:#8A97AE;text-decoration:line-through}
body[data-connecte="oui"] main #ficheQuestions li.r-non .puce-q{background:#F3F6FA;color:#8A97AE}
body[data-connecte="oui"] main #ficheQuestions .secondaire{display:none}
/* L'échelle à quatre marches est retirée : la jauge et la phrase suffisent. */
body[data-connecte="oui"] main #fiabPaliers{display:none}

/* La fenêtre. */
.parcours{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(0,27,69,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.parcours[hidden]{display:none!important}
.parcours-carte{position:relative;width:100%;max-width:620px;background:#fff;border-radius:32px;padding:28px 32px 26px;
  box-shadow:0 30px 80px -20px rgba(0,27,69,.45);font-family:Dosis,sans-serif;color:#16305C;
  animation:parcoursEntre .28s cubic-bezier(.22,1,.36,1) both}
@keyframes parcoursEntre{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.parcours-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.parcours-dossier{font-size:14px;font-weight:600;color:#5A6B8C;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.parcours-fermer{width:40px;height:40px;border-radius:999px;border:1.5px solid #D3DCEA;background:#fff;color:#5A6B8C;
  font-size:22px;line-height:1;cursor:pointer;flex:0 0 auto}
.parcours-fermer:hover{background:#F3F6FA;color:#16305C}
.parcours-jauge{height:6px;border-radius:999px;background:#EDF1F7;overflow:hidden;margin-bottom:22px}
.parcours-jauge i{display:block;height:100%;width:0;background:#0760D5;border-radius:999px;transition:width .45s cubic-bezier(.22,1,.36,1)}
.parcours-compte{margin:0 0 8px;font-size:13px;font-weight:600;color:#5A6B8C}
/* Dosis et non la police de titrage : celle-ci dessine la virgule comme un
   point, et une question doit se lire sans hésiter. */
.parcours-q{margin:0;font-family:Dosis,sans-serif;font-weight:700;font-size:24px;line-height:1.3;color:#002E72;outline:none}
.parcours-enjeu{margin:12px 0 0;font-size:15px;color:#16305C}
.parcours-enjeu b{color:#C9460A;font-weight:700}
.parcours-aide{margin:8px 0 0;font-size:14px;line-height:1.5;color:#5A6B8C}
.parcours-aide:empty{display:none}
.parcours-choix{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:10px;margin-top:24px}
.parcours-rep{display:flex;align-items:center;justify-content:center;gap:10px;height:60px;border-radius:18px;
  border:1.5px solid #D3DCEA;background:#fff;color:#16305C;font:inherit;font-size:17px;font-weight:600;cursor:pointer;
  transition:transform .12s ease,border-color .15s,background .15s,box-shadow .15s}
.parcours-rep:hover{border-color:#0760D5;box-shadow:0 6px 18px -10px rgba(7,96,213,.5);transform:translateY(-1px)}
.parcours-rep:active{transform:scale(.97)}
.parcours-rep:focus-visible{outline:3px solid rgba(7,96,213,.45);outline-offset:2px}
.parcours-rep kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:7px;
  background:#EDF1F7;color:#5A6B8C;font:inherit;font-size:12px;font-weight:700}
.parcours-rep[aria-pressed="true"]{border-color:#0760D5;background:#EAF1FC}
.parcours-rep[data-rep="oui"][aria-pressed="true"]{border-color:#196845;background:rgba(25,104,69,.07)}
.parcours-rep[data-rep="non"][aria-pressed="true"]{border-color:#B42318;background:rgba(180,35,24,.05)}
.parcours-rep[disabled]{opacity:.55;cursor:wait;transform:none}
.parcours-precedent{margin-top:16px;background:none;border:0;padding:4px 0;font:inherit;font-size:14px;font-weight:600;
  color:#5A6B8C;cursor:pointer}
.parcours-precedent:hover{color:#16305C}
.parcours-precedent[hidden]{display:none}
.parcours-echo{min-height:22px;margin:14px 0 0;font-size:14px;font-weight:600;color:#196845;opacity:0;transition:opacity .2s}
.parcours-echo.visible{opacity:1}
.parcours-echo.ecarte{color:#B42318}
.parcours-echo.neutre{color:#5A6B8C}
#parcoursEtape.sort{animation:parcoursSort .18s ease both}
#parcoursEtape.entre{animation:parcoursEntreQ .26s cubic-bezier(.22,1,.36,1) both}
@keyframes parcoursSort{to{opacity:0;transform:translateX(-18px)}}
@keyframes parcoursEntreQ{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.parcours-recap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 6px}
.parcours-recap div{background:#EDF1F7;border-radius:18px;padding:14px 16px}
.parcours-recap b{display:block;font-size:28px;font-weight:700;color:#002E72;line-height:1.1}
.parcours-recap span{font-size:13px;font-weight:600;color:#5A6B8C}
.parcours-recap .ok b{color:#196845}
.parcours-suite{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.parcours-suite .btn{min-height:48px;padding:0 24px;border-radius:24px;font-size:14px;font-weight:600;display:inline-flex;
  align-items:center;justify-content:center;cursor:pointer;border:1.5px solid #0760D5;background:#0760D5;color:#fff;font-family:inherit}
.parcours-suite .btn:hover{background:#054FB0}
.parcours-suite .btn.fant{background:transparent;border-color:#B6C4DA;color:#16305C}
.parcours-suite .btn[hidden]{display:none}
@media (prefers-reduced-motion:reduce){
  .parcours-carte,#parcoursEtape.sort,#parcoursEtape.entre{animation:none}
}
@media (max-width:560px){
  .parcours{align-items:flex-end;padding:0}
  .parcours-carte{border-radius:28px 28px 0 0;padding:22px 20px 24px}
  .parcours-q{font-size:22px}
  .parcours-choix{grid-template-columns:1fr}
  .parcours-rep{height:56px}
  .parcours-rep kbd{display:none}
  .parcours-recap b{font-size:22px}
}

/* =====================================================================
   DÉCRIRE UN PROJET, EN TROIS ÉTAPES (23/09/2026)
   ===================================================================== */
#voileProjet{background:rgba(0,27,69,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  align-items:center;justify-content:center;padding:16px}
#voileProjet .boite{max-width:680px;width:100%;max-height:calc(100vh - 32px);overflow:auto;margin:0;
  border:0;border-radius:32px;padding:28px 32px 26px;background:#fff}
#voileProjet .projets-deja{background:#F3F6FA;border-radius:16px;padding:10px 14px;margin:0 0 16px}
#voileProjet .projets-deja-titre{margin:0 0 4px;font-size:13px;font-weight:600;color:#5A6B8C}
.pj-natures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
.pj-nature{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;
  border-radius:16px;border:1.5px solid #D3DCEA;background:#fff;font:inherit;color:#16305C;cursor:pointer;
  transition:border-color .15s,box-shadow .15s,transform .12s}
.pj-nature b{font-size:15px;font-weight:700;color:#002E72}
.pj-nature span{font-size:12.5px;line-height:1.35;color:#5A6B8C}
.pj-nature:hover{border-color:#0760D5;box-shadow:0 6px 18px -10px rgba(7,96,213,.5);transform:translateY(-1px)}
.pj-nature:focus-visible{outline:3px solid rgba(7,96,213,.45);outline-offset:2px}
.pj-nature.choisi{border-color:#0760D5;background:#EAF1FC}
.pj-montant{display:flex;align-items:center;gap:10px;margin-top:18px;height:64px;padding:0 18px;border-radius:18px;
  border:1.5px solid #D3DCEA;background:#fff}
.pj-montant:focus-within{border-color:#0760D5}
.pj-montant input{flex:1;min-width:0;border:0;outline:none;font:inherit;font-size:28px;font-weight:700;color:#002E72;
  background:transparent;font-variant-numeric:tabular-nums}
.pj-montant span{font-size:24px;font-weight:700;color:#5A6B8C}
.pj-effectif{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:14px;color:#5A6B8C}
.pj-effectif[hidden]{display:none}
.pj-effectif input{width:110px;height:40px;border-radius:10px;border:1.5px solid #D3DCEA;padding:0 12px;font:inherit}
.pj-phrase{width:100%;margin-top:16px;border-radius:16px;border:1.5px solid #D3DCEA;padding:12px 14px;font:inherit;
  font-size:16px;color:#16305C;resize:vertical;box-sizing:border-box}
.pj-phrase:focus{outline:none;border-color:#0760D5}
.pj-ailleurs{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:14px;font-weight:600;color:#16305C;cursor:pointer}
.pj-ailleurs input{width:18px;height:18px;accent-color:#0760D5}
.pj-lieu{margin-top:10px}
.pj-lieu[hidden]{display:none}
#voileProjet .pj-etape[hidden]{display:none}
@media (max-width:560px){
  #voileProjet{align-items:flex-end;padding:0}
  #voileProjet .boite{border-radius:28px 28px 0 0;padding:22px 20px 24px;max-height:92vh}
  .pj-natures{grid-template-columns:1fr}
  .pj-nature span{display:none}
}

/* Les documents déjà obtenus : des pastilles, plus des tuiles à trois lignes. */
body[data-connecte="oui"] main .grille-antecedents{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
body[data-connecte="oui"] main .carte-antecedent{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;
  border-radius:999px;border:1.5px solid #D3DCEA;background:#fff;color:#16305C;font:inherit;font-size:14px;font-weight:600;
  cursor:pointer;box-shadow:none;width:auto;text-align:left}
body[data-connecte="oui"] main .carte-antecedent .titre-projet{font-size:14px;font-weight:600;color:inherit}
body[data-connecte="oui"] main .carte-antecedent:hover{border-color:#0760D5}
body[data-connecte="oui"] main .carte-antecedent.choisi{border-color:#0760D5;background:#EAF1FC;color:#0760D5}
body[data-connecte="oui"] main .carte-antecedent.choisi::before{content:"\2713";margin-right:6px;font-weight:700}
body[data-connecte="oui"] main .projets-actions{margin:12px 0 4px}

/* Prendre rendez-vous, dans la barre du haut : une pilule orange, l'action
   du Radar, comme le bouton orange du bas du panneau. */
body[data-connecte="oui"] .bt-rdv{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;
  border:0;background:#CF4808;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;
  box-shadow:0 6px 16px -10px rgba(207,72,8,.8)}
body[data-connecte="oui"] .bt-rdv:hover{background:#B53F07}
body[data-connecte="oui"] .bt-rdv:focus-visible{outline:3px solid rgba(207,72,8,.4);outline-offset:2px}
body[data-connecte="oui"] main .agir-suite .agir-ou{color:#5A6B8C;font-size:14px;margin:0 2px}
@media (max-width:1250px){ body[data-connecte="oui"] .puce-cabinet{display:none} }
@media (max-width:700px){
  body[data-connecte="oui"] .bt-rdv{width:40px;height:40px;padding:0;justify-content:center}
  body[data-connecte="oui"] .bt-rdv span{display:none}
}

/* =====================================================================
   CE QUI RESSERRE LES MONTANTS : UNE LISTE, PLUS TROIS CARTES (24/09/2026)
   ===================================================================== */
body[data-connecte="oui"] main #blocFiabilite{background:#fff;border-radius:24px;box-shadow:var(--ombre);padding:22px 24px;margin:20px 0}
body[data-connecte="oui"] main #blocFiabilite h2{font-size:18px!important;margin:0 0 10px}
body[data-connecte="oui"] main .fiab-tete{gap:14px;margin-bottom:10px}
body[data-connecte="oui"] main #fiabPhrase{font-size:14px;color:#5A6B8C}
body[data-connecte="oui"] main .fiab-connu{gap:6px 16px;margin:0 0 16px;padding-bottom:14px;border-bottom:1.5px solid #E1E8F2}
body[data-connecte="oui"] main .fiab-connu span{font-size:14px;color:#16305C}
body[data-connecte="oui"] main .fiab-connu .provenance{font-size:12.5px;color:#8A97AE}
body[data-connecte="oui"] main .fiab-intro{margin:0 0 6px;font-size:14px;font-weight:600;color:#5A6B8C}
body[data-connecte="oui"] main .fiab-apports{display:flex;flex-direction:column;gap:0}
body[data-connecte="oui"] main .apport{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;
  flex-direction:initial;padding:14px 4px;border:0;border-top:1.5px solid #E1E8F2;border-radius:0;background:transparent;
  box-shadow:none;min-height:0}
body[data-connecte="oui"] main .apport:first-child{border-top:0}
body[data-connecte="oui"] main .apport-agissable{cursor:pointer}
body[data-connecte="oui"] main .apport-agissable:hover{background:#F8FAFD}
body[data-connecte="oui"] main .apport-agissable:focus-visible{outline:3px solid rgba(7,96,213,.35);outline-offset:-2px;border-radius:12px}
body[data-connecte="oui"] main .apport-texte b{display:block;font-size:15px;font-weight:700;color:#002E72}
body[data-connecte="oui"] main .apport-texte .secondaire{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:#5A6B8C}
body[data-connecte="oui"] main .apport-gain{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;
  background:#EAF1FC;color:#0760D5;font-size:12.5px;font-weight:700;white-space:nowrap}
body[data-connecte="oui"] main .apport-action{color:#C9460A;font-size:14px;font-weight:700;white-space:nowrap}
body[data-connecte="oui"] main .apport-bientot{color:#8A97AE;font-size:13px;font-weight:600;white-space:nowrap}
@media (max-width:640px){
  body[data-connecte="oui"] main .apport{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  body[data-connecte="oui"] main .apport-gain{grid-column:2;grid-row:1}
  body[data-connecte="oui"] main .apport-action,
  body[data-connecte="oui"] main .apport-bientot{grid-column:1 / -1}
}

/* =====================================================================
   L'ACCUEIL ALLÉGÉ (24/09/2026). « Il est trop chargé » : 520 px avant le
   premier dossier. Restent le potentiel et son action, un seul bandeau (la
   sécurité), les filtres en pastilles et la liste.
   ===================================================================== */
/* Retirés : la frise des branchements (elle annonçait un éditeur pas encore
   branché), l'invitation « premiers cabinets » (le drapeau de retour reste en
   bas à droite), le compteur du catalogue, la file « En cours » (le suivi des
   montages vit dans la plateforme complète). */
body[data-connecte="oui"] #v-portefeuille #jaugeProfondeur,
body[data-connecte="oui"] #v-portefeuille #bandeauAnticipe,
body[data-connecte="oui"] #v-portefeuille #cockpitCote,
body[data-connecte="oui"] #v-portefeuille .file[data-file="suivre"]{display:none!important}
body[data-connecte="oui"] #v-portefeuille .chapeau{margin-bottom:16px}
body[data-connecte="oui"] #v-portefeuille .cockpit{margin-bottom:16px}
body[data-connecte="oui"] #v-portefeuille .cockpit-pied{grid-template-columns:minmax(0,1fr) auto}
body[data-connecte="oui"] #v-portefeuille .anticipe{margin-bottom:16px}

/* Les files : une rangée de pastilles, plus quatre tuiles de 140 px. */
body[data-connecte="oui"] main #filesPf.files{display:flex;flex-wrap:wrap;gap:8px;background:transparent;box-shadow:none;
  padding:0;margin:8px 0 14px;border-radius:0}
body[data-connecte="oui"] main #filesPf .file{flex-direction:row;align-items:center;gap:8px;height:40px;padding:0 16px;
  border-radius:999px;background:#fff;border:1.5px solid #D3DCEA;box-shadow:none;min-width:0}
body[data-connecte="oui"] main #filesPf .file:hover{background:#F3F6FA}
body[data-connecte="oui"] main #filesPf .file .file-lib{font-size:14px;font-weight:600;color:#16305C}
body[data-connecte="oui"] main #filesPf .file b{font-size:14px;font-weight:700;color:#002E72;line-height:1}
body[data-connecte="oui"] main #filesPf .file .file-montant{font-size:13px;color:#5A6B8C}
body[data-connecte="oui"] main #filesPf .file .file-montant::before{content:"· "}
body[data-connecte="oui"] main #filesPf .file[aria-pressed="true"]{background:#0760D5;border-color:#0760D5;box-shadow:none}
body[data-connecte="oui"] main #filesPf .file[aria-pressed="true"] :is(.file-lib,b,.file-montant){color:#fff}
body[data-connecte="oui"] main #filesPf .file.file-vide{opacity:.5}

/* La couverture du portefeuille, sur une ligne. */
body[data-connecte="oui"] #v-portefeuille #blocProfondeur{background:#fff!important;border:0!important;border-radius:24px;
  box-shadow:var(--ombre);padding:14px 20px!important}
body[data-connecte="oui"] #v-portefeuille #blocProfondeur h2{font-family:Dosis,sans-serif!important;font-weight:700!important;
  font-size:15px!important;margin:0!important}
body[data-connecte="oui"] #v-portefeuille #txtProfondeur{display:none}
body[data-connecte="oui"] #v-portefeuille #blocProfondeur .champ span{font-size:13px}

/* =====================================================================
   « CE QUI LÈVERAIT L'INCERTITUDE » : ON RÉPOND ICI (24/09/2026)
   ===================================================================== */
body[data-connecte="oui"] main #pfQuestionsBloc{background:#fff;border:1.5px solid #E1E8F2;border-left:1.5px solid #E1E8F2;
  border-radius:20px;padding:6px 18px}
body[data-connecte="oui"] main #pfQuestionsBloc h3{font-size:13px;font-weight:700;color:#5A6B8C;margin:12px 0 2px}
body[data-connecte="oui"] main #pfQuestions{list-style:none;margin:0;padding:0}
body[data-connecte="oui"] main #pfQuestions li.pf-q{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:6px 20px;padding:14px 0;border-top:1.5px solid #E1E8F2}
body[data-connecte="oui"] main #pfQuestions li.pf-q:first-child{border-top:0}
body[data-connecte="oui"] main #pfQuestions li.pf-q::before{display:none}
body[data-connecte="oui"] main .pf-q-texte b{display:block;font-size:16px;font-weight:700;line-height:1.35;color:#002E72}
body[data-connecte="oui"] main .pf-q-texte .q-source{display:block;margin-top:3px;font-size:13px;color:#5A6B8C}
body[data-connecte="oui"] main .pf-q-aide{display:block;margin-top:4px;font-size:13px;color:#8A97AE}
body[data-connecte="oui"] main .pf-q-aide:empty{display:none}
body[data-connecte="oui"] main .pf-q-choix{display:flex;gap:6px}
body[data-connecte="oui"] main .pf-q-choix button{height:38px;padding:0 14px;border-radius:999px;border:1.5px solid #D3DCEA;
  background:#fff;color:#16305C;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;
  transition:border-color .15s,background .15s}
body[data-connecte="oui"] main .pf-q-choix button:hover{border-color:#0760D5}
body[data-connecte="oui"] main .pf-q-choix button[aria-pressed="true"]{border-color:#0760D5;background:#EAF1FC;color:#0760D5}
body[data-connecte="oui"] main .pf-q-choix button[disabled]{cursor:wait}
body[data-connecte="oui"] main .pf-q-echo{grid-column:1 / -1;font-size:13.5px;font-weight:600}
body[data-connecte="oui"] main .pf-q-echo:empty{display:none}
body[data-connecte="oui"] main .pf-q-echo.ok{color:#196845}
body[data-connecte="oui"] main .pf-q-echo.ecarte{color:#B42318}
body[data-connecte="oui"] main .pf-q-echo.neutre{color:#5A6B8C}
body[data-connecte="oui"] main li.pf-q.repondue .pf-q-texte{opacity:.6}
@media (max-width:700px){
  body[data-connecte="oui"] main #pfQuestions li.pf-q{grid-template-columns:1fr}
  body[data-connecte="oui"] main .pf-q-choix button{flex:1}
}
body[data-connecte="oui"] main #pfQuestions li.pf-q{padding-left:0;margin-bottom:0}
/* Les questions sont l'action du bloc : pleine largeur, en tête, avant les listes. */
body[data-connecte="oui"] main .pf-listes #pfQuestionsBloc{grid-column:1 / -1;order:-1;align-self:stretch}