/* =============================================================================
 * admin-metallic-finitions.css — v2 chirurgical (2026-04-19)
 *
 * Retrait depuis v1 :
 *  - body::before grain SVG (risque z-index avec stacking contexts Bootstrap)
 *  - card::after brushed lines (conflit enfants position:absolute)
 *  - body > * { position: relative; z-index: 1 } (casse positioning layouts)
 *  - Login page gradient multi-layer agressif (conflit avec login-style.css)
 *
 * Conservé :
 *  - KPI chrome gradient (text-clip, safe)
 *  - Sidebar icons hover glow (transform uniquement)
 *  - Selection color copper
 *  - Switches / code blocks / spinner
 * ============================================================================= */

/* ============= KPI valeur hero : lisibilité garantie ============= */
/* Fix 22:30 : ne plus utiliser text-clip gradient (invisible sur dark).
   Solide white + drop-shadow pour un rendu clean et premium. */
:root[data-theme="dark"] .card .text-20,
:root[data-theme="dark"] .card .stat-value,
:root[data-theme="dark"] .card .fs-1,
:root[data-theme="dark"] .card .display-4 {
    color: #ffffff !important;
    font-weight: 800;
    letter-spacing: -0.03em;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* ============= Sidebar icon hover subtle glow ============= */
:root[data-theme="dark"] .sidebar-left .nav-item a i,
:root[data-theme="dark"] .sidebar-left .nav-item a .fa,
:root[data-theme="dark"] .sidebar-left .nav-item a .fas,
:root[data-theme="dark"] .sidebar-left .nav-item a .bi {
    transition: color 120ms, transform 120ms;
    color: var(--mt-chrome-300, #a8b1bd);
}
:root[data-theme="dark"] .sidebar-left .nav-item a:hover i,
:root[data-theme="dark"] .sidebar-left .nav-item a:hover .fa {
    color: var(--mt-copper-100, #f5d5b8);
    transform: scale(1.08);
}

/* ============= Switch (toggles) ============= */
:root[data-theme="dark"] .form-switch .form-check-input {
    background-color: var(--mt-bg-3, #1a2130);
    border: 1px solid var(--mt-line-strong, rgba(255,255,255,0.12));
}
:root[data-theme="dark"] .form-switch .form-check-input:checked {
    background: var(--mt-gra-copper, linear-gradient(180deg, #d9966b, #b8733a));
    border-color: var(--mt-copper-500, #b8733a);
}

/* ============= Code blocks ============= */
:root[data-theme="dark"] code,
:root[data-theme="dark"] kbd {
    background: rgba(255, 255, 255, 0.06);
    color: var(--mt-copper-100, #f5d5b8);
    border: 1px solid var(--mt-line-strong, rgba(255,255,255,0.12));
    border-radius: 6px;
    padding: 0.1rem 0.4rem;
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 0.88em;
}
:root[data-theme="dark"] pre {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--mt-line-strong, rgba(255,255,255,0.12));
    border-radius: 8px;
    padding: 1rem;
    overflow-x: auto;
}

/* ============= Selection ============= */
:root[data-theme="dark"] ::selection {
    background: var(--mt-copper-500, #b8733a);
    color: #fff;
    text-shadow: none;
}

/* ============= Spinner ============= */
:root[data-theme="dark"] .spinner-border {
    border-color: rgba(184, 115, 58, 0.2);
    border-top-color: var(--mt-copper-300, #d9966b);
}

/* ============= Outline btn "dim light" effect ============= */
:root[data-theme="dark"] .btn-outline-primary,
:root[data-theme="dark"] .btn-outline {
    background: transparent;
    border-color: var(--mt-line-strong, rgba(255,255,255,0.12));
    color: var(--mt-text-0, #f1f5f9);
    transition: background 180ms, color 180ms, border-color 180ms;
}
:root[data-theme="dark"] .btn-outline-primary:hover,
:root[data-theme="dark"] .btn-outline:hover {
    background: var(--mt-bg-3, #1a2130);
    border-color: var(--mt-copper-300, #d9966b);
    color: var(--mt-copper-100, #f5d5b8);
}