/**
 * Catch-all dark theme — force les fonds/textes clairs (y compris styles inline)
 * sur TOUTES les pages SPA. Doit rester en fin de theme-dark.css.
 */
html[data-theme='dark'] #app-main,
html[data-theme='dark'] #app-main .panel,
html[data-theme='dark'] #app-main .panel-body,
html[data-theme='dark'] #app-main .panel-head {
  background-color: var(--phc-bg) !important;
  color: var(--phc-text) !important;
}

html[data-theme='dark'] #app-main .panel {
  background-color: var(--phc-bg-panel) !important;
}

/* Cartes / blocs générés avec styles inline clairs */
html[data-theme='dark'] #app-main [style*='background: white'],
html[data-theme='dark'] #app-main [style*='background:white'],
html[data-theme='dark'] #app-main [style*='background: #fff'],
html[data-theme='dark'] #app-main [style*='background:#fff'],
html[data-theme='dark'] #app-main [style*='background: #ffffff'],
html[data-theme='dark'] #app-main [style*='background:#ffffff'],
html[data-theme='dark'] #app-main [style*='background: #fafafa'],
html[data-theme='dark'] #app-main [style*='background:#fafafa'],
html[data-theme='dark'] #app-main [style*='background: #f9fafb'],
html[data-theme='dark'] #app-main [style*='background:#f9fafb'],
html[data-theme='dark'] #app-main [style*='background: #f8fafc'],
html[data-theme='dark'] #app-main [style*='background:#f8fafc'],
html[data-theme='dark'] #app-main [style*='background: #f3f4f6'],
html[data-theme='dark'] #app-main [style*='background:#f3f4f6'],
html[data-theme='dark'] #app-main [style*='background: #f8f9fa'],
html[data-theme='dark'] #app-main [style*='background:#f8f9fa'],
html[data-theme='dark'] #app-main [style*='background: #eff6ff'],
html[data-theme='dark'] #app-main [style*='background:#eff6ff'],
html[data-theme='dark'] #app-main [style*='background: #fef2f2'],
html[data-theme='dark'] #app-main [style*='background:#fef2f2'],
html[data-theme='dark'] #app-main [style*='background: #fff7e6'],
html[data-theme='dark'] #app-main [style*='background:#fff7e6'],
html[data-theme='dark'] #app-main [style*='background: #fff3cd'],
html[data-theme='dark'] #app-main [style*='background:#fff3cd'],
html[data-theme='dark'] #app-main [style*='background-color: white'],
html[data-theme='dark'] #app-main [style*='background-color:white'],
html[data-theme='dark'] #app-main [style*='background-color: #fff'],
html[data-theme='dark'] #app-main [style*='background-color:#fff'],
html[data-theme='dark'] #app-main [style*='background-color: #ffffff'],
html[data-theme='dark'] #app-main [style*='background-color:#ffffff'],
html[data-theme='dark'] #app-main [style*='background-color: #f9fafb'],
html[data-theme='dark'] #app-main [style*='background-color:#f9fafb'],
html[data-theme='dark'] #app-main [style*='background-color: #fafafa'],
html[data-theme='dark'] #app-main [style*='background-color:#fafafa'] {
  background: var(--phc-bg-elevated) !important;
  background-color: var(--phc-bg-elevated) !important;
  color: var(--phc-text) !important;
  border-color: var(--phc-border) !important;
}

/* Textes sombres forcés sur labels / titres inline */
html[data-theme='dark'] #app-main [style*='color: #1f2937'],
html[data-theme='dark'] #app-main [style*='color:#1f2937'],
html[data-theme='dark'] #app-main [style*='color: #111827'],
html[data-theme='dark'] #app-main [style*='color:#111827'],
html[data-theme='dark'] #app-main [style*='color: #374151'],
html[data-theme='dark'] #app-main [style*='color:#374151'],
html[data-theme='dark'] #app-main [style*='color: #0f172a'],
html[data-theme='dark'] #app-main [style*='color:#0f172a'],
html[data-theme='dark'] #app-main [style*='color: #334155'],
html[data-theme='dark'] #app-main [style*='color:#334155'] {
  color: var(--phc-text) !important;
}

