/* ════════════════════════════════════════════════════════════════════════════
   FitnessHub — Thème Clair Épuré « Noir sur Blanc » (Apple / Google Minimal)
   Activé uniquement lorsque html[data-theme="light"] est présent.
   N'impacte en aucun cas le thème sombre d'origine.
   ════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] {
    color-scheme: light;
    --clr-bg: #ffffff;
    --clr-surface: #ffffff;
    --clr-surface-2: #f8fafc;
    --clr-border: #e2e8f0;
    --clr-border-2: #cbd5e1;
    --clr-text: #0f172a;
    --clr-muted: #64748b;
    --clr-orange: #0f172a;
    --clr-orange-dim: rgba(15, 23, 42, 0.06);
    --clr-orange-glow: transparent;
    --clr-streak-rest: #cbd5e1; /* Pastilles repos streak visibles sur fond blanc */

    /* Surcharge des variables Bootstrap 5 de Bootswatch Quartz */
    --bs-body-color: #0f172a !important;
    --bs-body-bg: #ffffff !important;
    --bs-card-color: #0f172a !important;
    --bs-card-bg: #ffffff !important;
    --bs-card-border-color: #e2e8f0 !important;
    --bs-card-cap-color: #0f172a !important;
    --bs-card-cap-bg: #ffffff !important;
    --bs-heading-color: #0f172a !important;
    --bs-secondary-color: #64748b !important;
    --bs-border-color: #e2e8f0 !important;
}


/* ─── 1. FOND DE PAGE & DÉGRADÉS ────────────────────────────────────────────── */
html[data-theme="light"] body {
    background: #ffffff !important;
    color: #0f172a !important;
}

/* Suppression totale des néons, orbes et dégradés d'arrière-plan */
html[data-theme="light"] body::before,
html[data-theme="light"] body::after,
html[data-theme="light"] .apple-bg-blur {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* ─── 2. TYPOGRAPHIE ET CLASSES UTILITAIRES DE COULEUR ──────────────────────── */
/* Fin des couleurs cyan / jaune fluo / blanc illisibles sur fond blanc */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] .page-title,
html[data-theme="light"] .h1,
html[data-theme="light"] .h2,
html[data-theme="light"] .h3,
html[data-theme="light"] .h4,
html[data-theme="light"] .h5,
html[data-theme="light"] .h6,
html[data-theme="light"] li,
html[data-theme="light"] p,
html[data-theme="light"] .fw-600,
html[data-theme="light"] .fw-700,
html[data-theme="light"] .fw-800 {
    color: #0f172a !important;
}

html[data-theme="light"] .text-white,
html[data-theme="light"] .text-reset,
html[data-theme="light"] .text-dark {
    color: #0f172a !important;
}

/* Neutralisation automatique de tout style inline avec blanc transparent */
html[data-theme="light"] [style*="color:rgba(255,255,255"],
html[data-theme="light"] [style*="color: rgba(255, 255, 255"],
html[data-theme="light"] [style*="color:rgba(255, 255, 255"] {
    color: #64748b !important;
}

/* Stat-pill labels et valeurs */
html[data-theme="light"] .stat-pill .lbl {
    color: #64748b !important;
    font-weight: 600 !important;
}
html[data-theme="light"] .stat-pill .val {
    color: #0f172a !important;
}

html[data-theme="light"] .text-info,
html[data-theme="light"] .text-primary {
    color: #0f172a !important;
}
html[data-theme="light"] .text-primary {
    color: #0f172a !important;
}

html[data-theme="light"] .text-warning {
    color: #334155 !important;
}

html[data-theme="light"] .text-muted,
html[data-theme="light"] .text-white-50,
html[data-theme="light"] .page-sub,
html[data-theme="light"] .sec-label,
html[data-theme="light"] .s-meta {
    color: #64748b !important;
}

html[data-theme="light"] a {
    color: #0f172a !important;
}
html[data-theme="light"] a:hover {
    color: #334155 !important;
}

