/* ===========================
   DARK MODE - BASE
   =========================== */
body.dark-mode {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%);
    color: #e4e4e7;
    transition: background 0.3s ease, color 0.3s ease;
}
html.dark-mode {
    color-scheme: dark;
}

/* ===========================
   NAVIGATION
   =========================== */
.dark-mode .navbar {
    background: rgba(30, 30, 46, 0.95) !important;
    border-bottom: 1px solid rgba(99, 102, 241, 0.2) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1030 !important;
}

.dark-mode .navbar-brand,
.dark-mode .nav-link {
    color: #f0f0f0 !important;
    transition: color 0.2s ease;
}

.dark-mode .nav-link:hover {
    color: #818cf8 !important;
}

/* ===========================
   FOOTER
   =========================== */
.dark-mode footer {
    background: linear-gradient(180deg, #1e1e2e 0%, #16162a 100%);
    border-top: 1px solid rgba(99, 102, 241, 0.2);
    color: #d4d4d8;
}

.dark-mode footer a {
    color: #a5b4fc;
    transition: color 0.2s ease;
}

.dark-mode footer a:hover {
    color: #818cf8;
}

/* ===========================
   TEXTE
   =========================== */
.dark-mode .text-muted {
    color: #a1a1aa !important;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
    color: #f0f0f0 !important;
}

.dark-mode p {
    color: #e4e4e7;
}

/* ===========================
   DROPDOWNS
   =========================== */
.dark-mode .dropdown-menu {
    background-color: #252538 !important;
    border: 1px solid rgba(99, 102, 241, 0.3) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4) !important;
    z-index: 1031 !important;
    overflow: visible !important;
    max-height: none !important;
}

.dark-mode .dropdown-item {
    color: #e4e4e7 !important;
    transition: all 0.2s ease;
    background-color: transparent !important;
}

.dark-mode .dropdown-item:hover,
.dark-mode .dropdown-item:focus {
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.15)) !important;
    color: #ffffff !important;
    transform: translateX(4px);
}

/* ===========================
   ALERTS
   =========================== */
.dark-mode .alert-success {
    background: linear-gradient(135deg, #065f46 0%, #047857 100%);
    color: #d1fae5;
    border: 1px solid #10b981;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
}

.dark-mode .alert-danger {
    background: linear-gradient(135deg, #991b1b 0%, #b91c1c 100%);
    color: #fee2e2;
    border: 1px solid #ef4444;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
}

/* ===========================
   FORMULAIRES
   =========================== */
.dark-mode .form-control,
.dark-mode .form-select {
    background-color: #1e1e2e !important;
    color: #e4e4e7 !important;
    border: 1px solid #3f3f55 !important;
    transition: all 0.3s ease;
}

.dark-mode .form-control:focus,
.dark-mode .form-select:focus {
    background-color: #252538 !important;
    color: #ffffff !important;
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.25) !important;
    transform: translateY(-1px);
}

.dark-mode .form-control::placeholder {
    color: #71717a !important;
}

.dark-mode .form-select option {
    background-color: #1e1e2e !important;
    color: #e4e4e7 !important;
}

/* Labels de formulaires */
.dark-mode label,
.dark-mode .form-label,
.dark-mode .col-form-label {
    color: #e4e4e7 !important;
}

/* Labels flottants */
.dark-mode .form-floating > label {
    color: #a1a1aa !important;
}

.dark-mode .form-floating > .form-control:focus ~ label,
.dark-mode .form-floating > .form-control:not(:placeholder-shown) ~ label,
.dark-mode .form-floating > .form-select ~ label {
    color: #818cf8 !important;
}

/* Texte d'aide */
.dark-mode .form-text,
.dark-mode .small,
.dark-mode small {
    color: #a1a1aa !important;
}

/* Checkbox et Radio */
.dark-mode .form-check-label {
    color: #e4e4e7 !important;
}

.dark-mode .form-check-input {
    background-color: #1e1e2e;
    border-color: #3f3f55;
}

.dark-mode .form-check-input:checked {
    background-color: #6366f1;
    border-color: #6366f1;
}

/* Legends */
.dark-mode legend,
.dark-mode fieldset label {
    color: #e4e4e7 !important;
}

/* Input group */
.dark-mode .input-group-text {
    background-color: #252538;
    color: #e4e4e7;
    border-color: #3f3f55;
}

/* Messages de validation */
.dark-mode .invalid-feedback,
.dark-mode .valid-feedback {
    color: #e4e4e7 !important;
}

.dark-mode .is-invalid {
    border-color: #ef4444 !important;
}

.dark-mode .is-valid {
    border-color: #10b981 !important;
}

/* ===========================
   TABLEAUX
   =========================== */
.dark-mode .table {
    color: #e4e4e7 !important;
    border-color: #3f3f55;
}

.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(99, 102, 241, 0.05);
}