html[data-theme='dark'] #app-main [style*='color: #6b7280'],
html[data-theme='dark'] #app-main [style*='color:#6b7280'],
html[data-theme='dark'] #app-main [style*='color: #64748b'],
html[data-theme='dark'] #app-main [style*='color:#64748b'],
html[data-theme='dark'] #app-main [style*='color: #9ca3af'],
html[data-theme='dark'] #app-main [style*='color:#9ca3af'],
html[data-theme='dark'] #app-main [style*='color: #4b5563'],
html[data-theme='dark'] #app-main [style*='color:#4b5563'] {
  color: var(--phc-text-muted) !important;
}

html[data-theme='dark'] #app-main label,
html[data-theme='dark'] #app-main .form-group label,
html[data-theme='dark'] #app-main .composant-card,
html[data-theme='dark'] #app-main .composant-card label,
html[data-theme='dark'] #app-main .composant-card strong,
html[data-theme='dark'] #app-main .composant-info,
html[data-theme='dark'] #app-main .composant-checkbox {
  color: var(--phc-text) !important;
}

html[data-theme='dark'] #app-main .composant-card .muted {
  color: var(--phc-text-muted) !important;
}

html[data-theme='dark'] #app-main [style*='border: 1px solid #e5e7eb'],
html[data-theme='dark'] #app-main [style*='border:1px solid #e5e7eb'],
html[data-theme='dark'] #app-main [style*='border: 1px solid #d1d5db'],
html[data-theme='dark'] #app-main [style*='border:1px solid #d1d5db'],
html[data-theme='dark'] #app-main [style*='border-color: #e5e7eb'],
html[data-theme='dark'] #app-main [style*='border-color:#e5e7eb'] {
  border-color: var(--phc-border) !important;
}

/* Contrôles générés inline */
html[data-theme='dark'] #app-main select[style],
html[data-theme='dark'] #app-main input[style],
html[data-theme='dark'] #app-main textarea[style] {
  background: var(--phc-bg-input) !important;
  color: var(--phc-text) !important;
  border-color: var(--phc-border) !important;
}

/* Listes / items génériques */
html[data-theme='dark'] #app-main .composant-selected-card h4,
html[data-theme='dark'] #app-main .composant-selected-card label,
html[data-theme='dark'] #app-main .composant-selected-card .form-group label {
  color: var(--phc-text) !important;
}

html[data-theme='dark'] #app-main .composant-selected-card input,
html[data-theme='dark'] #app-main .composant-selected-card select,
html[data-theme='dark'] #app-main .composant-selected-card textarea {
  background: var(--phc-bg-input) !important;
  color: var(--phc-text) !important;
  border-color: var(--phc-border) !important;
}

html[data-theme='dark'] #app-main .list-item,
html[data-theme='dark'] #app-main .item-card,
html[data-theme='dark'] #app-main .info-card,
html[data-theme='dark'] #app-main .stat-card,
html[data-theme='dark'] #app-main .workflow-card,
html[data-theme='dark'] #app-main .engin-card,
html[data-theme='dark'] #app-main .composant-card,
html[data-theme='dark'] #app-main .composant-selected-card,
html[data-theme='dark'] #app-main .engin-info,
html[data-theme='dark'] #app-main .verification-card,
html[data-theme='dark'] #app-main .verif-composant-card,
html[data-theme='dark'] #app-main .section-card,
html[data-theme='dark'] #app-main .form-section-card {
  background: var(--phc-bg-elevated) !important;
  color: var(--phc-text) !important;
  border-color: var(--phc-border) !important;
}

/* Boutons secondary souvent blancs */
html[data-theme='dark'] #app-main .button.secondary,
html[data-theme='dark'] #app-main button.secondary,
html[data-theme='dark'] #app-main a.button.secondary {
  background: #1a2330 !important;
  color: var(--phc-text) !important;
  border-color: var(--phc-border) !important;
}

/* Tables / lignes alternées */
html[data-theme='dark'] #app-main tbody tr:nth-child(even) td,
html[data-theme='dark'] #app-main tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.02) !important;
}

