/* MODE SOMBRE - DASHBOARD COMPLET */
/* ============================================ */

/* Force dark mode on html and body */
html.dark-mode,
html[data-theme="dark"],
.dark-mode,
[data-theme="dark"] {
    background: #0a0a0a !important;
}

html.dark-mode body,
html[data-theme="dark"] body,
.dark-mode body,
[data-theme="dark"] body,
body.dark-mode,
body[data-theme="dark"] {
    background: #0a0a0a !important;
    color: #E5E5E5 !important;
}

.dark-mode body.dashboard-page,
[data-theme="dark"] body.dashboard-page,
body.dashboard-page.dark-mode,
html.dark-mode body.dashboard-page,
html[data-theme="dark"] body.dashboard-page {
    background: #0a0a0a !important;
    color: #E5E5E5 !important;
}

/* Background principal - FORCER noir pur */
.dark-mode .dashboard-main,
[data-theme="dark"] .dashboard-main,
html.dark-mode .dashboard-main,
html[data-theme="dark"] .dashboard-main {
    background: #0a0a0a !important;
    background-image: none !important;
}

/* Section photo de profil */
.dark-mode .profile-picture-section,
[data-theme="dark"] .profile-picture-section,
html.dark-mode .profile-picture-section,
html[data-theme="dark"] .profile-picture-section {
    background: #252525 !important;
}

/* Scrollbar mode sombre */
.dark-mode body.dashboard-page,
.dark-mode body.dashboard-page *,
[data-theme="dark"] body.dashboard-page,
[data-theme="dark"] body.dashboard-page * {
    scrollbar-color: #444 #1a1a1a !important;
}

.dark-mode body.dashboard-page::-webkit-scrollbar-track,
[data-theme="dark"] body.dashboard-page::-webkit-scrollbar-track {
    background: #1a1a1a !important;
}

.dark-mode body.dashboard-page::-webkit-scrollbar-thumb,
[data-theme="dark"] body.dashboard-page::-webkit-scrollbar-thumb {
    background: #444 !important;
    border-color: #1a1a1a !important;
}

/* Onglets */
.dark-mode .tabs-container,
[data-theme="dark"] .tabs-container {
    background: #151515 !important;
    border-bottom-color: #333 !important;
    box-shadow: none !important;
}

.dark-mode .tab,
[data-theme="dark"] .tab {
    color: #D0D0D0 !important;
}

.dark-mode .tab:hover,
[data-theme="dark"] .tab:hover {
    color: #F5D86A !important;
    background: rgba(228, 192, 74, 0.1) !important;
}

.dark-mode .tab.active,
[data-theme="dark"] .tab.active {
    color: #F5D86A !important;
    border-bottom-color: #E4C04A !important;
    background: linear-gradient(180deg, rgba(228, 192, 74, 0.15), transparent) !important;
}

/* Cartes et sections */
.dark-mode .section,
.dark-mode .card-lovable,
.dark-mode .stat-card,
.dark-mode .location-card,
.dark-mode .intervention-card,
.dark-mode .partner-shop-card,
.dark-mode .security-action-card,
.dark-mode .quick-action-card,
.dark-mode .activity-feed,
.dark-mode .document-upload-card,
.dark-mode .admin-section-container,
.dark-mode .admin-stat-card,
.dark-mode .admin-table-container,
[data-theme="dark"] .section,
[data-theme="dark"] .card-lovable,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .location-card,
[data-theme="dark"] .intervention-card,
[data-theme="dark"] .partner-shop-card,
[data-theme="dark"] .security-action-card,
[data-theme="dark"] .quick-action-card,
[data-theme="dark"] .activity-feed,
[data-theme="dark"] .document-upload-card,
[data-theme="dark"] .admin-section-container,
[data-theme="dark"] .admin-stat-card,
[data-theme="dark"] .admin-table-container {
    background: #1a1a1a !important;
    border-color: #333 !important;
}