.dark-mode .table thead th {
    background-color: #252538 !important;
    border-color: #3f3f55;
    color: #a5b4fc !important;
}

.dark-mode .table tbody tr {
}

.dark-mode .table tbody tr:hover {
    background-color: rgba(99, 102, 241, 0.1);
}

.dark-mode .table td,
.dark-mode .table th {
    border-color: #3f3f55;
}

/* ===========================
   CARDS
   =========================== */
.dark-mode .card {
    background: linear-gradient(135deg, #1e1e2e 0%, #252538 100%) !important;
    border: 1px solid rgba(99, 102, 241, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

.dark-mode .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.2);
}

.dark-mode .card-body {
    color: #e4e4e7;
}


/* ===========================
   BOUTONS
   =========================== */
.dark-mode .btn-primary {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    border: none;
    transition: all 0.3s ease;
}

.dark-mode .btn-primary:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(99, 102, 241, 0.3);
}

.dark-mode .btn-outline-primary {
    color: #818cf8;
    border-color: #6366f1;
}

.dark-mode .btn-outline-primary:hover {
    background-color: #6366f1;
    color: #ffffff;
}

/* ===========================
   LOGOS
   =========================== */
.dark-mode .dark-logo {
    display: inline-block;
    filter: drop-shadow(0 0 8px rgba(99, 102, 241, 0.3));
}

.dark-mode .light-logo {
    display: none;
}

/* ===========================
   BACKGROUND
   =========================== */
.dark-mode .home-background {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    min-height: 500px;
    /* Supprime opacity et filtre ici */
}

/* Applique l'effet seulement sur le fond via pseudo-élément */
.dark-mode .home-background::before {
    content: '';
    position: absolute;
    inset: 0;
    background: inherit;
    opacity: 0.15;
    filter: brightness(0.7) contrast(1.2);
    z-index: 0;
}

/* Assure que le contenu reste au-dessus */
.dark-mode .home-background > * {
    position: relative;
    z-index: 1;
}

/* ===========================
   TABLEAUX - DARK MODE
   =========================== */