html[data-theme='dark'] #app-main tbody tr:hover td,
html[data-theme='dark'] #app-main tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Page vérification d'état */
html[data-theme='dark'] #page-composants-list,
html[data-theme='dark'] .verif-etat-block,
html[data-theme='dark'] .verif-etat-hint {
  background: var(--phc-bg-elevated) !important;
  border-color: var(--phc-border) !important;
  color: var(--phc-text) !important;
}

html[data-theme='dark'] .verif-composant-card {
  background: #151b24 !important;
  border: 1px solid var(--phc-border) !important;
  color: var(--phc-text) !important;
}

html[data-theme='dark'] .verif-composant-card select,
html[data-theme='dark'] .verif-composant-card textarea {
  background: var(--phc-bg-input) !important;
  color: var(--phc-text) !important;
  border-color: var(--phc-border) !important;
}

html[data-theme='dark'] .verif-composant-card label,
html[data-theme='dark'] .verif-etat-block label {
  color: var(--phc-text) !important;
}

html[data-theme='dark'] .verif-etat-hint {
  background: rgba(59, 130, 246, 0.12) !important;
  border-left: 4px solid #3b82f6 !important;
  color: var(--phc-text-muted) !important;
}

/* Modales / overlays restants */
html[data-theme='dark'] .modal,
html[data-theme='dark'] .modal-content,
html[data-theme='dark'] .modal-body,
html[data-theme='dark'] .modal-header,
html[data-theme='dark'] .modal-footer {
  background: var(--phc-bg-panel) !important;
  color: var(--phc-text) !important;
  border-color: var(--phc-border) !important;
}

/* Fiche engin / sections détails (styles.css clair) */
html[data-theme='dark'] .engin-details-page,
html[data-theme='dark'] .engin-details-page-content,
html[data-theme='dark'] .page-header,
html[data-theme='dark'] .page-details-header {
  background: var(--phc-bg-panel) !important;
  color: var(--phc-text) !important;
  border-color: var(--phc-border) !important;
}

html[data-theme='dark'] .ed-tabs,
html[data-theme='dark'] .engin-details-page > .ed-page-header {
  background: #121821 !important;
  border-color: #2a3544 !important;
}

html[data-theme='dark'] .ed-photo-card,
html[data-theme='dark'] .ed-compact-table thead th {
  background: #121821 !important;
  border-color: #1e293b !important;
  color: var(--phc-text) !important;
}

html[data-theme='dark'] .ed-dl dt,
html[data-theme='dark'] .ed-group__title,
html[data-theme='dark'] .ed-tab-count {
  color: #64748b !important;
}

html[data-theme='dark'] .ed-dl dd,
html[data-theme='dark'] .ed-desc-text {
  color: #e2e8f0 !important;
}

html[data-theme='dark'] .ed-tab {
  background: transparent !important;
  border-color: transparent !important;
  color: #94a3b8 !important;
}

html[data-theme='dark'] .ed-tab.is-active {
  color: #f8fafc !important;
  border-bottom-color: #3b82f6 !important;
}

html[data-theme='dark'] .page-header h1,
html[data-theme='dark'] .page-details-header h1,
html[data-theme='dark'] .btn-back {
  color: var(--phc-text) !important;
}

html[data-theme='dark'] .details-section {
  border-color: var(--phc-border) !important;
  color: var(--phc-text) !important;
}

html[data-theme='dark'] .details-section h4 {
  color: var(--phc-text) !important;
  border-color: var(--phc-border) !important;
}

html[data-theme='dark'] .detail-item,
html[data-theme='dark'] .details-section .details-description {
  background: var(--phc-bg-elevated) !important;
  border-color: var(--phc-border) !important;
  color: var(--phc-text) !important;
}

html[data-theme='dark'] .detail-item:hover {
  background: #1e2733 !important;
  border-color: #3a4658 !important;
  box-shadow: none !important;
}

html[data-theme='dark'] .detail-label {
  color: var(--phc-text-muted) !important;
}

