/* Modo oscuro — GENERADO por scripts/tema-oscuro.mjs, no editar a mano.
   Equivalentes oscuros de los colores escritos a mano en las hojas de cada
   módulo. La paleta y los ajustes finos están en tema-oscuro.css. */

html[data-tema="oscuro"] .edit-aviso { background-color: hsl(39 50% 17%) !important; border-color: hsl(40 40% 30%) !important; }
html[data-tema="oscuro"] .edit-aviso-tit { color: hsl(39 75% 72%) !important; }
html[data-tema="oscuro"] .edit-aviso-sub { color: hsl(38 75% 72%) !important; }
html[data-tema="oscuro"] #view-programar.editando .card { border-color: hsl(40 40% 30%) !important; }
html[data-tema="oscuro"] #view-programar.editando .page-title { color: hsl(39 75% 72%) !important; }
html[data-tema="oscuro"] .loc-op { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .loc-op:hover { border-color: hsl(213 33% 30%) !important; }
html[data-tema="oscuro"] .loc-op .radio { border-color: hsl(214 22% 30%) !important; background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .loc-op .dia.agregar { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .man-modo { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .man-modo:hover { border-color: hsl(213 33% 30%) !important; }
html[data-tema="oscuro"] .man-dia { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] input,
html[data-tema="oscuro"] select,
html[data-tema="oscuro"] textarea { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .picker-search { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .mat tr.vacantes td { background-color: hsl(34 50% 17%) !important; color: hsl(15 75% 72%) !important; }
html[data-tema="oscuro"] .mat td.plan input:hover,
html[data-tema="oscuro"] .mat td.plan input:focus { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .ac-list { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] input.invalido { background-color: var(--bg-subtle) !important; }
html[data-tema="oscuro"] .mod-panel { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .menu-panel { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .modal { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .city-row .city-name input:focus { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .tb-calor .celda.ok { background-color: hsl(142 35% 17%) !important; }
html[data-tema="oscuro"] .tb-calor .celda.ok2 { background-color: hsl(143 36% 17%) !important; }
html[data-tema="oscuro"] .tb-calor .celda.warn { background-color: hsl(39 50% 17%) !important; }
html[data-tema="oscuro"] .tb-calor .celda.nadie { background-color: hsl(214 25% 17%) !important; }
html[data-tema="oscuro"] .emp-chip { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .tb-badge.warn { background-color: hsl(38 50% 17%) !important; color: hsl(26 75% 72%) !important; }
html[data-tema="oscuro"] tr.pendiente td { background-color: hsl(37 50% 17%) !important; }
html[data-tema="oscuro"] .seg button.active { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .detail-panel { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .dia-chip { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .dia-chip .quitar:hover { color: hsl(352 75% 72%) !important; }
html[data-tema="oscuro"] .dia-chip .carga-dia.alerta { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .tramo-card { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .dia-op { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .dia-op.sel { background-color: hsl(214 50% 17%) !important; }
html[data-tema="oscuro"] .dia-op.sel .d2,
html[data-tema="oscuro"] .dia-op.sel .d3 { color: hsl(213 38% 72%) !important; }
html[data-tema="oscuro"] .mapa-card { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .mapa-div { border-left-color: var(--line) !important; }
html[data-tema="oscuro"] #opsTableBody tr.foraneo { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .ruta-suc.aviso { background-color: hsl(48 50% 17%) !important; }
html[data-tema="oscuro"] .ruta-suc .rs-op { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .cap-grid td.cell-ok { background-color: var(--bg-subtle) !important; }
html[data-tema="oscuro"] .cap-grid td.cell-warn { background-color: hsl(39 50% 17%) !important; }
html[data-tema="oscuro"] .cap-grid td.cell-err { background-color: hsl(0 50% 17%) !important; }
html[data-tema="oscuro"] .cap-grid td.cell-empty { background-color: var(--bg-subtle) !important; }
html[data-tema="oscuro"] .cot-folio { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .total-card { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .busca-lista { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .chip-cat { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .mini { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .modal-caja { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .hoja { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .dir-sugerencias { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .dir-sugerencias .sug { border-bottom-color: var(--line) !important; }
html[data-tema="oscuro"] input.ciudad-invalida { background-color: var(--bg-subtle) !important; }
html[data-tema="oscuro"] .alerta-ciudad { background-color: var(--bg-subtle) !important; }
html[data-tema="oscuro"] .alerta-ciudad .ac-tit { color: hsl(352 75% 72%) !important; }
html[data-tema="oscuro"] .rm-tramos tr.exc td { background-color: hsl(34 50% 17%) !important; }
html[data-tema="oscuro"] .btn-escanear { border-color: var(--line) !important; }
html[data-tema="oscuro"] .subir { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .sol-card { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .carrito { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .vit-room { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .vit-hero { background-color: var(--line-soft) !important; }
html[data-tema="oscuro"] .vit-img { background-color: var(--bg-subtle) !important; }
html[data-tema="oscuro"] .vit-img img { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .btn-campana { border-color: var(--line) !important; }
html[data-tema="oscuro"] .barra-carrito { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .cat-foto { background-color: var(--bg-subtle) !important; }
html[data-tema="oscuro"] .ficha-gal #fichaGrande { background-color: var(--bg-subtle) !important; }
html[data-tema="oscuro"] .kpi { background-color: var(--bg-card) !important; }
html[data-tema="oscuro"] .recibo { background-color: var(--bg-card) !important; }

@media (max-width: 640px) {
  html[data-tema="oscuro"] .tabla-partidas tr { background-color: var(--bg-card) !important; }
  html[data-tema="oscuro"] .cotizador-resumen { background-color: var(--bg-card) !important; }
  html[data-tema="oscuro"] .resumen-cabeza { background-color: var(--bg-card) !important; }
}

@media print {
  html[data-tema="oscuro"] body,
html[data-tema="oscuro"] main { background-color: var(--bg-card) !important; }
}