/* Table principale */
.dark-mode .bordered-table {
    background: #1e1e2e;
    border-color: #3f3f55;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* Cellules */
.dark-mode .bordered-table th,
.dark-mode .bordered-table td {
    color: #e4e4e7;
    border-color: #3f3f55;
}

/* En-tête */
.dark-mode .bordered-table thead {
    background: linear-gradient(180deg, #252538 0%, #1e1e2e 100%);
}

.dark-mode .bordered-table thead th {
    color: #a5b4fc;
    border-bottom: 2px solid #6366f1;
}

/* Lignes */
.dark-mode .bordered-table tbody tr {
    background-color: #1e1e2e;
}

.dark-mode .bordered-table tbody tr:hover {
    background-color: rgba(99, 102, 241, 0.12);
}
.dark-mode .custom-table {
    background-color: #1e1e2e;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.dark-mode .custom-table th,
.dark-mode .custom-table td {
    color: #e4e4e7;
    border-color: #3f3f55;
}
.dark-mode table {
    background-color: #1e1e2e;
    color: #e4e4e7;
}

.dark-mode table th {
    color: #a5b4fc;
}

/* ===========================
   LISTES SANS SCROLL
   =========================== */

/* Listes générales */
.dark-mode ul,
.dark-mode ol {
    color: #e4e4e7 !important;
    overflow: visible !important;
    max-height: none !important;
}

.dark-mode li {
    color: #e4e4e7 !important;
}

/* List groups Bootstrap */
.dark-mode .list-group {
    background-color: transparent !important;
    overflow: visible !important;
    max-height: none !important;
}

.dark-mode .list-group-item {
    background-color: #1e1e2e !important;
    color: #e4e4e7 !important;
    border: 1px solid #3f3f55 !important;
    transition: all 0.3s ease;
}

.dark-mode .list-group-item:hover {
    background-color: #252538 !important;
    border-color: #6366f1 !important;
}

.dark-mode .list-group-item.active {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
}

.dark-mode .list-group-item-action:hover {
    background-color: rgba(99, 102, 241, 0.1) !important;
}

/* ===========================
   ACCORDIONS
   =========================== */
.dark-mode .accordion {
    background-color: transparent !important;
    overflow: visible !important;
}

.dark-mode .accordion-item {
    background-color: #1e1e2e !important;
    border: 1px solid #3f3f55 !important;
    color: #e4e4e7 !important;
}

.dark-mode .accordion-button {
    background-color: #252538 !important;
    color: #e4e4e7 !important;
    border: none;
}

.dark-mode .accordion-button:not(.collapsed) {
    background-color: rgba(99, 102, 241, 0.15) !important;
    color: #818cf8 !important;
}

.dark-mode .accordion-button:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.25) !important;
}

.dark-mode .accordion-body {
    background-color: #1e1e2e !important;
    color: #e4e4e7 !important;
    overflow: visible !important;
    max-height: none !important;
}

/* ===========================
   NAV TABS & PILLS
   =========================== */
.dark-mode .nav-tabs {
    border-bottom: 1px solid #3f3f55;
}

.dark-mode .nav-tabs .nav-link {
    color: #e4e4e7 !important;
    background-color: transparent !important;
    border: 1px solid transparent;
}

.dark-mode .nav-tabs .nav-link:hover {
    color: #818cf8 !important;
    border-color: #3f3f55;
}

.dark-mode .nav-tabs .nav-link.active {
    color: #ffffff !important;
    background-color: #252538 !important;
    border-color: #3f3f55 #3f3f55 transparent;
}

.dark-mode .nav-pills .nav-link {
    color: #a1a1aa !important;
}

.dark-mode .nav-pills .nav-link.active {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    color: #ffffff !important;
}

/* ===========================
   BREADCRUMBS
   =========================== */
.dark-mode .breadcrumb {
    background-color: #1e1e2e;
    border: 1px solid #3f3f55;
}

.dark-mode .breadcrumb-item {
    color: #a1a1aa !important;
}

.dark-mode .breadcrumb-item.active {
    color: #e4e4e7 !important;
}

.dark-mode .breadcrumb-item + .breadcrumb-item::before {
    color: #71717a !important;
}

.dark-mode .breadcrumb-item a {
    color: #818cf8 !important;
}

.dark-mode .breadcrumb-item a:hover {
    color: #a5b4fc !important;
}

/* ===========================
   POPOVER & TOOLTIPS
   =========================== */
.dark-mode .popover {
    background-color: #252538;
    border: 1px solid #3f3f55;
}

.dark-mode .popover-header {
    background-color: rgba(99, 102, 241, 0.15);
    color: #e4e4e7;
    border-bottom: 1px solid #3f3f55;
}

.dark-mode .popover-body {
    color: #e4e4e7;
}

.dark-mode .tooltip-inner {
    background-color: #252538;
    color: #e4e4e7;
}

/* ===========================
   MODALS
   =========================== */
.dark-mode .modal-content {
    background-color: #1e1e2e !important;
    border: 1px solid #3f3f55;
    color: #e4e4e7;
}

.dark-mode .modal-header {
    background-color: #252538 !important;
    border-bottom: 1px solid #3f3f55;
    color: #e4e4e7;
}

.dark-mode .modal-footer {
    background-color: #252538 !important;
    border-top: 1px solid #3f3f55;
}

.dark-mode .modal-title {
    color: #e4e4e7 !important;
}

.dark-mode .modal-body {
    color: #e4e4e7;
    overflow-y: auto !important;
    max-height: 70vh !important;
}

.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* ===========================
   OFFCANVAS
   =========================== */
.dark-mode .offcanvas {
    background-color: #1e1e2e;
    color: #e4e4e7;
}

.dark-mode .offcanvas-header {
    border-bottom: 1px solid #3f3f55;
}

.dark-mode .offcanvas-title {
    color: #e4e4e7;
}

.dark-mode .offcanvas-body {
    overflow-y: auto !important;
}

/* ===========================
   PROGRESS BARS
   =========================== */
.dark-mode .progress {
    background-color: #252538;
    border: 1px solid #3f3f55;
}

.dark-mode .progress-bar {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}

/* ===========================
   SPINNERS
   =========================== */
.dark-mode .spinner-border,
.dark-mode .spinner-grow {
    color: #818cf8;
}

/* ===========================
   TOAST NOTIFICATIONS
   =========================== */
.dark-mode .toast {
    background-color: #1e1e2e;
    border: 1px solid #3f3f55;
    color: #e4e4e7;
}

.dark-mode .toast-header {
    background-color: #252538;
    border-bottom: 1px solid #3f3f55;
    color: #e4e4e7;
}

.dark-mode .toast-body {
    color: #e4e4e7;
}

/* ===========================
   BADGES
   =========================== */
.dark-mode .badge {
    background-color: #252538;
    color: #e4e4e7;
    border: 1px solid #3f3f55;
}

.dark-mode .badge.bg-primary {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border: none;
}

.dark-mode .badge.bg-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none;
}