html[data-theme='dark'] .detail-value,
html[data-theme='dark'] .detail-value strong {
  color: var(--phc-text) !important;
}

html[data-theme='dark'] .piece-card {
  background: var(--phc-bg-elevated) !important;
  border-color: var(--phc-border) !important;
  box-shadow: none !important;
  color: var(--phc-text) !important;
}

html[data-theme='dark'] .piece-card-header {
  background: #121820 !important;
  border-color: var(--phc-border) !important;
}

html[data-theme='dark'] .piece-card-header h4,
html[data-theme='dark'] .piece-card-body,
html[data-theme='dark'] .piece-card-body p,
html[data-theme='dark'] .piece-card-body strong {
  color: var(--phc-text) !important;
}

html[data-theme='dark'] .piece-images-section {
  border-color: var(--phc-border) !important;
}

/* Modules / pages encore clairs dans leurs CSS dédiés */
html[data-theme='dark'] .nf-filters,
html[data-theme='dark'] .nf-table-wrap,
html[data-theme='dark'] .filters,
html[data-theme='dark'] .filter-bar,
html[data-theme='dark'] .toolbar,
html[data-theme='dark'] .page-toolbar,
html[data-theme='dark'] .search-bar,
html[data-theme='dark'] .kpi-card,
html[data-theme='dark'] .stat-box,
html[data-theme='dark'] .summary-card,
html[data-theme='dark'] .report-card,
html[data-theme='dark'] .dashboard-card,
html[data-theme='dark'] .maintenance-card,
html[data-theme='dark'] .signalement-card,
html[data-theme='dark'] .stock-card,
html[data-theme='dark'] .catalogue-card,
html[data-theme='dark'] .nomenclature-page .nf-filters,
html[data-theme='dark'] .suivi-da-expand-panel,
html[data-theme='dark'] .suivi-da__toolbar,
html[data-theme='dark'] .suivi-da-stat,
html[data-theme='dark'] .codes-budget-card,
html[data-theme='dark'] .colisage-page,
html[data-theme='dark'] .preventive-card,
html[data-theme='dark'] .form-actions,
html[data-theme='dark'] .mouv-form-actions,
html[data-theme='dark'] .chauffeur-form-page .form-actions {
  background: var(--phc-bg-elevated) !important;
  background-color: var(--phc-bg-elevated) !important;
  color: var(--phc-text) !important;
  border-color: var(--phc-border) !important;
}

html[data-theme='dark'] .nf-filter select,
html[data-theme='dark'] .nf-filter input,
html[data-theme='dark'] .nf-table td,
html[data-theme='dark'] table th,
html[data-theme='dark'] table td {
  color: var(--phc-text) !important;
  border-color: var(--phc-border) !important;
}

html[data-theme='dark'] .nf-table th,
html[data-theme='dark'] table thead th {
  background: #1e3a5f !important;
  color: var(--phc-text) !important;
}

html[data-theme='dark'] .nf-table tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.03) !important;
}

html[data-theme='dark'] .auth,
html[data-theme='dark'] .auth-layout,
html[data-theme='dark'] .auth-box,
html[data-theme='dark'] .login-card,
html[data-theme='dark'] .auth-card {
  background: var(--phc-bg-panel) !important;
  color: var(--phc-text) !important;
}

html.capacitor-native[data-theme='dark'] .panel,
html[data-theme='dark'].capacitor-native .panel {
  background: var(--phc-bg-panel) !important;
  box-shadow: none !important;
}

html[data-theme='dark'] .badge {
  border-color: var(--phc-border) !important;
}

html[data-theme='dark'] .badge-secondary {
  background: #2a3544 !important;
  color: var(--phc-text) !important;
}

/* Mode présentation : toujours clair (comme le PPT PHC), même si l'app est en dark */
html[data-theme='dark'] #presentation-overlay,
#presentation-overlay {
  background: #dce6ee !important;
  color: #111827 !important;
  color-scheme: light;
}

html[data-theme='dark'] #presentation-overlay #presentation-slide-container,
#presentation-overlay #presentation-slide-container {
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.14) !important;
}

