/* Thème « futuriste » (décision d'Alain du 09/10/2026 : il REMPLACE le style FinancIA). Couche posée APRÈS crm.css et mobile.css
   dans toutes les pages : elle ne change que l'apparence (couleurs, verre, lueurs, typographie) ; aucune classe, aucun script,
   aucun calcul ne change. Tout est dans « @media screen » : l'impression des listes et rapports garde le fond blanc de crm.css
   (les PDF du serveur ne sont pas concernés). Les couleurs claires écrites en dur dans crm.css et mobile.css sont reprises une à
   une plus bas (« balayage ») ; restent clairs exprès : l'aperçu d'un courriel de mailing et les images de pages PDF. */
@media screen {
:root{
  --bg:#060a13;--panel:rgba(14,22,38,.78);--ink:#e6f1ff;--muted:#8aa0bd;--line:rgba(94,234,255,.16);
  --brand:#a78bfa;--brand2:#22d3ee;--green:#34d399;--red:#fb7185;--orange:#fbbf24;--soft:rgba(94,234,255,.06);
  --shadow:0 0 0 1px rgba(94,234,255,.06),0 18px 40px rgba(0,0,0,.45);
  --lueur:0 0 18px rgba(34,211,238,.35);
  --opaque:#0b1424;--opaque2:#0f1b30;
  color-scheme:dark;
}
body{background:
  radial-gradient(1200px 600px at 85% -10%,rgba(139,92,246,.18),transparent 60%),
  radial-gradient(900px 500px at -10% 110%,rgba(34,211,238,.12),transparent 60%),
  linear-gradient(rgba(94,234,255,.035) 1px,transparent 1px) 0 0/100% 32px,
  linear-gradient(90deg,rgba(94,234,255,.035) 1px,transparent 1px) 0 0/32px 100%,
  var(--bg);
  background-attachment:fixed;color:var(--ink);letter-spacing:.01em}
::selection{background:rgba(34,211,238,.35);color:#fff}
a{color:inherit}
.lien,.lien-btn{color:#67e8f9}

/* ---------------------------------------------------------------- barre latérale */
.sidebar{background:rgba(6,11,22,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--line)}
.brand{background:linear-gradient(90deg,#67e8f9,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.03em}
.tag,.connecte-libelle,.nav-note{color:var(--muted);opacity:1}
.nav a,.nav .nav-titre{color:#b9c9de;border:1px solid transparent;border-radius:10px;transition:background .2s,border-color .2s,color .2s}
.nav a:hover{background:rgba(34,211,238,.08);border-color:var(--line);color:#fff}
.nav a.active{background:linear-gradient(90deg,rgba(34,211,238,.18),rgba(139,92,246,.10));border-color:rgba(34,211,238,.45);color:#fff;box-shadow:var(--lueur),inset 3px 0 0 #22d3ee}
.sidebar-pied{border-top-color:var(--line)}
.menu-mobile{background:rgba(34,211,238,.10);border-color:rgba(34,211,238,.4);color:#a5f3fc}

/* ---------------------------------------------------------------- en-tête */
.title h1{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:24px;
  background:linear-gradient(90deg,#e6f1ff,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}
.title p,.topbar-date{color:var(--muted)}
.topbar-date{font-family:ui-monospace,Consolas,monospace;font-weight:600;letter-spacing:.04em}

/* ---------------------------------------------------------------- boutons, champs, onglets */
.btn,.select,.search,.field input,.field select,.field textarea,input.param,.agenda-barre select,
.audits-grille input,.audits-grille select{background:rgba(10,18,32,.78);color:var(--ink);border:1px solid var(--line);border-radius:10px}
.btn:hover{border-color:rgba(34,211,238,.6);box-shadow:var(--lueur)}
.btn.primary{background:linear-gradient(90deg,#06b6d4,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 0 22px rgba(139,92,246,.35)}
.btn.danger{color:#fda4af;border-color:rgba(251,113,133,.45);background:rgba(251,113,133,.08)}
.btn.danger:hover{background:rgba(251,113,133,.16);box-shadow:0 0 16px rgba(251,113,133,.3)}
.field input:focus,.field select:focus,.field textarea:focus,.search:focus,.select:focus,input.param:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.18)}
.field label,.field .aide{color:var(--muted)}
input.param:disabled{background:rgba(10,18,32,.35);color:var(--muted)}
input.param.param-ok{border-color:var(--green);background:rgba(52,211,153,.10)}
input.param.param-erreur{border-color:var(--red);background:rgba(251,113,133,.10)}
select option{background:var(--opaque);color:var(--ink)}
.onglet{background:rgba(10,18,32,.6);color:#b9c9de;border:1px solid var(--line);letter-spacing:.03em}
.onglet:hover{border-color:rgba(34,211,238,.55);color:#fff}
.onglet.active{background:rgba(34,211,238,.16);color:#a5f3fc;border-color:#22d3ee;box-shadow:var(--lueur)}
.onglets-famille .onglet{text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.onglets-famille .onglet.active{background:linear-gradient(90deg,rgba(6,182,212,.35),rgba(139,92,246,.35));color:#fff;border-color:rgba(167,139,250,.7)}
.sommaire-lien,.filtre-pastille{background:rgba(10,18,32,.6);border-color:var(--line);color:#a5f3fc}
.sommaire-lien:hover,.filtre-pastille:hover{background:rgba(34,211,238,.10);border-color:rgba(34,211,238,.55)}
.sommaire-lien.actif{background:rgba(34,211,238,.18);border-color:#22d3ee;color:#fff;box-shadow:var(--lueur)}

/* ---------------------------------------------------------------- cartes et indicateurs */
.card{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);position:relative}
.card::before{content:"";position:absolute;inset:0 16px auto 16px;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.7),rgba(139,92,246,.7),transparent);pointer-events:none}
.metric .label{color:var(--muted);letter-spacing:.12em}
.metric .value{font-family:ui-monospace,Consolas,monospace;font-weight:700;color:#e6fbff;text-shadow:0 0 14px rgba(34,211,238,.45)}
.metric .sub,.muted,.vide{color:var(--muted)}
.section-title h3{letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:#a5f3fc}
.pill{background:rgba(34,211,238,.12);color:#a5f3fc;border:1px solid rgba(34,211,238,.35)}
.b-green{background:rgba(52,211,153,.12);color:#6ee7b7;border:1px solid rgba(52,211,153,.4)}
.b-orange{background:rgba(251,191,36,.12);color:#fcd34d;border:1px solid rgba(251,191,36,.4)}
.b-red{background:rgba(251,113,133,.12);color:#fda4af;border:1px solid rgba(251,113,133,.4)}
.b-blue{background:rgba(34,211,238,.12);color:#a5f3fc;border:1px solid rgba(34,211,238,.4)}
.b-gris{background:rgba(148,163,184,.12);color:#cbd5e1;border:1px solid rgba(148,163,184,.35)}
.item,.contact{background:rgba(10,18,32,.7);border-color:var(--line);color:var(--ink)}
a.item:hover{border-color:rgba(34,211,238,.55)}
.item span,.contact .coord{color:var(--muted)}
.contact .role,.form-section{color:#67e8f9}
.texte-note,.journal-resume{color:#cbd5e1}

/* ---------------------------------------------------------------- bandeaux */
.warning{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.35);color:#fde68a;box-shadow:0 0 18px rgba(251,191,36,.08)}
.warning b{color:#fef3c7}
.warning.erreur,.warning.supprimee{background:rgba(251,113,133,.10);border-color:rgba(251,113,133,.45);color:#fecdd3}
.warning.erreur b,.warning.supprimee b{color:#ffe4e6}
.bulle-blocage{background:rgba(28,22,6,.96);color:#fde68a;border-color:rgba(251,191,36,.55);box-shadow:0 0 22px rgba(251,191,36,.18),0 14px 34px rgba(0,0,0,.5)}
.bulle-blocage b{color:#fef3c7}
.bulle-champ{background:rgba(34,211,238,.10);color:#cffafe;border-color:rgba(34,211,238,.45);box-shadow:0 0 14px rgba(34,211,238,.12)}
.bulle-champ{background:rgba(13,36,50,.97)}
.bulle-champ::before{background:#0d2432;border-color:rgba(34,211,238,.45)}

/* ---------------------------------------------------------------- tableaux */
.table th{color:#7dd3fc;letter-spacing:.06em;text-transform:uppercase;font-size:12px;border-bottom-color:var(--line)}
.table td{border-bottom-color:rgba(94,234,255,.07)}
.table tr:hover td,.table tr.cliquable:hover td{background:rgba(34,211,238,.06)}
.table .num{font-family:ui-monospace,Consolas,monospace}
.table tfoot th{color:var(--ink);border-top-color:var(--line)}
.table td.note{background:rgba(10,18,32,.55);color:#cbd5e1}
.table tr.sous-total td,.table tr.tarifs-edition td,.or-bloc th{background:rgba(34,211,238,.07)}
.table tr.rh-choisie td,.table tr.ligne-moi td{background:rgba(139,92,246,.14)}
.journal-comparaison td.journal-avant{background:rgba(251,113,133,.08)}
.journal-comparaison td.journal-apres{background:rgba(52,211,153,.08)}
.mailing-texte,.journal-brut{background:rgba(10,18,32,.7);color:#cbd5e1}

/* ---------------------------------------------------------------- connexion et pages publiques */
.gate{background:
  radial-gradient(900px 500px at 80% 0%,rgba(139,92,246,.30),transparent 60%),
  radial-gradient(800px 500px at 0% 100%,rgba(34,211,238,.22),transparent 60%),
  linear-gradient(rgba(94,234,255,.05) 1px,transparent 1px) 0 0/100% 32px,
  linear-gradient(90deg,rgba(94,234,255,.05) 1px,transparent 1px) 0 0/32px 100%,#050912}
.gate-panel{background:rgba(10,18,32,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(94,234,255,.25);box-shadow:0 0 40px rgba(34,211,238,.15),0 24px 80px rgba(0,0,0,.6)}
.gate-brand{background:linear-gradient(90deg,#67e8f9,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.06em}
.gate-sub{color:var(--muted)}
.gate-erreur{background:rgba(251,113,133,.12);color:#fecdd3;border:1px solid rgba(251,113,133,.4)}
.gate-info{background:rgba(52,211,153,.12);color:#a7f3d0;border:1px solid rgba(52,211,153,.4)}
.gate-lien{color:#67e8f9}
.oeil-bouton{color:var(--muted)}
.public{background:var(--bg)}

/* ---------------------------------------------------------------- fenêtres de saisie et volet d'aide */
.liste-recherche{background:var(--opaque);border-color:rgba(94,234,255,.35);box-shadow:0 0 30px rgba(34,211,238,.14),0 16px 40px rgba(0,0,0,.6)}
.liste-recherche .lr-recherche{background:var(--opaque2)}
.liste-recherche li.lr-famille{background:var(--opaque);color:#5eeaff}
.fenetre{background:var(--opaque);color:var(--ink);border:1px solid rgba(94,234,255,.25);box-shadow:0 0 40px rgba(34,211,238,.12),0 24px 80px rgba(0,0,0,.6)}
.fenetre::backdrop{background:rgba(2,6,14,.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.fenetre-pied{border-top-color:var(--line);background:var(--opaque)}
.fermer:hover{background:rgba(34,211,238,.10);color:#fff}
.aide-volet{background:var(--opaque);border-left-color:rgba(94,234,255,.25);box-shadow:-8px 0 40px rgba(0,0,0,.6)}
.aide-resultat{background:rgba(10,18,32,.7);border-color:var(--line);color:var(--ink)}

/* ---------------------------------------------------------------- agenda */
.agenda-coin,.agenda-tete{background:var(--opaque2)}
.agenda-jour.aujourdhui{background-color:rgba(34,211,238,.07)}
.agenda-rdv,.agenda-ligne{background:rgba(34,211,238,.12);color:var(--ink)}
.statut-effectue{background:rgba(52,211,153,.14)}
.statut-absent{background:rgba(251,191,36,.14)}
.statut-annule{background:rgba(148,163,184,.10);border-left-color:#64748b}
.statut-annule.etat-non-realise{border-left-color:var(--red)}
a.agenda-rdv-action{background:rgba(52,211,153,.10)}
.menu-export-liste{background:rgba(10,18,34,.98)}

/* ---------------------------------------------------------------- RH */
.rh-j{border-color:rgba(94,234,255,.08)}
.rh-j.rh-libre{background:rgba(10,18,32,.6)}.rh-j.rh-libre:hover{background:rgba(34,211,238,.14)}
.rh-j.rh-off{background:rgba(148,163,184,.10)}
.rh-barre{background:rgba(94,234,255,.10)}

/* ---------------------------------------------------------------- téléaction */
.teleaction-reponse{background:rgba(34,211,238,.08)}
.teleaction-etapes button{background:rgba(10,18,32,.6);border-color:var(--line);color:var(--muted)}
.teleaction-etapes button.active{background:rgba(139,92,246,.35);border-color:#a78bfa;color:#fff}
.teleaction-pause.alarme{background:rgba(251,191,36,.12)}
.teleaction-guide{background:rgba(2,6,14,.72)}
.teleaction-guide-page,.teleaction-popup-page{background:var(--opaque);border:1px solid rgba(94,234,255,.25)}
.teleaction-popup-tete{background:var(--opaque2)}
.teleaction-panneau{background:rgba(10,18,32,.7)}
.teleaction-panneau-tete{background:linear-gradient(90deg,rgba(6,182,212,.45),rgba(139,92,246,.35))}
.teleaction-objections-table tr.actif td{background:rgba(34,211,238,.25);color:#fff}
.teleaction-bulle{background:rgba(139,92,246,.14);box-shadow:none;border:1px solid rgba(167,139,250,.35)}
.teleaction-opposition{background:rgba(251,146,60,.10);border-color:rgba(251,146,60,.5);color:#fdba74}
.teleaction-tuile{background:rgba(10,18,32,.75);border:1px solid var(--line);color:var(--ink)}
.teleaction-tuile:hover{border-color:rgba(34,211,238,.6);box-shadow:var(--lueur)}
.teleaction-tuile.raccrocher b{color:#fb7185}
.teleaction-tuile.fin{background:linear-gradient(90deg,#e11d48,#be123c);color:#fff}
.teleaction-dit{color:#fdba74}
.teleaction-objectif,.teleaction-rouge{color:#fb7185}

/* ---------------------------------------------------------------- propositions (SAV téléphonie) */
.sav-tel-table th{background:rgba(34,211,238,.07)}
.sav-tel-titre{background:rgba(251,191,36,.14) !important;color:#fde68a}
.sav-tel-label textarea{color:#fb7185}

/* ---------------------------------------------------------------- qualification de la fiche */
.qualif-tete h3{color:#a5f3fc}
.qualif-pct{font-family:ui-monospace,Consolas,monospace;color:#e6fbff;text-shadow:0 0 14px rgba(34,211,238,.45)}
.barre-q{background:rgba(94,234,255,.10)}
.barre-q>span{background:linear-gradient(90deg,#06b6d4,#8b5cf6);box-shadow:0 0 14px rgba(34,211,238,.55)}
.barre-q>span.moyen{background:linear-gradient(90deg,#f59e0b,#22d3ee);box-shadow:0 0 10px rgba(245,158,11,.4)}
.barre-q>span.bas{background:linear-gradient(90deg,#fb7185,#f59e0b);box-shadow:0 0 10px rgba(251,113,133,.5)}
.qualif-blocs b,.mini-q b{font-family:ui-monospace,Consolas,monospace;color:#e6f1ff}
.qualif-manque{color:#fde68a}
.etape::before{background:rgba(94,234,255,.14)}
.etape.faite::before{background:linear-gradient(90deg,#06b6d4,#8b5cf6);box-shadow:0 0 8px rgba(34,211,238,.6)}
.etape .point{background:#0b1424;border-color:rgba(94,234,255,.3)}
.etape.faite .point{background:linear-gradient(135deg,#06b6d4,#8b5cf6);border-color:transparent;box-shadow:0 0 12px rgba(34,211,238,.7)}
.etape.courante .point{box-shadow:0 0 0 4px rgba(34,211,238,.18),0 0 12px rgba(34,211,238,.7)}

/* ---------------------------------------------------------------- version téléphone (mobile.css) */
.table-cartes tr{background:rgba(10,18,32,.78)}
.table-cartes tr.cliquable:active{background:rgba(34,211,238,.10)}
.table-cartes tr:has(> td.plein:only-child),.table-cartes tr:has(> th.plein:only-child){background:transparent}
}
@media screen and (max-width:760px){
  .fenetre-pied{background:var(--opaque)}
  .parcours-nav{background:rgba(6,10,19,.94)}
}
@media screen{
.lignes-taches tr.ligne-choisie td,.carte-activite tr.ligne-choisie td,.hc-table tr.ligne-choisie td{background:rgba(34,211,238,.14);color:#e6fbff}
}