/* ─── 3. MENU LATÉRAL DESKTOP (.sidebar-nav) — 100% BLANC & NOIR ────────────── */
html[data-theme="light"] .sidebar-nav,
html[data-theme="light"] nav.sidebar-nav.bg-primary {
    background: #ffffff !important;
    border-right: 1px solid #e5e7eb !important;
    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .sidebar-header {
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

html[data-theme="light"] .sidebar-brand,
html[data-theme="light"] .sidebar-brand * {
    color: #0f172a !important;
}

html[data-theme="light"] .sidebar-nav hr,
html[data-theme="light"] .sidebar-nav .dropdown-divider {
    border-top: 1px solid #f1f5f9 !important;
}

/* Liens du menu : texte et icônes gris foncé/noir, ultra lisibles */
html[data-theme="light"] .sidebar-link,
html[data-theme="light"] .sidebar-link.coach-link,
html[data-theme="light"] .sidebar-link.admin-link {
    color: #475569 !important;
    background: transparent !important;
}

html[data-theme="light"] .sidebar-link i {
    color: #475569 !important;
}

html[data-theme="light"] .sidebar-link span {
    color: #0f172a !important;
    font-weight: 500 !important;
}

html[data-theme="light"] .sidebar-link:hover,
html[data-theme="light"] .sidebar-link.coach-link:hover,
html[data-theme="light"] .sidebar-link.admin-link:hover {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .sidebar-link:hover i,
html[data-theme="light"] .sidebar-link:hover span {
    color: #0f172a !important;
}

/* Hover sur lien non-actif : icône et texte sombres */
html[data-theme="light"] .sidebar-link:not(.active):hover i,
html[data-theme="light"] .sidebar-link:not(.active):hover span {
    color: #0f172a !important;
    font-weight: 500 !important;
}

/* Hover sur lien actif : conserver le blanc (fond noir) */
html[data-theme="light"] .sidebar-link.active:hover {
    background-color: #1e293b !important;
}
html[data-theme="light"] .sidebar-link.active:hover i,
html[data-theme="light"] .sidebar-link.active:hover span {
    color: #ffffff !important;
}

/* Lien actif : pilule noire Apple avec texte blanc net */
html[data-theme="light"] .sidebar-link.active,
html[data-theme="light"] .sidebar-link.coach-link.active,
html[data-theme="light"] .sidebar-link.admin-link.active {
    background-color: #0f172a !important;
    color: #ffffff !important;
    border-left: none !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .sidebar-link.active i,
html[data-theme="light"] .sidebar-link.active span {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Widget XP dans la sidebar */
html[data-theme="light"] .sidebar-xp-widget {
    background: #f8fafc !important;
    border-top: 1px solid #e5e7eb !important;
    color: #0f172a !important;
}
html[data-theme="light"] .sidebar-xp-widget span {
    color: #0f172a !important;
}

/* ─── 4. ONGLETS DE NAVIGATION (STYLE APPLE SEGMENTED CONTROL) ─────────────── */
html[data-theme="light"] .nav-tabs {
    border-bottom: 1px solid #e2e8f0 !important;
    background: transparent !important;
    gap: 6px !important;
}

html[data-theme="light"] .nav-tabs .nav-link {
    background: #f8fafc !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    margin-bottom: 0 !important;
    transition: all 0.15s ease !important;
}

html[data-theme="light"] .nav-tabs .nav-link i {
    color: inherit !important;
}

html[data-theme="light"] .nav-tabs .nav-link:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

/* Onglet actif : fond noir profond, texte blanc */
html[data-theme="light"] .nav-tabs .nav-link.active {
    background: #0f172a !important;
    color: #ffffff !important;
    border-color: #0f172a !important;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.12) !important;
}

html[data-theme="light"] .nav-tabs .nav-link.active i {
    color: #ffffff !important;
}

/* ─── 5. CARTES, CONTENEURS ET SURFACES ─────────────────────────────────────── */
html[data-theme="light"] .card,
html[data-theme="light"] .glass-card,
html[data-theme="light"] .item-card,
html[data-theme="light"] .session-card,
html[data-theme="light"] .onb-card,
html[data-theme="light"] .today-card,
html[data-theme="light"] .hero-box,
html[data-theme="light"] .stat-pill,
html[data-theme="light"] .plan-card,
html[data-theme="light"] .food-plan-card,
html[data-theme="light"] .auth-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .today-card:hover,
html[data-theme="light"] .item-card:hover,
html[data-theme="light"] .session-card:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .tc-val {
    color: #0f172a !important;
}

html[data-theme="light"] .tc-sub,
html[data-theme="light"] .tc-label {
    color: #64748b !important;
}

html[data-theme="light"] .tc-badge.idle {
    background: #f1f5f9 !important;
    color: #64748b !important;
}

html[data-theme="light"] .tc-badge.todo {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .tc-badge.done {
    background: #f0fdf4 !important;
    color: #16a34a !important;
    border: 1px solid #bbf7d0 !important;
}

/* En-têtes de cartes : blancs, sans fond bleu/jaune/orange criard */
html[data-theme="light"] .card-header,
html[data-theme="light"] .card-header.bg-info,
html[data-theme="light"] .card-header.bg-primary,
html[data-theme="light"] .card-header.bg-warning,
html[data-theme="light"] .card-header.bg-success,
html[data-theme="light"] .card-header.bg-secondary {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .card-header * {
    color: #0f172a !important;
}

html[data-theme="light"] .card-footer {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}

/* Avatar et carte de streak / régularité */
html[data-theme="light"] .profil-photo-sticky .rounded-circle[style*="background"] {
    background: #f1f5f9 !important;
}
html[data-theme="light"] .profil-photo-sticky .bi-person-fill {
    color: #64748b !important;
}
html[data-theme="light"] .rounded-3[style*="rgba(255,138,0"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .rounded-3[style*="rgba(255,138,0"] * {
    color: #0f172a !important;
}

/* ─── 6. BOUTONS D'ACTION & BADGES ─────────────────────────────────────────── */
html[data-theme="light"] .page-actions .btn,
html[data-theme="light"] .btn-outline-info,
html[data-theme="light"] .btn-outline-warning,
html[data-theme="light"] .btn-outline-primary,
html[data-theme="light"] .btn-outline-secondary {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 500 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .page-actions .btn:hover,
html[data-theme="light"] .btn-outline-info:hover,
html[data-theme="light"] .btn-outline-warning:hover,
html[data-theme="light"] .btn-outline-primary:hover,
html[data-theme="light"] .btn-outline-secondary:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .page-actions .btn i,
html[data-theme="light"] .btn-outline-info i,
html[data-theme="light"] .btn-outline-warning i {
    color: #475569 !important;
}

html[data-theme="light"] .text-success {
    color: #15803d !important;
}

html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn-success {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border: 1px solid #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15) !important;
}
html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .btn-success:hover {
    background: #1e293b !important;
    background-color: #1e293b !important;
    background-image: none !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
}

html[data-theme="light"] .btn-outline-success,
html[data-theme="light"] .btn-outline-primary {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}
html[data-theme="light"] .btn-outline-success:hover,
html[data-theme="light"] .btn-outline-primary:hover {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

/* Bouton principal d'action de séance (.btn-start) */
html[data-theme="light"] .btn-start {
    background: #0f172a !important;
    background-color: #0f172a !important;
    border: 1px solid #0f172a !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .btn-start:hover {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.22) !important;
}

html[data-theme="light"] .btn-start.btn-start-done {
    background: #16a34a !important;
    background-color: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(22, 163, 74, 0.2) !important;
}
html[data-theme="light"] .btn-start.btn-start-done:hover {
    background: #15803d !important;
    background-color: #15803d !important;
    border-color: #15803d !important;
    color: #ffffff !important;
}

/* Badges neutres épurés */
html[data-theme="light"] .badge {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}
html[data-theme="light"] .badge.bg-warning,
html[data-theme="light"] .badge.bg-info,
html[data-theme="light"] .badge.bg-primary,
html[data-theme="light"] .badge.bg-secondary {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

/* ─── 7. FORMULAIRES, INPUTS ET CHAMPS ──────────────────────────────────────── */
html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select,
html[data-theme="light"] input[type="text"],
html[data-theme="light"] input[type="number"],
html[data-theme="light"] input[type="email"],
html[data-theme="light"] input[type="password"],
html[data-theme="light"] input[type="search"],
html[data-theme="light"] input[type="tel"],
html[data-theme="light"] input[type="url"],
html[data-theme="light"] textarea {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .form-control:focus,
html[data-theme="light"] .form-select:focus,
html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus {
    background: #ffffff !important;
    border-color: #0f172a !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.1) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .form-control::placeholder,
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] .form-label {
    color: #334155 !important;
}

html[data-theme="light"] .form-text {
    color: #64748b !important;
}

html[data-theme="light"] .input-group-text {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #64748b !important;
}

/* ─── 8. NAVIGATION RAPIDE (QNAV) & SÉLECTEUR DE JOUR ──────────────────────── */
html[data-theme="light"] .qnav-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .qnav-item:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .day-btn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    color: #334155 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .day-btn:hover {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .day-btn .day-name {
    color: #64748b !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .day-btn .day-num {
    color: #0f172a !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
}

html[data-theme="light"] .day-btn .day-month {
    color: #64748b !important;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
}

/* Jour sélectionné : carte sombre Apple épurée (sans halo orange) */
html[data-theme="light"] .day-btn.active {
    background: #0f172a !important;
    background-color: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .day-btn.active .day-name {
    color: rgba(255, 255, 255, 0.75) !important;
}

html[data-theme="light"] .day-btn.active .day-num {
    color: #ffffff !important;
}

html[data-theme="light"] .day-btn.active .day-month {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Jour aujourd'hui non sélectionné */
html[data-theme="light"] .day-btn.today:not(.active) {
    border: 2px solid #0f172a !important;
    background: #f8fafc !important;
}

/* Puces d'activités sous les jours */
html[data-theme="light"] .day-dot {
    background: #cbd5e1 !important;
}

html[data-theme="light"] .day-dot.on {
    background: var(--dot-c, #0f172a) !important;
}

/* ─── 9. MODALES & DROPDOWNS ────────────────────────────────────────────────── */
html[data-theme="light"] .modal-content {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] .modal-header {
    border-bottom: 1px solid #f1f5f9 !important;
}

html[data-theme="light"] .modal-footer {
    border-top: 1px solid #f1f5f9 !important;
}

html[data-theme="light"] .modal-backdrop.show {
    opacity: 0.4 !important;
    background: #000000 !important;
}

html[data-theme="light"] .btn-close {
    filter: none !important;
    opacity: 0.6 !important;
}

html[data-theme="light"] .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] .dropdown-item {
    color: #334155 !important;
}

html[data-theme="light"] .dropdown-item:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

/* ─── 10. BARRE MOBILE DU BAS (.mobile-bottom-nav) ─────────────────────────── */
html[data-theme="light"] .mobile-bottom-nav {
    background: rgba(255, 255, 255, 0.95) !important;
    border-top: 1px solid #e2e8f0 !important;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .mob-item {
    color: #64748b !important;
}

html[data-theme="light"] .mob-item.active {
    color: #0f172a !important;
}

html[data-theme="light"] .mob-item-label {
    color: inherit !important;
}

/* ─── 11. SÉLECTEUR DE THÈME DANS LE PROFIL ─────────────────────────────────── */
html[data-theme="light"] .theme-choice-btn {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
}
html[data-theme="light"] .theme-choice-btn:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

/* ─── 12. RÉSUMÉ DES 7 DERNIERS JOURS & LIGNES STATS ───────────────────────── */
html[data-theme="light"] .rsm-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

html[data-theme="light"] .rsm-row {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    color: #0f172a !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .rsm-row:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .rsm-icon {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

html[data-theme="light"] .rsm-icon i {
    color: #334155 !important;
}

html[data-theme="light"] .rsm-label {
    color: #64748b !important;
    font-weight: 600 !important;
}

html[data-theme="light"] .rsm-val {
    color: #0f172a !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .rsm-aside {
    color: #0f172a !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .heat-box {
    background: #e2e8f0 !important;
}

html[data-theme="light"] .heat-box.on {
    background: #0f172a !important;
}

html[data-theme="light"] .heat-box.today-box {
    outline: 1.5px solid #0f172a !important;
}

/* ─── 13. BADGES & PROGRESSION (ÉPURÉ SANS PASTEL) ─────────────────────────── */
html[data-theme="light"] .badge-scroll {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
}

html[data-theme="light"] .achiev-chip {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    padding: 6px 14px !important;
    border-radius: 9999px !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

html[data-theme="light"] .achiev-chip i {
    color: #475569 !important;
}

/* ─── 14. OBJECTIF & VOLUME MUSCULAIRE ─────────────────────────────────────── */
html[data-theme="light"] .glass-card span.fs-xs,
html[data-theme="light"] .glass-card span[style*="border-radius"],
html[data-theme="light"] .glass-card [style*="border-radius:20px"] {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 600 !important;
}

/* ─── 15. PAGE EXERCISE LOGS (HISTORIQUE DES SÉANCES) ───────────────────────── */
html[data-theme="light"] .session-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.875rem !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.2s ease !important;
}

html[data-theme="light"] .session-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .s-header {
    background: #ffffff !important;
}

html[data-theme="light"] .s-date {
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
}

html[data-theme="light"] .s-meta {
    color: #64748b !important;
    font-size: 0.72rem !important;
}

html[data-theme="light"] .s-chevron {
    color: #94a3b8 !important;
}

html[data-theme="light"] .s-body {
    background: #ffffff !important;
    border-top: 1px solid #f1f5f9 !important;
}

html[data-theme="light"] .ex-block-name {
    color: #0f172a !important;
    font-weight: 600 !important;
}

html[data-theme="light"] .ex-block-name i {
    color: #0f172a !important;
}

html[data-theme="light"] .ex-block-name a {
    color: #0f172a !important;
}

html[data-theme="light"] .set-row {
    border-top: 1px solid #f1f5f9 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .set-num {
    color: #94a3b8 !important;
    font-weight: 600 !important;
}

html[data-theme="light"] .set-kg {
    color: #0f172a !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .set-reps {
    color: #334155 !important;
    font-weight: 500 !important;
}

html[data-theme="light"] .set-note {
    color: #64748b !important;
}

html[data-theme="light"] .set-vol-val {
    color: #94a3b8 !important;
}

/* Remplacer la ligne orange fluo par une fine barre de progression épurée */
html[data-theme="light"] .vol-bar {
    background: #e2e8f0 !important;
    height: 2.5px !important;
    border-radius: 99px !important;
}

/* Stat pills de logs */
html[data-theme="light"] .stat-pill {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .stat-pill .val {
    color: #0f172a !important;
}

html[data-theme="light"] .stat-pill .lbl {
    color: #64748b !important;
}

/* Chips d'exercices & Filtres */
html[data-theme="light"] .chip,
html[data-theme="light"] .exercise-chip,
html[data-theme="light"] a.chip,
html[data-theme="light"] button.chip {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .chip:hover,
html[data-theme="light"] .exercise-chip:hover,
html[data-theme="light"] a.chip:hover,
html[data-theme="light"] button.chip:hover {
    background: #f1f5f9 !important;
    background-image: none !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .chip.active,
html[data-theme="light"] .exercise-chip.active,
html[data-theme="light"] a.chip.active,
html[data-theme="light"] button.chip.active {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border: 1px solid #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .chip.active i,
html[data-theme="light"] .exercise-chip.active i,
html[data-theme="light"] .chip.active *,
html[data-theme="light"] .exercise-chip.active * {
    color: #ffffff !important;
}

html[data-theme="light"] .chip.active .chip-count,
html[data-theme="light"] .exercise-chip.active .chip-count {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .chip-count {
    background: rgba(15, 23, 42, 0.08) !important;
    color: #475569 !important;
}

/* Chart card & Metric buttons */
html[data-theme="light"] .chart-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .metric-btn {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

html[data-theme="light"] .metric-btn:hover {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .metric-btn.active {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

/* Suggestion cards */
html[data-theme="light"] .suggestion-card {
    background: #f8fafc !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

html[data-theme="light"] .sec-label {
    color: #64748b !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .empty-log {
    color: #94a3b8 !important;
}

/* ─── 16. PIED DE PAGE (FOOTER) ───────────────────────────────────────────── */
html[data-theme="light"] footer {
    border-top: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
}

html[data-theme="light"] footer .footer-brand,
html[data-theme="light"] footer a span.fw-bold {
    color: #0f172a !important;
}

html[data-theme="light"] footer .footer-brand-accent {
    color: #0f172a !important;
}

html[data-theme="light"] footer a.text-muted {
    color: #64748b !important;
}

html[data-theme="light"] footer a.text-muted:hover {
    color: #0f172a !important;
}

html[data-theme="light"] footer p.text-muted {
    color: #94a3b8 !important;
}

/* ─── 17. PAGE CALENDRIER ─────────────────────────────────────────────────── */

/* Grille du calendrier mensuel */
html[data-theme="light"] .month-calendar-table {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-collapse: separate !important;
}

html[data-theme="light"] .month-calendar-table thead th {
    background: #f8fafc !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 0.76rem !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: 2px solid #cbd5e1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

html[data-theme="light"] .month-calendar-table td,
html[data-theme="light"] .month-calendar-table td.cal-day-cell,
html[data-theme="light"] .month-calendar-table td.cal-empty-cell {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    transition: background 0.15s ease !important;
}

html[data-theme="light"] .month-calendar-table td.cal-day-cell:hover {
    background: #f8fafc !important;
}

html[data-theme="light"] .month-calendar-table td .cal-day-num {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Cellule avec activité / séance enregistrée */
html[data-theme="light"] .month-calendar-table td.bg-success,
html[data-theme="light"] .month-calendar-table td.bg-opacity-25 {
    background-color: #ffffff !important;
}

/* Cellule du jour d'aujourd'hui */
html[data-theme="light"] .month-calendar-table td.cal-today-cell,
html[data-theme="light"] .month-calendar-table td.border-info {
    border: 2px solid #0f172a !important;
    background: #f8fafc !important;
}

/* Cellule du jour sélectionné */
html[data-theme="light"] .month-calendar-table td.cal-selected-cell,
html[data-theme="light"] .month-calendar-table td.bg-info {
    background-color: #f1f5f9 !important;
    box-shadow: inset 0 0 0 2px #94a3b8 !important;
}

/* Badges indicateurs dans les cases du calendrier */
html[data-theme="light"] .cal-badges-wrap .badge {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .cal-badges-wrap .badge i.bi-lightning-charge {
    color: #0f172a !important;
}

html[data-theme="light"] .cal-badges-wrap .badge.bg-warning i.bi-fire {
    color: #ea580c !important;
}

html[data-theme="light"] .cal-badges-wrap .badge.bg-primary i.bi-moon-stars {
    color: #6366f1 !important;
}

html[data-theme="light"] .cal-badges-wrap .badge.bg-success i.bi-trophy {
    color: #059669 !important;
}

html[data-theme="light"] .cal-badges-wrap .badge.bg-danger i.bi-egg-fried {
    color: #d97706 !important;
}

html[data-theme="light"] .cal-badges-wrap .badge.bg-info i.bi-sticky {
    color: #0284c7 !important;
}

/* Légende sous le calendrier */
html[data-theme="light"] .cal-legend span {
    color: #64748b !important;
    font-weight: 500 !important;
}

html[data-theme="light"] .cal-legend .border-info {
    border-color: #0f172a !important;
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* ─── Cartes de programmes du jour ────────────────────────────────────────── */
html[data-theme="light"] #dayPanel .border-info.bg-info.bg-opacity-10,
html[data-theme="light"] .border-info.bg-info.bg-opacity-10 {
    background-color: #f8fafc !important;
    border: 1.5px solid #0f172a !important;
    color: #0f172a !important;
}

html[data-theme="light"] #dayPanel .border-info.bg-info.bg-opacity-10 strong,
html[data-theme="light"] #dayPanel .border-info.bg-info.bg-opacity-10 span,
html[data-theme="light"] #dayPanel .border-info.bg-info.bg-opacity-10 div {
    color: #0f172a !important;
}

html[data-theme="light"] #dayPanel .border-info.bg-info.bg-opacity-10 .text-muted,
html[data-theme="light"] #dayPanel .border-info.bg-info.bg-opacity-10 .text-muted span {
    color: #64748b !important;
}

html[data-theme="light"] #dayPanel .border-info.bg-info.bg-opacity-10 .badge.bg-primary {
    background-color: #0f172a !important;
    color: #ffffff !important;
    border-color: #0f172a !important;
}

html[data-theme="light"] #dayPanel .badge.bg-primary {
    background-color: #0f172a !important;
    color: #ffffff !important;
    border-color: #0f172a !important;
}

/* ─── Onglets Jour (Activité / Sommeil / Objectifs / Nutrition / Notes) ────── */
html[data-theme="light"] #calDayTabs .nav-link {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    border-radius: 99px !important;
    padding: 6px 14px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    transition: all 0.15s ease !important;
}

html[data-theme="light"] #calDayTabs .nav-link:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-theme="light"] #calDayTabs .nav-link.active {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] #calDayTabs .nav-link.active i,
html[data-theme="light"] #calDayTabs .nav-link.active span {
    color: #ffffff !important;
}

/* En-têtes de cartes dans le panneau droit */
html[data-theme="light"] #dayPanel .card-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
}

html[data-theme="light"] #dayPanel .card-header i {
    color: #0f172a !important;
}

/* Tableaux de séries dans l'onglet Activité */
html[data-theme="light"] #cal-exercise thead.table-warning th {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-weight: 700 !important;
}

html[data-theme="light"] #cal-exercise td {
    color: #0f172a !important;
    border-color: #f1f5f9 !important;
}

html[data-theme="light"] #cal-exercise td strong {
    color: #0f172a !important;
}

/* Bandeau Semaine Mobile */
html[data-theme="light"] .d-lg-none .glass-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .d-lg-none a.rounded {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .d-lg-none a.rounded.shadow-sm {
    background: #f1f5f9 !important;
    border: 2px solid #0f172a !important;
    box-shadow: none !important;
}

html[data-theme="light"] .d-lg-none a.rounded.shadow-sm .fw-bold {
    color: #0f172a !important;
}

/* ─── 18. ALERTES & MISES EN GARDE (CONTRASTE ÉLEVÉ & ACCESSIBLE) ─────────── */
html[data-theme="light"] .alert {
    border-radius: 0.875rem !important;
    padding: 0.75rem 1rem !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

/* Alerte Avertissement / Attention (fini le jaune pâle illisible) */
html[data-theme="light"] .alert-warning {
    background-color: #fffbeb !important;
    border: 1px solid #fef08a !important;
    border-left: 4px solid #d97706 !important;
    color: #92400e !important;
}

html[data-theme="light"] .alert-warning strong,
html[data-theme="light"] .alert-warning b {
    color: #78350f !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .alert-warning i,
html[data-theme="light"] .alert-warning .bi {
    color: #d97706 !important;
}

html[data-theme="light"] .alert-warning .alert-link {
    color: #78350f !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

/* Alerte Information */
html[data-theme="light"] .alert-info {
    background-color: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
    border-left: 4px solid #0284c7 !important;
    color: #0369a1 !important;
}

html[data-theme="light"] .alert-info strong,
html[data-theme="light"] .alert-info b {
    color: #0c4a6e !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .alert-info i,
html[data-theme="light"] .alert-info .bi {
    color: #0284c7 !important;
}

html[data-theme="light"] .alert-info .alert-link {
    color: #0c4a6e !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

/* Alerte Succès */
html[data-theme="light"] .alert-success {
    background-color: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-left: 4px solid #16a34a !important;
    color: #15803d !important;
}

html[data-theme="light"] .alert-success strong,
html[data-theme="light"] .alert-success b {
    color: #14532d !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .alert-success i,
html[data-theme="light"] .alert-success .bi {
    color: #16a34a !important;
}

/* Alerte Danger / Erreur */
html[data-theme="light"] .alert-danger {
    background-color: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    border-left: 4px solid #dc2626 !important;
    color: #b91c1c !important;
}

html[data-theme="light"] .alert-danger strong,
html[data-theme="light"] .alert-danger b {
    color: #7f1d1d !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .alert-danger i,
html[data-theme="light"] .alert-danger .bi {
    color: #dc2626 !important;
}

/* Alerte Secondaire / Neutre */
html[data-theme="light"] .alert-secondary {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

/* Remplacement des textes d'avertissement jaune fluo par un ambre contrasté */
html[data-theme="light"] [style*="color:#ffc107"],
html[data-theme="light"] [style*="color: #ffc107"],
html[data-theme="light"] .text-warning {
    color: #b45309 !important;
}

/* ─── 19. CALCULATEURS & OUTILS FITNESS (OLIV'IA) ─────────────────────────── */
/* Cartes d'outils et liens calculateurs */
html[data-theme="light"] a.glass-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

html[data-theme="light"] a.glass-card:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] a.glass-card h2,
html[data-theme="light"] a.glass-card h3 {
    color: #0f172a !important;
}

/* Badges tags sur le hub calculateurs */
html[data-theme="light"] .badge.bg-secondary {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    font-weight: 600 !important;
}

/* Tableaux de données (ex: tableau 1RM) */
html[data-theme="light"] .table.table-dark {
    --bs-table-bg: #ffffff !important;
    --bs-table-striped-bg: #f8fafc !important;
    --bs-table-hover-bg: #f1f5f9 !important;
    --bs-table-color: #0f172a !important;
    --bs-table-border-color: #e2e8f0 !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .table.table-dark thead th {
    background-color: #f8fafc !important;
    color: #334155 !important;
    border-bottom: 2px solid #e2e8f0 !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .table.table-dark tbody td {
    background-color: transparent !important;
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
}

/* Accordéons (FAQ, Centre d'aide help.php & Calculateurs) */
html[data-theme="light"] .accordion {
    --bs-accordion-color: #0f172a !important;
    --bs-accordion-bg: #ffffff !important;
    --bs-accordion-btn-color: #0f172a !important;
    --bs-accordion-btn-bg: #ffffff !important;
    --bs-accordion-active-color: #0f172a !important;
    --bs-accordion-active-bg: #f8fafc !important;
    --bs-accordion-border-color: #e2e8f0 !important;
}

html[data-theme="light"] .accordion-item,
html[data-theme="light"] .accordion-item.bg-secondary,
html[data-theme="light"] .accordion-item.border-secondary {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    margin-bottom: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

html[data-theme="light"] .accordion-flush > .accordion-item {
    border-radius: 10px !important;
}

html[data-theme="light"] .accordion-button,
html[data-theme="light"] .accordion-button.collapsed,
html[data-theme="light"] .accordion-button.bg-secondary,
html[data-theme="light"] button.accordion-button {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    font-size: 0.92rem !important;
    padding: 14px 18px !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-theme="light"] .accordion-button:hover {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

html[data-theme="light"] .accordion-button:not(.collapsed) {
    background-color: #f8fafc !important;
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
}

/* Flèche chevron accordéon : noire, nette et bien visible */
html[data-theme="light"] .accordion-button::after,
html[data-theme="light"] .accordion-button.collapsed::after,
html[data-theme="light"] .accordion-button:not(.collapsed)::after {
    filter: brightness(0) saturate(100%) !important;
    opacity: 0.65 !important;
}

html[data-theme="light"] .accordion-button:hover::after,
html[data-theme="light"] .accordion-button:not(.collapsed)::after {
    opacity: 1 !important;
}

/* Corps de réponse accordéon */
html[data-theme="light"] .accordion-body,
html[data-theme="light"] .accordion-body.text-muted {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #334155 !important;
    border-top: 1px solid #f1f5f9 !important;
    font-size: 0.88rem !important;
    line-height: 1.65 !important;
    padding: 16px 20px !important;
}

html[data-theme="light"] .accordion-body p,
html[data-theme="light"] .accordion-body li,
html[data-theme="light"] .accordion-body ol,
html[data-theme="light"] .accordion-body ul,
html[data-theme="light"] .accordion-body div:not(.alert):not(.badge) {
    color: #334155 !important;
}

html[data-theme="light"] .accordion-body strong,
html[data-theme="light"] .accordion-body b {
    color: #0f172a !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .accordion-body a:not(.btn) {
    color: #0284c7 !important;
    text-decoration: underline !important;
}

/* Cartes et bordures secondaires dans help.php */
html[data-theme="light"] .card.bg-secondary,
html[data-theme="light"] .card.border-secondary {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .border-secondary {
    border-color: #e2e8f0 !important;
}

/* Neutralisation de Bootswatch Quartz .card .text-muted */
html[data-theme="light"] .card .text-muted {
    color: #64748b !important;
}

html[data-theme="light"] .card .text-muted strong,
html[data-theme="light"] .card .text-muted b {
    color: #0f172a !important;
}

/* Séparateurs et bordures translucides dans les cartes de résultat */
html[data-theme="light"] .border-white.border-opacity-10,
html[data-theme="light"] .border-white {
    border-color: #e2e8f0 !important;
}

/* Jauges et curseurs */
html[data-theme="light"] #jaugeIndicateur {
    background: #0f172a !important;
    box-shadow: 0 0 4px rgba(15, 23, 42, 0.4) !important;
}

/* Éléments avec transparence blanche inline convertis en tons neutres clairs */
html[data-theme="light"] [style*="color:rgba(255,255,255"],
html[data-theme="light"] [style*="color: rgba(255,255,255"],
html[data-theme="light"] [style*="color:rgba(255, 255, 255"],
html[data-theme="light"] [style*="color: rgba(255, 255, 255"] {
    color: #64748b !important;
}

html[data-theme="light"] [style*="background:rgba(255,255,255,.03)"],
html[data-theme="light"] [style*="background: rgba(255,255,255,.03)"] {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] [style*="background:rgba(255,255,255,.08)"],
html[data-theme="light"] [style*="background: rgba(255,255,255,.08)"] {
    background: #e2e8f0 !important;
}

/* Cartes placeholders avant calcul */
html[data-theme="light"] #placeholderSection {
    background: #f8fafc !important;
    border: 1.5px dashed #cbd5e1 !important;
    opacity: 0.9 !important;
}
html[data-theme="light"] #placeholderSection p {
    color: #64748b !important;
}

/* ─── 21. SÉANCES & PLANNING D'ENTRAÎNEMENT (LIST_PLANS_WORKOUT) ───────────── */
/* Carte de séance sélectionnée */
html[data-theme="light"] .workout-selected-card,
html[data-theme="light"] .glass-card.workout-selected-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

/* Accordéon du planning de la semaine */
html[data-theme="light"] #accordionWorkouts .accordion-item {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    margin-bottom: 8px !important;
    overflow: hidden !important;
}

html[data-theme="light"] #accordionWorkouts .accordion-button,
html[data-theme="light"] #accordionWorkouts .accordion-button.collapsed {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #0f172a !important;
    font-weight: 600 !important;
}

html[data-theme="light"] #accordionWorkouts .accordion-button:not(.collapsed) {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #accordionWorkouts .accordion-button strong {
    color: #0f172a !important;
}

html[data-theme="light"] #accordionWorkouts .accordion-button strong.text-success {
    color: #15803d !important;
}

html[data-theme="light"] #accordionWorkouts .card-header {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

/* ─── 22. ÉCRAN D'ENTRAÎNEMENT ACTIF (WORKOUT.PHP) ────────────────────────── */
html[data-theme="light"] .workout-sticky-bar,
html[data-theme="light"] div[style*="position:sticky"][style*="top:0"] {
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .workout-sticky-bar .workout-sticky-title,
html[data-theme="light"] div[style*="position:sticky"][style*="top:0"] span.fw-bold,
html[data-theme="light"] div[style*="position:sticky"][style*="top:0"] .workout-sticky-title {
    color: #0f172a !important;
}

html[data-theme="light"] .workout-sticky-bar .text-muted,
html[data-theme="light"] div[style*="position:sticky"][style*="top:0"] .text-muted {
    color: #64748b !important;
}

html[data-theme="light"] .workout-sticky-bar .workout-progress-track,
html[data-theme="light"] div[style*="position:sticky"][style*="top:0"] div[style*="background:rgba(255,255,255"] {
    background: #e2e8f0 !important;
}

html[data-theme="light"] .workout-sticky-bar .workout-progress-fill {
    background: linear-gradient(90deg, #ff8a00, #ff5e00) !important;
}

html[data-theme="light"] .workout-sticky-bar #toggleSoundBtn,
html[data-theme="light"] #toggleSoundBtn {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .workout-sticky-bar #toggleSoundBtn:hover,
html[data-theme="light"] #toggleSoundBtn:hover {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .workout-sticky-bar #toggleSoundBtn.btn-outline-warning,
html[data-theme="light"] #toggleSoundBtn.btn-outline-warning {
    background: #fffbeb !important;
    border-color: #f59e0b !important;
    color: #b45309 !important;
}

html[data-theme="light"] .workout-sticky-bar #toggleSoundBtn.btn-outline-warning #soundIcon,
html[data-theme="light"] #toggleSoundBtn.btn-outline-warning #soundIcon {
    color: #d97706 !important;
}

html[data-theme="light"] .workout-sticky-bar #toggleSoundBtn.btn-outline-danger,
html[data-theme="light"] #toggleSoundBtn.btn-outline-danger {
    background: #fef2f2 !important;
    border-color: #ef4444 !important;
    color: #b91c1c !important;
}

html[data-theme="light"] .workout-sticky-bar #toggleSoundBtn.btn-outline-danger #soundIcon,
html[data-theme="light"] #toggleSoundBtn.btn-outline-danger #soundIcon {
    color: #dc2626 !important;
}

html[data-theme="light"] .workout-sticky-bar .workout-progress-badge,
html[data-theme="light"] div[style*="position:sticky"][style*="top:0"] .badge.bg-warning {
    background: #fef08a !important;
    color: #854d0e !important;
    border: 1px solid #fde047 !important;
}

html[data-theme="light"] .workout-cta-sticky {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .workout-abandon-bar {
    border-top: 1px solid #e2e8f0 !important;
}

/* Bouton abandonner la séance en rouge */
html[data-theme="light"] .btn-abandon-workout,
html[data-theme="light"] button[name="abandon"],
html[data-theme="light"] .btn-outline-danger {
    background: #ffffff !important;
    border: 1.5px solid #ef4444 !important;
    color: #dc2626 !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 3px rgba(239, 68, 68, 0.08) !important;
    transition: all .2s ease !important;
}

html[data-theme="light"] .btn-abandon-workout:hover,
html[data-theme="light"] button[name="abandon"]:hover,
html[data-theme="light"] .btn-outline-danger:hover {
    background: #fef2f2 !important;
    border-color: #dc2626 !important;
    color: #b91c1c !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.18) !important;
}

html[data-theme="light"] .btn-abandon-workout i,
html[data-theme="light"] button[name="abandon"] i,
html[data-theme="light"] .btn-outline-danger i {
    color: #dc2626 !important;
}

/* Quick 1RM modal */
html[data-theme="light"] #quick1rmModal .modal-content {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important;
}

/* ─── 23. MESSAGERIE TEMPS RÉEL (MESSAGERIE.PHP) ─────────────────────────── */
html[data-theme="light"] .chat-msg-own {
    background: #0f172a !important;
    border: 1px solid #0f172a !important;
    border-radius: 1.1rem 1.1rem 0.2rem 1.1rem !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.15) !important;
    padding: .65rem .95rem !important;
}

html[data-theme="light"] .chat-msg-own .chat-msg-text {
    color: #ffffff !important;
    font-size: .88rem !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

html[data-theme="light"] .chat-msg-own .chat-msg-time {
    color: #cbd5e1 !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    margin-top: .25rem !important;
}

html[data-theme="light"] .chat-msg-own a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

html[data-theme="light"] .chat-msg-other {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 1.1rem 1.1rem 1.1rem 0.2rem !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    padding: .65rem .95rem !important;
}

html[data-theme="light"] .chat-msg-other .chat-msg-text {
    color: #0f172a !important;
    font-size: .88rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

html[data-theme="light"] .chat-msg-other .chat-msg-time {
    color: #64748b !important;
    font-size: .68rem !important;
    font-weight: 500 !important;
    margin-top: .25rem !important;
}

html[data-theme="light"] .chat-msg-other a {
    color: #ea580c !important;
    text-decoration: underline !important;
}

html[data-theme="light"] #messageContainer {
    background: #f8fafc !important;
}

html[data-theme="light"] .conversations-list-header,
html[data-theme="light"] .chat-mobile-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .conversation-item {
    border-bottom: 1px solid #f1f5f9 !important;
    background: #ffffff;
    transition: background-color .15s ease;
}

html[data-theme="light"] .conversation-item:hover {
    background: #f8fafc !important;
}

html[data-theme="light"] .conversation-item.active,
html[data-theme="light"] div[style*="background:rgba(255,138,0,.08)"],
html[data-theme="light"] div[style*="background: rgba(255, 138, 0, 0.08)"] {
    background: #f1f5f9 !important;
    border-left: 3px solid #0f172a !important;
}

html[data-theme="light"] .conversation-item div[style*="background:rgba(255,138,0,.15)"],
html[data-theme="light"] .chat-mobile-header div[style*="background:rgba(255,138,0,.15)"] {
    background: #e2e8f0 !important;
}

html[data-theme="light"] .conversation-item div[style*="background:rgba(255,138,0,.15)"] i,
html[data-theme="light"] .chat-mobile-header div[style*="background:rgba(255,138,0,.15)"] i {
    color: #0f172a !important;
}

html[data-theme="light"] .conv-user-name,
html[data-theme="light"] .conv-partner-name,
html[data-theme="light"] a[href*="/community/profil/"],
html[data-theme="light"] .conversation-item span.fw-600 {
    color: #0f172a !important;
}

html[data-theme="light"] .btn-new-conversation,
html[data-theme="light"] .conversations-list-header .btn-primary {
    background: #0f172a !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.2) !important;
}

html[data-theme="light"] .btn-new-conversation *,
html[data-theme="light"] .conversations-list-header .btn-primary * {
    color: #ffffff !important;
}

html[data-theme="light"] .btn-send-message,
html[data-theme="light"] #messageForm .btn-primary {
    background: #0f172a !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.2) !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
}

html[data-theme="light"] .btn-send-message:hover,
html[data-theme="light"] #messageForm .btn-primary:hover {
    background: #1e293b !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.3) !important;
}

html[data-theme="light"] .btn-send-message *,
html[data-theme="light"] #messageForm .btn-primary * {
    color: #ffffff !important;
}

html[data-theme="light"] #messageInput {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-theme="light"] #messageInput:focus {
    border-color: #ff8a00 !important;
    box-shadow: 0 0 0 3px rgba(255, 138, 0, 0.15) !important;
}

html[data-theme="light"] label[for="attachmentInput"] {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #64748b !important;
}

html[data-theme="light"] label[for="attachmentInput"]:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .chat-input-bar,
html[data-theme="light"] .card-footer:has(#messageForm) {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .btn-close-white {
    filter: none !important;
}

/* ─── 24. NOTIFICATIONS (NOTIFICATIONS.PHP) ───────────────────────────────── */
html[data-theme="light"] .notif-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    padding: .85rem 1rem !important;
    margin-bottom: .6rem !important;
    transition: all .15s ease !important;
}

html[data-theme="light"] .notif-item:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-1px);
}

html[data-theme="light"] .notif-item.unread {
    background: #fffbf5 !important;
    border: 1px solid #fed7aa !important;
    border-left: 4px solid #ff8a00 !important;
    box-shadow: 0 2px 8px rgba(255, 138, 0, 0.06) !important;
}

html[data-theme="light"] .notif-item.unread:hover {
    border-color: #fdba74 !important;
    border-left-color: #ea580c !important;
}

html[data-theme="light"] .notif-title {
    color: #0f172a !important;
    font-size: .88rem !important;
    font-weight: 700 !important;
    margin-bottom: .2rem !important;
}

html[data-theme="light"] .notif-text {
    color: #334155 !important;
    font-size: .82rem !important;
    line-height: 1.45 !important;
    margin-bottom: .25rem !important;
}

html[data-theme="light"] .notif-time {
    color: #64748b !important;
    font-size: .72rem !important;
    font-weight: 500 !important;
}

html[data-theme="light"] .notif-time i {
    color: #94a3b8 !important;
}

html[data-theme="light"] .notif-icon {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .notif-icon-danger,
html[data-theme="light"] .notif-icon:has(.text-danger) {
    background: #fef2f2 !important;
    border-color: #fee2e2 !important;
}
html[data-theme="light"] .notif-icon-danger i,
html[data-theme="light"] .notif-icon .text-danger {
    color: #ef4444 !important;
}

html[data-theme="light"] .notif-icon-success,
html[data-theme="light"] .notif-icon:has(.text-success) {
    background: #f0fdf4 !important;
    border-color: #dcfce7 !important;
}
html[data-theme="light"] .notif-icon-success i,
html[data-theme="light"] .notif-icon .text-success {
    color: #16a34a !important;
}

html[data-theme="light"] .notif-icon-warning,
html[data-theme="light"] .notif-icon:has(.text-warning) {
    background: #fffbeb !important;
    border-color: #fef3c7 !important;
}
html[data-theme="light"] .notif-icon-warning i,
html[data-theme="light"] .notif-icon .text-warning {
    color: #d97706 !important;
}

html[data-theme="light"] .notif-icon-info,
html[data-theme="light"] .notif-icon:has(.text-info) {
    background: #f0f9ff !important;
    border-color: #e0f2fe !important;
}
html[data-theme="light"] .notif-icon-info i,
html[data-theme="light"] .notif-icon .text-info {
    color: #0284c7 !important;
}

html[data-theme="light"] .notif-body a[href*="/notifications?read="] {
    color: #ea580c !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

html[data-theme="light"] .notif-body a[href*="/notifications?read="]:hover {
    color: #c2410c !important;
    text-decoration: underline !important;
}

html[data-theme="light"] button[name="mark_one_read"],
html[data-theme="light"] .notif-body button.btn-link {
    color: #64748b !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

html[data-theme="light"] button[name="mark_one_read"]:hover,
html[data-theme="light"] .notif-body button.btn-link:hover {
    color: #0f172a !important;
    text-decoration: underline !important;
}

html[data-theme="light"] button[name="mark_all_read"] {
    background: #ffffff !important;
    border: 1px solid #16a34a !important;
    color: #15803d !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 2px rgba(22, 163, 74, 0.08) !important;
}

html[data-theme="light"] button[name="mark_all_read"]:hover {
    background: #f0fdf4 !important;
    border-color: #15803d !important;
    color: #14532d !important;
}

html[data-theme="light"] .pagination .page-link {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    border-radius: 8px !important;
}

html[data-theme="light"] .pagination .page-link:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .pagination .page-item.active .page-link {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

/* ─── 25. GESTION DES CLIENTS COACH (ADD_CLIENT.PHP) ─────────────────────── */
html[data-theme="light"] .btn-add-client,
html[data-theme="light"] #addClientForm button[type="submit"],
html[data-theme="light"] #addClientForm .btn-primary,
html[data-theme="light"] #addClientForm .btn-success {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border: 1px solid #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .btn-add-client:hover,
html[data-theme="light"] #addClientForm button[type="submit"]:hover,
html[data-theme="light"] #addClientForm .btn-primary:hover,
html[data-theme="light"] #addClientForm .btn-success:hover {
    background: #1e293b !important;
    background-color: #1e293b !important;
    background-image: none !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.22) !important;
}

html[data-theme="light"] .btn-add-client *,
html[data-theme="light"] #addClientForm button[type="submit"] * {
    color: #ffffff !important;
}

html[data-theme="light"] #addClientForm .text-success,
html[data-theme="light"] .card-footer .text-success {
    color: #15803d !important;
}

/* ─── 26. PLANS D'ENTRAÎNEMENT COACH (PAGE/COACH/PLANS.PHP) ─────────────────── */
html[data-theme="light"] .btn-new-plan,
html[data-theme="light"] button[data-bs-target="#collapsePlanForm"] {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border: 1px solid #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .btn-new-plan:hover,
html[data-theme="light"] button[data-bs-target="#collapsePlanForm"]:hover {
    background: #1e293b !important;
    background-color: #1e293b !important;
    background-image: none !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.2) !important;
}

html[data-theme="light"] .btn-new-plan *,
html[data-theme="light"] button[data-bs-target="#collapsePlanForm"] * {
    color: #ffffff !important;
}

html[data-theme="light"] button[data-bs-target="#publicPlans"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

html[data-theme="light"] button[data-bs-target="#publicPlans"]:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .plan-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .plan-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* ─── 27. PLANNING WORKOUTS KANBAN (PAGE/COACH/WORKOUTS.PHP) ─────────────── */

/* Sélecteur de coachs / clients en chips actives */
html[data-theme="light"] .user-chip.active,
html[data-theme="light"] #userSelectorChips .chip.active,
html[data-theme="light"] #userSelectorChips .user-chip.active,
html[data-theme="light"] .chip-scroll .chip.active,
html[data-theme="light"] a.chip.active.user-chip {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border: 1px solid #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .user-chip.active *,
html[data-theme="light"] #userSelectorChips .chip.active *,
html[data-theme="light"] #userSelectorChips .user-chip.active *,
html[data-theme="light"] .chip-scroll .chip.active *,
html[data-theme="light"] a.chip.active.user-chip * {
    color: #ffffff !important;
}

/* En-tête de colonne Kanban */
html[data-theme="light"] .kanban-col-header,
html[data-theme="light"] .kanban-column > div:first-child {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    color: #0f172a !important;
}

html[data-theme="light"] .kanban-col-header .fw-700,
html[data-theme="light"] .kanban-column > div:first-child .fw-700 {
    color: #0f172a !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .workout-count-badge {
    background: #e2e8f0 !important;
    background-color: #e2e8f0 !important;
    color: #334155 !important;
    font-weight: 600 !important;
}

/* Carte de séance Kanban */
html[data-theme="light"] .workout-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
    overflow: hidden;
}

html[data-theme="light"] .workout-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .workout-card .card-body {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
}

/* Titre et textes de la séance */
html[data-theme="light"] .workout-card .fw-600,
html[data-theme="light"] .workout-card [class*="fw-"] {
    color: #0f172a !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .workout-card p,
html[data-theme="light"] .workout-card .text-muted,
html[data-theme="light"] .workout-card small {
    color: #475569 !important;
}

html[data-theme="light"] .workout-card .text-info {
    color: #0284c7 !important;
    font-weight: 600 !important;
}

html[data-theme="light"] .workout-card a {
    color: #0f172a !important;
}

/* Poignée de drag & drop */
html[data-theme="light"] .drag-handle-workout {
    background: #e2e8f0 !important;
    background-color: #e2e8f0 !important;
    color: #475569 !important;
    border-bottom-left-radius: 6px !important;
    opacity: 0.8 !important;
}

html[data-theme="light"] .workout-card:hover .drag-handle-workout {
    background: #0f172a !important;
    background-color: #0f172a !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Placeholder quand la séance n'a pas d'image */
html[data-theme="light"] .workout-card-placeholder,
html[data-theme="light"] .workout-card .d-flex[style*="background:rgba(255,255,255"] {
    background: #f1f5f9 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .workout-card-placeholder i,
html[data-theme="light"] .workout-card .d-flex[style*="background:rgba(255,255,255"] i {
    color: #94a3b8 !important;
    opacity: 0.6 !important;
}

/* Boutons d'action dans la carte de séance */
html[data-theme="light"] .workout-card .btn-info {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border: 1px solid #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

html[data-theme="light"] .workout-card .btn-info:hover {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
}

html[data-theme="light"] .workout-card .btn-info * {
    color: #ffffff !important;
}

html[data-theme="light"] .workout-card .btn-light {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    border: 1px solid #cbd5e1 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

html[data-theme="light"] .workout-card .btn-light:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

html[data-theme="light"] .workout-card .btn-light * {
    color: #334155 !important;
}

html[data-theme="light"] .workout-card .btn-danger {
    background: #fee2e2 !important;
    background-color: #fee2e2 !important;
    background-image: none !important;
    border: 1px solid #fca5a5 !important;
    border-color: #fca5a5 !important;
    color: #dc2626 !important;
}

html[data-theme="light"] .workout-card .btn-danger:hover {
    background: #dc2626 !important;
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #ffffff !important;
}

html[data-theme="light"] .workout-card .btn-danger:hover * {
    color: #ffffff !important;
}

html[data-theme="light"] .workout-card .btn-outline-warning {
    border: 1px solid #cbd5e1 !important;
    border-color: #cbd5e1 !important;
    color: #475569 !important;
    background: #ffffff !important;
    background-image: none !important;
}

html[data-theme="light"] .workout-card .btn-outline-warning:hover {
    border-color: #94a3b8 !important;
    color: #0f172a !important;
    background: #f1f5f9 !important;
}

html[data-theme="light"] .workout-card .btn-outline-warning * {
    color: #475569 !important;
}

/* Zone de dépôt vide (Empty column) */
html[data-theme="light"] .kanban-empty {
    border: 2px dashed #cbd5e1 !important;
    border-radius: 8px !important;
    background-color: #f8fafc !important;
    color: #64748b !important;
}

html[data-theme="light"] .kanban-empty p {
    color: #64748b !important;
}

html[data-theme="light"] .kanban-empty i {
    color: #94a3b8 !important;
    opacity: 0.5 !important;
}

html[data-theme="light"] .kanban-empty .btn-outline-secondary,
html[data-theme="light"] .kanban-empty .btn-outline-success {
    border: 1px solid #cbd5e1 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    background: #ffffff !important;
    background-image: none !important;
}

html[data-theme="light"] .kanban-empty .btn-outline-secondary:hover,
html[data-theme="light"] .kanban-empty .btn-outline-success:hover {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

/* Bouton Nouvelle Séance du header Planning */
html[data-theme="light"] .btn-new-workout,
html[data-theme="light"] button[data-bs-target="#workoutModal"] {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border: 1px solid #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .btn-new-workout:hover,
html[data-theme="light"] button[data-bs-target="#workoutModal"]:hover {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
}

html[data-theme="light"] .btn-new-workout *,
html[data-theme="light"] button[data-bs-target="#workoutModal"] * {
    color: #ffffff !important;
}

/* Boutons de sélection des jours dans la modal */
html[data-theme="light"] .day-pick-btn {
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #334155 !important;
}

html[data-theme="light"] .day-pick-btn:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

html[data-theme="light"] .day-pick-btn.active,
html[data-theme="light"] .day-pick-btn.btn-primary {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

/* Séances non planifiées */
html[data-theme="light"] .card.border-warning {
    border: 1px solid #fde68a !important;
    background: #fffbeb !important;
}

html[data-theme="light"] .card.border-warning .card-header {
    background: #fef3c7 !important;
    color: #92400e !important;
    border-bottom: 1px solid #fde68a !important;
}

html[data-theme="light"] .card.border-warning .card-header .fw-700 {
    color: #92400e !important;
}

html[data-theme="light"] .card.border-warning .btn-outline-warning {
    background: #ffffff !important;
    border: 1px solid #d97706 !important;
    color: #92400e !important;
}

/* Scrollbar du kanban en mode clair */
html[data-theme="light"] .kanban-board {
    scrollbar-color: #cbd5e1 #f8fafc !important;
}

html[data-theme="light"] .kanban-board::-webkit-scrollbar-track {
    background: #f8fafc !important;
}

html[data-theme="light"] .kanban-board::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
}

html[data-theme="light"] .kanban-board::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* ─── 28. COACH EXERCISES (PAGE/COACH/EXERCISES.PHP) ─────────────────────── */

/* 1. Onglets navigation (Bibliothèque, Mes exercices, Créer) */
html[data-theme="light"] #exTabs .nav-link,
html[data-theme="light"] .nav-pills .nav-link {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    border-radius: 2rem !important;
    font-weight: 500 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] #exTabs .nav-link:hover,
html[data-theme="light"] .nav-pills .nav-link:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

html[data-theme="light"] #exTabs .nav-link.active,
html[data-theme="light"] .nav-pills .nav-link.active {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border: 1px solid #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] #exTabs .nav-link.active *,
html[data-theme="light"] .nav-pills .nav-link.active * {
    color: #ffffff !important;
}

html[data-theme="light"] #exTabs .nav-link.active .chip-count,
html[data-theme="light"] .nav-pills .nav-link.active .chip-count {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #exTabs .nav-link .chip-count,
html[data-theme="light"] .nav-pills .nav-link .chip-count {
    background: rgba(15, 23, 42, 0.08) !important;
    color: #475569 !important;
}

/* 2. Chips de filtrage catégories et visibilité */
html[data-theme="light"] .category-filter-btn,
html[data-theme="light"] .preset-category-filter-btn,
html[data-theme="light"] .visibility-filter-btn,
html[data-theme="light"] #resetFiltersBtn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .category-filter-btn:hover,
html[data-theme="light"] .preset-category-filter-btn:hover,
html[data-theme="light"] .visibility-filter-btn:hover,
html[data-theme="light"] #resetFiltersBtn:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .category-filter-btn.active,
html[data-theme="light"] .preset-category-filter-btn.active,
html[data-theme="light"] .visibility-filter-btn.active {
    background: #0f172a !important;
    background-color: #0f172a !important;
    background-image: none !important;
    border: 1px solid #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .category-filter-btn.active *,
html[data-theme="light"] .preset-category-filter-btn.active *,
html[data-theme="light"] .visibility-filter-btn.active * {
    color: #ffffff !important;
}

html[data-theme="light"] .category-filter-btn.active .chip-count,
html[data-theme="light"] .preset-category-filter-btn.active .chip-count {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .category-filter-btn .chip-count,
html[data-theme="light"] .preset-category-filter-btn .chip-count {
    background: rgba(15, 23, 42, 0.08) !important;
    color: #475569 !important;
}

/* Neutralisation du JS legacy qui ajoute btn-info / btn-outline-info */
html[data-theme="light"] .visibility-filter-btn.btn-info.active {
    background: #0f172a !important;
    background-color: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

html[data-theme="light"] .visibility-filter-btn.btn-outline-info,
html[data-theme="light"] .visibility-filter-btn.btn-outline-primary {
    border-color: #cbd5e1 !important;
    color: #334155 !important;
    background: #ffffff !important;
}

/* 3. Cartes d'exercices dans la bibliothèque / presets */
html[data-theme="light"] .exercise-result-card,
html[data-theme="light"] .preset-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .exercise-result-card:hover,
html[data-theme="light"] .preset-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .exercise-result-card h6,
html[data-theme="light"] .preset-card h6 {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* 4. Cartes dans le flux de la séance (colonne droite) */
html[data-theme="light"] .exercise-flow-item .card,
html[data-theme="light"] .exercise-flow-item .card.bg-secondary {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .exercise-flow-item .card .card-body {
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] .exercise-flow-item h6 {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Numéro d'exercice */
html[data-theme="light"] .exercise-number,
html[data-theme="light"] .badge.exercise-number {
    background: #0f172a !important;
    background-color: #0f172a !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Labels Séries, Reps, Repos, Format — SURCHARGE STRICTE de Quartz */
html[data-theme="light"] .exercise-stat-label,
html[data-theme="light"] .exercise-flow-item .text-muted,
html[data-theme="light"] .exercise-flow-item div.text-muted,
html[data-theme="light"] .exercise-flow-item .card.border-secondary .text-muted,
html[data-theme="light"] .exercise-flow-item .card.bg-secondary .text-muted,
html[data-theme="light"] .exercise-flow-item .small.text-muted {
    color: #64748b !important;
    font-weight: 600 !important;
}

/* Valeurs numériques Séries, Reps, Repos */
html[data-theme="light"] .exercise-flow-item strong,
html[data-theme="light"] .exercise-flow-item strong.text-success,
html[data-theme="light"] .exercise-flow-item strong.text-warning,
html[data-theme="light"] .exercise-flow-item strong.text-info,
html[data-theme="light"] .exercise-flow-item .fs-6 {
    color: #0f172a !important;
    font-weight: 800 !important;
}

/* Poignée de drag & drop */
html[data-theme="light"] .exercise-flow-item .drag-handle {
    background: #e2e8f0 !important;
    background-color: #e2e8f0 !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .exercise-flow-item:hover .drag-handle {
    background: #0f172a !important;
    background-color: #0f172a !important;
    color: #ffffff !important;
}

/* Flèche connecteur entre exercices */
html[data-theme="light"] .exercise-connector .bi-arrow-down {
    color: #94a3b8 !important;
}

html[data-theme="light"] .exercise-connector .badge.bg-secondary {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

/* 5. Boutons .btn-outline-light récurrents dans la page */
html[data-theme="light"] .btn-outline-light {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 500 !important;
}

html[data-theme="light"] .btn-outline-light:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .btn-outline-light * {
    color: #334155 !important;
}

html[data-theme="light"] .btn-outline-light:hover * {
    color: #0f172a !important;
}

/* 6. Formulaire de création / édition */
html[data-theme="light"] .form-section {
    border-bottom: 1px dashed #e2e8f0 !important;
}

html[data-theme="light"] .form-section-title {
    color: #475569 !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .sticky-submit-bar {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.04) !important;
}

/* ==========================================================================
   29. FIL D'ARIANE (BREADCRUMBS)
   ========================================================================== */
html[data-theme="light"] .breadcrumb-item a {
    color: #64748b !important;
    text-decoration: none !important;
}
html[data-theme="light"] .breadcrumb-item a:hover {
    color: #0f172a !important;
    text-decoration: underline !important;
}
html[data-theme="light"] .breadcrumb-item.active {
    color: #0f172a !important;
    font-weight: 600 !important;
}
html[data-theme="light"] .breadcrumb-item + .breadcrumb-item::before {
    color: #94a3b8 !important;
}

/* ==========================================================================
   30. FICHE CLIENT COACH (PAGE/COACH/CLIENT.PHP)
   ========================================================================== */
/* Barre sticky d'onglets de navigation */
html[data-theme="light"] .coach-client-section-nav {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-top: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .coach-client-section-nav .nav-link-pill {
    color: #475569 !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .coach-client-section-nav .nav-link-pill:hover,
html[data-theme="light"] .coach-client-section-nav .nav-link-pill:focus {
    color: #0f172a !important;
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .coach-client-section-nav .nav-link-pill.active {
    color: #ffffff !important;
    background: #0f172a !important;
    border-color: #0f172a !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.2) !important;
    font-weight: 600 !important;
}

html[data-theme="light"] .coach-client-section-nav .nav-link-pill.active * {
    color: #ffffff !important;
}

html[data-theme="light"] .coach-client-section-nav .nav-link-pill.active .badge {
    background: #ffffff !important;
    color: #0f172a !important;
}

/* Cartes KPI & Vue 360° */
html[data-theme="light"] #sec-kpi .card,
html[data-theme="light"] #sec-notes .card,
html[data-theme="light"] .hist-program-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    color: #0f172a !important;
}

html[data-theme="light"] #sec-kpi .card .text-white,
html[data-theme="light"] #sec-notes .card .text-white {
    color: #0f172a !important;
}

html[data-theme="light"] #sec-kpi .card .text-muted,
html[data-theme="light"] #sec-notes .card .text-muted {
    color: #64748b !important;
}

html[data-theme="light"] #sec-kpi .card div[style*="background:rgba(255,255,255,0.04)"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #sec-kpi .card div[style*="background:rgba(255,255,255,0.04)"] .text-white {
    color: #0f172a !important;
}

/* Formulaire et en-tête des notes privées */
html[data-theme="light"] #sec-notes .card-header {
    background: transparent !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #sec-notes select[name="note_category"] {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] #sec-notes textarea[name="note_content"] {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] #sec-notes .border-top {
    border-color: #e2e8f0 !important;
}

/* Programmation & plans */
html[data-theme="light"] .programming-shell {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .programming-title {
    color: #0f172a !important;
}

html[data-theme="light"] .programming-item {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .programming-toggle {
    color: #0f172a !important;
}

html[data-theme="light"] .programming-collapse {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .programming-exercise {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .programming-exercise strong {
    color: #0f172a !important;
}

html[data-theme="light"] .programming-actions .btn-primary {
    background: #2563eb !important;
    border-color: #2563eb !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2) !important;
}

html[data-theme="light"] .hist-program-card .list-group-item.text-white {
    color: #0f172a !important;
}

/* ==========================================================================
   31. ADMINISTRATION (PAGE/ADMIN/)
   ========================================================================== */
/* Cartes globales du tableau de bord & des sous-pages admin */
html[data-theme="light"] .admin-card,
html[data-theme="light"] .container-fluid .card[style*="background:rgba(5,21,31"],
html[data-theme="light"] .container-fluid .card[style*="background:rgba(5, 21, 31"] {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .card-header.border-white,
html[data-theme="light"] .card-header.border-opacity-10 {
    border-bottom: 1px solid #e2e8f0 !important;
    background: transparent !important;
}

/* Titres, chiffres et textes blancs dans l'administration */
html[data-theme="light"] .admin-card .text-white,
html[data-theme="light"] .container-fluid .card[style*="background:rgba(5,21,31"] .text-white,
html[data-theme="light"] .container-fluid .card[style*="background:rgba(5, 21, 31"] .text-white,
html[data-theme="light"] .card-header .text-white,
html[data-theme="light"] .card .fw-800.text-white {
    color: #0f172a !important;
}

/* Tables admin (table-dark convertie en table claire moderne) */
html[data-theme="light"] .table-dark {
    background-color: transparent !important;
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .table-dark thead th {
    background-color: #f8fafc !important;
    color: #64748b !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .table-dark td,
html[data-theme="light"] .table-dark th {
    border-color: #f1f5f9 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .table-dark.table-hover tbody tr:hover {
    background-color: #f8fafc !important;
}

html[data-theme="light"] .table-dark td .text-white {
    color: #0f172a !important;
}

/* Formulaires et filtres admin */
html[data-theme="light"] .form-control.bg-secondary,
html[data-theme="light"] .form-select.bg-secondary {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .form-control.bg-secondary:focus,
html[data-theme="light"] .form-select.bg-secondary:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

/* Lignes et conteneurs d'activité / santé */
html[data-theme="light"] .card-body div[style*="background:rgba(255,255,255,0.02)"],
html[data-theme="light"] .card-body div[style*="background:rgba(255,255,255,0.03)"],
html[data-theme="light"] .card-body div[style*="background:rgba(255,255,255,0.04)"] {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .card-body div[style*="background:rgba(255,255,255,0.02)"] .text-white,
html[data-theme="light"] .card-body div[style*="background:rgba(255,255,255,0.03)"] .text-white {
    color: #0f172a !important;
}

/* Barres de progression */
html[data-theme="light"] .progress[style*="background:rgba(255,255,255,0.08)"] {
    background-color: #e2e8f0 !important;
}

/* ==========================================================================
   32. PROGRESSION XP & NIVEAUX (PAGE/PROGRESSION-XP.PHP)
   ========================================================================== */
html[data-theme="light"] .xp-hero {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] .level-badge-xl {
    background: #ffffff !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .xp-hero h2 {
    color: #0f172a !important;
}

html[data-theme="light"] .xp-hero .text-muted {
    color: #64748b !important;
}

html[data-theme="light"] .xp-hero .text-muted strong {
    color: #0f172a !important;
}

html[data-theme="light"] .xp-bar-track {
    background: #e2e8f0 !important;
}

html[data-theme="light"] .xp-hero-limits {
    color: #64748b !important;
    font-weight: 500 !important;
}

html[data-theme="light"] .xp-hero .badge.bg-secondary {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .xp-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] .xp-card h6 {
    color: #0f172a !important;
}

html[data-theme="light"] .xp-history-item .text-white {
    color: #0f172a !important;
    font-weight: 600 !important;
}

html[data-theme="light"] .xp-history-item .text-muted {
    color: #64748b !important;
}

html[data-theme="light"] .leaderboard-row {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .leaderboard-row.is-me {
    background: rgba(255, 138, 0, 0.08) !important;
    border: 1px solid rgba(255, 138, 0, 0.3) !important;
}

html[data-theme="light"] .leaderboard-row .text-white {
    color: #0f172a !important;
}

html[data-theme="light"] .leaderboard-row .text-muted {
    color: #64748b !important;
}

html[data-theme="light"] .level-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .level-card.unlocked {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .level-card.current {
    background: #ffffff !important;
    border-color: var(--lc) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .level-card.locked {
    background: #f1f5f9 !important;
    opacity: 0.65 !important;
}

html[data-theme="light"] .level-card .text-white {
    color: #0f172a !important;
}

html[data-theme="light"] .level-card .text-muted {
    color: #64748b !important;
}


/* ==========================================================================
   33. CORRECTIONS MULTI-COMPOSANTS — THÈME CLAIR
   ========================================================================== */

/* ── Séparateur "ou" / "OU" dans login & register ─────────────────────────── */
html[data-theme="light"] .auth-divider::before {
    background: #e2e8f0 !important;
}

html[data-theme="light"] .auth-divider span {
    background: #ffffff !important;
    color: #64748b !important;
}

/* Divider wz sur la page offres (wizard) */
html[data-theme="light"] .wz-divider {
    color: #94a3b8 !important;
}
html[data-theme="light"] .wz-divider::before,
html[data-theme="light"] .wz-divider::after {
    background: #e2e8f0 !important;
}

/* ── Page Offres (wizard) — textes illisibles ─────────────────────────────── */
html[data-theme="light"] .wz-shell {
    background: #f8fafc !important;
}

html[data-theme="light"] .wz-topbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .wz-logo {
    color: #0f172a !important;
}

html[data-theme="light"] .wz-h1 {
    color: #0f172a !important;
}

html[data-theme="light"] .wz-sub {
    color: #475569 !important;
}

html[data-theme="light"] .wz-eyebrow {
    color: #ff8a00 !important;
}

html[data-theme="light"] .wz-choice {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

html[data-theme="light"] .wz-choice:hover,
html[data-theme="light"] .wz-choice.selected {
    border-color: #ff8a00 !important;
    background: rgba(255,138,0,0.06) !important;
}

html[data-theme="light"] .wz-choice i {
    color: #ff8a00 !important;
}

html[data-theme="light"] .wz-choice small {
    color: #64748b !important;
}

html[data-theme="light"] .wz-back {
    color: #64748b !important;
}

html[data-theme="light"] .wz-back:hover {
    color: #0f172a !important;
}

html[data-theme="light"] .wz-skip {
    color: #94a3b8 !important;
}

html[data-theme="light"] .wz-topbar-actions a {
    color: #64748b !important;
}

html[data-theme="light"] .wz-response-card {
    background: rgba(255,138,0,0.06) !important;
    border-color: rgba(255,138,0,0.25) !important;
    color: #334155 !important;
}

html[data-theme="light"] .wz-progress {
    background: #e2e8f0 !important;
}

html[data-theme="light"] .text-white-50 {
    color: #64748b !important;
}

html[data-theme="light"] .val {
    color: #0f172a !important;
}

html[data-theme="light"] .lbl {
    color: #64748b !important;
}

/* ── Page Caféine (Coffee) — éléments jaune illisibles ───────────────────── */
html[data-theme="light"] {
    --clr-coffee: #b45309;
    --clr-coffee-light: #92400e;
}

html[data-theme="light"] .drink-card {
    background: rgba(180,83,9,0.06) !important;
    border-color: rgba(180,83,9,0.25) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .drink-card:hover,
html[data-theme="light"] .drink-card.selected {
    background: rgba(180,83,9,0.14) !important;
    border-color: #b45309 !important;
}

html[data-theme="light"] .drink-card .drink-name {
    color: #0f172a !important;
}

html[data-theme="light"] .drink-card .drink-mg {
    color: #64748b !important;
    opacity: 1 !important;
}

html[data-theme="light"] .coffee-ring-center {
    color: #0f172a !important;
}

html[data-theme="light"] .text-warning {
    color: #b45309 !important;
}

/* ── Select natifs — forcer rendu OS en mode clair ────────────────────────── */
html[data-theme="light"] .form-select,
html[data-theme="light"] select {
    color-scheme: light !important;
}

/* ── Modal Progress — inputs bg-secondary illisibles ─────────────────────── */
html[data-theme="light"] .modal-content {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .modal-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .modal-header .modal-title,
html[data-theme="light"] .modal-header * {
    color: #0f172a !important;
}

html[data-theme="light"] .modal-body {
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] .modal-footer {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .modal .form-control.bg-secondary,
html[data-theme="light"] .modal .form-control-sm.bg-secondary,
html[data-theme="light"] .modal input.bg-secondary,
html[data-theme="light"] .modal textarea.bg-secondary,
html[data-theme="light"] .modal select.bg-secondary {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .modal .border-secondary {
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .modal .form-check-label.text-warning {
    color: #b45309 !important;
}

html[data-theme="light"] .modal .card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .modal .card-header.bg-primary.bg-opacity-25 {
    background: rgba(15,23,42,0.06) !important;
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .modal .card-header.bg-warning.bg-opacity-25 {
    background: rgba(180,83,9,0.08) !important;
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .modal .card-header.bg-success.bg-opacity-25 {
    background: rgba(21,128,61,0.08) !important;
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .modal .card-header.bg-info.bg-opacity-25 {
    background: rgba(14,165,233,0.08) !important;
    color: #0f172a !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .modal .alert-primary {
    background: rgba(15,23,42,0.06) !important;
    border-color: rgba(15,23,42,0.15) !important;
    color: #0f172a !important;
}

html[data-theme="light"] .modal .card .text-muted,
html[data-theme="light"] .modal .form-label.small.text-muted {
    color: #64748b !important;
}

html[data-theme="light"] .btn-close-white {
    filter: invert(1) grayscale(100%) brightness(0) !important;
}

/* ── Menu desktop — sidebar thème clair ──────────────────────────────────── */
html[data-theme="light"] .sidebar-section-label span {
    color: #94a3b8 !important;
}

html[data-theme="light"] .sidebar-nav {
    background: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .sidebar-nav hr,
html[data-theme="light"] .sidebar-nav .dropdown-divider {
    border-top-color: #e2e8f0 !important;
}

html[data-theme="light"] .sidebar-link {
    color: #334155 !important;
}

html[data-theme="light"] .sidebar-link i {
    color: #475569 !important;
}

html[data-theme="light"] .sidebar-link:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

/* sidebar-link.active → style défini en section 12 (pilule noire, texte blanc) */

html[data-theme="light"] .sidebar-header {
    border-bottom-color: #e2e8f0 !important;
}

html[data-theme="light"] .sidebar-brand {
    color: #0f172a !important;
}

html[data-theme="light"] .sidebar-xp-widget {
    border-top-color: #e2e8f0 !important;
}

html[data-theme="light"] .sidebar-xp-widget .text-white {
    color: #0f172a !important;
}

/* ── Streaks banner & dots en mode clair ─────────────────────────────────── */
html[data-theme="light"] .streak-banner {
    background: rgba(255,138,0,0.08) !important;
    border-color: rgba(255,138,0,0.25) !important;
}

html[data-theme="light"] .streak-day-dot {
    outline-color: rgba(15,23,42,0.4) !important;
}

/* ── Achievements chips ───────────────────────────────────────────────────── */
html[data-theme="light"] .achiev-chip {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

/* ==========================================================================
   35. SWITCHER DE MODE DESKTOP — THÈME CLAIR
   ========================================================================== */

html[data-theme="light"] .sidebar-mode-switcher {
    background: #f1f5f9 !important;
}

html[data-theme="light"] .sidebar-mode-btn {
    background: transparent !important;
    border-color: transparent !important;
    color: #64748b !important;
}

html[data-theme="light"] .sidebar-mode-btn:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] .sidebar-mode-btn.active {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

html[data-theme="light"] .sidebar-mode-btn.admin.active {
    background: #1e293b !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
}

html[data-theme="light"] .sidebar-mode-btn.coach.active {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}


/* ==========================================================================
   34. NAVIGATION MOBILE — THÈME CLAIR
   ========================================================================== */

/* Fond de la barre mobile */
html[data-theme="light"] .mobile-bottom-nav {
    background: rgba(255, 255, 255, 0.97) !important;
    border-top: 1px solid #e2e8f0 !important;
    box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.07) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

/* Séparateur de la barre switcher */
html[data-theme="light"] .mobile-mode-switcher-bar {
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Boutons de mode inactifs (Sportif / Coach / Admin non sélectionné) */
html[data-theme="light"] .mobile-mode-btn {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

html[data-theme="light"] .mobile-mode-btn:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

/* Bouton de mode actif — Sportif & Coach */
html[data-theme="light"] .mobile-mode-btn.active {
    background: rgba(255, 138, 0, 0.12) !important;
    border-color: rgba(255, 138, 0, 0.45) !important;
    color: #cc6f00 !important;
    box-shadow: 0 0 8px rgba(255, 138, 0, 0.15) !important;
}

/* Bouton de mode actif — Admin */
html[data-theme="light"] .mobile-mode-btn.active#btnNavAdmin {
    background: rgba(239, 83, 80, 0.12) !important;
    border-color: rgba(239, 83, 80, 0.45) !important;
    color: #c62828 !important;
    box-shadow: 0 0 8px rgba(239, 83, 80, 0.15) !important;
}

/* Icônes & labels des items de nav mobile */
html[data-theme="light"] .mobile-nav-item {
    color: #94a3b8 !important;
}

html[data-theme="light"] .mobile-nav-item:hover,
html[data-theme="light"] .mobile-nav-item:focus {
    color: #334155 !important;
}

/* Item actif */
html[data-theme="light"] .mobile-nav-item.active {
    color: #cc6f00 !important;
}

html[data-theme="light"] .mobile-nav-item.active i {
    filter: drop-shadow(0 0 5px rgba(255, 138, 0, 0.3)) !important;
}