/* Thème « Futuriste clair » (Alain, 09/10/2026) : le langage du futuriste noir (verre, liserés et dégradés cyan / violet, chiffres
   en police technique) sur fond clair. Au choix de chaque utilisateur (bouton « ◐ » du menu, web/js/theme.js) ; le futuriste noir
   reste le style par défaut. Couche posée après crm.css et mobile.css, à la place de theme-futuriste.css : elle ne change que
   l'apparence. crm.css étant déjà clair, aucune couleur écrite en dur n'est à reprendre. Écran seulement : l'impression ne change pas. */
@media screen {
:root{
  /* adouci le 10/10/2026 (Alain : « trop clair, agresse les yeux ») : fond gris-bleu clair, cartes gris perle, texte anthracite */
  --bg:#e1e7ef;--panel:rgba(237,240,245,.95);--ink:#1e293b;--muted:#5b6678;--line:rgba(30,64,100,.20);
  --brand:#6d28d9;--brand2:#0891b2;--green:#047857;--red:#be123c;--orange:#b45309;
  --shadow:0 0 0 1px rgba(14,116,144,.06),0 14px 34px rgba(30,64,120,.10);
  --lueur:0 0 16px rgba(8,145,178,.25);
  color-scheme:light;
}
body{background:
  radial-gradient(1100px 560px at 90% -10%,rgba(139,92,246,.10),transparent 60%),
  radial-gradient(900px 500px at -10% 110%,rgba(34,211,238,.11),transparent 60%),
  linear-gradient(rgba(14,116,144,.05) 1px,transparent 1px) 0 0/100% 32px,
  linear-gradient(90deg,rgba(14,116,144,.05) 1px,transparent 1px) 0 0/32px 100%,
  var(--bg);
  background-attachment:fixed;color:var(--ink)}
::selection{background:rgba(8,145,178,.25)}
.lien,.lien-btn{color:#0e7490}

/* ---------------------------------------------------------------- barre latérale */
.sidebar{background:rgba(226,231,238,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--line);color:var(--ink)}
.brand{background:linear-gradient(90deg,#0891b2,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.03em}
.tag,.connecte-libelle,.nav-note{color:var(--muted);opacity:1}
.connecte-nom{color:var(--ink)}
.nav a,.nav .nav-titre{color:#334155;border:1px solid transparent;border-radius:10px;transition:background .2s,border-color .2s,color .2s}
.nav a:hover{background:rgba(8,145,178,.08);border-color:var(--line);color:#1e293b}
.nav a.active{background:linear-gradient(90deg,rgba(34,211,238,.16),rgba(139,92,246,.10));border-color:rgba(8,145,178,.45);color:#1e293b;box-shadow:var(--lueur),inset 3px 0 0 #0891b2}
.sidebar-pied{border-top-color:var(--line)}
.menu-mobile{background:rgba(8,145,178,.10);border-color:rgba(8,145,178,.4);color:#0e7490}

/* ---------------------------------------------------------------- en-tête */
.title h1{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:24px;
  background:linear-gradient(90deg,#1e293b,#0e7490);-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(244,246,249,.92);color:var(--ink);border:1px solid var(--line);border-radius:10px}
.btn:hover{border-color:rgba(8,145,178,.6);box-shadow:var(--lueur)}
.btn.primary{background:linear-gradient(90deg,#0891b2,#7c3aed);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(124,58,237,.25)}
.field input:focus,.field select:focus,.field textarea:focus,.search:focus,.select:focus,input.param:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px rgba(8,145,178,.18)}
.onglet{background:rgba(238,241,245,.92);color:#334155;border:1px solid var(--line);letter-spacing:.03em}
.onglet:hover{border-color:rgba(8,145,178,.55);color:#1e293b}
.onglet.active{background:rgba(8,145,178,.12);color:#0e7490;border-color:#0891b2;box-shadow:var(--lueur)}
.onglets-famille .onglet{text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.onglets-famille .onglet.active{background:linear-gradient(90deg,#0891b2,#7c3aed);color:#fff;border-color:transparent}
.sommaire-lien,.filtre-pastille{background:rgba(238,241,245,.92);border-color:var(--line);color:#0e7490}
.sommaire-lien:hover,.filtre-pastille:hover{background:rgba(8,145,178,.08);border-color:rgba(8,145,178,.55)}
.sommaire-lien.actif{background:rgba(8,145,178,.14);border-color:#0891b2;color:#1e293b;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:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#22d3ee,#8b5cf6,transparent);pointer-events:none}
.metric .label{color:var(--muted);letter-spacing:.12em}
.metric .value{font-family:ui-monospace,Consolas,monospace;font-weight:700;background:linear-gradient(90deg,#1e293b,#0e7490);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-title h3{letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:#0e7490}
.pill{background:rgba(8,145,178,.10);color:#0e7490;border:1px solid rgba(8,145,178,.35)}
.b-green{background:rgba(4,120,87,.10);color:#047857;border:1px solid rgba(4,120,87,.35)}
.b-orange{background:rgba(180,83,9,.10);color:#b45309;border:1px solid rgba(180,83,9,.35)}
.b-red{background:rgba(190,18,60,.08);color:#be123c;border:1px solid rgba(190,18,60,.35)}
.b-blue{background:rgba(8,145,178,.10);color:#0e7490;border:1px solid rgba(8,145,178,.35)}
.b-gris{background:rgba(100,116,139,.10);color:#475569;border:1px solid rgba(100,116,139,.30)}
.card .card{background:rgba(242,244,247,.96)}
.item,.contact{background:rgba(242,244,247,.96);border-color:var(--line)}
a.item:hover{border-color:rgba(8,145,178,.55)}

/* ---------------------------------------------------------------- bandeaux et tableaux */
.warning{background:rgba(251,191,36,.14);border:1px solid rgba(217,119,6,.35);color:#78350f}
.warning b{color:#451a03}
.table th{color:#0e7490;letter-spacing:.06em;text-transform:uppercase;font-size:12px;border-bottom-color:var(--line)}
.table td{border-bottom-color:rgba(14,116,144,.08)}
.table tr:hover td,.table tr.cliquable:hover td{background:rgba(8,145,178,.06)}
.table .num{font-family:ui-monospace,Consolas,monospace}

/* ---------------------------------------------------------------- connexion et pages publiques */
.gate{background:
  radial-gradient(900px 500px at 80% 0%,rgba(139,92,246,.20),transparent 60%),
  radial-gradient(800px 500px at 0% 100%,rgba(34,211,238,.22),transparent 60%),
  linear-gradient(rgba(14,116,144,.06) 1px,transparent 1px) 0 0/100% 32px,
  linear-gradient(90deg,rgba(14,116,144,.06) 1px,transparent 1px) 0 0/32px 100%,#eef3fb}
.gate-panel{background:rgba(240,243,247,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(8,145,178,.25);box-shadow:0 0 40px rgba(8,145,178,.12),0 24px 60px rgba(30,64,120,.18)}
.gate-brand{background:linear-gradient(90deg,#0891b2,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.06em}
.gate-lien{color:#0e7490}

/* ---------------------------------------------------------------- fenêtres de saisie et volet d'aide */
.liste-recherche{background:#f1f4f8;border-color:rgba(8,145,178,.35)}
.liste-recherche .lr-recherche{background:#fff}
.liste-recherche li.lr-famille{background:#f1f4f8;color:#0e7490}
.fenetre{border:1px solid rgba(8,145,178,.25);box-shadow:0 0 40px rgba(8,145,178,.12),0 24px 60px rgba(30,64,120,.22)}
.fenetre::backdrop{background:rgba(15,23,42,.35);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.aide-volet{border-left-color:rgba(8,145,178,.25)}

/* ---------------------------------------------------------------- qualification de la fiche */
.qualif-tete h3{color:#0e7490}
.qualif-pct{font-family:ui-monospace,Consolas,monospace;background:linear-gradient(90deg,#1e293b,#0e7490);-webkit-background-clip:text;background-clip:text;color:transparent}
.qualif-pct small{-webkit-text-fill-color:var(--muted)}
.barre-q{background:rgba(14,116,144,.12)}
.barre-q>span{background:linear-gradient(90deg,#06b6d4,#8b5cf6)}
.barre-q>span.moyen{background:linear-gradient(90deg,#f59e0b,#06b6d4)}
.barre-q>span.bas{background:linear-gradient(90deg,#e11d48,#f59e0b)}
.qualif-blocs b,.mini-q b{font-family:ui-monospace,Consolas,monospace}
.qualif-manque{color:#92400e}
.etape.faite::before{background:linear-gradient(90deg,#06b6d4,#8b5cf6)}
.etape.faite .point{background:linear-gradient(135deg,#06b6d4,#8b5cf6);border-color:transparent;box-shadow:0 0 10px rgba(8,145,178,.45)}
.etape.courante .point{box-shadow:0 0 0 4px rgba(8,145,178,.18),0 0 10px rgba(8,145,178,.45)}
}
@media screen{
.lignes-taches tr.ligne-choisie td,.carte-activite tr.ligne-choisie td,.hc-table tr.ligne-choisie td{background:rgba(8,145,178,.13);color:#0b3b52}
}