.dark-mode .badge.bg-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    border: none;
}

.dark-mode .badge.bg-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border: none;
}

/* ===========================
   PAGINATION
   =========================== */
.dark-mode .pagination {
    gap: 0.5rem;
}

.dark-mode .page-link {
    background-color: #1e1e2e !important;
    border: 1px solid #3f3f55 !important;
    color: #e4e4e7 !important;
}

.dark-mode .page-link:hover {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border-color: #6366f1 !important;
    color: #ffffff !important;
}

.dark-mode .page-item.active .page-link {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border-color: #6366f1 !important;
}

.dark-mode .page-item.disabled .page-link {
    background-color: #252538 !important;
    border-color: #3f3f55 !important;
    color: #71717a !important;
}

/* ===========================
   CLASSES MODERNES (cmd-*) - DARK MODE
   =========================== */

/* Barre d'outils */
.dark-mode .cmd-toolbar {
    background: transparent;
}

/* Champ de recherche */
.dark-mode .cmd-search-wrap .mud-input-root,
.dark-mode .cmd-filter-wrap .mud-input-root {
    background: #252538 !important;
    border-radius: 8px !important;
    border: none !important;
    color: #e4e4e7 !important;
}

.dark-mode .cmd-search-wrap .mud-input-root:hover,
.dark-mode .cmd-filter-wrap .mud-input-root:hover {
    background: #2e2e44 !important;
}

.dark-mode .cmd-search-wrap .mud-input-root .mud-icon-root,
.dark-mode .cmd-filter-wrap .mud-input-root .mud-icon-root {
    color: #a1a1aa !important;
}

/* Labels flottants */
.dark-mode .cmd-filter-wrap .mud-input-label {
    color: #a1a1aa !important;
}

/* Tableau moderne */
.dark-mode .cmd-table-wrap {
    background: #1e1e2e;
    border: 0.5px solid #3f3f55;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.dark-mode .cmd-table-wrap .mud-table {
    background: transparent;
}

/* En-têtes */
.dark-mode .cmd-table-wrap thead tr {
    background: #252538 !important;
}

.dark-mode .cmd-table-wrap th {
    color: #a5b4fc !important;
    border-bottom: 0.5px solid #3f3f55 !important;
}

/* Cellules */
.dark-mode .cmd-table-wrap td {
    color: #e4e4e7 !important;
    border-bottom: 0.5px solid #2a2a3c !important;
}

.dark-mode .cmd-table-wrap tbody tr:hover td {
    background: rgba(99, 102, 241, 0.08) !important;
}

/* Avatar */
.dark-mode .cmd-avatar {
    background: #1e1e2e;
    color: #818cf8;
    border: 1px solid #3f3f55;
}

.dark-mode .cmd-client-name {
    color: #f0f0f0 !important;
}

.dark-mode .cmd-created-by {
    color: #71717a !important;
}

/* Dates */
.dark-mode .cmd-date-main {
    color: #e4e4e7 !important;
}

.dark-mode .cmd-date-time {
    color: #71717a !important;
}

/* Numéro */
.dark-mode .cmd-numero {
    color: #e4e4e7 !important;
}

/* Produits */
.dark-mode .cmd-products li {
    color: #a1a1aa !important;
}

.dark-mode .cmd-products .free-tag {
    color: #34d399 !important;
}

/* Total */
.dark-mode .cmd-total {
    color: #e4e4e7 !important;
}

