/* ════════════════════════════════════════════════════════════
   PROSPEKT-HIM — COQUILLE, FOCUS ET REPLIS D'ACCESSIBILITÉ
   Couche appliquée PAR-DESSUS v2.css.
   Ordre de cascade : v2.css → components.css → liquid.css →
   theme-experiment.css → tokens.css → css/<page>.css

   ⚠️ CE FICHIER NE DÉFINIT PLUS AUCUNE PRIMITIVE.
   ────────────────────────────────────────────────────────────
   Lot DS-1 (2026-08-08). Il portait une seconde définition de
   .btn-*, .tab, .input/.select/.textarea, .card, .kpi-card,
   .modal et .toast — la « matière verre » du thème Liquid Glass.
   Deux définitions par primitive, c'est deux endroits à corriger
   et un résultat qui dépend de l'ordre de chargement : tout a été
   fusionné dans le bloc PRIMITIVES de v2.css, seul foyer autorisé.
   Verrouillé par tests/design_tokens_contract_test.js (bloc 9).

   Ce qui reste ici, et pourquoi :
     • la coquille (sidebar) — sera reprise en DS-2 ;
     • l'utilitaire .glass-control, seul rescapé de la famille .glass-* ;
     • l'anneau de focus clavier ciblé et ::selection ;
     • les replis d'accessibilité (transparence/contraste/mouvement
       réduits) et le repli navigateur sans backdrop-filter.
   ════════════════════════════════════════════════════════════ */

/* ─── CLASSE UTILITAIRE ───
   [DS-4] .glass-nav et .glass-panel supprimées : aucune page ne les émettait
   (vestiges du thème Liquid Glass). Seule .glass-control survit, portée par les
   chips de filtre d'outils.php. Son ancien `box-shadow: inset 0 1px 0
   var(--m-ctl-edge)` est parti avec elles : --m-ctl-edge vaut `transparent`
   depuis le passage au bord franc, l'ombre ne dessinait plus rien. */
.glass-control {
  background: var(--m-ctl-bg);
  border: 1px solid var(--m-ctl-border);
}

/* ════ M1 — NAVIGATION & OVERLAYS ════ */

/* Sidebar : verre fort + arêtes + reflet spéculaire */
.sidebar {
  background: var(--surface);
  border-right: 1px solid var(--border);
  box-shadow: none;
}
.sidebar-link { position: relative; }
.sidebar-link:hover { background: var(--row-hover); }
.sidebar-link.active {
  background: var(--surface-hover);
  border: 1px solid var(--border);
  box-shadow: none;
}
/* Barre d'accent plate sur le lien actif */
.sidebar-link.active::before {
  content: '';
  position: absolute;
  left: -1px; top: 7px; bottom: 7px;
  width: 3px;
  border-radius: var(--radius);
  background: var(--accent);
}

/* Micro-interaction de la coquille. Les primitives (.btn, .tab) portent
   désormais leur propre transition explicite dans v2.css. */
.sidebar-link {
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}

/* ════ ACCESSIBILITÉ (équivalents du style .identity) ════ */
@media (prefers-reduced-transparency: reduce) {
  :root[data-theme="dark"], :root {
    --m-nav-bg: #161616;          /* 🆕 gris neutre (retrait teinte +2 bleu) */
    --m-ctl-bg: #1F1F1F;
    --m-ctl-bg-hover: #262626;
    --m-panel-bg: #161616;
    --m-overlay-bg: #1A1A1A;
    --grain-opacity: 0;
  }
  :root[data-theme="light"] {
    --m-nav-bg: #FFFFFF;
    --m-ctl-bg: #FFFFFF;
    --m-ctl-bg-hover: #F1F3F6;
    --m-panel-bg: #FFFFFF;
    --m-overlay-bg: #FFFFFF;
    --grain-opacity: 0;
  }
}
@media (prefers-contrast: more) {
  :root[data-theme="dark"], :root {
    --m-nav-border: rgba(255, 255, 255, 0.45);
    --m-ctl-border: rgba(255, 255, 255, 0.55);
    --m-panel-border: rgba(255, 255, 255, 0.4);
  }
}
@media (prefers-reduced-motion: reduce) {
  /* Seule la coquille est traitée ici : les primitives (.btn, .tab) sont
     couvertes par le filet global en bas de ce fichier, qui neutralise
     toutes les transitions restantes. */
  .sidebar-link { transition: none; }
}

/* [DS-4] Le repli @supports « pas de backdrop-filter » est parti avec .glass-nav
   et .glass-panel : plus aucune surface du site n'est floutée en permanence
   (DS-1 a opacifié .modal/.toast/.card, DS-2 la coquille), il ne restait donc
   rien à replier. */

/* ════ FINITIONS ACCESSIBILITÉ & COHÉRENCE (passe design) ════ */

/* Navigation clavier : anneau accent visible uniquement au clavier */
:focus { outline: none; }
/* Anneau de focus clavier UNIQUEMENT sur les vrais contrôles (boutons, liens,
   champs de saisie). Jamais sur les lignes/cartes/cellules cliquables — c'est
   ce qui produisait un "contour" gênant au clic souris / focus programmatique. */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[contenteditable="true"]:focus-visible,
.btn:focus-visible,
.tab:focus-visible,
.pv-btn:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}

/* Sélection de texte aux couleurs du thème */
::selection {
  background: color-mix(in srgb, var(--accent) 32%, transparent);
  color: var(--text);
}

/* Mouvement réduit : couvre aussi les animations restantes du site */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}