/* Thème « Liquid Glass » (instance design, 30/10/2026) — actif quand html[data-theme="liquid-glass"] (Paramètres UI → Thème de couleur).
   Verre épais monochrome : formes grises dépolies derrière les cartes, éclat sur les bords, ombres à plusieurs niveaux.
   Écran seulement : l'impression et les PDF gardent leur rendu d'origine.
   Le flou des cartes est porté par leur ::after en z-index -1 : un backdrop-filter posé sur la carte
   enfermerait dans celle-ci les position:fixed qu'elle contient (modales, plein écran).
   Le fond est donc sur html (une couleur de body passerait au-dessus de ce ::after). */
@media screen {


html[data-theme="liquid-glass"] {
  --bg: #a3a7ba;
  --surface: rgba(255,255,255,.4);
  --surface-alt: rgba(255,255,255,.22);
  --border: rgba(255,255,255,.45);
  --border-dark: rgba(40,44,64,.24);
  --text: #151927;
  --text-secondary: #2f3445;
  --text-muted: #373c4c;
  --sec-red: #2f3445;
  --sidebar-bg: transparent;
  --primary-bg: rgba(216,17,36,.13);
  --primary-border: rgba(216,17,36,.4);
  --success-bg: rgba(15,157,106,.2);
  --warning-bg: rgba(185,119,10,.22);
  --danger-bg: rgba(214,69,69,.18);
  --info-bg: rgba(47,107,214,.17);
  --success: #065a3f;
  --warning: #684000;
  --danger: #9c1818;
  --info: #17418d;
  --chart-grid: rgba(40,44,64,.13);
  --chart-axis: #3f4556;

  --lg-fill: linear-gradient(135deg, rgba(255,255,255,.52) 0%, rgba(255,255,255,.38) 46%, rgba(255,255,255,.44) 100%);
  --lg-rim:
    inset 0 0 0 1px rgba(255,255,255,.42),
    inset 1.5px 1.5px 1px rgba(255,255,255,.78),
    inset -1.5px -1.5px 1px rgba(255,255,255,.6),
    inset 0 0 16px rgba(255,255,255,.26),
    inset -10px -12px 20px -12px rgba(255,255,255,.5),
    inset 10px 12px 22px -16px rgba(52,56,82,.2);
  --lg-rim-sm:
    inset 0 0 0 1px rgba(255,255,255,.4),
    inset 1px 1px 1px rgba(255,255,255,.8),
    inset -1px -1px 1px rgba(255,255,255,.55),
    inset 0 0 8px rgba(255,255,255,.22);
  --lg-drop:
    1px 2px 3px rgba(38,42,64,.24),
    6px 8px 14px -4px rgba(38,42,64,.3),
    18px 24px 42px -14px rgba(38,42,64,.46),
    -3px -3px 10px rgba(255,255,255,.2);
  --lg-drop-sm:
    1px 1px 2px rgba(38,42,64,.26),
    3px 5px 10px -3px rgba(38,42,64,.4);
  --lg-drop-up:
    1px 2px 3px rgba(38,42,64,.24),
    5px 9px 18px -4px rgba(38,42,64,.46);
  --lg-well:
    inset 2px 3px 7px rgba(38,42,64,.26),
    inset -1.5px -1.5px 1px rgba(255,255,255,.78),
    inset 0 0 0 1px rgba(255,255,255,.3);
  --lg-strong: rgba(214,217,229,.72);
  --lg-blur: blur(24px) saturate(115%);

  --shadow: var(--lg-rim), var(--lg-drop);
  --shadow-md: var(--lg-rim), var(--lg-drop);
  --shadow-lg: var(--lg-rim), 2px 3px 6px rgba(30,34,52,.25), 22px 32px 70px -18px rgba(30,34,52,.68);

  --glass-bg: rgba(255,255,255,.26);
  --glass-bg-strong: rgba(214,217,229,.66);
  --glass-blur: var(--lg-blur);
  --glass-border: rgba(255,255,255,.6);
  --glass-hi: transparent;
  --glass-shadow: 16px 0 44px -14px rgba(30,34,52,.6);
}

/* ── Fond : image en pixels, décalée dans les frames d'onglets pour rester alignée sur la coque ── */
html[data-theme="liquid-glass"] { background: url("../assets/liquid-glass-fond.svg") 0 0 / 2560px 1440px no-repeat fixed, #7b8096; }
html[data-theme="liquid-glass"]:has(> body > .tab-shell-content) { background-position: calc(-1 * var(--sidebar-width)) calc(-1 * var(--header-height)), 0 0; }
html[data-theme="liquid-glass"] body { background: transparent; }
html[data-theme="liquid-glass"] .app-content,
html[data-theme="liquid-glass"] .app-content.tab-frames,
html[data-theme="liquid-glass"] .tab-frame { background: transparent !important; }

/* ── En-tête : rouge du thème de base, pièces en verre ── */
html[data-theme="liquid-glass"] .app-header { box-shadow: inset 0 -1px 0 rgba(255,255,255,.34), 0 2px 4px rgba(90,6,14,.3), 0 12px 26px -8px rgba(90,6,14,.5); }
html[data-theme="liquid-glass"] .header-btn,
html[data-theme="liquid-glass"] .header-taches-badge {
  background: rgba(255,255,255,.15);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.34), inset 1px 1px 1px rgba(255,255,255,.7), inset -1px -1px 1px rgba(255,255,255,.3), 2px 3px 7px -2px rgba(90,6,14,.7);
}
html[data-theme="liquid-glass"] .header-btn:hover,
html[data-theme="liquid-glass"] .header-taches-badge:hover { background: rgba(255,255,255,.28); }
html[data-theme="liquid-glass"] .header-btn.header-icon { border-radius: 50%; }
html[data-theme="liquid-glass"] .header-dropdown-menu,
html[data-theme="liquid-glass"] .prayer-menu { background: var(--lg-strong); -webkit-backdrop-filter: var(--lg-blur); backdrop-filter: var(--lg-blur); border: 0; box-shadow: var(--shadow-lg); }
html[data-theme="liquid-glass"] .app-header .tab-item {
  color: #fff;
  background: rgba(255,255,255,.13);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.26), inset 1px 1px 1px rgba(255,255,255,.55), inset -1px -1px 1px rgba(255,255,255,.22);
}
html[data-theme="liquid-glass"] .app-header .tab-item:hover { background: rgba(255,255,255,.24); }
html[data-theme="liquid-glass"] .app-header .tab-item.dormant { opacity: .85; }
html[data-theme="liquid-glass"] .app-header .tab-item.active { color: var(--primary); background: rgba(255,255,255,.92); box-shadow: inset 0 0 0 1px #fff, 2px 3px 8px -2px rgba(90,6,14,.8); }

/* ── Barre latérale ── */
html[data-theme="liquid-glass"] .app-sidebar { border-right: 0; scrollbar-width: thin; scrollbar-color: rgba(40,44,64,.26) transparent; }
@media (min-width: 1121px) {
  html[data-theme="liquid-glass"] .app-sidebar { background: transparent; border-right: 0; }
  html[data-theme="liquid-glass"] .app-sidebar:hover,
html[data-theme="liquid-glass"] .app-sidebar:has(:focus-visible) {
    background: var(--glass-bg-strong);
    border-right: 0;
    border-radius: 0 22px 22px 0;
    box-shadow: inset -1.5px 0 1px rgba(255,255,255,.7), inset -14px 0 22px -14px rgba(255,255,255,.5), var(--glass-shadow);
  }
}
@media (max-width: 1120px) {
  html[data-theme="liquid-glass"] .app-sidebar { background: var(--glass-bg-strong); -webkit-backdrop-filter: var(--lg-blur); backdrop-filter: var(--lg-blur); }
}
/* Titres de section : typographie normale ; 8 + 13 = les 21 px de l'axe des icônes, donc rien ne bouge à l'ouverture. */
html[data-theme="liquid-glass"] .app-sidebar .sidebar-section-title {
  margin: 0 8px;
  padding: 2px 10px 2px 13px;
  gap: 12px;
  border-radius: 12px;
  font-family: var(--font);
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text);
}
html[data-theme="liquid-glass"] .app-sidebar .sidebar-section-title:hover { opacity: 1; color: var(--text); background: rgba(255,255,255,.3); }
html[data-theme="liquid-glass"] .app-sidebar .sidebar-section-title::after { width: 5px; height: 5px; border-width: 0 1.5px 1.5px 0; opacity: .5; }
html[data-theme="liquid-glass"] .app-sidebar .sidebar-section-title .sec-icon {
  width: 34px; height: 34px;
  border-radius: 11px;
  color: #2b3040;
  background: rgba(255,255,255,.26);
  box-shadow: var(--lg-rim-sm), var(--lg-drop-sm);
}
html[data-theme="liquid-glass"] .app-sidebar .sidebar-section-title:hover .sec-icon { background: rgba(255,255,255,.5); }
html[data-theme="liquid-glass"] .app-sidebar .sidebar-section:has(.sidebar-nav a.active) .sec-icon {
  color: #fff;
  background: linear-gradient(135deg, #e8243a, #c70f22);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.3), inset 1px 1px 1px rgba(255,255,255,.55), 2px 4px 10px -2px rgba(120,10,25,.7);
}
html[data-theme="liquid-glass"] .app-sidebar .sidebar-section:has(.sidebar-nav a.active) .sec-icon::before,
html[data-theme="liquid-glass"] .app-sidebar .sidebar-section:has(.sidebar-nav a.active) .sec-icon::after { display: none; }
/* Sous-menus : un filet aligné sur l'axe des icônes les relie à leur section. */
html[data-theme="liquid-glass"] .app-sidebar .sidebar-nav { margin: 3px 8px 6px 38px; padding-left: 8px; border-left: 1px solid rgba(40,44,64,.16); }
html[data-theme="liquid-glass"] .app-sidebar .sidebar-nav li a,
html[data-theme="liquid-glass"] .app-sidebar .sidebar-nav li a.nav-sub {
  margin: 1px 0;
  padding: 6px 10px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 400;
  color: var(--text-secondary);
}
html[data-theme="liquid-glass"] .app-sidebar .sidebar-nav li a.nav-sub { padding-left: 18px; }
html[data-theme="liquid-glass"] .app-sidebar .sidebar-nav li a:hover { background: rgba(255,255,255,.36); color: var(--text); }
html[data-theme="liquid-glass"] .app-sidebar .sidebar-nav li a.active {
  color: var(--primary-dark);
  font-weight: 600;
  background: rgba(255,255,255,.62);
  box-shadow: var(--lg-rim-sm), var(--lg-drop-sm);
}
html[data-theme="liquid-glass"] .app-sidebar .sidebar-nav li a.active::before,
html[data-theme="liquid-glass"] .app-sidebar .sidebar-nav li a.active::after { display: none; }
html[data-theme="liquid-glass"] .app-sidebar .sidebar-nav li a.active .nav-badge { background: var(--primary-bg); color: var(--primary-dark); }
html[data-theme="liquid-glass"] .app-sidebar .sidebar-nav li.nav-group-strong {
  font-family: var(--font);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text-muted);
  padding: 9px 10px 3px;
  margin-top: 2px;
  border-top: 0;
}
html[data-theme="liquid-glass"] .app-sidebar .sidebar-quote { background: transparent; border-top: 1px solid rgba(40,44,64,.12); }
html[data-theme="liquid-glass"] .app-sidebar .sidebar-quote,
html[data-theme="liquid-glass"] .app-sidebar .sidebar-quote * { color: var(--text-muted); }