html[data-theme='dark'] #app-main #presentation-overlay [style*='background: white'],
html[data-theme='dark'] #app-main #presentation-overlay [style*='background:white'],
html[data-theme='dark'] #app-main #presentation-overlay [style*='background: #fff'],
html[data-theme='dark'] #app-main #presentation-overlay [style*='background:#fff'],
html[data-theme='dark'] #app-main #presentation-overlay [style*='background: #ffffff'],
html[data-theme='dark'] #app-main #presentation-overlay [style*='background:#ffffff'],
html[data-theme='dark'] #presentation-overlay [style*='background: white'],
html[data-theme='dark'] #presentation-overlay [style*='background:white'] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111827 !important;
}

html[data-theme='dark'] #app-main #presentation-overlay [style*='background: #f0f9ff'],
html[data-theme='dark'] #presentation-overlay [style*='background: #f0f9ff'] {
  background: #f0f9ff !important;
  background-color: #f0f9ff !important;
  color: #0b4a63 !important;
}

html[data-theme='dark'] #app-main #presentation-overlay [style*='background: #f0fdf4'],
html[data-theme='dark'] #presentation-overlay [style*='background: #f0fdf4'] {
  background: #f0fdf4 !important;
  background-color: #f0fdf4 !important;
}

html[data-theme='dark'] #app-main #presentation-overlay [style*='background: #eff6ff'],
html[data-theme='dark'] #presentation-overlay [style*='background: #eff6ff'] {
  background: #eff6ff !important;
  background-color: #eff6ff !important;
}

html[data-theme='dark'] #app-main #presentation-overlay [style*='color: #111827'],
html[data-theme='dark'] #app-main #presentation-overlay [style*='color:#111827'],
html[data-theme='dark'] #app-main #presentation-overlay [style*='color: #0b4a63'],
html[data-theme='dark'] #app-main #presentation-overlay [style*='color:#0b4a63'],
html[data-theme='dark'] #app-main #presentation-overlay [style*='color: #374151'],
html[data-theme='dark'] #presentation-overlay h1,
html[data-theme='dark'] #presentation-overlay h2,
html[data-theme='dark'] #presentation-overlay h3 {
  color: #0b4a63 !important;
}

html[data-theme='dark'] #app-main #presentation-overlay [style*='color: #64748b'],
html[data-theme='dark'] #app-main #presentation-overlay [style*='color:#64748b'],
html[data-theme='dark'] #presentation-overlay .muted {
  color: #64748b !important;
}

#presentation-overlay table,
#presentation-overlay th,
#presentation-overlay td,
html[data-theme='dark'] #presentation-overlay table,
html[data-theme='dark'] #presentation-overlay th,
html[data-theme='dark'] #presentation-overlay td,
html[data-theme='dark'] #app-main #presentation-overlay table,
html[data-theme='dark'] #app-main #presentation-overlay th,
html[data-theme='dark'] #app-main #presentation-overlay td {
  color: #111827 !important;
  background-color: #ffffff !important;
  border-color: #d1d5db !important;
}

#presentation-overlay thead th,
html[data-theme='dark'] #presentation-overlay thead th,
html[data-theme='dark'] #app-main #presentation-overlay thead th {
  background-color: #e5e7eb !important;
  color: #0b4a63 !important;
}

/* Présentation : barre de période — labels inline, texte lisible */
html[data-theme='dark'] #app-main .rapport-presentation-disp {
  background: #121922 !important;
  border-color: #2a3544 !important;
}

html[data-theme='dark'] #app-main .rapport-presentation-disp__title {
  color: #e8eef6 !important;
}

html[data-theme='dark'] #app-main .rapport-presentation-disp__item,
html[data-theme='dark'] #app-main .rapport-presentation-disp label.rapport-presentation-disp__item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  color: #c5d0dc !important;
}