/* Badges */
.dark-mode .cmd-badge-blue {
    background: rgba(99, 102, 241, 0.2) !important;
    color: #a5b4fc !important;
}

.dark-mode .cmd-badge-green {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #34d399 !important;
}

.dark-mode .cmd-badge-gray {
    background: rgba(100, 100, 120, 0.3) !important;
    color: #d4d4d8 !important;
}

.dark-mode .cmd-badge-amber {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #fbbf24 !important;
}

.dark-mode .cmd-badge-purple {
    background: rgba(139, 92, 246, 0.2) !important;
    color: #c4b5fd !important;
}

/* Boutons d'action */
.dark-mode .cmd-actions .mud-icon-button {
    border: 0.5px solid #3f3f55 !important;
    color: #a1a1aa !important;
}

.dark-mode .cmd-actions .mud-icon-button:hover {
    background: #252538 !important;
    color: #e4e4e7 !important;
    border-color: #6366f1 !important;
}

.dark-mode .cmd-actions .cmd-btn-danger:hover {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #f87171 !important;
    border-color: #ef4444 !important;
}

.dark-mode .cmd-pending {
    color: #71717a !important;
}

/* Pagination dans les tables modernes */
.dark-mode .cmd-table-wrap .mud-table-pagination {
    border-top: 0.5px solid #3f3f55 !important;
    color: #a1a1aa !important;
}

/* Progress bar dans les tableaux (dashboard) */
.dark-mode .cmd-table-wrap .mud-progress-linear {
    background-color: #252538;
}
.dark-mode .cmd-table-wrap .mud-progress-linear-bar {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}
/* ===========================
   VUES MODERNISÉES (Create, Edit, Delete, Details)
   =========================== */