/* ── Cartes ── */
:where(html[data-theme="liquid-glass"]) .card,
:where(html[data-theme="liquid-glass"]) .stat-card { position: relative; }
html[data-theme="liquid-glass"] .card,
html[data-theme="liquid-glass"] .stat-card { background: var(--lg-fill); border: 0; box-shadow: var(--shadow); }
html[data-theme="liquid-glass"] .card::after,
html[data-theme="liquid-glass"] .stat-card::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
  -webkit-backdrop-filter: var(--lg-blur); backdrop-filter: var(--lg-blur);
}
html[data-theme="liquid-glass"] .card .card,
html[data-theme="liquid-glass"] .card .stat-card,
html[data-theme="liquid-glass"] .stat-card .stat-card,
html[data-theme="liquid-glass"] .modal .card,
html[data-theme="liquid-glass"] .modal .stat-card { background: rgba(255,255,255,.24); box-shadow: var(--lg-rim-sm), var(--lg-drop-sm); }
html[data-theme="liquid-glass"] .card .card::after,
html[data-theme="liquid-glass"] .card .stat-card::after,
html[data-theme="liquid-glass"] .stat-card .stat-card::after,
html[data-theme="liquid-glass"] .modal .card::after,
html[data-theme="liquid-glass"] .modal .stat-card::after { display: none; }
/* Grille posée sans carte : même verre. */
html[data-theme="liquid-glass"] .ag-root-wrapper:not(.card .ag-root-wrapper):not(.modal .ag-root-wrapper) {
  background: var(--lg-fill);
  border: 0;
  box-shadow: var(--shadow);
  -webkit-backdrop-filter: var(--lg-blur); backdrop-filter: var(--lg-blur);
}
html[data-theme="liquid-glass"] .card-header { border-bottom-color: rgba(255,255,255,.5); }
html[data-theme="liquid-glass"] .card-footer { background: transparent; border-top-color: rgba(255,255,255,.5); }
html[data-theme="liquid-glass"] .erp-panel-footer,
html[data-theme="liquid-glass"] .erp-chart-head { border-color: rgba(255,255,255,.5); }
html[data-theme="liquid-glass"] .stat-card .stat-icon { border-radius: 50%; background: rgba(255,255,255,.28); box-shadow: var(--lg-rim-sm), var(--lg-drop-sm); }