/* Types d'engins : survol lisible (évite fond gris clair + texte blanc) */
html[data-theme='dark'] #types-engins-list li.type-item:hover:not(.active) {
  background: rgba(125, 211, 252, 0.16) !important;
  color: var(--phc-text) !important;
}
html[data-theme='dark'] #types-engins-list li.type-item.active,
html[data-theme='dark'] #types-engins-list li.type-item.active:hover {
  background: #156a8a !important;
  color: #fff !important;
}
html[data-theme='dark'] #mm-engins-drawer[hidden],
html[data-theme='dark'] #mm-drawer-overlay[hidden] {
  display: none !important;
}

html[data-theme='dark'] #app-main .mm-layout__list,
html[data-theme='dark'] #app-main .mm-layout__detail,
html[data-theme='dark'] #app-main .te-layout__list,
html[data-theme='dark'] #app-main #type-detail-zone,
html[data-theme='dark'] #app-main .mm-meta-table,
html[data-theme='dark'] #app-main .mm-meta-table table,
html[data-theme='dark'] #app-main .mm-meta-table th,
html[data-theme='dark'] #app-main .mm-meta-table td {
  background: #151b24 !important;
  color: #e8eef6 !important;
  border-color: #2a3544 !important;
}

html[data-theme='dark'] #app-main #marques-modeles-list,
html[data-theme='dark'] #app-main #types-engins-list,
html[data-theme='dark'] #app-main .mm-item,
html[data-theme='dark'] #app-main .mm-item-title,
html[data-theme='dark'] #app-main .type-item {
  color: #e8eef6 !important;
}

html[data-theme='dark'] #app-main .mm-item-sub,
html[data-theme='dark'] #app-main #mm-detail-empty,
html[data-theme='dark'] #app-main #type-detail-empty {
  color: #9aa8b8 !important;
  background: transparent !important;
}

html[data-theme='dark'] #app-main #marques-modeles-list li.mm-item:hover:not(.active),
html[data-theme='dark'] #app-main #types-engins-list li.type-item:hover:not(.active) {
  background: rgba(59, 130, 246, 0.18) !important;
  color: #e8eef6 !important;
}

html[data-theme='dark'] #app-main #marques-modeles-list li.mm-item.active,
html[data-theme='dark'] #app-main #types-engins-list li.type-item.active {
  background: #1d4ed8 !important;
  color: #fff !important;
}

html[data-theme='dark'] #app-main .mm-filters-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.55rem !important;
  background: #1a222d !important;
  border: 1px solid #3d4d61 !important;
}

html[data-theme='dark'] #app-main .mm-filters-bar .search-input,
html[data-theme='dark'] #app-main .mm-filters-bar .filter-select,
html[data-theme='dark'] #app-main .mm-head-actions .button,
html[data-theme='dark'] #app-main .mm-filters-bar .button {
  min-height: 2.35rem !important;
  height: 2.35rem !important;
}

html[data-theme='dark'] #app-main .filters-bar,
html[data-theme='dark'] #app-main .assets-filters-bar,
html[data-theme='dark'] #app-main .preventive-filters-bar,
html[data-theme='dark'] #app-main .engins-filters-bar {
  background: #1a222d !important;
  color: #e8eef6 !important;
  border: 1px solid #3d4d61 !important;
  border-radius: 10px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-theme='dark'] #app-main .assets-filters-bar {
  display: grid !important;
  grid-template-columns: minmax(200px, 2.2fr) repeat(5, minmax(120px, 1fr)) !important;
  gap: 0.65rem 0.75rem !important;
  align-items: end !important;
  padding: 0.85rem 1rem !important;
}

html[data-theme='dark'] #app-main .assets-filters-bar label,
html[data-theme='dark'] #app-main .filters-bar label {
  color: #c5d0dc !important;
}

html[data-theme='dark'] #app-main .filters-bar input:not([type='checkbox']):not([type='radio']),
html[data-theme='dark'] #app-main .filters-bar select,
html[data-theme='dark'] #app-main .assets-filters-bar .search-input,
html[data-theme='dark'] #app-main .assets-filters-bar .filter-select,
html[data-theme='dark'] #app-main .assets-filters-bar input:not([type='checkbox']):not([type='radio']),
html[data-theme='dark'] #app-main .assets-filters-bar select,
html[data-theme='dark'] #app-main .engins-filters-bar input:not([type='checkbox']):not([type='radio']),
html[data-theme='dark'] #app-main .engins-filters-bar select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #0b1016 !important;
  color: #e8eef6 !important;
  border: 1px solid #5b6d82 !important;
  border-radius: 8px !important;
  min-height: 2.45rem !important;
  height: auto !important;
  padding: 0.5rem 0.7rem !important;
  font-size: 0.875rem !important;
  opacity: 1 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35) !important;
  box-sizing: border-box !important;
}

