.scene-tete{--sc-ciel-haut:#F3F2F0;--sc-ciel-bas:#EFEDEA;--sc-loin:#E5E3DF;--sc-mid:#D4D1CC;--sc-sol:#141414;
  position:relative;overflow:hidden;color:var(--ink);
  background:linear-gradient(180deg,var(--sc-ciel-haut) 0%,var(--sc-ciel-bas) 100%);
  border-bottom:1px solid var(--line)}
html[data-theme="sombre"] .scene-tete{--sc-ciel-haut:#0F0F10;--sc-ciel-bas:#151517;--sc-loin:#1B1B1F;--sc-mid:#26262B;--sc-sol:#060606;
  border-bottom-color:transparent}
.scene-tete .sc-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.sc-loin{fill:var(--sc-loin)}
.sc-mid{fill:var(--sc-mid)}
.sc-sol{fill:var(--sc-sol)}
.sc-disque{fill:var(--amber,#EC5A3E)}
.sc-rayons{fill:var(--amber,#EC5A3E);opacity:.5;transform-box:view-box;transform-origin:1300px 178px}
.sc-halo{transform-box:fill-box;transform-origin:center}
.sc-astre{fill:#E9E3FF}
.sc-etoiles circle{fill:#E9E3FF}
.sc-lune,.sc-etoiles{display:none}
html[data-theme="sombre"] .sc-soleil{display:none}
html[data-theme="sombre"] .sc-lune,html[data-theme="sombre"] .sc-etoiles{display:inline}
@media (prefers-reduced-motion:no-preference){
  .sc-rayons{animation:sc-tourne 90s linear infinite}
  .sc-halo{animation:sc-respire 6s ease-in-out infinite}
  .sc-etoiles circle{animation:sc-scintille 3.2s ease-in-out infinite}
}
@keyframes sc-tourne{to{transform:rotate(360deg)}}
@keyframes sc-respire{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes sc-scintille{0%,100%{opacity:.25}50%{opacity:.95}}

.scene-dedans{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;
  padding-top:2.2rem;padding-bottom:5.2rem}
.scene-dedans h1{font-size:clamp(1.65rem,3.4vw,2.3rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:0}
.scene-dedans .scene-sous{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}
.scene-pastille{width:64px;height:64px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--amber,#EC5A3E);color:#160A06;font-weight:800;font-size:1.35rem;letter-spacing:-.02em;
  box-shadow:0 10px 30px -12px rgba(236,90,62,.65)}
.scene-dedans .etat{margin-left:auto;align-self:flex-start}
.sous-scene{position:relative;z-index:2;margin-top:-3.6rem}

.espace .carte{border-radius:24px !important;border:1px solid var(--line) !important;
  box-shadow:0 18px 40px -30px rgba(20,20,20,.35) !important}
html[data-theme="sombre"] .espace .carte{background:rgba(27,27,30,.86) !important;
  border-color:rgba(255,255,255,.07) !important;backdrop-filter:blur(10px);box-shadow:none !important}
.espace .carte h2{font-size:1.12rem;font-weight:800;letter-spacing:-.025em}
.espace .btn{border-radius:999px !important}
.espace .form-control,.espace .form-select{border-radius:14px}

.anneau{display:flex;align-items:center;gap:1.1rem}
.anneau svg{width:84px;height:84px;flex:none}
.anneau .an-fond{fill:none;stroke:var(--soft);stroke-width:9}
html[data-theme="sombre"] .anneau .an-fond{stroke:rgba(255,255,255,.08)}
.anneau .an-plein{fill:none;stroke:var(--amber,#EC5A3E);stroke-width:9;stroke-linecap:round;
  transition:stroke-dashoffset 1s cubic-bezier(.2,.7,.2,1)}
.anneau .an-nb{font:800 19px "Geist",sans-serif;fill:var(--ink)}
.anneau b{display:block;font-size:1.15rem;letter-spacing:-.02em}
.anneau small{display:block;color:var(--muted);font-size:.86rem;margin-top:.15rem}

.avatars{display:flex;align-items:center;margin:.2rem 0 .9rem}
.avatars span{width:46px;height:46px;border-radius:50%;margin-left:-10px;display:grid;place-items:center;
  font-weight:700;font-size:.85rem;background:var(--soft);color:var(--ink);border:3px solid var(--surface);position:relative}
html[data-theme="sombre"] .avatars span{border-color:#1B1B1E;background:#26262B}
.avatars span:first-child{margin-left:0}
.avatars span.chef{background:var(--amber,#EC5A3E);color:#160A06}
.avatars span i{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;
  border:2px solid var(--surface);background:#B8B1A6}
html[data-theme="sombre"] .avatars span i{border-color:#1B1B1E;background:#6B6B73}
.avatars span i.ok{background:#1E9E6E}
.avatars span.libre{background:transparent;border:2px dashed var(--line);color:var(--muted)}
html[data-theme="sombre"] .avatars span.libre{border-color:#333338;background:transparent}

@media (max-width:575.98px){
  .scene-dedans{padding-top:1.4rem;padding-bottom:4.4rem;gap:.8rem}
  .scene-pastille{width:52px;height:52px;font-size:1.1rem}
  .sous-scene{margin-top:-3rem}
  .scene-dedans .etat{display:none}
}

.scene-diag .scene-dedans{max-width:808px;padding-top:2.4rem;padding-bottom:6rem}
.scene-diag .salut{margin:0;text-align:left}
.scene-diag .salut h1{font-size:clamp(1.7rem,3.4vw,2.35rem);font-weight:800;letter-spacing:-.035em;margin:0;color:var(--ink)}
.scene-diag .salut p{color:var(--muted);margin:.35rem 0 0;font-size:.95rem}
body[data-page="recherche"] .colonne-diag > .container{padding-top:0 !important}
body[data-page="recherche"] #accueilCentre{min-height:0 !important;justify-content:flex-start !important}
body[data-page="recherche"] #accueilCentre .carte-accueil{margin-top:-4.4rem;position:relative;z-index:2;
  border-radius:24px;border:1px solid var(--line);box-shadow:0 22px 50px -30px rgba(20,20,20,.45)}
html[data-theme="sombre"] body[data-page="recherche"] #accueilCentre .carte-accueil{background:rgba(27,27,30,.9);
  border-color:rgba(255,255,255,.07);backdrop-filter:blur(10px);box-shadow:0 22px 50px -30px rgba(0,0,0,.6)}
body[data-page="recherche"] #btnChercher{border-radius:999px}
.colonne-diag:has(#accueilCentre.a-demarre) .scene-diag,
body:has(#composeurBas.actif) .scene-diag{display:none}
body[data-page="recherche"] #accueilCentre.a-demarre .carte-accueil{margin-top:1.2rem}
#accueilCentre.a-demarre .raccourcis{display:none}

.raccourcis{max-width:760px;width:100%;margin:1.4rem auto 0}
.rc-lab{font-size:.8rem;font-weight:600;color:var(--muted);margin:0 0 .55rem .2rem}
.rc-puces{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}
.rc-puce{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:999px;
  border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:.9rem}
.rc-puce i{color:var(--amber-2,#EC5A3E);font-size:.85rem}
.rc-puce:hover{border-color:var(--amber,#EC5A3E)}
.rc-puce.on{background:var(--ink);color:var(--toile);border-color:var(--ink)}
.rc-puce.on i{color:var(--amber,#FF7A55)}
html[data-theme="sombre"] .rc-puce{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
html[data-theme="sombre"] .rc-puce.on{background:var(--ink);color:#0F0F10}
.rc-reprendre{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;padding:.9rem 1rem;
  border-radius:20px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.rc-reprendre:hover{border-color:var(--amber,#EC5A3E)}
html[data-theme="sombre"] .rc-reprendre{background:rgba(27,27,30,.86);border-color:rgba(255,255,255,.07)}
.rc-ico{width:40px;height:40px;border-radius:13px;flex:none;display:grid;place-items:center;
  background:var(--amber-soft,rgba(255,122,85,.16));color:var(--amber-2,#EC5A3E)}
.rc-mots{flex:1;min-width:0}
.rc-mots b{display:block;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-mots small{display:block;color:var(--muted);font-size:.84rem}
.rc-nb{font-size:.78rem;font-weight:600;padding:.3rem .65rem;border-radius:999px;background:var(--soft);color:var(--muted);white-space:nowrap}
.rc-fleche{color:var(--amber-2,#EC5A3E)}

.rap-bloc{max-width:760px;margin:1.6rem auto 0 !important}
.rap-bloc > summary{display:flex !important;align-items:baseline;gap:.7rem;flex-wrap:wrap;padding:.2rem .2rem .7rem;
  font-size:inherit !important;color:var(--ink) !important;border:0 !important;background:none !important}
.rap-bloc > summary::before{content:"\f054";font:900 .75rem "Font Awesome 6 Free";color:var(--muted);
  transition:transform .2s ease;align-self:center}
.rap-bloc[open] > summary::before{transform:rotate(90deg)}
.rap-titre{font-size:1.2rem;font-weight:800;letter-spacing:-.025em}
.rap-resume{font-size:.86rem;color:var(--muted)}
.rap-filtre{display:inline-flex;gap:.35rem;padding:.3rem;border-radius:999px;background:var(--surface);
  border:1px solid var(--line);margin-bottom:.8rem}
html[data-theme="sombre"] .rap-filtre{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.rap-filtre button{border:0;background:none;padding:.42rem .95rem;border-radius:999px;font-weight:600;font-size:.86rem;color:var(--muted)}
.rap-filtre button.on{background:var(--ink);color:var(--toile)}
html[data-theme="sombre"] .rap-filtre button.on{color:#0F0F10}
.rap-liste{border-radius:22px;border:1px solid var(--line);background:var(--surface);padding:.35rem 1rem}
html[data-theme="sombre"] .rap-liste{background:rgba(27,27,30,.86);border-color:rgba(255,255,255,.07)}
.rap-item{display:flex;align-items:center;gap:.85rem;padding:.8rem 0;border-top:1px solid var(--line)}
html[data-theme="sombre"] .rap-item{border-top-color:rgba(255,255,255,.07)}
.rap-item:first-child{border-top:0}
.rap-ico{width:40px;height:40px;border-radius:13px;flex:none;display:grid;place-items:center;background:var(--soft);color:var(--ink)}
html[data-theme="sombre"] .rap-ico{background:rgba(255,255,255,.06)}
.rap-item.brouillon .rap-ico{background:var(--amber,#EC5A3E);color:#160A06}
.rap-mots{flex:1;min-width:0;text-align:left;border:0;background:none;padding:0;color:inherit}
.rap-mots b{display:block;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rap-mots small{display:block;color:var(--muted);font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rap-mots:hover b{color:var(--amber-texte,#C2412A)}
.rap-etat{font-size:.76rem;font-weight:600;padding:.28rem .65rem;border-radius:999px;white-space:nowrap}
.rap-etat.valide{background:#E3F2EA;color:#1E7F5C}
html[data-theme="sombre"] .rap-etat.valide{background:rgba(95,217,168,.12);color:#5FD9A8}
.rap-etat.brouillon{background:var(--amber-soft,rgba(255,122,85,.16));color:var(--amber-texte,#C2412A)}
.rap-bt{width:38px;height:38px;border-radius:12px;flex:none;border:1px solid var(--line);background:none;color:var(--muted);display:grid;place-items:center}
html[data-theme="sombre"] .rap-bt{border-color:rgba(255,255,255,.08)}
.rap-bt:hover{color:var(--ink);border-color:var(--amber,#EC5A3E)}
.rap-vide{margin:0;padding:1.1rem .2rem;color:var(--muted);text-align:center}

@media (max-width:575.98px){
  .scene-diag .scene-dedans{padding-top:1.5rem;padding-bottom:5rem}
  body[data-page="recherche"] #accueilCentre .carte-accueil{margin-top:-3.6rem}
  .rap-etat{display:none}
  .rap-item.brouillon .rap-mots small::before{content:"À finir · ";color:var(--amber-texte,#C2412A);font-weight:600}
}
html[data-theme="sombre"] .avatars span.chef{background:var(--amber,#FF7A55);color:#160A06}
.rap-bloc{scroll-margin-top:84px}
body[data-page="recherche"] #cloture,
body[data-page="recherche"] #reseau,
body[data-page="recherche"] #dossier,
body[data-page="recherche"] #aErr{max-width:760px;margin-left:auto;margin-right:auto}
body[data-page="recherche"] #cloture{border-radius:20px}


@media (min-width:821px){
  body[data-page="recherche"]:has(#composeurBas.actif) #accueilCentre{display:none !important}
  body[data-page="recherche"]:has(#composeurBas.actif) #rapports:not(.montre){display:none !important}
  body[data-page="recherche"]:has(#composeurBas.actif) .entete-fil{display:flex}
  .entete-fil{align-items:center;gap:.8rem;max-width:760px;margin:1.6rem auto .4rem;padding:.75rem .9rem;
    border-radius:20px;border:1px solid var(--line);background:var(--surface,#fff)}
  html[data-theme="sombre"] .entete-fil{background:rgba(27,27,30,.86);border-color:rgba(255,255,255,.07)}
  #efMenu{display:none}
  .ef-rond{width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;
    border:1px solid var(--line);background:none;color:var(--muted)}
  .ef-rond:hover{border-color:var(--amber,#EC5A3E);color:var(--ink)}
  .ef-mots{flex:1;min-width:0}
  .ef-mots b{display:block;font-size:1.02rem;font-weight:800;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
  .ef-mots span{display:block;font-family:var(--mono);font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #fil{gap:1.1rem !important;padding-bottom:1.5rem;max-width:760px;margin-left:auto;margin-right:auto;width:100%}
  .ech-tete{align-items:flex-end !important;margin-bottom:.9rem}
  .ech-bulle{background:var(--bulle-moi,#E3E1DD) !important;color:var(--ink) !important;
    border-radius:1.1rem 1.1rem .25rem 1.1rem !important;max-width:86% !important;
    font-size:1rem !important;padding:.75rem 1rem !important;border:0 !important}
  html[data-theme="sombre"] .ech-bulle{--bulle-moi:#1E1E20}
  .ech-meta{display:none}

  .answer{background:none !important;border:0 !important;box-shadow:none !important;
    padding:0 !important}
  .answer::before{content:"Diagnostic";display:flex;align-items:center;gap:.5rem;
    font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:.5rem;
    padding-left:1.9rem;min-height:1.5rem}
  
  .answer{position:relative}
  .answer::after{content:"";position:absolute;left:0;top:.05rem;width:1.4rem;
    height:1.4rem;border-radius:50%;background:var(--amber)}
  
  .answer > .lab{display:none}
  .rep-diag{font-size:1rem;line-height:1.55;margin-bottom:.9rem}

  .rep-etapes{background:var(--surface,#fff);border:1px solid var(--line);
    border-radius:1rem;padding:.4rem 1rem .5rem !important;margin:0 0 .6rem !important}
  .rep-etapes::before{content:"Procédure de contrôle";display:block;
    font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;
    text-transform:uppercase;color:var(--muted);padding:.55rem 0 .35rem}
  .rep-etapes li{padding:.65rem 0 .65rem 2.4rem !important;border-top:1px solid var(--line)}
  .rep-etapes li::before{top:.65rem !important}
  .rep-etapes li:first-child{border-top:0}
  
  .rep-action{display:block !important;font-size:.95rem;line-height:1.5}
  .rep-page{display:block !important;float:none !important;margin:.3rem 0 0 !important;
    font-family:var(--mono);font-size:.72rem;color:var(--muted)}
  .rep-attendu{display:inline-flex;margin-top:.4rem;padding:.25rem .6rem;
    border-radius:.5rem;background:var(--amber-soft);font-weight:600}
  .echange .answer{max-width:100% !important;align-self:stretch}
  .ech-bulle{max-width:80% !important}
  #composeurBas.actif{max-width:760px;margin:0 auto;padding:.6rem 0 1.2rem;background:linear-gradient(180deg,transparent,var(--toile) 40%)}
  #composeurBas .carte{display:flex;align-items:center;gap:.4rem;
    border-radius:999px !important;padding:.35rem .4rem .35rem 1rem !important;
    box-shadow:none !important}
  #composeurBas textarea{flex:1;min-width:0;font-size:1rem;background:transparent !important;border:0 !important;box-shadow:none !important;resize:none;padding:.5rem 0 !important}
  .btn-micro-bas{display:grid;width:38px;height:38px;border:0;background:none;
    color:var(--muted);place-items:center;flex:none;border-radius:50%}
  .btn-micro-bas[hidden]{display:none}
  .btn-micro-bas.ecoute{color:var(--amber-texte,var(--amber))}
  #btnEnvoyerBas{width:42px;height:42px;border-radius:50%;flex:none}
  .btn-micro-bas{display:grid;width:38px;height:38px;border:0;background:none;color:var(--muted);place-items:center;flex:none;border-radius:50%}
  .btn-micro-bas[hidden]{display:none}
}
body[data-page="recherche"]:has(#composeurBas.actif) #cloture{display:none !important}

.niv-fond{position:fixed;inset:0;z-index:2000;background:rgba(10,10,10,.5);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;padding:1rem}
.niv-boite{position:relative;width:100%;max-width:460px;background:var(--surface,#fff);color:var(--ink);
  border-radius:26px;padding:1.6rem 1.3rem 1.3rem;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
html[data-theme="sombre"] .niv-boite{background:#1B1B1E;border:1px solid rgba(255,255,255,.08)}
.niv-boite h2{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;margin:0 2.2rem .4rem 0}
.niv-boite p{color:var(--muted);font-size:.92rem;margin:0 0 1rem}
.niv-fermer{position:absolute;top:.9rem;right:.9rem;width:36px;height:36px;border-radius:50%;border:0;
  background:var(--soft);color:var(--muted);display:grid;place-items:center}
html[data-theme="sombre"] .niv-fermer{background:rgba(255,255,255,.06)}
.niv-liste{display:flex;flex-direction:column;gap:.55rem}
.niv-choix{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;padding:.85rem .9rem;
  border-radius:18px;border:1.5px solid var(--line);background:none;color:var(--ink);transition:border-color .15s,background .15s}
html[data-theme="sombre"] .niv-choix{border-color:rgba(255,255,255,.1)}
.niv-choix:hover{border-color:var(--amber,#EC5A3E)}
.niv-choix.on{border-color:var(--amber,#EC5A3E);background:var(--amber-soft,rgba(255,122,85,.12))}
.niv-ico{width:40px;height:40px;border-radius:13px;flex:none;display:grid;place-items:center;
  background:var(--amber-soft,rgba(255,122,85,.16));color:var(--amber-2,#EC5A3E)}
.niv-choix.on .niv-ico{background:var(--amber,#EC5A3E);color:#160A06}
.niv-mots{flex:1;min-width:0}
.niv-mots b{display:block;font-size:1rem;font-weight:800;letter-spacing:-.015em}
.niv-mots small{display:block;color:var(--muted);font-size:.84rem;line-height:1.35;margin-top:.1rem}
.niv-coche{color:var(--amber,#EC5A3E);opacity:0;font-size:1.1rem}
.niv-choix.on .niv-coche{opacity:1}

body[data-page="recherche"] .ech-attente{align-self:flex-start;display:flex;align-items:center;gap:.8rem;
  padding:.35rem 0 .2rem;color:var(--muted);font-size:.9rem}
.pt-bulle{display:inline-flex;align-items:center;gap:5px;padding:.75rem .95rem;border-radius:6px 18px 18px 18px;
  background:var(--surface,#fff);border:1px solid var(--line)}
html[data-theme="sombre"] .pt-bulle{background:rgba(27,27,30,.9);border-color:rgba(255,255,255,.08)}
.pt-bulle i{width:7px;height:7px;border-radius:50%;background:var(--amber,#EC5A3E);opacity:.35}
.pt-texte{transition:opacity .22s ease,transform .22s ease}
.pt-texte.change{opacity:0;transform:translateY(3px)}
@media (prefers-reduced-motion:no-preference){
  .pt-bulle i{animation:pt-saute 1.25s ease-in-out infinite}
  .pt-bulle i:nth-child(2){animation-delay:.16s}
  .pt-bulle i:nth-child(3){animation-delay:.32s}
  .echange .ech-bulle{animation:ech-arrive .32s cubic-bezier(.2,.7,.2,1) both}
  .ech-attente{animation:ech-fondu .3s ease .12s both}
  .rep-entree > *{animation:rep-monte .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 90ms)}
}
@keyframes pt-saute{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}
@keyframes ech-arrive{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ech-fondu{from{opacity:0}to{opacity:1}}
@keyframes rep-monte{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
body[data-page="recherche"] .echange{scroll-margin-top:84px}
.ech-ancienne{align-self:flex-start;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;
  padding:.7rem .9rem;border-radius:14px;border:1px dashed var(--line);color:var(--muted);font-size:.88rem}
.ech-ancienne button{border:1px solid var(--line);background:var(--surface,#fff);color:var(--ink);
  border-radius:999px;padding:.3rem .8rem;font-size:.84rem;font-weight:600}
html[data-theme="sombre"] .ech-ancienne button{background:rgba(255,255,255,.05)}
.ech-ancienne button:hover{border-color:var(--amber,#EC5A3E)}
.anneau .an-nb{font-size:15px}
.an-mots{flex:1;min-width:0}
.an-jour{display:block;height:6px;border-radius:9px;background:var(--soft);margin-top:.55rem;overflow:hidden;max-width:260px}
html[data-theme="sombre"] .an-jour{background:rgba(255,255,255,.08)}
.an-jour i{display:block;height:100%;border-radius:9px;background:var(--amber,#EC5A3E)}