html[data-theme="liquid-glass"] #dr-agent { width: auto; }
/* Barres à valeur superposée du tableau de bord : valeur sur une étiquette, lisible sur le rouge comme sur le fond. */
html[data-theme="liquid-glass"] :is(#dr-top-anc, #dr-top-cli) div[style*="position:relative"] { background: rgba(255,255,255,.3) !important; box-shadow: var(--lg-well); }
html[data-theme="liquid-glass"] :is(#dr-top-anc, #dr-top-cli) div[style*="position:relative"] > span { padding: 0 6px; border-radius: 5px; background: rgba(255,255,255,.82); color: var(--text) !important; }

/* ── Boutons ── */
html[data-theme="liquid-glass"] .btn { transition: background .18s, box-shadow .18s, transform .18s; }
html[data-theme="liquid-glass"] .btn-primary,
html[data-theme="liquid-glass"] .btn-primary.btn-square {
  background: linear-gradient(135deg, rgba(240,40,62,.94), rgba(199,15,34,.94));
  color: #fff;
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), inset 1.5px 1.5px 1px rgba(255,255,255,.55), inset -1.5px -1.5px 1px rgba(255,255,255,.3), inset 0 0 10px rgba(255,255,255,.14), 1px 2px 3px rgba(80,12,24,.35), 5px 7px 14px -3px rgba(110,14,30,.62);
}
html[data-theme="liquid-glass"] .btn-primary:hover { background: linear-gradient(135deg, #d81124, #a80d1a); }
html[data-theme="liquid-glass"] .btn-secondary,
html[data-theme="liquid-glass"] .btn-quiet,
html[data-theme="liquid-glass"] .btn-ghost {
  background: rgba(255,255,255,.28);
  color: var(--text);
  border: 1px solid transparent;
  box-shadow: var(--lg-rim-sm), var(--lg-drop-sm);
}
html[data-theme="liquid-glass"] .btn-secondary:hover,
html[data-theme="liquid-glass"] .btn-quiet:hover,
html[data-theme="liquid-glass"] .btn-ghost:hover { background: rgba(255,255,255,.5); border-color: transparent; box-shadow: var(--lg-rim-sm), var(--lg-drop-up); transform: translateY(-1px); }
html[data-theme="liquid-glass"] .btn:active { transform: translateY(1px); }
html[data-theme="liquid-glass"] .btn-quiet .erp-ico { color: var(--text-secondary); }
html[data-theme="liquid-glass"] .btn-success { background: #0b7f56; box-shadow: var(--lg-rim-sm), var(--lg-drop-sm); }
html[data-theme="liquid-glass"] .btn-danger { background: #bf2f2f; box-shadow: var(--lg-rim-sm), var(--lg-drop-sm); }

/* ── Champs : creusés dans le verre ── */
html[data-theme="liquid-glass"] .form-input,
html[data-theme="liquid-glass"] .form-select,
html[data-theme="liquid-glass"] .form-textarea,
html[data-theme="liquid-glass"] .toolbar-search input {
  background: rgba(255,255,255,.26);
  color: var(--text);
  border: 1px solid transparent;
  box-shadow: var(--lg-well);
}
html[data-theme="liquid-glass"] .form-input::placeholder,
html[data-theme="liquid-glass"] .form-textarea::placeholder,
html[data-theme="liquid-glass"] .toolbar-search input::placeholder { color: var(--text-muted); opacity: 1; }
html[data-theme="liquid-glass"] .form-input:focus,
html[data-theme="liquid-glass"] .form-select:focus,
html[data-theme="liquid-glass"] .form-textarea:focus,
html[data-theme="liquid-glass"] .toolbar-search input:focus {
  background: rgba(255,255,255,.6);
  border-color: var(--primary-light);
  box-shadow: var(--lg-well), 0 0 0 3px rgba(216,17,36,.16);
}
html[data-theme="liquid-glass"] .form-label { color: var(--text-secondary); }
html[data-theme="liquid-glass"] select option { background: #e4e6ee; color: #151927; }
html[data-theme="liquid-glass"] input[placeholder="Période…"] { background: rgba(255,255,255,.26) !important; border-color: transparent !important; box-shadow: var(--lg-well); color: var(--text); }
html[data-theme="liquid-glass"] .ag-floating-filter input,
html[data-theme="liquid-glass"] .ag-input-field-input { background: rgba(255,255,255,.22) !important; border-color: transparent !important; box-shadow: var(--lg-well); }

/* ── Tableaux ── */
html[data-theme="liquid-glass"] .data-table thead,
html[data-theme="liquid-glass"] .data-table.erp-table thead tr { background: rgba(255,255,255,.18); }
html[data-theme="liquid-glass"] .data-table th { color: var(--text-secondary); background: transparent; }
html[data-theme="liquid-glass"] .data-table td { border-bottom-color: rgba(40,44,64,.12); }
html[data-theme="liquid-glass"] .data-table tbody tr:hover { background: rgba(255,255,255,.3); }
html[data-theme="liquid-glass"] .data-table tbody tr.selected { background: rgba(216,17,36,.13); }
html[data-theme="liquid-glass"] .ag-theme-quartz,
html[data-theme="liquid-glass"] .ag-erp-grid {
  --ag-background-color: transparent;
  --ag-foreground-color: var(--text);
  --ag-data-color: var(--text);
  --ag-header-background-color: rgba(255,255,255,.16);
  --ag-header-foreground-color: var(--text-secondary);
  --ag-odd-row-background-color: transparent;
  --ag-row-hover-color: rgba(255,255,255,.3);
  --ag-selected-row-background-color: rgba(216,17,36,.14);
  --ag-border-color: rgba(255,255,255,.42);
  --ag-row-border-color: rgba(40,44,64,.11);
  --ag-control-panel-background-color: #e4e6ee;
  --ag-subheader-background-color: transparent;
}
/* Les menus et filtres AG Grid s'ouvrent au-dessus des lignes : opaques pour rester lisibles. */
html[data-theme="liquid-glass"] .ag-theme-quartz .ag-popup,
html[data-theme="liquid-glass"] .ag-erp-grid .ag-popup { --ag-background-color: #e4e6ee; }
html[data-theme="liquid-glass"] .ag-theme-quartz .ag-popup-child,
html[data-theme="liquid-glass"] .ag-theme-quartz .ag-menu,
html[data-theme="liquid-glass"] .ag-theme-quartz .ag-tooltip { background: #e4e6ee; }
/* Lignes de total épinglées : le corps défile dessous. */
html[data-theme="liquid-glass"] .ag-theme-quartz .ag-floating-bottom,
html[data-theme="liquid-glass"] .ag-erp-grid .ag-floating-bottom,
html[data-theme="liquid-glass"] .ag-theme-quartz .ag-floating-top,
html[data-theme="liquid-glass"] .ag-erp-grid .ag-floating-top { background: #cdd0db; }

/* ── Modales ── */
html[data-theme="liquid-glass"] .modal-overlay { background: rgba(38,42,64,.3); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
html[data-theme="liquid-glass"] .modal { background: var(--lg-strong); border: 0; -webkit-backdrop-filter: var(--lg-blur); backdrop-filter: var(--lg-blur); }
html[data-theme="liquid-glass"] .modal-header { border-bottom-color: rgba(255,255,255,.55); }
html[data-theme="liquid-glass"] .empty-state,
html[data-theme="liquid-glass"] .erp-help { color: var(--text-muted); }

/* ── Couleurs écrites en dur dans les pages : trop pâles sur le verre.
   Hors éléments à fond propre (bouton, badge), dont la couleur de texte reste la leur. ── */
html[data-theme="liquid-glass"] :is([style*="color:#98a2b3"], [style*="color: #98a2b3"], [style*="color: rgb(152, 162, 179)"], [style*="color:#94a3b8"], [style*="color:#9ca3af"], [style*="color:#d4dae3"], [style*="color: rgb(212, 218, 227)"], [style*="color:#888"], [style*="color:#999"], [style*="color:#aaa"], [style*="color:#5a6473"], [style*="color: #5a6473"], [style*="color: rgb(90, 100, 115)"]):not([style*="background"]) { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] :is([style*="color:#16a34a"], [style*="color: #16a34a"], [style*="color: rgb(22, 163, 74)"], [style*="color:#0f9d6a"], [style*="color: #0f9d6a"], [style*="color: rgb(15, 157, 106)"]):not([style*="background"]) { color: var(--success) !important; }
html[data-theme="liquid-glass"] :is([style*="color:#f59e0b"], [style*="color: #f59e0b"], [style*="color: rgb(245, 158, 11)"], [style*="color:#b9770a"], [style*="color: #b9770a"], [style*="color: rgb(185, 119, 10)"]):not([style*="background"]) { color: var(--warning) !important; }
html[data-theme="liquid-glass"] :is([style*="color:#d64545"], [style*="color: #d64545"], [style*="color: rgb(214, 69, 69)"]):not([style*="background"]) { color: var(--danger) !important; }
html[data-theme="liquid-glass"] svg text:is([fill="#98a2b3"], [fill="#5a6473"]) { fill: var(--chart-axis); }

/* ── Éléments communs injectés en JS (leur style arrive après ce fichier, d'où !important) ── */
html[data-theme="liquid-glass"] #rg-panel,
html[data-theme="liquid-glass"] #rf-box,
html[data-theme="liquid-glass"] .selr-box { background: var(--lg-strong) !important; border: 0 !important; box-shadow: var(--shadow-lg) !important; -webkit-backdrop-filter: var(--lg-blur); backdrop-filter: var(--lg-blur); }
html[data-theme="liquid-glass"] .selr-tete { background: transparent !important; }
html[data-theme="liquid-glass"] .rg-row { border-bottom-color: rgba(40,44,64,.11) !important; color: var(--text) !important; }
html[data-theme="liquid-glass"] .rg-row:hover { background: rgba(255,255,255,.4) !important; }
html[data-theme="liquid-glass"] .rg-sub,
html[data-theme="liquid-glass"] .rg-vide,
html[data-theme="liquid-glass"] .rg-type,
html[data-theme="liquid-glass"] .rg-head { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] .rg-act button,
html[data-theme="liquid-glass"] .rg-head button,
html[data-theme="liquid-glass"] .erp-gfs-btn { background: rgba(255,255,255,.28) !important; color: var(--text) !important; border-color: transparent !important; box-shadow: var(--lg-rim-sm), var(--lg-drop-sm); }
/* Fenêtres erpConfirm / erpPrompt : carte posée en style inline par app.js. */
html[data-theme="liquid-glass"] div[style*="background: rgb(255, 255, 255)"][style*="max-width: 460px"] { background: var(--lg-strong) !important; box-shadow: var(--shadow-lg) !important; -webkit-backdrop-filter: var(--lg-blur); backdrop-filter: var(--lg-blur); }

/* ── Connexion ── */
html[data-theme="liquid-glass"] body:has(#login-form) { background: transparent; color: var(--text); --amber: #8d0b16; --amber-bright: #8d0b16; --muted: #2f3445; --line: rgba(255,255,255,.55); }
html[data-theme="liquid-glass"] body:has(#login-form) .timefall,
html[data-theme="liquid-glass"] body:has(#login-form) .particles,
html[data-theme="liquid-glass"] body:has(#login-form) .rainbow { display: none; }
html[data-theme="liquid-glass"] body:has(#login-form) .hero,
html[data-theme="liquid-glass"] body:has(#login-form) .panel { background: transparent; border-color: rgba(255,255,255,.5); }
html[data-theme="liquid-glass"] body:has(#login-form) .card::before,
html[data-theme="liquid-glass"] body:has(#login-form) .card::after,
html[data-theme="liquid-glass"] body:has(#login-form) .shell::before,
html[data-theme="liquid-glass"] body:has(#login-form) .shell::after { display: none; }
html[data-theme="liquid-glass"] body:has(#login-form) .shell { background: var(--lg-fill); border: 0; box-shadow: var(--shadow-lg); -webkit-backdrop-filter: var(--lg-blur); backdrop-filter: var(--lg-blur); }
html[data-theme="liquid-glass"] body:has(#login-form) .brand .name,
html[data-theme="liquid-glass"] body:has(#login-form) .tagline h2,
html[data-theme="liquid-glass"] body:has(#login-form) .weather .temp,
html[data-theme="liquid-glass"] body:has(#login-form) .clock .time,
html[data-theme="liquid-glass"] body:has(#login-form) .panel h1 { color: var(--text); }
html[data-theme="liquid-glass"] body:has(#login-form) .scanner .ring { border-color: rgba(255,255,255,.8); }
html[data-theme="liquid-glass"] body:has(#login-form) .scanner .core { background: rgba(255,255,255,.3); box-shadow: var(--lg-rim-sm); }
html[data-theme="liquid-glass"] body:has(#login-form) input { background: rgba(255,255,255,.26); color: var(--text); border: 1px solid transparent; box-shadow: var(--lg-well); }
html[data-theme="liquid-glass"] body:has(#login-form) input:focus { background: rgba(255,255,255,.6); border-color: var(--primary-light); box-shadow: var(--lg-well), 0 0 0 3px rgba(216,17,36,.16); }
html[data-theme="liquid-glass"] body:has(#login-form) button[type=submit] { background: linear-gradient(135deg, #e8243a, #c70f22); box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), inset 1.5px 1.5px 1px rgba(255,255,255,.55), 5px 7px 14px -3px rgba(110,14,30,.62); }
html[data-theme="liquid-glass"] body:has(#login-form) .error { color: #8f1414; background: rgba(255,255,255,.5); border-color: rgba(163,28,28,.35); }


/* ── Corrections page par page (audit du 30/10/2026, contre-vérifié) ── */
html[data-theme="liquid-glass"] #vl-tab-import .card,
html[data-theme="liquid-glass"] #vl-manuel-modal .card,
html[data-theme="liquid-glass"] #vl-m-modal .card { background: #e4e6ee !important; }
html[data-theme="liquid-glass"] #bk-page #bk-rib-box.bk-rib-box--empty { color: #1f2a37 !important; }
html[data-theme="liquid-glass"] #bk-page.bk-compact .bk-compact-kpi { color: #1f2a37 !important; }
html[data-theme="liquid-glass"] #bk-stat-nonrap,
html[data-theme="liquid-glass"] #bk-stat-na,
html[data-theme="liquid-glass"] #bk-page [style*="#98a2b3"] { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] #bk-page #bk-rib-box.bk-rib-box--empty { color: #1f2a37 !important; }
html[data-theme="liquid-glass"] #vl-tab-synthese .vl-syn-hint:not(.is-set),
html[data-theme="liquid-glass"] #vl-tab-synthese .vl-syn-help,
html[data-theme="liquid-glass"] #vl-tab-synthese #vl-syn-plage::placeholder,
html[data-theme="liquid-glass"] #vl-syn-tbody [style*="#98a2b3"],
html[data-theme="liquid-glass"] #vl-rav-kpi-hub [style*="#98a2b3"],
html[data-theme="liquid-glass"] #vl-rav-kpi-sup [style*="#98a2b3"],
html[data-theme="liquid-glass"] #vl-v-grid .ag-cell[style*="152, 162, 179"] { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] #rmd-pane-mad [style*="#98a2b3"],
html[data-theme="liquid-glass"] #rmd-pane-remises .card [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #rmd-pane-mad .card [style*="color:#5a6473"] { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] #bk-stat-nonlettres { color: var(--warning) !important; }
html[data-theme="liquid-glass"] .rmd-tab-btn:not(.rmd-tab-active),
html[data-theme="liquid-glass"] .dm-kpi,
html[data-theme="liquid-glass"] #rmd-pane-remises > .card > div:has(#rm-k-total) { background: var(--surface) !important; }
html[data-theme="liquid-glass"] .vl-rav-sub:not(.active):not(:hover),
html[data-theme="liquid-glass"] .vl-tab-btn:not(.vl-tab-active),
html[data-theme="liquid-glass"] #vl-tab-synthese .vl-syn-btn-quiet:not(:hover),
html[data-theme="liquid-glass"] #vl-tab-synthese .vl-syn-table thead tr { background: var(--surface) !important; }
html[data-theme="liquid-glass"] #bk-page #bk-rib-box:not(.bk-rib-box--empty),
html[data-theme="liquid-glass"] #bk-page #bk-view-toggle { background: var(--surface) !important; }
html[data-theme="liquid-glass"] #bk-couleur-pop,
html[data-theme="liquid-glass"] #bk-more-pop,
html[data-theme="liquid-glass"] #bk-multi-pop,
html[data-theme="liquid-glass"] #bk-nature-bubble,
html[data-theme="liquid-glass"] #rapm-cli-dd,
html[data-theme="liquid-glass"] #bksold-modal > div,
html[data-theme="liquid-glass"] #bk-modal > div,
html[data-theme="liquid-glass"] #rap-modal > div,
html[data-theme="liquid-glass"] #tm-modal > div,
html[data-theme="liquid-glass"] #rapm-modal > div,
html[data-theme="liquid-glass"] #bkreg-modal > div,
html[data-theme="liquid-glass"] #bknat-modal > div,
html[data-theme="liquid-glass"] #bki-modal > div,
html[data-theme="liquid-glass"] #bk-si-modal > div,
html[data-theme="liquid-glass"] #bkq-modal > .card,
html[data-theme="liquid-glass"] #bk-ann-modal > .card,
html[data-theme="liquid-glass"] #bk-ds-modal > .card { background: #e4e6ee !important; }
html[data-theme="liquid-glass"] #ef-modal .modal-content,
html[data-theme="liquid-glass"] #rm-modal .modal-content,
html[data-theme="liquid-glass"] #mad-modal .modal-content,
html[data-theme="liquid-glass"] #madb-pop,
html[data-theme="liquid-glass"] #rm-m-import-pop { background: #e4e6ee !important; }
html[data-theme="liquid-glass"] #vl-v-lettrage-dd > div { background: #e4e6ee !important; }
html[data-theme="liquid-glass"] #vl-tab-versements [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #vl-tab-rav [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #vl-tab-synthese .vl-syn-footer,
html[data-theme="liquid-glass"] #vl-tab-synthese .vl-syn-hint.is-set { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] #hf-4dh-modal > div { background: #e4e6ee !important; }
html[data-theme="liquid-glass"] #cre-tab-relances > p[style*="#98a2b3"] { color: #151927 !important; background: var(--surface); -webkit-backdrop-filter: var(--lg-blur); backdrop-filter: var(--lg-blur); border-radius: 8px; padding: 8px 12px; }
html[data-theme="liquid-glass"] div:has(> div > #ac-refresh) > div > p { color: #1f2a37 !important; }
/* Garder selecteur_css tel quel avec : */ html[data-theme="liquid-glass"] color: var(--text-muted) !important;
/* Ajouter cette règle séparée (L126, hors carte, posé sur le fond) : */ #cre-tab-relances > p[style*="color:#98a2b3"] { color: #1f2a37 !important; }
html[data-theme="liquid-glass"] .card:has(#ac-cal-wrap) [style*="color:#98a2b3"],
html[data-theme="liquid-glass"] #ac-cal-empty,
html[data-theme="liquid-glass"] #ac-grid [style*="152, 162, 179"],
html[data-theme="liquid-glass"] #ac-grid .ac-tel-btn,
html[data-theme="liquid-glass"] #ac-bloq-wrap [style*="color:#98a2b3"],
html[data-theme="liquid-glass"] #ac-histo-wrap [style*="color:#98a2b3"] { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] table:has(> #cre-rl-tbody) > thead > tr { background: #e4e6ee !important; }
html[data-theme="liquid-glass"] #ac-cal-wrap > div > div[style*="min-height:78px"],
html[data-theme="liquid-glass"] #ac-bloq-wrap thead tr,
html[data-theme="liquid-glass"] #ac-histo-wrap thead tr { background: var(--surface) !important; }
html[data-theme="liquid-glass"] #cre-nf-list,
html[data-theme="liquid-glass"] table:has(> #cre-rl-histo) > thead > tr { background: var(--surface) !important; }
html[data-theme="liquid-glass"] #hf-edit-modal > div,
html[data-theme="liquid-glass"] #hf-tarif-modal > div,
html[data-theme="liquid-glass"] #hf-del-modal > div,
html[data-theme="liquid-glass"] #hf-reemit-modal > div,
html[data-theme="liquid-glass"] #hbs-modal > div,
html[data-theme="liquid-glass"] #hbd-modal > div,
html[data-theme="liquid-glass"] #hf-manuel-modal > div,
html[data-theme="liquid-glass"] #hf-avoir-modal > div,
html[data-theme="liquid-glass"] #hf-revalo-modal > div,
html[data-theme="liquid-glass"] #hf-bc-modal > div,
html[data-theme="liquid-glass"] #ff-pj-modal > div,
html[data-theme="liquid-glass"] #cre-modal-fiche .modal-content,
html[data-theme="liquid-glass"] #cre-modal-client .modal-content,
html[data-theme="liquid-glass"] #cre-let-modal .modal-content,
html[data-theme="liquid-glass"] #ac-tel-modal > div,
html[data-theme="liquid-glass"] #ac-modal > div,
html[data-theme="liquid-glass"] #ac-lot-modal > div { background: #e4e6ee !important; }
html[data-theme="liquid-glass"] body:has(#cre-tabs-bar) .stat-label,
html[data-theme="liquid-glass"] #cre-tab-balance [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #cre-tab-relances [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #cre-tab-nonfact [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #ac-cal-count,
html[data-theme="liquid-glass"] #ac-count,
html[data-theme="liquid-glass"] #ac-totaux,
html[data-theme="liquid-glass"] #ac-bloq-count,
html[data-theme="liquid-glass"] .card:has(#ac-cal-wrap) [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #ac-bloq-wrap td[style*="color:#5a6473"],
html[data-theme="liquid-glass"] #ac-histo-wrap td[style*="color:#5a6473"] { color: var(--text-secondary) !important; }
html[data-theme="liquid-glass"] { --muted: #46525f; }
html[data-theme="liquid-glass"] .sq-btn { background: var(--surface); }
html[data-theme="liquid-glass"] #fb-status,
html[data-theme="liquid-glass"] .page-header .fb-lbl { color: var(--text) !important; background: rgba(255,255,255,.55); border-radius: 5px; padding: 0 6px; width: fit-content; }
html[data-theme="liquid-glass"] #rv-tabs .tab-btn.active { color: var(--primary-dark); background: var(--surface); border-radius: 8px 8px 0 0; }
html[data-theme="liquid-glass"] #dash-root [style*="color:#98a2b3"],
html[data-theme="liquid-glass"] #dash-root [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #dash-root [style*="--muted"],
html[data-theme="liquid-glass"] #dr-cal-empty { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] #dash-root svg text[fill="#98a2b3"],
html[data-theme="liquid-glass"] #dash-root svg text[fill="#5a6473"] { fill: var(--chart-axis); }
html[data-theme="liquid-glass"] .card:has(#trk-cat-tbody) [style*="color:#98a2b3"],
html[data-theme="liquid-glass"] #trk-march-tbody [style*="color:#98a2b3"],
html[data-theme="liquid-glass"] #trk-march-tbody [style*="color:#d4dae3"],
html[data-theme="liquid-glass"] #hc-grid [style*="color:#98a2b3"],
html[data-theme="liquid-glass"] #trk-periodes-tbody [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #trk-cat-tbody [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #trk-march-tbody [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #trk-cat-note,
html[data-theme="liquid-glass"] #hc-kpis .hc-evo[style*="color:#5a6473"],
html[data-theme="liquid-glass"] #stat-churn-card [style*="--muted"] { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] .rv-pane [style*="color:#98a2b3"],
html[data-theme="liquid-glass"] .rv-pane [style*="color:#d4dae3"] { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] #fb-manager [style*="color:#98a2b3"],
html[data-theme="liquid-glass"] #fb-manager [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #fb-regions-note [style*="color:#98a2b3"],
html[data-theme="liquid-glass"] #fb-cro-rentable-note,
html[data-theme="liquid-glass"] #fb-verdict [style*="color:#5a6473"],
html[data-theme="liquid-glass"] .card:has(#fb-rayon) span[style*="color:#5a6473"],
html[data-theme="liquid-glass"] .card .fb-stat-l { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] #dr-cal-wrap > div > div[style*="min-height"],
html[data-theme="liquid-glass"] #dtn-thead tr,
html[data-theme="liquid-glass"] #dtn-tbody tr[style*="background:#f7f9fc"],
html[data-theme="liquid-glass"] #dash-root [style*="background:#f1f3f7"],
html[data-theme="liquid-glass"] #dash-root #dr-cats .dr-pill:not(.is-on):not(:hover),
html[data-theme="liquid-glass"] #churn-seuil { background: var(--surface) !important; }
html[data-theme="liquid-glass"] #dr-mois-pop,
html[data-theme="liquid-glass"] #dash-edit-toolbar,
html[data-theme="liquid-glass"] #dash-tile-palette,
html[data-theme="liquid-glass"] .dash-acl-picker,
html[data-theme="liquid-glass"] .dash-prio-picker,
html[data-theme="liquid-glass"] .dash-tile-size,
html[data-theme="liquid-glass"] .dash-tile-resize { background: #e4e6ee !important; }
html[data-theme="liquid-glass"] table:has(#trk-periodes-tbody) thead tr,
html[data-theme="liquid-glass"] table:has(#trk-cat-tbody) thead tr,
html[data-theme="liquid-glass"] table:has(#trk-march-tbody) thead tr,
html[data-theme="liquid-glass"] #trk-cat-tbody tr[style*="background:#f7f9fc"],
html[data-theme="liquid-glass"] .hc-seg button:not(.is-on) { background: var(--surface) !important; }
html[data-theme="liquid-glass"] #rv-kpi-wrap .rv-kpi > div,
html[data-theme="liquid-glass"] #rv-table tfoot tr { background: var(--surface) !important; }
html[data-theme="liquid-glass"] .card .fb-stat,
html[data-theme="liquid-glass"] #fb-suggestions .fb-sugg-card,
html[data-theme="liquid-glass"] .card .fb-table th { background: var(--surface) !important; }
html[data-theme="liquid-glass"] .card .fb-table thead tr { background: transparent !important; }
html[data-theme="liquid-glass"] .fb-in,
html[data-theme="liquid-glass"] .fb-table input { background: rgba(255,255,255,.4); color: var(--text); box-shadow: var(--lg-well); }
html[data-theme="liquid-glass"] .edi-tab:not(.edi-tab-active):not(:hover) { color: var(--text); }
html[data-theme="liquid-glass"] .edi-tab.edi-tab-active:not(:hover) { color: var(--primary-dark); }
html[data-theme="liquid-glass"] .edi-tab.edi-tab-active { color: #8f0d1b !important; border-bottom-color: #a80d1a !important; background: var(--surface) !important; }
html[data-theme="liquid-glass"] #ech-tab-echeancier [style*="color:#98a2b3"],
html[data-theme="liquid-glass"] #ech-tab-echeancier [style*="color:#d4dae3"] { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] #edi-tva-tbody td[style*="color:#98a2b3"],
html[data-theme="liquid-glass"] #edi-tva-tbody td[style*="color:#5a6473"],
html[data-theme="liquid-glass"] #edi-ev-tbody td[style*="color:#5a6473"],
html[data-theme="liquid-glass"] #edi-tab-tva .kpi-l,
html[data-theme="liquid-glass"] #edi-tab-ventes .kpi-l { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] .cst-tab-panel [style*="color:#98a2b3"],
html[data-theme="liquid-glass"] .cst-tab-panel [style*="color:#5a6473"],
html[data-theme="liquid-glass"] .cst-tab-panel [style*="rgb(90, 100, 115)"] { color: var(--text-muted) !important; } /* à placer dans le bloc @media screen du thème */
html[data-theme="liquid-glass"] #achats-table ~ .ag-erp-grid [style*="color:#5a6473"],
html[data-theme="liquid-glass"] #achats-table ~ .ag-erp-grid [style*="color:#98a2b3"] { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] #cst-tabbar .cst-tab-btn:not(.cst-tab-active) { background: var(--surface); }
html[data-theme="liquid-glass"] .cst-tab-panel .cst-table th { background: var(--surface); }
html[data-theme="liquid-glass"] #edi-tva-table thead tr,
html[data-theme="liquid-glass"] #edi-ev-table thead tr { background: var(--surface) !important; }
html[data-theme="liquid-glass"] #ech-tab-echeancier details.card thead tr { background: var(--surface) !important; }
html[data-theme="liquid-glass"] #ac-modal .modal-content,
html[data-theme="liquid-glass"] #ac-import-modal .modal-content,
html[data-theme="liquid-glass"] #acs-modal .erp-panel-lg,
html[data-theme="liquid-glass"] #ac-scan-pane,
html[data-theme="liquid-glass"] #ac-frs-pop,
html[data-theme="liquid-glass"] #ac-art-pop,
html[data-theme="liquid-glass"] #ac-frs-pop [data-creer],
html[data-theme="liquid-glass"] #ac-art-pop [data-creer] { background: #e4e6ee !important; }
html[data-theme="liquid-glass"] #ech-modal .modal-content,
html[data-theme="liquid-glass"] #ech-import-modal .erp-panel-lg,
html[data-theme="liquid-glass"] #ech-export-pop { background: #e4e6ee !important; }
html[data-theme="liquid-glass"] #acs-modal .acs-tab:not(.on) { background: var(--surface); }
html[data-theme="liquid-glass"] body:has(#cfr-tab-candidatures) :is([style*="color:#888"],[style*="color:#999"],[style*="color:#98a2b3"],[style*="color:#94a3b8"],[style*="color:#5a6473"],.cfr-av-actuel,.cfr-cs-imgbox .lbl,.cfr-crop-previews .lbl) { color: var(--text-secondary) !important; }
html[data-theme="liquid-glass"] [data-gfs-barre="#pfl-barre"] :is([style*="color:#98a2b3"],[style*="color:#5a6473"]),
html[data-theme="liquid-glass"] #lv-cachet-content :is([style*="color:#98a2b3"],[style*="color:#d4dae3"]),
html[data-theme="liquid-glass"] #lv-cachet-forced-content [style*="color:#98a2b3"] { color: var(--text-secondary) !important; }
html[data-theme="liquid-glass"] #pcdi-bycc-grid small,
html[data-theme="liquid-glass"] #pcdi-bycc-grid [style*="color:#d4dae3"],
html[data-theme="liquid-glass"] #pcdi-aff-grid .ag-cell[style*="152, 162, 179"] { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] .tab-btn.active { color: var(--primary-dark); background: rgba(255,255,255,.72); border-radius: 10px 10px 0 0; }
html[data-theme="liquid-glass"] #pfl-dernier-import:not(:empty),
html[data-theme="liquid-glass"] #pfr-stats:not(:empty),
html[data-theme="liquid-glass"] #pfl-count,
html[data-theme="liquid-glass"] #pfr-count { color: #1f2a37 !important; width: fit-content; padding: 2px 8px; border-radius: 8px; background: rgba(255,255,255,.62); -webkit-backdrop-filter: var(--lg-blur); backdrop-filter: var(--lg-blur); }
html[data-theme="liquid-glass"] #pfr-stats span { color: #a80d1a !important; }
html[data-theme="liquid-glass"] #cfr-cand-table thead tr,
html[data-theme="liquid-glass"] #cfr-ct-table thead tr,
html[data-theme="liquid-glass"] #cfr-seuils-table thead tr,
html[data-theme="liquid-glass"] #cfr-tab-cachets .data-table thead tr { background: var(--surface-alt) !important; }
html[data-theme="liquid-glass"] #pcdi-centres-grid .ag-cell[style*="252, 252, 253"],
html[data-theme="liquid-glass"] #pcdi-bycc-grid .ag-cell[style*="247, 249, 252"],
html[data-theme="liquid-glass"] #pcdi-periodes-grid .ag-row[style*="255, 253, 245"] { background: var(--surface) !important; }
html[data-theme="liquid-glass"] .cfr-drop:not(.drag),
html[data-theme="liquid-glass"] .cfr-av-champ:not(.modifie),
html[data-theme="liquid-glass"] .cfr-crop-stagewrap,
html[data-theme="liquid-glass"] #cfr-ed-preview,
html[data-theme="liquid-glass"] .cfr-cs-dl:not(:hover),
html[data-theme="liquid-glass"] .cfr-crop-seg button:not(.active),
html[data-theme="liquid-glass"] .cfr-cs-card input[list="cfr-cs-driver-dl"][style*="background:#fff;"] { background: var(--surface) !important; }
html[data-theme="liquid-glass"] .pcdi-kpi > div { background: var(--surface) !important; }
html[data-theme="liquid-glass"] #pf-detail-tfoot tr,
html[data-theme="liquid-glass"] #pf-final-tfoot tr { background: var(--surface) !important; }
html[data-theme="liquid-glass"] #pf-card-inconnus > .card-header,
html[data-theme="liquid-glass"] #pf-card-sans-tarif > .card-header,
html[data-theme="liquid-glass"] .card:has(#pf-force-btn) > .card-header { background: var(--surface-alt) !important; }
html[data-theme="liquid-glass"] .card-body > div:has(> div > .pf-hub-field),
html[data-theme="liquid-glass"] #pf-from-hub { background: rgba(255,255,255,.4) !important; }
html[data-theme="liquid-glass"] #pf-modal-tarif .modal { background: #e4e6ee !important; }
html[data-theme="liquid-glass"] .pcdi-content .ag-floating-bottom .ag-row,
html[data-theme="liquid-glass"] .pcdi-content .ag-floating-top .ag-row { background: transparent !important; }
html[data-theme="liquid-glass"] p:has(+ #srv-tiles) { color: #1f2a37 !important; }
html[data-theme="liquid-glass"] .m-wrap:has(> #btn-refresh-plateforme) h2,
html[data-theme="liquid-glass"] .m-wrap:has(> #btn-refresh-plateforme) p { color: var(--text) !important; }
html[data-theme="liquid-glass"] .srv-kpi-sub,
html[data-theme="liquid-glass"] .srv-kpi-label,
html[data-theme="liquid-glass"] #srv-tiles > .card:first-child > div:first-child,
html[data-theme="liquid-glass"] #srv-ct-meta,
html[data-theme="liquid-glass"] #srv-bk-path,
html[data-theme="liquid-glass"] #srv-disk-body,
html[data-theme="liquid-glass"] #srv-disk-body [style*="#98a2b3"],
html[data-theme="liquid-glass"] #srv-disk-body [style*="#5a6473"],
html[data-theme="liquid-glass"] #srv-bk-grid [style*="#98a2b3"],
html[data-theme="liquid-glass"] #srv-ct-grid [style*="#98a2b3"] { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] .orgx:not(.dark) { --ox-soft:#333f4d; --ox-muted:#46525f; }
html[data-theme="liquid-glass"] .orgx:not(.dark) .ox-links path { stroke:rgba(27,35,48,.5); }
html[data-theme="liquid-glass"] #modal-org { --ox-muted:#46525f; }
html[data-theme="liquid-glass"] :is(#modal-org, #modal-orgaffect, #modal-orgdept) :is([style*="#98a2b3"], [style*="#5a6473"], [style*="--ox-muted"]) { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] #periodes-container .im-champs .im-ordre,
html[data-theme="liquid-glass"] #periodes-container h4 span[style*="#98a2b3"],
html[data-theme="liquid-glass"] .card:has(#trk-dossier) .card-body > p,
html[data-theme="liquid-glass"] #trk-import-status { color: var(--text-muted) !important; }
html[data-theme="liquid-glass"] #pt-cal,
html[data-theme="liquid-glass"] #pt-board .pt-col,
html[data-theme="liquid-glass"] .pt-col .pt-card:not(.pt-card-user),
html[data-theme="liquid-glass"] .pt-cal-days .pt-cal-day,
html[data-theme="liquid-glass"] .pt-cal-days .pt-cal-day.is-past,
html[data-theme="liquid-glass"] #pt-cal .pt-cal-nav:not(:hover),
html[data-theme="liquid-glass"] .pt-toolbar .pt-pill:not(.is-on):not(.pt-pill-user):not(:hover),
html[data-theme="liquid-glass"] .pt-cal-side .pt-pill:not(.is-on):not(:hover) { background: var(--surface); }
html[data-theme="liquid-glass"] .orgx:not(.dark) .ox-stage,
html[data-theme="liquid-glass"] .orgx:not(.dark) .ox-bar { background: var(--surface); }
html[data-theme="liquid-glass"] #periodes-container .periode-card,
html[data-theme="liquid-glass"] #periodes-container .periode-header { background: var(--surface); }
html[data-theme="liquid-glass"] body:has(#periodes-container) { --muted: #46525f; }
html[data-theme="liquid-glass"] .modal #usr-modules-grid .mod-card,
html[data-theme="liquid-glass"] .modal #role-modules-grid .mod-card { background: var(--surface); }
html[data-theme="liquid-glass"] #pt-modal-tache > div,
html[data-theme="liquid-glass"] #pt-modal-mails > div,
html[data-theme="liquid-glass"] #pt-modal-projet > div,
html[data-theme="liquid-glass"] #modal-new-periode > div,
html[data-theme="liquid-glass"] .card .dp-table th,
html[data-theme="liquid-glass"] div[style*="var(--ox-bg2,#fff)"] { background: #e4e6ee !important; }

}