html[data-theme='dark'] #app-main .preventive-filters-bar .search-input,
html[data-theme='dark'] #app-main .preventive-filters-bar .filter-select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #0b1016 !important;
  color: #e8eef6 !important;
  border: 1px solid #5b6d82 !important;
  border-radius: 4px !important;
  min-height: 1.85rem !important;
  height: 1.85rem !important;
  padding: 0.15rem 0.4rem !important;
  font-size: 0.75rem !important;
  opacity: 1 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html[data-theme='dark'] #app-main .filters-bar select,
html[data-theme='dark'] #app-main .assets-filters-bar select,
html[data-theme='dark'] #app-main .preventive-filters-bar select,
html[data-theme='dark'] #app-main .engins-filters-bar select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239aa8b8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.7rem center !important;
  background-size: 12px 8px !important;
  padding-right: 2rem !important;
}

@media (max-width: 1100px) {
  html[data-theme='dark'] #app-main .assets-filters-bar {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  html[data-theme='dark'] #app-main .assets-filters-bar {
    grid-template-columns: 1fr 1fr !important;
  }
}

html[data-theme='dark'] #app-main .preventive-calendar-nav,
html[data-theme='dark'] #app-main .preventive-filters-bar,
html[data-theme='dark'] #app-main .preventive-site-bar {
  background: #1a222d !important;
  color: #e8eef6 !important;
  border-color: #2a3544 !important;
}

html[data-theme='dark'] #app-main .preventive-calendar-nav__label {
  color: #e8eef6 !important;
}

html[data-theme='dark'] #app-main .preventive-calendar-nav__hint,
html[data-theme='dark'] #app-main .preventive-calendar-legend,
html[data-theme='dark'] #app-main .preventive-cal-toggle-verif {
  color: #c5d0dc !important;
}

html[data-theme='dark'] #app-main .preventive-filters-bar {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

html[data-theme='dark'] #app-main .preventive-filters-bar .search-input,
html[data-theme='dark'] #app-main .preventive-filters-bar .filter-select {
  background: #0b1016 !important;
  color: #e8eef6 !important;
  border: 1px solid #5b6d82 !important;
  min-height: 1.85rem !important;
  height: 1.85rem !important;
  padding: 0.15rem 0.4rem !important;
  font-size: 0.75rem !important;
  border-radius: 4px !important;
}

html[data-theme='dark'] #app-main .preventive-calendar-table {
  background: #151b24 !important;
  color: #e8eef6 !important;
}

html[data-theme='dark'] #app-main .preventive-calendar-table th,
html[data-theme='dark'] #app-main .preventive-calendar-table td {
  border-color: #2a3544 !important;
  color: #e8eef6 !important;
}

html[data-theme='dark'] #app-main .preventive-calendar-table thead th {
  background: #1e3a5f !important;
  color: #e8eef6 !important;
}

html[data-theme='dark'] #app-main .preventive-calendar-table thead th.is-weekend {
  background: #3b1f28 !important;
  color: #fca5a5 !important;
}

html[data-theme='dark'] #app-main .preventive-calendar-table tbody tr:nth-child(odd) td {
  background: #151b24 !important;
}

html[data-theme='dark'] #app-main .preventive-calendar-table tbody tr:nth-child(even) td {
  background: #1a222d !important;
}

html[data-theme='dark'] #app-main .preventive-calendar-table tbody tr:hover td {
  background: #243044 !important;
}

html[data-theme='dark'] #app-main .preventive-calendar-table td.preventive-cal-cell.is-weekend {
  background: #2a1a1f !important;
}