/* Cartes */
.dark-mode .card {
    background: linear-gradient(135deg, #1e1e2e 0%, #252538 100%) !important;
    border: 1px solid rgba(99, 102, 241, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.dark-mode .card-header {
    background: linear-gradient(135deg, #252538 0%, #1e1e2e 100%) !important;
    border-bottom: 1px solid rgba(99, 102, 241, 0.3) !important;
    color: #ffffff !important;
}

.dark-mode .card-header h1,
.dark-mode .card-header h2,
.dark-mode .card-header h3,
.dark-mode .card-header h4,
.dark-mode .card-header h5,
.dark-mode .card-header p,
.dark-mode .card-header small,
.dark-mode .card-header span,
.dark-mode .card-header .text-muted {
    color: #e4e4e7 !important;
}

.dark-mode .card-footer {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border-top: 1px solid rgba(99, 102, 241, 0.3) !important;
    color: #e4e4e7 !important;
}

.dark-mode .card-footer * {
    color: #e4e4e7 !important;
}

.dark-mode .card-footer a {
    color: #818cf8 !important;
}

.dark-mode .card-footer a:hover {
    color: #a5b4fc !important;
}
/* Titres et icônes */
.dark-mode .bg-light {
    background-color: #252538 !important;
}

.dark-mode .rounded-circle.bg-light {
    background-color: #2a2a3c !important;
    border: 1px solid #3f3f55;
}

.dark-mode .text-dark {
    color: #878080 !important;
}

.dark-mode .border-bottom {
    border-bottom-color: #3f3f55 !important;
}

/* Groupes d'informations (détails) */
.dark-mode .info-group .text-muted {
    color: #a1a1aa !important;
}

.dark-mode .info-group .fw-semibold {
    color: #f0f0f0 !important;
}

/* Formulaires flottants */
.dark-mode .form-floating > label {
    color: #a1a1aa !important;
}

.dark-mode .form-floating > .form-control:focus ~ label,
.dark-mode .form-floating > .form-control:not(:placeholder-shown) ~ label,
.dark-mode .form-floating > .form-select ~ label {
    color: #818cf8 !important;
}

.dark-mode .form-control,
.dark-mode .form-select,
.dark-mode textarea.form-control {
    background-color: #1e1e2e !important;
    color: #e4e4e7 !important;
    border: 1px solid #3f3f55 !important;
}

.dark-mode .form-control:focus,
.dark-mode .form-select:focus,
.dark-mode textarea.form-control:focus {
    background-color: #252538 !important;
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.25) !important;
    color: #ffffff !important;
}

.dark-mode .form-text {
    color: #71717a !important;
}

.dark-mode .form-label {
    color: #e4e4e7 !important;
}

/* Alertes */
.dark-mode .alert-danger {
    background: linear-gradient(135deg, #7f1a1a 0%, #991b1b 100%);
    color: #fee2e2;
    border: 1px solid #ef4444;
}

.dark-mode .alert-info {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    color: #dbeafe;
    border: 1px solid #3b82f6;
}

/* Boutons (déjà partiellement définis, mais complément) */
.dark-mode .btn-outline-secondary {
    color: #a1a1aa;
    border-color: #3f3f55;
}

.dark-mode .btn-outline-secondary:hover {
    background-color: #3f3f55;
    color: #ffffff;
}

.dark-mode .btn-danger {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    border: none;
}

.dark-mode .btn-danger:hover {
    background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(220, 38, 38, 0.3);
}

.dark-mode .btn-primary {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}

.dark-mode .btn-primary:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
}

/* Tableaux modernes (pour les détails) */
.dark-mode .table {
    color: #e4e4e7;
}

.dark-mode .table-light {
    background-color: #252538 !important;
    color: #a5b4fc !important;
}

.dark-mode .table-hover tbody tr:hover {
    background-color: rgba(99, 102, 241, 0.1);
}

/* Listes non ordonnées */
.dark-mode .list-unstyled li {
    color: #e4e4e7;
}

/* Modals (pour les confirmations, etc.) */
.dark-mode .modal-content {
    background-color: #1e1e2e;
    border: 1px solid #3f3f55;
}

.dark-mode .modal-header,
.dark-mode .modal-footer {
    border-color: #3f3f55;
}

.dark-mode .modal-title {
    color: #e4e4e7;
}

.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}
/* ===========================
   LOGIN PAGE — MODE SOMBRE
   Réagit automatiquement à html.dark-mode (géré par le bouton toggle du layout)
   À coller dans site.dark.css à la suite du CSS existant
   =========================== */

html.dark-mode .login-wrap {
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);
    border: 0.5px solid rgba(255, 255, 255, 0.07);
}

/* Panneau droit */
html.dark-mode .login-right {
    background: #12121f;
}

/* Titres */
html.dark-mode .form-heading {
    color: #f1f0ff;
}

html.dark-mode .form-sub {
    color: rgba(255, 255, 255, 0.35);
}

/* Labels */
html.dark-mode .field-label {
    color: rgba(255, 255, 255, 0.4);
}

/* Inputs */
html.dark-mode .field-input {
    background: #1e1e30;
    border-color: rgba(255, 255, 255, 0.1);
    color: #e8e7ff;
}

html.dark-mode .field-input::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

html.dark-mode .field-input:focus {
    border-color: #7c6fff;
    box-shadow: 0 0 0 3px rgba(99, 82, 255, 0.2);
}

/* Toggle mot de passe */
html.dark-mode .pw-toggle {
    color: rgba(255, 255, 255, 0.3);
}

html.dark-mode .pw-toggle:hover {
    color: rgba(255, 255, 255, 0.6);
}

/* Checkbox */
html.dark-mode .remember-row label {
    color: rgba(255, 255, 255, 0.4);
}

html.dark-mode .remember-row input[type="checkbox"] {
    accent-color: #7c6fff;
}

/* Bouton submit */
html.dark-mode .submit-btn {
    background: #6352ff;
    box-shadow: 0 4px 16px rgba(99, 82, 255, 0.3);
}

html.dark-mode .submit-btn:hover {
    background: #7467ff;
    box-shadow: 0 6px 20px rgba(99, 82, 255, 0.4);
}

html.dark-mode .submit-btn:active {
    background: #5243e0;
    transform: scale(0.99);
}

/* Divider */
html.dark-mode .divider-line {
    background: rgba(255, 255, 255, 0.08);
}

html.dark-mode .divider span {
    color: rgba(255, 255, 255, 0.25);
}

/* Liens */
html.dark-mode .links-row a {
    color: #9d91ff;
}

html.dark-mode .links-row a:hover {
    color: #b8afff;
}

/* Messages d'erreur ASP.NET Identity */
html.dark-mode .text-danger {
    color: #f09595;
}

html.dark-mode .validation-summary-errors ul {
    background: rgba(242, 74, 74, 0.1);
    border: 0.5px solid rgba(242, 74, 74, 0.3);
    border-radius: 8px;
    padding: 10px 14px;
    color: #f09595;
    font-size: 13px;
}