/* Espace Philippe — démonstration V10 (03/10/2026) */
.adm{background:var(--noir);color:var(--blanc);min-height:100vh}
body.adm::before{display:none} /* le voile de la V7 assombrit le bas des listes */

/* ── tête + onglets ── */
.adm__tete{position:sticky;top:0;z-index:20;background:rgb(11 7 8/.94);backdrop-filter:blur(10px);
  display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;padding:14px var(--pad) 0;border-bottom:1px solid var(--filet)}
.adm__logo img{width:104px;height:auto;display:block}
.adm__titre .oeil{margin:0 0 2px;color:var(--magenta-txt)}
.adm__titre h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1}
.adm__demo{margin:0 0 0 auto;padding:7px 13px;border-radius:var(--r-rond);background:rgb(255 61 139/.14);color:var(--magenta-txt);font-size:var(--t-micro);font-weight:600}
.adm__onglets{flex:1 0 100%;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--pad));padding:0 var(--pad)}
.adm__onglets::-webkit-scrollbar{display:none}
.adm__onglets a{flex:none;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;color:var(--gris);text-decoration:none;
  font:600 1rem var(--texte);border-bottom:3px solid transparent}
.adm__onglets a:hover{color:var(--blanc)}
.adm__onglets a.est-on{color:var(--blanc);border-bottom-color:var(--magenta)}
.adm__onglets b{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--magenta);color:var(--encre);
  font:700 .78rem/22px var(--mono);text-align:center}
.adm__onglets b[hidden]{display:none}

.adm__corps{max-width:1280px;margin:0 auto;padding:clamp(18px,3vw,36px) var(--pad) 90px}
.adm__vue{display:grid;gap:clamp(16px,2.4vw,26px)}
.adm__vue[hidden]{display:none}
.adm__sous{margin:8px 0 0;font-family:var(--display);font-weight:400;font-size:1.3rem}