html[data-theme='dark'] #app-main .preventive-cal-modal__panel,
html[data-theme='dark'] #app-main .preventive-cal-modal__item {
  background: #151b24 !important;
  color: #e8eef6 !important;
  border-color: #2a3544 !important;
}

html[data-theme='dark'] #app-main .preventive-cal-modal__head h3,
html[data-theme='dark'] #app-main .preventive-cal-modal__item-title {
  color: #e8eef6 !important;
}

html[data-theme='dark'] #app-main .preventive-cal-more,
html[data-theme='dark'] #app-main .preventive-cal-total {
  color: #93c5fd !important;
}

/* Prévisions entretien — barre filtres / volets engins */
html[data-theme='dark'] #app-main .saisie-toolbar,
html[data-theme='dark'] #app-main .saisie-engin-panel,
html[data-theme='dark'] #app-main .saisie-cat-panel,
html[data-theme='dark'] #app-main .saisie-cons-row,
html[data-theme='dark'] #app-main .consommable-row {
  background: #151b24 !important;
  color: #e8eef6 !important;
  border-color: #2a3544 !important;
  box-shadow: none !important;
}

html[data-theme='dark'] #app-main .saisie-toolbar-head,
html[data-theme='dark'] #app-main .saisie-engin-summary,
html[data-theme='dark'] #app-main .saisie-cat-summary {
  background: #1a222d !important;
  color: #e8eef6 !important;
  border-color: #2a3544 !important;
}

html[data-theme='dark'] #app-main .saisie-engin-toolbar,
html[data-theme='dark'] #app-main .saisie-engin-body,
html[data-theme='dark'] #app-main .saisie-cat-toolbar {
  background: #121820 !important;
  border-color: #2a3544 !important;
}

html[data-theme='dark'] #app-main .saisie-field-input,
html[data-theme='dark'] #app-main .saisie-field-select,
html[data-theme='dark'] #app-main .saisie-qty-field .form-control {
  background: #0d1117 !important;
  color: #e8eef6 !important;
  border-color: #2a3544 !important;
}

html[data-theme='dark'] #app-main .saisie-action-btn,
html[data-theme='dark'] #app-main .saisie-apply-all-btn,
html[data-theme='dark'] #app-main .saisie-stat-pill {
  background: #1a222d !important;
  color: #e8eef6 !important;
  border-color: #2a3544 !important;
}

html[data-theme='dark'] #app-main .saisie-engin-title,
html[data-theme='dark'] #app-main .saisie-cat-name,
html[data-theme='dark'] #app-main .saisie-cons-name,
html[data-theme='dark'] #app-main .saisie-toolbar-title {
  color: #e8eef6 !important;
}

html[data-theme='dark'] #app-main .saisie-field-label,
html[data-theme='dark'] #app-main .saisie-qty-label,
html[data-theme='dark'] #app-main .saisie-unit,
html[data-theme='dark'] #app-main .saisie-cons-meta {
  color: #9aa8b8 !important;
}



/* Tools — forcer dark sur barre d'onglets claire */
html[data-theme='dark'] .tools-tabs,
html[data-theme='dark'] .tools-page .tools-tabs {
  background: #121821 !important;
  border-color: #2a3544 !important;
}
html[data-theme='dark'] .tools-tab-btn:not(.active) {
  background: #0d1117 !important;
  border-color: #2a3544 !important;
  color: #cbd5e1 !important;
}

/* Dashboard filtres Site / Type ? options lisibles */
html[data-theme='dark'] #app-main .db-pro-filter select,
html[data-theme='dark'] #app-main #dashboard-filter-site,
html[data-theme='dark'] #app-main #dashboard-filter-type {
  background: #0d1117 !important;
  color: #e8eef6 !important;
  border-color: #5b6d82 !important;
  color-scheme: dark !important;
}

html[data-theme='dark'] #app-main .db-pro-filter select option,
html[data-theme='dark'] #app-main #dashboard-filter-site option,
html[data-theme='dark'] #app-main #dashboard-filter-type option,
html[data-theme='dark'] #app-main select option {
  background: #1a2332 !important;
  color: #e8eef6 !important;
}