.dark-mode .section::before,
[data-theme="dark"] .section::before {
    background: linear-gradient(90deg, #E4C04A, #FF9D5C) !important;
}

/* Titres et textes */
.dark-mode .section-title,
.dark-mode .card-title-lovable,
.dark-mode .location-model-name,
.dark-mode .intervention-title,
.dark-mode .partner-shop-name,
.dark-mode .profile-section-title,
.dark-mode .security-action-content h4,
.dark-mode .quick-action-content h4,
.dark-mode .activity-feed-title,
.dark-mode .document-upload-content h4,
.dark-mode .admin-stat-value,
.dark-mode .admin-vehicle-name,
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6,
[data-theme="dark"] .section-title,
[data-theme="dark"] .card-title-lovable,
[data-theme="dark"] .location-model-name,
[data-theme="dark"] .intervention-title,
[data-theme="dark"] .partner-shop-name,
[data-theme="dark"] .profile-section-title,
[data-theme="dark"] .security-action-content h4,
[data-theme="dark"] .quick-action-content h4,
[data-theme="dark"] .activity-feed-title,
[data-theme="dark"] .document-upload-content h4,
[data-theme="dark"] .admin-stat-value,
[data-theme="dark"] .admin-vehicle-name,
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 {
    color: #F5F5F5 !important;
    -webkit-text-fill-color: #F5F5F5 !important;
}

.dark-mode .stat-value,
[data-theme="dark"] .stat-value {
    background: linear-gradient(135deg, #F5F5F5, #E4C04A) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Textes secondaires - AMELIORE pour contraste WCAG AA (ratio 5.5:1) */
.dark-mode .stat-label,
.dark-mode .location-reference,
.dark-mode .location-info-label,
.dark-mode .intervention-description,
.dark-mode .security-action-content p,
.dark-mode .quick-action-content p,
.dark-mode .activity-time,
.dark-mode .document-upload-content p,
.dark-mode .admin-stat-label,
.dark-mode .info-item label,
.dark-mode p,
[data-theme="dark"] .stat-label,
[data-theme="dark"] .location-reference,
[data-theme="dark"] .location-info-label,
[data-theme="dark"] .intervention-description,
[data-theme="dark"] .security-action-content p,
[data-theme="dark"] .quick-action-content p,
[data-theme="dark"] .activity-time,
[data-theme="dark"] .document-upload-content p,
[data-theme="dark"] .admin-stat-label,
[data-theme="dark"] .info-item label,
[data-theme="dark"] p {
    color: #D0D0D0 !important;
}

/* Valeurs d'info */
.dark-mode .location-info-value,
.dark-mode .info-item p,
.dark-mode .activity-text,
[data-theme="dark"] .location-info-value,
[data-theme="dark"] .info-item p,
[data-theme="dark"] .activity-text {
    color: #E0E0E0 !important;
}

/* Bordures */
.dark-mode .section-header,
.dark-mode .location-card-header,
.dark-mode .location-card-footer,
.dark-mode .intervention-card-header,
.dark-mode .card-header-lovable,
.dark-mode .profile-section,
.dark-mode .activity-feed-header,
.dark-mode .activity-item,
[data-theme="dark"] .section-header,
[data-theme="dark"] .location-card-header,
[data-theme="dark"] .location-card-footer,
[data-theme="dark"] .intervention-card-header,
[data-theme="dark"] .card-header-lovable,
[data-theme="dark"] .profile-section,
[data-theme="dark"] .activity-feed-header,
[data-theme="dark"] .activity-item {
    border-color: #333 !important;
}

/* Formulaires - TOUS les inputs */
html.dark-mode input,
html.dark-mode select,
html.dark-mode textarea,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
.dark-mode input,
.dark-mode select,
.dark-mode textarea,
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea,
.dark-mode .dashboard-page input[type="text"],
.dark-mode .dashboard-page input[type="email"],
.dark-mode .dashboard-page input[type="tel"],
.dark-mode .dashboard-page input[type="password"],
.dark-mode .dashboard-page input[type="number"],
.dark-mode .dashboard-page input[type="date"],
.dark-mode .dashboard-page input[type="url"],
.dark-mode .dashboard-page input[type="search"],
.dark-mode .dashboard-page select,
.dark-mode .dashboard-page textarea,
.dark-mode .admin-search-bar input,
.dark-mode .admin-search-bar select,
.dark-mode .city-selector,
[data-theme="dark"] .dashboard-page input[type="text"],
[data-theme="dark"] .dashboard-page input[type="email"],
[data-theme="dark"] .dashboard-page input[type="tel"],
[data-theme="dark"] .dashboard-page input[type="password"],
[data-theme="dark"] .dashboard-page input[type="number"],
[data-theme="dark"] .dashboard-page input[type="date"],
[data-theme="dark"] .dashboard-page input[type="url"],
[data-theme="dark"] .dashboard-page input[type="search"],
[data-theme="dark"] .dashboard-page select,
[data-theme="dark"] .dashboard-page textarea,
[data-theme="dark"] .admin-search-bar input,
[data-theme="dark"] .admin-search-bar select,
[data-theme="dark"] .city-selector {
    background: #252525 !important;
    border-color: #404040 !important;
    color: #E5E5E5 !important;
}

.dark-mode .dashboard-page input::placeholder,
.dark-mode .dashboard-page textarea::placeholder,
.dark-mode .admin-search-bar input::placeholder,
[data-theme="dark"] .dashboard-page input::placeholder,
[data-theme="dark"] .dashboard-page textarea::placeholder,
[data-theme="dark"] .admin-search-bar input::placeholder {
    color: #B0B0B0 !important;
}

.dark-mode .dashboard-page input:focus,
.dark-mode .dashboard-page select:focus,
.dark-mode .dashboard-page textarea:focus,
[data-theme="dark"] .dashboard-page input:focus,
[data-theme="dark"] .dashboard-page select:focus,
[data-theme="dark"] .dashboard-page textarea:focus {
    border-color: #E4C04A !important;
    box-shadow: 0 0 0 4px rgba(228, 192, 74, 0.2) !important;
}

.dark-mode .dashboard-page input[readonly],
[data-theme="dark"] .dashboard-page input[readonly] {
    background: #1a1a1a !important;
    color: #A0A0A0 !important;
}

/* Labels */
.dark-mode .dashboard-page label,
.dark-mode .dashboard-page .form-group label,
[data-theme="dark"] .dashboard-page label,
[data-theme="dark"] .dashboard-page .form-group label {
    color: #D0D0D0 !important;
}

/* Boutons outline */
.dark-mode .btn-outline-lovable,
.dark-mode .shop-type-btn,
[data-theme="dark"] .btn-outline-lovable,
[data-theme="dark"] .shop-type-btn {
    background: transparent !important;
    border-color: #505050 !important;
    color: #D0D0D0 !important;
}

.dark-mode .btn-outline-lovable:hover,
.dark-mode .shop-type-btn:hover,
[data-theme="dark"] .btn-outline-lovable:hover,
[data-theme="dark"] .shop-type-btn:hover {
    background: rgba(228, 192, 74, 0.15) !important;
    border-color: #E4C04A !important;
    color: #F5D86A !important;
}

.dark-mode .shop-type-btn.active,
[data-theme="dark"] .shop-type-btn.active {
    background: linear-gradient(135deg, #E4C04A, #FF9D5C) !important;
    border-color: #E4C04A !important;
    color: #1a1a1a !important;
}

/* Boutons secondary */
.dark-mode .btn-secondary-lovable,
[data-theme="dark"] .btn-secondary-lovable {
    background: #2a2a2a !important;
    color: #E0E0E0 !important;
}

.dark-mode .btn-secondary-lovable:hover,
[data-theme="dark"] .btn-secondary-lovable:hover {
    background: #3a3a3a !important;
    color: #E0E0E0 !important;
}

/* Modales */
.dark-mode .modal .modal-content,
.dark-mode .dashboard-page .modal .modal-content,
[data-theme="dark"] .modal .modal-content,
[data-theme="dark"] .dashboard-page .modal .modal-content {
    background: #1e1e1e !important;
    border: 1px solid #333 !important;
}

.dark-mode .modal .modal-header,
.dark-mode .dashboard-page .modal .modal-header,
[data-theme="dark"] .modal .modal-header,
[data-theme="dark"] .dashboard-page .modal .modal-header {
    background: linear-gradient(135deg, rgba(228, 192, 74, 0.1), rgba(255, 157, 92, 0.1)) !important;
    border-bottom-color: #333 !important;
}

.dark-mode .modal .modal-header h2,
.dark-mode .dashboard-page .modal .modal-header h2,
[data-theme="dark"] .modal .modal-header h2,
[data-theme="dark"] .dashboard-page .modal .modal-header h2 {
    color: #F5F5F5 !important;
}

.dark-mode .modal .modal-close,
[data-theme="dark"] .modal .modal-close {
    color: #C0C0C0 !important;
}

.dark-mode .modal .modal-close:hover,
[data-theme="dark"] .modal .modal-close:hover {
    background: #333 !important;
    color: #F5F5F5 !important;
}

.dark-mode .modal .form-actions,
.dark-mode .dashboard-page .modal .form-actions,
[data-theme="dark"] .modal .form-actions,
[data-theme="dark"] .dashboard-page .modal .form-actions {
    border-top-color: #333 !important;
}

/* Tables admin */
.dark-mode .admin-table td,
[data-theme="dark"] .admin-table td {
    color: #D0D0D0 !important;
    border-bottom-color: #333 !important;
}

.dark-mode .admin-table tbody tr:hover,
[data-theme="dark"] .admin-table tbody tr:hover {
    background: rgba(228, 192, 74, 0.08) !important;
}

/* Empty states */
.dark-mode .empty-state-lovable,
.dark-mode .dashboard-empty-state,
[data-theme="dark"] .empty-state-lovable,
[data-theme="dark"] .dashboard-empty-state {
    background: rgba(228, 192, 74, 0.05) !important;
}

.dark-mode .empty-state-icon,
.dark-mode .dashboard-empty-state-icon,
[data-theme="dark"] .empty-state-icon,
[data-theme="dark"] .dashboard-empty-state-icon {
    color: #A8A8A8 !important;
}

.dark-mode .empty-state-text,
.dark-mode .dashboard-empty-state p,
[data-theme="dark"] .empty-state-text,
[data-theme="dark"] .dashboard-empty-state p {
    color: #D0D0D0 !important;
}

/* Icones */
.dark-mode .location-model-icon,
.dark-mode .intervention-icon,
.dark-mode .security-action-icon,
.dark-mode .quick-action-icon,
.dark-mode .activity-icon.primary,
[data-theme="dark"] .location-model-icon,
[data-theme="dark"] .intervention-icon,
[data-theme="dark"] .security-action-icon,
[data-theme="dark"] .quick-action-icon,
[data-theme="dark"] .activity-icon.primary {
    background: linear-gradient(135deg, rgba(228, 192, 74, 0.2), rgba(255, 157, 92, 0.2)) !important;
}

/* Badges */
.dark-mode .shop-type-badge.repair,
[data-theme="dark"] .shop-type-badge.repair {
    background: rgba(228, 192, 74, 0.2) !important;
    color: #F5D86A !important;
}

.dark-mode .shop-type-badge.consignment,
[data-theme="dark"] .shop-type-badge.consignment {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #60A5FA !important;
}

.dark-mode .shop-type-badge.both,
[data-theme="dark"] .shop-type-badge.both {
    background: rgba(139, 92, 246, 0.2) !important;
    color: #A78BFA !important;
}

/* Status badges */
.dark-mode .admin-status-badge.status-completed,
.dark-mode .admin-status-badge.status-active,
[data-theme="dark"] .admin-status-badge.status-completed,
[data-theme="dark"] .admin-status-badge.status-active {
    background: rgba(22, 163, 74, 0.2) !important;
    color: #4ADE80 !important;
}

.dark-mode .admin-status-badge.status-pending,
[data-theme="dark"] .admin-status-badge.status-pending {
    background: rgba(217, 119, 6, 0.2) !important;
    color: #FBBF24 !important;
}

.dark-mode .admin-status-badge.status-cancelled,
.dark-mode .admin-status-badge.status-overdue,
[data-theme="dark"] .admin-status-badge.status-cancelled,
[data-theme="dark"] .admin-status-badge.status-overdue {
    background: rgba(220, 38, 38, 0.2) !important;
    color: #F87171 !important;
}

/* Detail tabs */
.dark-mode .detail-tab,
.dark-mode .location-details-tabs,
[data-theme="dark"] .detail-tab,
[data-theme="dark"] .location-details-tabs {
    border-color: #333 !important;
}

.dark-mode .detail-tab,
[data-theme="dark"] .detail-tab {
    color: #C0C0C0 !important;
}

.dark-mode .detail-tab:hover,
[data-theme="dark"] .detail-tab:hover {
    color: #F5D86A !important;
}

.dark-mode .detail-tab.active,
[data-theme="dark"] .detail-tab.active {
    color: #F5D86A !important;
    border-bottom-color: #E4C04A !important;
}

/* Invoice/insurance items */
.dark-mode .invoice-item,
.dark-mode .insurance-item,
[data-theme="dark"] .invoice-item,
[data-theme="dark"] .insurance-item {
    background: #252525 !important;
    border-color: #404040 !important;
}

.dark-mode .invoice-number,
.dark-mode .insurance-company,
[data-theme="dark"] .invoice-number,
[data-theme="dark"] .insurance-company {
    color: #E5E5E5 !important;
}

.dark-mode .invoice-date,
.dark-mode .invoice-amount,
.dark-mode .insurance-policy,
.dark-mode .insurance-dates,
[data-theme="dark"] .invoice-date,
[data-theme="dark"] .invoice-amount,
[data-theme="dark"] .insurance-policy,
[data-theme="dark"] .insurance-dates {
    color: #A0A0A0 !important;
}

/* Documents */
.dark-mode .document-item,
[data-theme="dark"] .document-item {
    background: #252525 !important;
    border-color: #404040 !important;
}

.dark-mode .document-name,
[data-theme="dark"] .document-name {
    color: #E5E5E5 !important;
}

.dark-mode .document-details,
.dark-mode .document-date,
[data-theme="dark"] .document-details,
[data-theme="dark"] .document-date {
    color: #B0B0B0 !important;
}

/* Join requests */
.dark-mode .join-request-card,
[data-theme="dark"] .join-request-card {
    background: #1a1a1a !important;
    border-color: #333 !important;
}

.dark-mode .join-request-name,
[data-theme="dark"] .join-request-name {
    color: #F5F5F5 !important;
}

.dark-mode .join-request-email,
[data-theme="dark"] .join-request-email {
    color: #A0A0A0 !important;
}

.dark-mode .join-request-date,
[data-theme="dark"] .join-request-date {
    color: #B0B0B0 !important;
}

.dark-mode .join-request-message,
[data-theme="dark"] .join-request-message {
    background: #252525 !important;
    color: #D0D0D0 !important;
}

/* Help widget */
.dark-mode .help-widget-panel,
[data-theme="dark"] .help-widget-panel {
    background: #1e1e1e !important;
    border: 1px solid #333 !important;
}

.dark-mode .help-widget-item span,
[data-theme="dark"] .help-widget-item span {
    color: #D0D0D0 !important;
}

.dark-mode .help-widget-item:hover,
[data-theme="dark"] .help-widget-item:hover {
    background: rgba(228, 192, 74, 0.1) !important;
}

/* Onboarding */
.dark-mode .dashboard-onboarding,
[data-theme="dark"] .dashboard-onboarding {
    background: #1a1a1a !important;
    border-color: #E4C04A !important;
}

.dark-mode .dashboard-onboarding-body,
[data-theme="dark"] .dashboard-onboarding-body {
    background: #1a1a1a !important;
}

.dark-mode .onboarding-step-title,
[data-theme="dark"] .onboarding-step-title {
    color: #E5E5E5 !important;
}

.dark-mode .onboarding-step-desc,
[data-theme="dark"] .onboarding-step-desc {
    color: #909090 !important;
}

.dark-mode .onboarding-step-check,
[data-theme="dark"] .onboarding-step-check {
    border-color: #505050 !important;
}

.dark-mode .onboarding-step:hover:not(.completed),
[data-theme="dark"] .onboarding-step:hover:not(.completed) {
    background: rgba(228, 192, 74, 0.08) !important;
}

/* Keyboard hints */
.dark-mode .keyboard-hint,
[data-theme="dark"] .keyboard-hint {
    color: #909090 !important;
}

.dark-mode .keyboard-hint kbd,
[data-theme="dark"] .keyboard-hint kbd {
    background: #2a2a2a !important;
    border-color: #404040 !important;
    color: #C0C0C0 !important;
}

/* Section card premium (flottes) */
.dark-mode .section-card-premium,
[data-theme="dark"] .section-card-premium {
    background: #1a1a1a !important;
    border-color: #333 !important;
}

.dark-mode .section-header-premium,
[data-theme="dark"] .section-header-premium {
    border-bottom-color: #333 !important;
}

.dark-mode .section-title-premium,
[data-theme="dark"] .section-title-premium {
    color: #F5F5F5 !important;
}

.dark-mode .section-content-premium,
[data-theme="dark"] .section-content-premium {
    color: #D0D0D0 !important;
}

/* Empty state premium */
.dark-mode .empty-state-premium,
[data-theme="dark"] .empty-state-premium {
    background: rgba(228, 192, 74, 0.05) !important;
    border-color: rgba(228, 192, 74, 0.2) !important;
}

/* Buttons premium */
.dark-mode .btn-premium-outline,
[data-theme="dark"] .btn-premium-outline {
    background: transparent !important;
    border-color: #505050 !important;
    color: #D0D0D0 !important;
}

.dark-mode .btn-premium-outline:hover,
[data-theme="dark"] .btn-premium-outline:hover {
    background: rgba(228, 192, 74, 0.15) !important;
    border-color: #E4C04A !important;
    color: #F5D86A !important;
}

/* Boutons .btn-secondary (generique) en mode sombre */
.dark-mode .btn-secondary,
.dark-mode .btn.btn-secondary,
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn.btn-secondary {
    background: #2a2a2a !important;
    border-color: #505050 !important;
    color: #D0D0D0 !important;
}

.dark-mode .btn-secondary:hover,
.dark-mode .btn.btn-secondary:hover,
[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn.btn-secondary:hover {
    background: rgba(228, 192, 74, 0.15) !important;
    border-color: #E4C04A !important;
    color: #F5D86A !important;
}

/* Boutons .btn-outline (generique, hors modal) en mode sombre */
.dark-mode .btn-outline,
.dark-mode .btn.btn-outline,
[data-theme="dark"] .btn-outline,
[data-theme="dark"] .btn.btn-outline {
    background: transparent !important;
    border-color: #505050 !important;
    color: #D0D0D0 !important;
}

.dark-mode .btn-outline:hover,
.dark-mode .btn.btn-outline:hover,
[data-theme="dark"] .btn-outline:hover,
[data-theme="dark"] .btn.btn-outline:hover {
    background: rgba(228, 192, 74, 0.15) !important;
    border-color: #E4C04A !important;
    color: #F5D86A !important;
}

/* Boutons colores (--btn-accent) : hover remplit avec la couleur du bouton, pas gold */
.dark-mode .modal .btn.btn-outline[style*="--btn-accent"]:hover,
.dark-mode .dashboard-page .btn.btn-outline[style*="--btn-accent"]:hover,
[data-theme="dark"] .modal .btn.btn-outline[style*="--btn-accent"]:hover,
[data-theme="dark"] .dashboard-page .btn.btn-outline[style*="--btn-accent"]:hover {
    background: var(--btn-accent) !important;
    color: white !important;
    border-color: var(--btn-accent) !important;
}

/* Fleet cards */
.dark-mode .fleet-card-premium,
[data-theme="dark"] .fleet-card-premium {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

.dark-mode .fleet-card-premium:hover,
[data-theme="dark"] .fleet-card-premium:hover {
    border-color: #E4C04A !important;
}

/* Info alert premium */
.dark-mode .info-alert-premium,
[data-theme="dark"] .info-alert-premium {
    background: rgba(59, 130, 246, 0.1) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    color: #93C5FD !important;
}

/* Manager badge */
.dark-mode .manager-badge,
[data-theme="dark"] .manager-badge {
    color: #C0C0C0 !important;
}

/* ============================================
   INFO BOX MODERN - CONTRASTE AMELIORE
   ============================================ */
.dark-mode .info-box-modern,
[data-theme="dark"] .info-box-modern {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

.dark-mode .info-box-modern .info-box-title,
[data-theme="dark"] .info-box-modern .info-box-title {
    color: #F5F5F5 !important;
}

.dark-mode .info-box-modern .info-box-text,
[data-theme="dark"] .info-box-modern .info-box-text {
    color: #D0D0D0 !important;
}

.dark-mode .info-box-modern .info-box-text strong,
[data-theme="dark"] .info-box-modern .info-box-text strong {
    color: #F5D86A !important;
}

/* Fleet card info (dans la liste des flottes) */
.dark-mode .fleet-card-premium .fleet-card-title,
.dark-mode .fleet-card-premium h3,
[data-theme="dark"] .fleet-card-premium .fleet-card-title,
[data-theme="dark"] .fleet-card-premium h3 {
    color: #F5F5F5 !important;
}

.dark-mode .fleet-card-premium .fleet-card-info,
.dark-mode .fleet-card-premium p,
[data-theme="dark"] .fleet-card-premium .fleet-card-info,
[data-theme="dark"] .fleet-card-premium p {
    color: #D0D0D0 !important;
}

/* Stats dans les flottes */
.dark-mode .fleet-card-premium .fleet-stat,
.dark-mode .fleet-card-premium .fleet-stats span,
[data-theme="dark"] .fleet-card-premium .fleet-stat,
[data-theme="dark"] .fleet-card-premium .fleet-stats span {
    color: #C0C0C0 !important;
}

/* Empty state premium - texte ameliore */
.dark-mode .empty-state-premium .empty-state-title-premium,
.dark-mode .empty-state-title-premium,
[data-theme="dark"] .empty-state-premium .empty-state-title-premium,
[data-theme="dark"] .empty-state-title-premium {
    color: #F5F5F5 !important;
}

.dark-mode .empty-state-premium .empty-state-text-premium,
.dark-mode .empty-state-text-premium,
[data-theme="dark"] .empty-state-premium .empty-state-text-premium,
[data-theme="dark"] .empty-state-text-premium {
    color: #D0D0D0 !important;
}

.dark-mode .empty-state-premium .empty-state-icon-premium,
.dark-mode .empty-state-icon-premium,
[data-theme="dark"] .empty-state-premium .empty-state-icon-premium,
[data-theme="dark"] .empty-state-icon-premium {
    color: #A8A8A8 !important;
}

/* Section descriptions */
.dark-mode .section-description,
.dark-mode .section-subtitle,
[data-theme="dark"] .section-description,
[data-theme="dark"] .section-subtitle {
    color: #D0D0D0 !important;
}

/* Textes dans les cards de vehicules */
.dark-mode .vehicle-card-info,
.dark-mode .vehicle-model,
.dark-mode .vehicle-brand,
[data-theme="dark"] .vehicle-card-info,
[data-theme="dark"] .vehicle-model,
[data-theme="dark"] .vehicle-brand {
    color: #E5E5E5 !important;
}

.dark-mode .vehicle-details,
.dark-mode .vehicle-status,
[data-theme="dark"] .vehicle-details,
[data-theme="dark"] .vehicle-status {
    color: #C0C0C0 !important;
}

/* Aucune location active - texte */
.dark-mode .no-locations-message,
.dark-mode .empty-locations-text,
[data-theme="dark"] .no-locations-message,
[data-theme="dark"] .empty-locations-text {
    color: #D0D0D0 !important;
}

/* Liens dans le mode sombre */
.dark-mode a:not(.btn):not(.btn-premium):not(.tab):not(.detail-tab),
[data-theme="dark"] a:not(.btn):not(.btn-premium):not(.tab):not(.detail-tab) {
    color: #F5D86A !important;
}

.dark-mode a:not(.btn):not(.btn-premium):hover,
[data-theme="dark"] a:not(.btn):not(.btn-premium):hover {
    color: #FFD700 !important;
}

/* ============================================
   TABS LOVABLE - MODE SOMBRE
   ============================================ */
.dark-mode .tabs-lovable,
[data-theme="dark"] .tabs-lovable {
    background: #1a1a1a !important;
    border-color: #333 !important;
}

.dark-mode .tab-lovable,
[data-theme="dark"] .tab-lovable {
    color: #D0D0D0 !important;
    background: transparent !important;
    border-color: transparent !important;
}

.dark-mode .tab-lovable:hover,
[data-theme="dark"] .tab-lovable:hover {
    color: #FFFFFF !important;
    background: rgba(228, 192, 74, 0.15) !important;
}

.dark-mode .tab-lovable.active,
[data-theme="dark"] .tab-lovable.active {
    color: #1a1a1a !important;
    background: linear-gradient(135deg, #E4C04A, #FF9D5C) !important;
    box-shadow: none !important;
}

/* ============================================
   SECTION PREMIUM - TITRES ET SOUS-TITRES
   ============================================ */
.dark-mode .section-card-premium h2,
.dark-mode .section-card-premium h3,
.dark-mode .section-header-premium h2,
[data-theme="dark"] .section-card-premium h2,
[data-theme="dark"] .section-card-premium h3,
[data-theme="dark"] .section-header-premium h2 {
    color: #F5F5F5 !important;
}

.dark-mode .section-card-premium .section-subtitle,
.dark-mode .section-subtitle-premium,
[data-theme="dark"] .section-card-premium .section-subtitle,
[data-theme="dark"] .section-subtitle-premium {
    color: #D0D0D0 !important;
}

/* Welcome banner dans le dashboard */
.dark-mode .welcome-banner,
.dark-mode .dashboard-welcome,
.dark-mode .welcome-banner-premium,
[data-theme="dark"] .welcome-banner,
[data-theme="dark"] .dashboard-welcome,
[data-theme="dark"] .welcome-banner-premium {
    color: white !important;
}

.dark-mode .welcome-banner h1,
.dark-mode .welcome-banner h2,
.dark-mode .dashboard-welcome h1,
.dark-mode .dashboard-welcome h2,
.dark-mode .welcome-banner-premium h1,
.dark-mode .welcome-banner-title-premium,
[data-theme="dark"] .welcome-banner h1,
[data-theme="dark"] .welcome-banner h2,
[data-theme="dark"] .dashboard-welcome h1,
[data-theme="dark"] .dashboard-welcome h2,
[data-theme="dark"] .welcome-banner-premium h1,
[data-theme="dark"] .welcome-banner-title-premium {
    color: white !important;
}

.dark-mode .welcome-banner p,
.dark-mode .dashboard-welcome p,
.dark-mode .welcome-banner-premium p,
.dark-mode .welcome-banner-subtitle-premium,
[data-theme="dark"] .welcome-banner p,
[data-theme="dark"] .dashboard-welcome p,
[data-theme="dark"] .welcome-banner-premium p,
[data-theme="dark"] .welcome-banner-subtitle-premium {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Texte dans les sections avec fond gradient */
.dark-mode .gradient-section p,
.dark-mode .info-section-gradient p,
[data-theme="dark"] .gradient-section p,
[data-theme="dark"] .info-section-gradient p {
    color: #D0D0D0 !important;
}

/* Assurance incluse - alerte info */
.dark-mode .insurance-info-box,
.dark-mode .insurance-alert,
[data-theme="dark"] .insurance-info-box,
[data-theme="dark"] .insurance-alert {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
}

.dark-mode .insurance-info-box p,
.dark-mode .insurance-alert p,
[data-theme="dark"] .insurance-info-box p,
[data-theme="dark"] .insurance-alert p {
    color: #D0D0D0 !important;
}

.dark-mode .insurance-info-box strong,
.dark-mode .insurance-alert strong,
[data-theme="dark"] .insurance-info-box strong,
[data-theme="dark"] .insurance-alert strong {
    color: #4ADE80 !important;
}

.dark-mode .insurance-info-box a,
.dark-mode .insurance-alert a,
[data-theme="dark"] .insurance-info-box a,
[data-theme="dark"] .insurance-alert a {
    color: #F5D86A !important;
}

/* ============================================
   ADMIN PANEL - MODE SOMBRE COMPLET
   ============================================ */

/* Noms utilisateurs dans les tableaux admin */
.dark-mode .admin-user-name,
.dark-mode .admin-user-cell,
[data-theme="dark"] .admin-user-name,
[data-theme="dark"] .admin-user-cell {
    color: #F5F5F5 !important;
}

/* Contact utilisateur (email, telephone) */
.dark-mode .admin-contact-cell,
.dark-mode .admin-email,
.dark-mode .admin-phone,
[data-theme="dark"] .admin-contact-cell,
[data-theme="dark"] .admin-email,
[data-theme="dark"] .admin-phone {
    color: #D0D0D0 !important;
}

.dark-mode .admin-email i,
.dark-mode .admin-phone i,
[data-theme="dark"] .admin-email i,
[data-theme="dark"] .admin-phone i {
    color: #A0A0A0 !important;
}

/* Tous les elements strong/bold dans les tableaux admin */
.dark-mode .admin-table strong,
.dark-mode .admin-table td strong,
[data-theme="dark"] .admin-table strong,
[data-theme="dark"] .admin-table td strong {
    color: #F5F5F5 !important;
}

/* Headers des tableaux admin */
.dark-mode .admin-table th,
.dark-mode .admin-table thead th,
[data-theme="dark"] .admin-table th,
[data-theme="dark"] .admin-table thead th {
    background: #1a1a1a !important;
    color: #D0D0D0 !important;
    border-bottom-color: #444 !important;
}

/* Boutons d'action admin */
.dark-mode .admin-action-btn,
[data-theme="dark"] .admin-action-btn {
    background: #2a2a2a !important;
    border-color: #444 !important;
    color: #D0D0D0 !important;
}

.dark-mode .admin-action-btn:hover,
[data-theme="dark"] .admin-action-btn:hover {
    background: #333 !important;
    color: #F5D86A !important;
}

.dark-mode .admin-action-btn.admin-action-view,
[data-theme="dark"] .admin-action-btn.admin-action-view {
    color: #60A5FA !important;
}

.dark-mode .admin-action-btn.admin-action-success,
[data-theme="dark"] .admin-action-btn.admin-action-success {
    color: #4ADE80 !important;
}

.dark-mode .admin-action-btn.admin-action-danger,
[data-theme="dark"] .admin-action-btn.admin-action-danger {
    color: #F87171 !important;
}

/* Filtres et recherche admin */
.dark-mode .admin-filters,
.dark-mode .admin-search-bar,
[data-theme="dark"] .admin-filters,
[data-theme="dark"] .admin-search-bar {
    background: #1a1a1a !important;
    border-color: #333 !important;
}

.dark-mode .admin-filter-select,
.dark-mode .admin-search-input,
[data-theme="dark"] .admin-filter-select,
[data-theme="dark"] .admin-search-input {
    background: #252525 !important;
    border-color: #444 !important;
    color: #E5E5E5 !important;
}

.dark-mode .admin-filter-select option,
[data-theme="dark"] .admin-filter-select option {
    background: #252525 !important;
    color: #E5E5E5 !important;
}

/* Stats admin */
.dark-mode .admin-stats-card,
.dark-mode .admin-stat-card,
[data-theme="dark"] .admin-stats-card,
[data-theme="dark"] .admin-stat-card {
    background: #1a1a1a !important;
    border-color: #333 !important;
}

.dark-mode .admin-stats-card .stat-label,
.dark-mode .admin-stat-label,
[data-theme="dark"] .admin-stats-card .stat-label,
[data-theme="dark"] .admin-stat-label {
    color: #D0D0D0 !important;
}

.dark-mode .admin-stats-card .stat-value,
.dark-mode .admin-stat-value,
[data-theme="dark"] .admin-stats-card .stat-value,
[data-theme="dark"] .admin-stat-value {
    color: #F5F5F5 !important;
}

/* Tabs admin */
.dark-mode .admin-tabs,
.dark-mode .admin-tab-nav,
[data-theme="dark"] .admin-tabs,
[data-theme="dark"] .admin-tab-nav {
    background: #1a1a1a !important;
    border-color: #333 !important;
}

.dark-mode .admin-tab,
[data-theme="dark"] .admin-tab {
    color: #D0D0D0 !important;
    background: transparent !important;
}

.dark-mode .admin-tab:hover,
[data-theme="dark"] .admin-tab:hover {
    color: #F5D86A !important;
    background: rgba(228, 192, 74, 0.1) !important;
}

.dark-mode .admin-tab.active,
[data-theme="dark"] .admin-tab.active {
    color: #1a1a1a !important;
    background: linear-gradient(135deg, #E4C04A, #FF9D5C) !important;
}

/* ============================================
   ELEMENTS GENERIQUES - MODE SOMBRE
   ============================================ */

/* Tous les elements avec couleur de texte par defaut */
.dark-mode .dashboard-page span:not([class*="badge"]):not([class*="status"]):not([class*="btn"]),
[data-theme="dark"] .dashboard-page span:not([class*="badge"]):not([class*="status"]):not([class*="btn"]) {
    color: inherit;
}

/* Labels de formulaires */
.dark-mode .form-group label,
.dark-mode .form-label,
.dark-mode label:not(.checkbox-label):not(.radio-label),
[data-theme="dark"] .form-group label,
[data-theme="dark"] .form-label,
[data-theme="dark"] label:not(.checkbox-label):not(.radio-label) {
    color: #D0D0D0 !important;
}

/* Small/hints de formulaires */
.dark-mode .form-hint,
.dark-mode .form-help,
.dark-mode small,
.dark-mode .text-muted,
[data-theme="dark"] .form-hint,
[data-theme="dark"] .form-help,
[data-theme="dark"] small,
[data-theme="dark"] .text-muted {
    color: #A0A0A0 !important;
}

/* Titres h4, h5, h6 */
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: #E5E5E5 !important;
}

/* Cards generiques */
.dark-mode .card,
.dark-mode .card-body,
[data-theme="dark"] .card,
[data-theme="dark"] .card-body {
    background: #1a1a1a !important;
    color: #E5E5E5 !important;
}

.dark-mode .card-title,
.dark-mode .card-header,
[data-theme="dark"] .card-title,
[data-theme="dark"] .card-header {
    color: #F5F5F5 !important;
}

/* Tableaux generiques - contenu des cellules */
.dark-mode table td,
.dark-mode table th,
[data-theme="dark"] table td,
[data-theme="dark"] table th {
    color: #D0D0D0 !important;
}

.dark-mode table td strong,
.dark-mode table td b,
[data-theme="dark"] table td strong,
[data-theme="dark"] table td b {
    color: #F5F5F5 !important;
}

/* Separateurs et bordures */
.dark-mode hr,
[data-theme="dark"] hr {
    border-color: #333 !important;
}

/* Alertes info/warning */
.dark-mode .alert-info,
[data-theme="dark"] .alert-info {
    background: rgba(59, 130, 246, 0.1) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    color: #93C5FD !important;
}

.dark-mode .alert-warning,
[data-theme="dark"] .alert-warning {
    background: rgba(245, 158, 11, 0.1) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    color: #FCD34D !important;
}

.dark-mode .alert-success,
[data-theme="dark"] .alert-success {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
    color: #6EE7B7 !important;
}

.dark-mode .alert-danger,
.dark-mode .alert-error,
[data-theme="dark"] .alert-danger,
[data-theme="dark"] .alert-error {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    color: #FCA5A5 !important;
}

/* ============================================
   FLOTTES - ELEMENTS SPECIFIQUES MODE SOMBRE
   ============================================ */

/* Cartes de vehicules dans les flottes */
.dark-mode .fleet-vehicle-card-v2,
[data-theme="dark"] .fleet-vehicle-card-v2 {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

.dark-mode .fleet-vehicle-card-v2:hover,
[data-theme="dark"] .fleet-vehicle-card-v2:hover {
    border-color: rgba(228, 192, 74, 0.5) !important;
}

.dark-mode .fleet-vehicle-info-v2 h4,
[data-theme="dark"] .fleet-vehicle-info-v2 h4 {
    color: #F5F5F5 !important;
}

.dark-mode .fleet-vehicle-info-v2 .vehicle-ref,
[data-theme="dark"] .fleet-vehicle-info-v2 .vehicle-ref {
    color: #A0A0A0 !important;
}

.dark-mode .fleet-vehicle-assigned-v2,
[data-theme="dark"] .fleet-vehicle-assigned-v2 {
    color: #D0D0D0 !important;
}

.dark-mode .fleet-vehicle-free-v2,
[data-theme="dark"] .fleet-vehicle-free-v2 {
    color: #4ADE80 !important;
}

/* Boutons compacts flotte - dark mode */
.dark-mode .btn-action-compact.btn-action-danger,
[data-theme="dark"] .btn-action-compact.btn-action-danger {
    background: rgba(239, 68, 68, 0.12);
    color: #F87171;
    border-color: rgba(239, 68, 68, 0.25);
}
.dark-mode .btn-action-compact.btn-action-success,
[data-theme="dark"] .btn-action-compact.btn-action-success {
    background: rgba(16, 185, 129, 0.12);
    color: #34D399;
    border-color: rgba(16, 185, 129, 0.25);
}
.dark-mode .btn-action-compact.btn-action-warning,
[data-theme="dark"] .btn-action-compact.btn-action-warning {
    background: rgba(212, 175, 55, 0.12);
    color: #F4D03F;
    border-color: rgba(212, 175, 55, 0.25);
}
.dark-mode .fleet-vehicle-info-btns .admin-action-btn.admin-action-primary,
[data-theme="dark"] .fleet-vehicle-info-btns .admin-action-btn.admin-action-primary {
    background: rgba(59, 130, 246, 0.15);
    color: #60A5FA;
    border-color: rgba(59, 130, 246, 0.3);
}
.dark-mode .fleet-vehicle-info-btns .admin-action-btn.admin-action-success,
[data-theme="dark"] .fleet-vehicle-info-btns .admin-action-btn.admin-action-success {
    background: rgba(16, 185, 129, 0.15);
    color: #34D399;
    border-color: rgba(16, 185, 129, 0.3);
}
.dark-mode .fleet-vehicle-info-btns .admin-action-btn.admin-action-notif,
[data-theme="dark"] .fleet-vehicle-info-btns .admin-action-btn.admin-action-notif {
    background: rgba(212, 175, 55, 0.15);
    color: #F4D03F;
    border-color: rgba(212, 175, 55, 0.3);
}

/* Cartes de membres dans les flottes */
.dark-mode .fleet-member-card-h,
[data-theme="dark"] .fleet-member-card-h {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

.dark-mode .fleet-member-card-h:hover,
[data-theme="dark"] .fleet-member-card-h:hover {
    border-color: rgba(228, 192, 74, 0.5) !important;
}

.dark-mode .member-identity h4,
[data-theme="dark"] .member-identity h4 {
    color: #F5F5F5 !important;
}

.dark-mode .member-email,
[data-theme="dark"] .member-email {
    color: #A0A0A0 !important;
}

/* Badges et roles */
.dark-mode .member-role-badge,
[data-theme="dark"] .member-role-badge {
    background: rgba(228, 192, 74, 0.15) !important;
    color: #F5D86A !important;
}

.dark-mode .member-role-badge.role-manager,
[data-theme="dark"] .member-role-badge.role-manager {
    background: rgba(139, 92, 246, 0.2) !important;
    color: #A78BFA !important;
}

/* FMD barres de progression */
.dark-mode .fmd-bar,
[data-theme="dark"] .fmd-bar {
    background: #2a2a2a !important;
}

/* Column headers */
.dark-mode .fleet-column-header h3,
[data-theme="dark"] .fleet-column-header h3 {
    color: #F5F5F5 !important;
}

.dark-mode .fleet-column-count,
[data-theme="dark"] .fleet-column-count {
    background: rgba(228, 192, 74, 0.2) !important;
    color: #F5D86A !important;
}

/* Boutons d'action des membres */
.dark-mode .btn-member-action,
[data-theme="dark"] .btn-member-action {
    background: #252525 !important;
    border-color: #444 !important;
    color: #D0D0D0 !important;
}

.dark-mode .btn-member-action:hover,
[data-theme="dark"] .btn-member-action:hover {
    background: #333 !important;
    border-color: #555 !important;
    color: #F5D86A !important;
}

/* Filter chips */
.dark-mode .filter-chip,
[data-theme="dark"] .filter-chip {
    background: #252525 !important;
    border-color: #444 !important;
    color: #D0D0D0 !important;
}

.dark-mode .filter-chip:hover,
[data-theme="dark"] .filter-chip:hover {
    background: #333 !important;
    color: #F5D86A !important;
}

.dark-mode .filter-chip.active,
[data-theme="dark"] .filter-chip.active {
    background: linear-gradient(135deg, #E4C04A, #FF9D5C) !important;
    border-color: transparent !important;
    color: #1a1a1a !important;
}

/* Manager action cards */
.dark-mode .manager-action-card,
[data-theme="dark"] .manager-action-card {
    background: #1e1e1e !important;
    border-color: #333 !important;
    color: #E5E5E5 !important;
}

.dark-mode .manager-action-card:hover,
[data-theme="dark"] .manager-action-card:hover {
    border-color: rgba(228, 192, 74, 0.5) !important;
    background: #252525 !important;
}

.dark-mode .manager-action-card i,
[data-theme="dark"] .manager-action-card i {
    color: #F5D86A !important;
}

/* Header fleet action buttons */
.dark-mode .btn-header-fleet-action,
[data-theme="dark"] .btn-header-fleet-action {
    background: #252525 !important;
    border-color: #444 !important;
    color: #D0D0D0 !important;
}

.dark-mode .btn-header-fleet-action:hover,
[data-theme="dark"] .btn-header-fleet-action:hover {
    background: #333 !important;
    color: #F5D86A !important;
}

/* Fleet inactive alert */
.dark-mode .fleet-inactive-alert,
[data-theme="dark"] .fleet-inactive-alert {
    background: rgba(245, 158, 11, 0.1) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
}

.dark-mode .fleet-inactive-alert-title,
[data-theme="dark"] .fleet-inactive-alert-title {
    color: #FCD34D !important;
}

.dark-mode .fleet-inactive-alert-text,
[data-theme="dark"] .fleet-inactive-alert-text {
    color: #D0D0D0 !important;
}

/* Zone danger et reactivation */
.dark-mode .fleet-bottom-actions,
[data-theme="dark"] .fleet-bottom-actions {
    border-top-color: #333 !important;
}

/* ============================================
   DOCUMENTS - MODE SOMBRE
   ============================================ */

.dark-mode .document-card-v2,
[data-theme="dark"] .document-card-v2 {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

.dark-mode .document-card-v2-title,
[data-theme="dark"] .document-card-v2-title {
    color: #F5F5F5 !important;
}

.dark-mode .document-card-v2-desc,
[data-theme="dark"] .document-card-v2-desc {
    color: #A0A0A0 !important;
}

.dark-mode .doc-action-btn,
[data-theme="dark"] .doc-action-btn {
    background: #252525 !important;
    border-color: #444 !important;
    color: #D0D0D0 !important;
}

.dark-mode .doc-action-btn:hover,
[data-theme="dark"] .doc-action-btn:hover {
    background: #333 !important;
    color: #F5D86A !important;
}

/* ============================================
   VEHICLES NAV CHIPS - MODE SOMBRE
   ============================================ */
.dark-mode .vehicles-nav-chips,
[data-theme="dark"] .vehicles-nav-chips {
    background: linear-gradient(135deg, #1a1a1a, #111) !important;
    border-bottom-color: #333 !important;
}

.dark-mode .vehicles-chip,
[data-theme="dark"] .vehicles-chip {
    background: #252525 !important;
    border-color: #404040 !important;
    color: #D0D0D0 !important;
}

.dark-mode .vehicles-chip:hover,
[data-theme="dark"] .vehicles-chip:hover {
    background: #333 !important;
    border-color: #555 !important;
    color: #F5D86A !important;
}

.dark-mode .vehicles-chip.active,
[data-theme="dark"] .vehicles-chip.active {
    background: linear-gradient(135deg, #E4C04A, #b8960c) !important;
    border-color: transparent !important;
    color: #1a1a1a !important;
    box-shadow: 0 2px 8px rgba(228, 192, 74, 0.3) !important;
}

.dark-mode .vehicles-chip.active .chip-badge,
[data-theme="dark"] .vehicles-chip.active .chip-badge {
    background: #1a1a1a !important;
    color: #E4C04A !important;
}

.dark-mode .chip-badge,
[data-theme="dark"] .chip-badge {
    background: #ef4444 !important;
    color: white !important;
}

/* Subsections vehicules */
.dark-mode .subsection-header,
[data-theme="dark"] .subsection-header {
    border-bottom-color: #333 !important;
}

.dark-mode .subsection-description,
[data-theme="dark"] .subsection-description {
    color: #A0A0A0 !important;
}

/* ============================================
   BOX-SHADOW OVERRIDES - MODE SOMBRE
   Supprimer les ombres claires qui creent des lignes blanches
   ============================================ */
.dark-mode .section,
.dark-mode .card-lovable,
.dark-mode .stat-card,
.dark-mode .location-card,
.dark-mode .intervention-card,
.dark-mode .partner-shop-card,
.dark-mode .security-action-card,
.dark-mode .quick-action-card,
.dark-mode .activity-feed,
.dark-mode .document-upload-card,
.dark-mode .section-card-premium,
.dark-mode .fleet-card-premium,
.dark-mode .fleet-vehicle-card-v2,
.dark-mode .fleet-member-card-h,
.dark-mode .document-card-v2,
.dark-mode .card,
.dark-mode .admin-stat-card,
.dark-mode .admin-section-container,
.dark-mode .admin-table-container,
.dark-mode .profile-section,
.dark-mode .dashboard-onboarding,
.dark-mode .info-box-modern,
[data-theme="dark"] .section,
[data-theme="dark"] .card-lovable,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .location-card,
[data-theme="dark"] .intervention-card,
[data-theme="dark"] .partner-shop-card,
[data-theme="dark"] .security-action-card,
[data-theme="dark"] .quick-action-card,
[data-theme="dark"] .activity-feed,
[data-theme="dark"] .document-upload-card,
[data-theme="dark"] .section-card-premium,
[data-theme="dark"] .fleet-card-premium,
[data-theme="dark"] .fleet-vehicle-card-v2,
[data-theme="dark"] .fleet-member-card-h,
[data-theme="dark"] .document-card-v2,
[data-theme="dark"] .card,
[data-theme="dark"] .admin-stat-card,
[data-theme="dark"] .admin-section-container,
[data-theme="dark"] .admin-table-container,
[data-theme="dark"] .profile-section,
[data-theme="dark"] .dashboard-onboarding,
[data-theme="dark"] .info-box-modern {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Tabs lovable container */
.dark-mode .tabs-lovable,
[data-theme="dark"] .tabs-lovable {
    box-shadow: none !important;
}

/* Welcome banner - gradient muted en dark mode */
.dark-mode .welcome-banner-premium,
[data-theme="dark"] .welcome-banner-premium {
    background: linear-gradient(135deg, #2a2005, #1a1510) !important;
}

/* ============================================
   CATCH-ALL RULES - Dark mode pour inline styles
   Cible les elements JS generes avec styles inline
   ============================================ */

/* Modal content premium (dynamique) */
.dark-mode .modal-content-premium,
.dark-mode [class*="modal-content"],
[data-theme="dark"] .modal-content-premium,
[data-theme="dark"] [class*="modal-content"] {
    background: #1e1e1e !important;
    color: #E5E5E5 !important;
}

/* Bordures hardcodees dans inline styles */
.dark-mode [style*="border:"][style*="#e2e8f0"],
.dark-mode [style*="border-"][style*="#e2e8f0"],
[data-theme="dark"] [style*="border:"][style*="#e2e8f0"],
[data-theme="dark"] [style*="border-"][style*="#e2e8f0"] {
    border-color: #333 !important;
}

/* Pending order cards */
.dark-mode .pending-order-card,
[data-theme="dark"] .pending-order-card {
    background: #1e1e1e !important;
}

/* Detail items dans les modals dynamiques */
.dark-mode .detail-item .detail-label,
[data-theme="dark"] .detail-item .detail-label {
    color: #A0A0A0 !important;
}

.dark-mode .detail-item .detail-value,
[data-theme="dark"] .detail-item .detail-value {
    color: #E5E5E5 !important;
}

/* Ecom spec items */
.dark-mode .ecom-spec-item,
[data-theme="dark"] .ecom-spec-item {
    background: #252525 !important;
    color: #D0D0D0 !important;
}

.dark-mode .ecom-spec-item strong,
[data-theme="dark"] .ecom-spec-item strong {
    color: #F5F5F5 !important;
}

/* Deposit badge / caution */
.dark-mode .deposit-badge,
[data-theme="dark"] .deposit-badge {
    background: rgba(245, 158, 11, 0.15) !important;
    border-color: rgba(245, 158, 11, 0.4) !important;
}

.dark-mode .deposit-badge strong,
.dark-mode .deposit-badge h4,
[data-theme="dark"] .deposit-badge strong,
[data-theme="dark"] .deposit-badge h4 {
    color: #FCD34D !important;
}

.dark-mode .deposit-badge small,
.dark-mode .deposit-badge p,
[data-theme="dark"] .deposit-badge small,
[data-theme="dark"] .deposit-badge p {
    color: #D0D0D0 !important;
}

/* User history items (modal vehicule) */
.dark-mode .user-history-item,
[data-theme="dark"] .user-history-item {
    border-bottom-color: #333 !important;
}

/* Loading states */
.dark-mode .loading-state,
.dark-mode .pickup-loading,
[data-theme="dark"] .loading-state,
[data-theme="dark"] .pickup-loading {
    color: #D0D0D0 !important;
}

/* FMD attestation preview */
.dark-mode .fmd-attestation-preview-content,
[data-theme="dark"] .fmd-attestation-preview-content {
    background: #1e1e1e !important;
    border: 1px solid #333 !important;
}

.dark-mode .fmd-attestation-preview-header,
[data-theme="dark"] .fmd-attestation-preview-header {
    background: linear-gradient(135deg, rgba(228, 192, 74, 0.1), rgba(255, 157, 92, 0.1)) !important;
    border-bottom-color: #333 !important;
}

.dark-mode .fmd-attestation-preview-header h3,
[data-theme="dark"] .fmd-attestation-preview-header h3 {
    color: #F5F5F5 !important;
}

.dark-mode .fmd-attestation-preview-footer,
[data-theme="dark"] .fmd-attestation-preview-footer {
    border-top-color: #333 !important;
    background: #1a1a1a !important;
}

/* Modal footer generique */
.dark-mode .modal-footer,
[data-theme="dark"] .modal-footer {
    border-top-color: #333 !important;
    background: #1a1a1a !important;
}

/* Spec rows dans les catalogues */
.dark-mode .spec-row,
.dark-mode .custom-spec,
[data-theme="dark"] .spec-row,
[data-theme="dark"] .custom-spec {
    border-color: #333 !important;
}

.dark-mode .spec-label,
[data-theme="dark"] .spec-label {
    color: #A0A0A0 !important;
}

.dark-mode .spec-value,
[data-theme="dark"] .spec-value {
    color: #E5E5E5 !important;
}

/* Inline style overrides pour div/span avec couleurs grises */
.dark-mode .dashboard-page [style*="color:#64748b"],
.dark-mode .dashboard-page [style*="color: #64748b"],
[data-theme="dark"] .dashboard-page [style*="color:#64748b"],
[data-theme="dark"] .dashboard-page [style*="color: #64748b"] {
    color: var(--text-secondary) !important;
}

.dark-mode .dashboard-page [style*="color:#6b7280"],
.dark-mode .dashboard-page [style*="color: #6B7280"],
[data-theme="dark"] .dashboard-page [style*="color:#6b7280"],
[data-theme="dark"] .dashboard-page [style*="color: #6B7280"] {
    color: var(--text-secondary) !important;
}

.dark-mode .dashboard-page [style*="color:#1e293b"],
.dark-mode .dashboard-page [style*="color: #1e293b"],
.dark-mode .dashboard-page [style*="color:#1A1A2E"],
.dark-mode .dashboard-page [style*="color: #1A1A2E"],
[data-theme="dark"] .dashboard-page [style*="color:#1e293b"],
[data-theme="dark"] .dashboard-page [style*="color: #1e293b"],
[data-theme="dark"] .dashboard-page [style*="color:#1A1A2E"],
[data-theme="dark"] .dashboard-page [style*="color: #1A1A2E"] {
    color: var(--text-primary) !important;
}

.dark-mode .dashboard-page [style*="color:#94a3b8"],
.dark-mode .dashboard-page [style*="color: #94a3b8"],
.dark-mode .dashboard-page [style*="color:#9CA3AF"],
.dark-mode .dashboard-page [style*="color: #9CA3AF"],
[data-theme="dark"] .dashboard-page [style*="color:#94a3b8"],
[data-theme="dark"] .dashboard-page [style*="color: #94a3b8"],
[data-theme="dark"] .dashboard-page [style*="color:#9CA3AF"],
[data-theme="dark"] .dashboard-page [style*="color: #9CA3AF"] {
    color: var(--text-muted) !important;
}

.dark-mode .dashboard-page [style*="color: #333"],
.dark-mode .dashboard-page [style*="color:#333"],
[data-theme="dark"] .dashboard-page [style*="color: #333"],
[data-theme="dark"] .dashboard-page [style*="color:#333"] {
    color: var(--text-primary) !important;
}

.dark-mode .dashboard-page [style*="color: #666"],
.dark-mode .dashboard-page [style*="color:#666"],
[data-theme="dark"] .dashboard-page [style*="color: #666"],
[data-theme="dark"] .dashboard-page [style*="color:#666"] {
    color: var(--text-secondary) !important;
}

.dark-mode .dashboard-page [style*="color: #999"],
.dark-mode .dashboard-page [style*="color:#999"],
[data-theme="dark"] .dashboard-page [style*="color: #999"],
[data-theme="dark"] .dashboard-page [style*="color:#999"] {
    color: var(--text-muted) !important;
}

.dark-mode .dashboard-page [style*="color: #555"],
.dark-mode .dashboard-page [style*="color:#555"],
[data-theme="dark"] .dashboard-page [style*="color: #555"],
[data-theme="dark"] .dashboard-page [style*="color:#555"] {
    color: var(--text-secondary) !important;
}

/* Backgrounds inline overrides */
.dark-mode .dashboard-page [style*="background:white"],
.dark-mode .dashboard-page [style*="background: white"],
.dark-mode .dashboard-page [style*="background:#fff"],
.dark-mode .dashboard-page [style*="background: #fff"],
[data-theme="dark"] .dashboard-page [style*="background:white"],
[data-theme="dark"] .dashboard-page [style*="background: white"],
[data-theme="dark"] .dashboard-page [style*="background:#fff"],
[data-theme="dark"] .dashboard-page [style*="background: #fff"] {
    background: #1e1e1e !important;
}

.dark-mode .dashboard-page [style*="background:#f8fafc"],
.dark-mode .dashboard-page [style*="background: #f8fafc"],
.dark-mode .dashboard-page [style*="background:#f8f9fa"],
.dark-mode .dashboard-page [style*="background: #f8f9fa"],
.dark-mode .dashboard-page [style*="background:#f9fafb"],
[data-theme="dark"] .dashboard-page [style*="background:#f8fafc"],
[data-theme="dark"] .dashboard-page [style*="background: #f8fafc"],
[data-theme="dark"] .dashboard-page [style*="background:#f8f9fa"],
[data-theme="dark"] .dashboard-page [style*="background: #f8f9fa"],
[data-theme="dark"] .dashboard-page [style*="background:#f9fafb"] {
    background: #252525 !important;
}

.dark-mode .dashboard-page [style*="background:#f1f5f9"],
.dark-mode .dashboard-page [style*="background: #f1f5f9"],
.dark-mode .dashboard-page [style*="background:#f3f4f6"],
.dark-mode .dashboard-page [style*="background:#f9f9f9"],
.dark-mode .dashboard-page [style*="background: #f9f9f9"],
[data-theme="dark"] .dashboard-page [style*="background:#f1f5f9"],
[data-theme="dark"] .dashboard-page [style*="background: #f1f5f9"],
[data-theme="dark"] .dashboard-page [style*="background:#f3f4f6"],
[data-theme="dark"] .dashboard-page [style*="background:#f9f9f9"],
[data-theme="dark"] .dashboard-page [style*="background: #f9f9f9"] {
    background: #1e1e1e !important;
}

/* Background #e0e0e0 pour les avatars/placeholders */
.dark-mode .dashboard-page [style*="background: #e0e0e0"],
.dark-mode .dashboard-page [style*="background:#e0e0e0"],
[data-theme="dark"] .dashboard-page [style*="background: #e0e0e0"],
[data-theme="dark"] .dashboard-page [style*="background:#e0e0e0"] {
    background: #333 !important;
}

/* Border-color overrides pour inline borders */
.dark-mode .dashboard-page [style*="border-bottom: 2px solid var(--gray-100)"],
[data-theme="dark"] .dashboard-page [style*="border-bottom: 2px solid var(--gray-100)"] {
    border-bottom-color: #333 !important;
}

/* Color amber/brown pour les cautions - garder visible en dark */
.dark-mode .dashboard-page [style*="color:#92400e"],
.dark-mode .dashboard-page [style*="color:#78350f"],
.dark-mode .dashboard-page [style*="color:#991b1b"],
[data-theme="dark"] .dashboard-page [style*="color:#92400e"],
[data-theme="dark"] .dashboard-page [style*="color:#78350f"],
[data-theme="dark"] .dashboard-page [style*="color:#991b1b"] {
    color: #FCD34D !important;
}

/* Couleur caution badge background */
.dark-mode .dashboard-page [style*="background:#fef3c7"],
[data-theme="dark"] .dashboard-page [style*="background:#fef3c7"] {
    background: rgba(245, 158, 11, 0.15) !important;
}

.dark-mode .dashboard-page [style*="background:#fef2f2"],
[data-theme="dark"] .dashboard-page [style*="background:#fef2f2"] {
    background: rgba(239, 68, 68, 0.15) !important;
}

.dark-mode .dashboard-page [style*="background:#f0fdf4"],
[data-theme="dark"] .dashboard-page [style*="background:#f0fdf4"] {
    background: rgba(16, 185, 129, 0.15) !important;
}

/* Color #888 - gris moyen inline */
.dark-mode .dashboard-page [style*="color:#888"],
.dark-mode .dashboard-page [style*="color: #888"],
[data-theme="dark"] .dashboard-page [style*="color:#888"],
[data-theme="dark"] .dashboard-page [style*="color: #888"] {
    color: var(--text-muted) !important;
}

/* Color #475569 - slate secondary */
.dark-mode .dashboard-page [style*="color:#475569"],
.dark-mode .dashboard-page [style*="color: #475569"],
[data-theme="dark"] .dashboard-page [style*="color:#475569"],
[data-theme="dark"] .dashboard-page [style*="color: #475569"] {
    color: var(--text-secondary) !important;
}

/* Border #e2e8f0 - bordures claires inline */
.dark-mode .dashboard-page [style*="border-color:#e2e8f0"],
.dark-mode .dashboard-page [style*="border-color: #e2e8f0"],
.dark-mode .dashboard-page [style*="border:#e2e8f0"],
[data-theme="dark"] .dashboard-page [style*="border-color:#e2e8f0"],
[data-theme="dark"] .dashboard-page [style*="border-color: #e2e8f0"],
[data-theme="dark"] .dashboard-page [style*="border:#e2e8f0"] {
    border-color: var(--gray-200) !important;
}

/* Color #b91c1c - rouge fonce pour erreurs, adapter en dark */
.dark-mode .dashboard-page [style*="color:#b91c1c"],
[data-theme="dark"] .dashboard-page [style*="color:#b91c1c"] {
    color: #f87171 !important;
}

/* ============================================
   CATCH-ALL: CSS File Hardcoded Color Overrides
   ============================================ */

/* --- Modal System (style-components.css) --- */
.dark-mode .modal-content,
.dark-mode .tadam-modal-content {
    background: var(--bg-light-secondary) !important;
    color: var(--text-primary) !important;
}

.dark-mode .tadam-modal-header {
    border-bottom-color: var(--gray-200) !important;
}

.dark-mode .tadam-modal-title {
    color: var(--text-primary) !important;
}

.dark-mode .tadam-modal-close {
    background: var(--gray-100) !important;
    color: var(--text-secondary) !important;
}

.dark-mode .tadam-modal-close:hover {
    background: var(--gray-200) !important;
    color: var(--text-primary) !important;
}

.dark-mode .tadam-modal-footer {
    background: var(--bg-light-tertiary) !important;
    border-top-color: var(--gray-200) !important;
}

/* Modal scrollbar */
.dark-mode .tadam-modal-body::-webkit-scrollbar-track {
    background: var(--gray-100) !important;
}
.dark-mode .tadam-modal-body::-webkit-scrollbar-thumb {
    background: var(--gray-300) !important;
}

/* --- Form Inputs (style-components.css) --- */
.dark-mode .tadam-form-group label {
    color: var(--text-secondary) !important;
}

.dark-mode .tadam-input,
.dark-mode .tadam-select,
.dark-mode .tadam-textarea {
    color: var(--text-primary) !important;
    background: var(--bg-light-tertiary) !important;
    border-color: var(--gray-200) !important;
}

.dark-mode .tadam-input::placeholder {
    color: var(--text-muted) !important;
}

.dark-mode .tadam-input:focus,
.dark-mode .tadam-select:focus,
.dark-mode .tadam-textarea:focus {
    border-color: var(--primary) !important;
}

.dark-mode .tadam-input-icon i {
    color: var(--text-muted) !important;
}

.dark-mode .tadam-form-help {
    color: var(--text-light) !important;
}

.dark-mode .tadam-checkbox span {
    color: var(--text-secondary) !important;
}

/* --- Empty States --- */
.dark-mode .tadam-empty-state h4 {
    color: var(--text-primary) !important;
}

.dark-mode .tadam-empty-state p {
    color: var(--text-secondary) !important;
}

/* --- Activate Page (style-activate.css) --- */
.dark-mode .activate-subtitle {
    color: var(--text-secondary) !important;
}

.dark-mode .activate-container .form-group label {
    color: var(--text-secondary) !important;
}

.dark-mode .success-state p {
    color: var(--text-secondary) !important;
}

/* --- Contact Page (style-contact.css) --- */
.dark-mode .contact-section p,
.dark-mode .contact-info p,
.dark-mode .contact-form label {
    color: var(--text-secondary) !important;
}

/* --- Dashboard Shops (style-dashboard-shops.css) --- */
.dark-mode .partner-filter-btn {
    color: var(--text-secondary) !important;
}

/* --- WOW Effects / Toast / Loader (style-wow-effects.css) --- */
.dark-mode .loader-logo-pulse .loader-text {
    color: var(--text-secondary) !important;
}

.dark-mode .toast-premium {
    background: var(--bg-light-secondary) !important;
    border-color: var(--gray-200) !important;
}

.dark-mode .toast-premium .toast-message {
    color: var(--text-secondary) !important;
}

.dark-mode .toast-premium .toast-close {
    color: var(--text-muted) !important;
}

.dark-mode .toast-premium .toast-close:hover {
    color: var(--text-primary) !important;
}

/* --- Fleet Status Colors (style-dashboard-fleets.css) --- */
.dark-mode .vehicle-status-badge-v2.status-unknown {
    border-color: var(--gray-300) !important;
    color: var(--text-secondary) !important;
}

.dark-mode .vehicle-status-badge-v2.status-unknown .status-bg-unknown {
    background: var(--gray-300) !important;
}