.adm__chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.adm__chiffres p{margin:0;padding:15px 16px;border-radius:var(--r-petit);background:var(--noir-2);border:1px solid var(--filet);display:grid;gap:2px}
.adm__chiffres b{font-family:var(--display);font-weight:400;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}
.adm__chiffres span{color:var(--gris);font-size:var(--t-petit)}
.adm__barre{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.adm__filtres,.adm__outils{display:flex;flex-wrap:wrap;gap:6px}
.adm .puce.est-on{background:var(--magenta);border-color:var(--magenta);color:var(--encre)}
.adm__aide{margin:0;max-width:70ch;color:var(--gris);font-size:var(--t-petit)}
.adm__vide{margin:0;padding:20px;border-radius:var(--r);border:1.5px dashed var(--filet);color:var(--gris);list-style:none}
.adm__vide a{color:var(--magenta-txt)}

/* ── demandes ── */
.adm__liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dem{padding:clamp(14px,2vw,22px);border-radius:var(--r);background:var(--noir-2);border:1px solid var(--filet);display:grid;gap:12px;border-left:4px solid var(--magenta)}
.dem[data-statut="rappele"]{border-left-color:var(--jaune)}
.dem[data-statut="devis"]{border-left-color:var(--bleu)}
.dem[data-statut="confirmee"]{border-left-color:var(--cyan)}
.dem[data-statut="refusee"]{border-left-color:var(--gris-sourd);opacity:.6}
.dem__tete{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.dem__qui{margin:0;display:grid;gap:2px;flex:1 1 220px}
.dem__qui b{font-family:var(--display);font-weight:400;font-size:1.2rem}
.dem__qui span{color:var(--gris);font-size:var(--t-petit)}
.dem__quand{margin:0;font-weight:600;color:var(--magenta-txt)}
.dem__statut{min-height:44px;padding:0 12px;border-radius:var(--r-petit);background:var(--noir);color:var(--blanc);border:1.5px solid var(--filet);font:600 .9rem var(--texte)}
.dem__det{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px 16px}
.dem__det div{display:grid;gap:1px}
.dem__det dt{font:600 var(--t-ref)/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gris-sourd)}
.dem__det dd{margin:0;font-weight:600}
.dem__machines{padding:12px 14px;border-radius:var(--r-petit);background:rgb(255 197 61/.08);border:1px solid rgb(255 197 61/.3)}
.dem__machines[hidden]{display:none}
.dem__machines-titre{margin:0 0 6px;font:600 var(--t-ref)/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--jaune)}
.dem__machines ul{margin:0;padding:0 0 0 18px;display:grid;gap:3px;font-weight:600}
.dem__msg{margin:0;color:#CFC4D2;white-space:pre-line}
.dem__msg:empty{display:none}
.dem__actions{margin:0;display:flex;flex-wrap:wrap;gap:8px}

/* ── agenda ── */
.adm__legende{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:var(--gris);font-size:var(--t-petit)}
.adm__legende i{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid var(--filet);margin-right:-8px;vertical-align:middle}
.adm__legende i[data-etat="indisponible"]{background:var(--blanc)}
.adm__legende i[data-etat="demande"]{background:repeating-linear-gradient(45deg,rgb(255 61 139/.55) 0 2px,transparent 2px 6px);border-color:var(--magenta)}
.adm__cal{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))}
.adm__mois h3{margin:0 0 8px;font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.05rem}
.adm__grille{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.adm__grille span{text-align:center;font:600 var(--t-ref) var(--mono);color:var(--gris-sourd);letter-spacing:.1em}
.adm__j{min-height:42px;aspect-ratio:1;border-radius:var(--r-petit);border:1px solid var(--filet);background:transparent;color:var(--blanc);font:600 .95rem var(--mono);cursor:pointer}
.adm__j:disabled{opacity:.25;cursor:default}
.adm__j[data-etat="indisponible"]{background:var(--blanc);color:var(--encre)}
.adm__j[data-etat="demande"]{background:repeating-linear-gradient(45deg,rgb(255 61 139/.45) 0 2px,transparent 2px 7px);border-color:var(--magenta)}
.adm__prochaines{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.adm__prochaine{display:grid;grid-template-columns:minmax(150px,auto) 1fr auto;gap:4px 16px;align-items:center;padding:12px 14px;
  border-radius:var(--r-petit);background:var(--noir-2);border:1px solid var(--filet)}
.adm__prochaine b{color:var(--magenta-txt)}
.adm__prochaine i{font-style:normal;color:var(--gris);font-size:var(--t-petit)}
.adm__prochaine[data-statut="confirmee"] i{color:var(--cyan)}

/* ── parc ── */
.adm__parc{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:10px}
.machine{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:10px 12px 10px 10px;
  border-radius:var(--r-petit);background:var(--noir-2);border:1px solid var(--filet)}
.machine img{width:72px;height:72px;object-fit:cover;border-radius:8px;background:#fff}
.machine__txt{display:grid;gap:2px;min-width:0}
.machine__ref{font:600 var(--t-ref)/1.3 var(--mono);letter-spacing:.12em;color:var(--gris-sourd)}
.machine__nom{font-weight:600;line-height:1.25}
.machine__prix{margin:2px 0 0;color:var(--gris);font-size:var(--t-petit)}
.machine__prix label{display:inline-flex;align-items:center;gap:6px}
.machine__prix input{width:76px;min-height:36px;padding:0 8px;border-radius:8px;border:1.5px solid var(--filet);background:var(--noir);color:var(--blanc);
  font:600 .95rem var(--mono);text-align:right}
.machine__dispo{min-height:40px;padding:0 12px;border-radius:var(--r-rond);border:1.5px solid var(--cyan);background:transparent;color:var(--cyan);
  font:600 .85rem var(--texte);cursor:pointer;white-space:nowrap}
.machine[data-etat="indisponible"]{border-color:rgb(255 61 139/.5)}
.machine[data-etat="indisponible"] img{filter:grayscale(1);opacity:.55}
.machine[data-etat="indisponible"] .machine__dispo{border-color:var(--magenta);background:var(--magenta);color:var(--encre)}

/* ── actualités ── */
.adm__actu-form{display:grid;gap:12px;max-width:640px;padding:clamp(14px,2vw,22px);border-radius:var(--r);background:var(--noir-2);border:1px solid var(--filet)}
.adm__actu-form .adm__sous{margin:0}
.adm__actu-form label{display:grid;gap:5px;font:600 var(--t-ref)/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gris-sourd)}
.adm__actu-form input,.adm__actu-form textarea{min-height:46px;padding:10px 12px;border-radius:var(--r-petit);border:1.5px solid var(--filet);background:var(--noir);
  color:var(--blanc);font:400 1rem/1.4 var(--texte);letter-spacing:0;text-transform:none}
.adm__actu-form textarea{resize:vertical}
.adm__actu-boutons{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.adm__actus{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:760px}
.actu-adm{display:grid;gap:5px;padding:14px 16px;border-radius:var(--r-petit);background:var(--noir-2);border:1px solid var(--filet);justify-items:start}
.actu-adm.est-une{border-color:var(--jaune)}
.actu-adm__date{margin:0;font:600 var(--t-ref)/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gris-sourd)}
.actu-adm.est-une .actu-adm__date{color:var(--jaune)}
.actu-adm__titre{font-family:var(--display);font-weight:400;font-size:1.15rem}
.actu-adm__texte{margin:0;color:#CFC4D2}

@media (max-width:620px){
  .adm__tete{gap:8px 14px;padding-top:10px}
  .adm__logo img{width:84px}
  .adm__demo{flex:1 0 100%;order:3;margin:0;text-align:center}
  .adm__onglets{order:4}
  .adm__onglets a{padding:0 12px}
  .adm__prochaine{grid-template-columns:1fr}
  .machine{grid-template-columns:60px 1fr}
  .machine img{width:60px;height:60px}
  .machine__dispo{grid-column:1 / -1}
}

/* ── V10 réel (03/10) : bulle, notes, réservé, prospection, Instagram, porte ── */
.adm__bulle{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:50;max-width:min(92vw,520px);margin:0;padding:12px 18px;
  border-radius:var(--r-petit);background:var(--blanc);color:var(--encre);font-weight:600;box-shadow:0 10px 30px rgb(0 0 0/.45)}
.adm__bulle.est-ko{background:var(--magenta)}
.adm__bulle[hidden]{display:none}
.dem__notes{display:grid;gap:5px;font:600 var(--t-ref)/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gris-sourd)}
.dem__notes textarea{min-height:44px;padding:9px 12px;border-radius:var(--r-petit);border:1.5px solid var(--filet);background:var(--noir);color:var(--blanc);
  font:400 .95rem/1.4 var(--texte);letter-spacing:0;text-transform:none;resize:vertical}
.dem[data-statut="contactee"]{border-left-color:var(--jaune)}
.dem[data-statut="devis_envoye"]{border-left-color:var(--bleu)}
.dem[data-statut="option"],.dem[data-statut="reservee"]{border-left-color:var(--cyan)}
.dem[data-statut="terminee"],.dem[data-statut="perdue"]{border-left-color:var(--gris-sourd);opacity:.7}
.adm__j[data-etat="reserve"]{background:var(--cyan);border-color:var(--cyan);color:var(--encre)}
.adm__legende i[data-etat="reserve"]{background:var(--cyan);border-color:var(--cyan)}
.adm__j.a-note{box-shadow:inset 0 -3px 0 var(--jaune)}
.methode{padding:clamp(14px,2vw,22px);border-radius:var(--r);background:var(--noir-2);border:1px solid var(--filet);max-width:860px}
.methode .adm__sous{margin:0 0 8px}
.methode ol{margin:0;padding-left:1.2em;display:grid;gap:8px;color:#CFC4D2}
.methode b{color:var(--blanc)}
.cibles__groupe{margin:10px 0 0;font-family:var(--display);font-weight:400;font-size:1.1rem}
.cibles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:10px}
.cible{display:grid;gap:7px;padding:14px;border-radius:var(--r-petit);background:var(--noir-2);border:1px solid var(--filet);border-left:4px solid var(--filet)}
.cible[data-statut="rappeler"]{border-left-color:var(--jaune)}
.cible[data-statut="interesse"]{border-left-color:var(--cyan)}
.cible[data-statut="client"]{border-left-color:var(--magenta)}
.cible[data-statut="non"]{opacity:.55}
.cible__tete{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.cible__qui{margin:0;display:grid;gap:2px}
.cible__qui b{font-weight:600;line-height:1.25}
.cible__qui span{color:var(--gris);font-size:var(--t-petit)}
.cible__statut{flex:none;min-height:40px;padding:0 10px;border-radius:var(--r-petit);background:var(--noir);color:var(--blanc);border:1.5px solid var(--filet);font:600 .85rem var(--texte)}
.cible__pourquoi{margin:0;color:#CFC4D2;font-size:var(--t-petit)}
.cible__quand{margin:0;color:var(--gris-sourd);font-size:var(--t-micro)}
.cible__note{min-height:40px;padding:8px 10px;border-radius:8px;border:1.5px solid var(--filet);background:var(--noir);color:var(--blanc);font:400 .9rem var(--texte)}
.cible__actions{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.adm__insta{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:10px}
.insta{display:grid;gap:5px;padding:14px;border-radius:var(--r-petit);background:var(--noir-2);border:1px solid var(--filet)}
.insta__quand{margin:0;font:600 var(--t-ref)/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--magenta-txt)}
.insta__titre{font-weight:600}
.insta__leg{margin:0;color:#CFC4D2;font-size:var(--t-petit)}
.insta__etat{margin:0;font-size:var(--t-micro);color:var(--gris-sourd)}
.insta[data-etat="programme"] .insta__etat{color:var(--cyan)}
.adm__sortie{margin:0 0 0 auto}
.adm__sortie button{min-height:36px}
/* porte (connexion) */
.adm--porte{display:grid;place-items:center;padding:24px var(--pad)}
.porte{width:min(420px,100%);display:grid;gap:10px}
.porte__logo{width:140px;height:auto}
.porte h1{margin:0;font-family:var(--display);font-weight:400;font-size:2rem}
.porte .oeil{margin:8px 0 0;color:var(--magenta-txt)}
.porte__aide{margin:0;color:var(--gris)}
.porte__erreur{margin:0;padding:10px 12px;border-radius:var(--r-petit);background:rgb(255 61 139/.16);color:var(--magenta-txt);font-weight:600}
.porte__form{display:grid;gap:12px;margin-top:6px}
.porte__form label{display:grid;gap:5px;font:600 var(--t-ref)/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gris-sourd)}
.porte__form input{min-height:48px;padding:0 14px;border-radius:var(--r-petit);border:1.5px solid var(--filet);background:var(--noir-2);color:var(--blanc);
  font:400 1rem var(--texte);letter-spacing:0;text-transform:none}
.porte__retour a{color:var(--gris)}