/* Hecho por sun/tema_oscuro.py (no se edita a mano: python -m sun.tema_oscuro). Los colores fijos de cada
   hoja de estilo, en su par oscuro. Los de las variables los cambia tema-oscuro.css. */
@media screen {

/* ── estilo.css ── */
html[data-tema="oscuro"] body { background: var(--fondo); color: var(--tinta); }
html[data-tema="oscuro"] a { color: var(--tinta); }
html[data-tema="oscuro"] a:hover { color: var(--marca-fuerte); }
html[data-tema="oscuro"] :focus-visible { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] code { background: var(--gris); }
html[data-tema="oscuro"] .suave { color: var(--suave); }
html[data-tema="oscuro"] .tenue { color: var(--tenue); }
html[data-tema="oscuro"] .eyebrow { color: var(--tenue); }
html[data-tema="oscuro"] .error { color: var(--error); background: var(--error-suave); border: 1px solid #462622; }
html[data-tema="oscuro"] .ok-caja { background: var(--ok-suave); color: var(--ok); border: 1px solid #2d4235; }
html[data-tema="oscuro"] .marca-tarde { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .aviso-cadena { background: var(--alerta-suave); color: var(--alerta); border: 1px solid var(--alerta-borde); }
html[data-tema="oscuro"] .aviso-cadena a { color: var(--alerta); }
html[data-tema="oscuro"] .aviso-fallo { background: var(--error-suave); color: #e09d96; border: 1px solid #462622; }
html[data-tema="oscuro"] .aviso-fallo a { color: #e09d96; }
html[data-tema="oscuro"] .barra-movil { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .barra-sello { color: var(--g400); }
html[data-tema="oscuro"] .barra-sello b { color: #fff; }
html[data-tema="oscuro"] .barra-sello:hover { color: var(--g400); }
html[data-tema="oscuro"] a.barra-sello { text-decoration: none; }
html[data-tema="oscuro"] .barra-movil strong { color: #fff; }
html[data-tema="oscuro"] .yo-btn { background: var(--g700); color: #fff; }
html[data-tema="oscuro"] .yo-btn:hover { color: #fff; background: var(--g600); }
html[data-tema="oscuro"] .barra-movil .salir button { background: transparent; color: #fff; border-color: var(--g600); }
html[data-tema="oscuro"] .barra-movil .salir button:hover { border-color: #1a1d21; }
html[data-tema="oscuro"] .quien-movil { color: var(--g400); }
html[data-tema="oscuro"] .atras { background: var(--g700); color: #fff; }
html[data-tema="oscuro"] .atras:hover { color: #fff; background: var(--g600); }
html[data-tema="oscuro"] .barra-sub { color: #b6bec6; }
html[data-tema="oscuro"] .barra-sub a { color: #fff; }
html[data-tema="oscuro"] .cifras { background: var(--g700); }
html[data-tema="oscuro"] .cifras > div + div { border-left: 1px solid var(--g600); }
html[data-tema="oscuro"] .cifras small { color: #b6bec6; }
html[data-tema="oscuro"] .cifras b { color: #fff; }
html[data-tema="oscuro"] .cifras b.marca { color: var(--marca); }
html[data-tema="oscuro"] .principal > main { background: var(--fondo); }
html[data-tema="oscuro"] .pestanas-movil { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra2); }
html[data-tema="oscuro"] .pestanas-movil a { color: var(--suave); text-decoration: none; }
html[data-tema="oscuro"] .pestanas-movil a.activa { color: var(--tinta); }
html[data-tema="oscuro"] .pestanas-movil a.activa .ico { background: var(--marca); color: var(--tinta); }
html[data-tema="oscuro"] .salir button,
html[data-tema="oscuro"] .mini { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .salir button:hover,
html[data-tema="oscuro"] .mini:hover { border-color: var(--tinta); }
html[data-tema="oscuro"] .con-sun { color: var(--tenue); }
html[data-tema="oscuro"] .con-sun b { color: var(--suave); }
html[data-tema="oscuro"] .avatar { background: var(--marca); color: var(--tinta); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .riel { background: var(--g900); }
  html[data-tema="oscuro"] .riel .riel-sello { background: none; }
  html[data-tema="oscuro"] .riel > a,
  html[data-tema="oscuro"] .riel > span,
  html[data-tema="oscuro"] .riel .abajo a { color: var(--g400); text-decoration: none; }
  html[data-tema="oscuro"] .riel a:hover { color: #fff; }
  html[data-tema="oscuro"] .riel a.activa { background: var(--g700); color: #fff; }
  html[data-tema="oscuro"] .riel a.activa .ico { color: var(--marca); }
  html[data-tema="oscuro"] .riel a.activa::before { background: var(--marca); }
  html[data-tema="oscuro"] .lateral { background: var(--papel); border-right: 1px solid var(--linea); }
  html[data-tema="oscuro"] .lateral .marca { text-decoration: none; color: var(--tinta); }
  html[data-tema="oscuro"] .lateral .modulo { border-top: 1px solid var(--linea); border-bottom: 1px solid var(--linea); }
  html[data-tema="oscuro"] .lateral nav a { color: var(--suave); text-decoration: none; }
  html[data-tema="oscuro"] .lateral nav a:hover { background: var(--fondo); color: var(--tinta); }
  html[data-tema="oscuro"] .lateral nav a.activa { background: var(--marca-suave); color: var(--tinta); }
  html[data-tema="oscuro"] .lateral nav a.activa .ico { color: var(--marca-fuerte); }
  html[data-tema="oscuro"] .lateral .quien { border-top: 1px solid var(--linea); color: var(--tinta); text-decoration: none; }
  html[data-tema="oscuro"] .lateral .quien:hover { background: var(--fondo); }
  html[data-tema="oscuro"] .lateral .quien.activa { background: var(--marca-suave); }
  html[data-tema="oscuro"] .lateral .quien small { color: var(--suave); }
  html[data-tema="oscuro"] .lateral .quien .quien-ir { color: var(--tinta); }
  html[data-tema="oscuro"] .barra-esc { background: var(--papel); border-bottom: 1px solid var(--linea); }
  html[data-tema="oscuro"] .migas { color: var(--tenue); }
  html[data-tema="oscuro"] .migas b { color: var(--tinta); }
  html[data-tema="oscuro"] .fecha-chip { border: 1px solid var(--linea); background: var(--papel); }
  html[data-tema="oscuro"] .quien-top { text-decoration: none; }
  html[data-tema="oscuro"] .quien-top small { color: var(--suave); }
  html[data-tema="oscuro"] .sub-pagina { color: var(--suave); }
  html[data-tema="oscuro"] .cifras-pc .cifras { background: var(--g800); }
}
html[data-tema="oscuro"] .entrar-pagina { background: var(--fondo); }
html[data-tema="oscuro"] .entrar-marca { background: var(--papel); }
html[data-tema="oscuro"] .entrar-marca::after { background: var(--marca); }
html[data-tema="oscuro"] .entrar-frase { color: var(--suave); }
html[data-tema="oscuro"] .entrar-tiendas { color: var(--tenue); }
html[data-tema="oscuro"] .entrar-form select,
html[data-tema="oscuro"] .entrar-form .clave { color: var(--tinta); background: var(--papel); border: 1.5px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .entrar-form select:focus,
html[data-tema="oscuro"] .entrar-form .clave:focus { outline: none; border-color: var(--marca-fuerte); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 40%, transparent); }
html[data-tema="oscuro"] .boton { text-decoration: none; border: 0; background: var(--primario); color: var(--primario-texto); }
html[data-tema="oscuro"] .boton:hover { background: var(--primario-hover); color: var(--primario-texto); }
html[data-tema="oscuro"] .boton.claro { background: var(--papel); color: var(--tinta); border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .boton.claro:hover { background: var(--fondo); color: var(--tinta); }
html[data-tema="oscuro"] .boton.gris { background: var(--gris); color: var(--tinta); }
html[data-tema="oscuro"] .boton.gris:hover { background: var(--linea); }
html[data-tema="oscuro"] .boton:disabled { background: var(--gris); color: var(--tenue); }
html[data-tema="oscuro"] .tarjeta { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .tarjeta-sola { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .tarjeta-sola label { color: var(--suave); }
html[data-tema="oscuro"] .tarjeta-sola select,
html[data-tema="oscuro"] .tarjeta-sola input { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); }
html[data-tema="oscuro"] .lista-links li a { background: var(--papel); border: 1px solid var(--linea); text-decoration: none; color: var(--tinta); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .lista-links li a::after { color: var(--tenue); }
html[data-tema="oscuro"] .lista-links li a:hover { border-color: var(--linea-fuerte); background: var(--fondo); }
html[data-tema="oscuro"] .tareas li a { background: var(--papel); border: 1px solid var(--linea); color: var(--tinta); text-decoration: none; box-shadow: var(--sombra); }
html[data-tema="oscuro"] .tareas li a:hover { border-color: var(--linea-fuerte); }
html[data-tema="oscuro"] .tareas.hechas li a { background: transparent; box-shadow: none; }
html[data-tema="oscuro"] .estado { text-decoration: none; }
html[data-tema="oscuro"] .estado::before { background: currentColor; }
html[data-tema="oscuro"] .estado.pendiente { background: var(--primario); color: var(--primario-texto); }
html[data-tema="oscuro"] .estado.pendiente:hover { background: var(--primario-hover); color: var(--primario-texto); }
html[data-tema="oscuro"] .estado.tarde,
html[data-tema="oscuro"] .estado.medio { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .estado.enviado,
html[data-tema="oscuro"] .estado.ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .estado.gris { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .estado.fallo { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .tabla-envuelta { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .tabla th,
html[data-tema="oscuro"] .tabla td { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .tabla tbody tr:last-child td { border-bottom: 0; }
html[data-tema="oscuro"] .tabla th { color: var(--tenue); background: var(--gris-cab); }
html[data-tema="oscuro"] .tabla tr.cambiado td { background: var(--marca-suave); }
html[data-tema="oscuro"] .tabla .fila-cat td { background: var(--gris-cab); color: var(--suave); }
html[data-tema="oscuro"] .tabla.plan input { border: 1px solid transparent; background: var(--gris); color: var(--tinta); }
html[data-tema="oscuro"] .tabla.plan input[value="0"] { color: var(--tenue); }
html[data-tema="oscuro"] .tabla.plan input:focus { outline: none; border-color: var(--marca-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .fila-form select,
html[data-tema="oscuro"] .fila-form input { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .dia { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .dia-talleres li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .aviso-cadena.ahora { background: var(--papel); color: var(--tinta); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .ahora-rot { color: var(--alerta); }
html[data-tema="oscuro"] .ahora-rot::before { background: #7d4800; box-shadow: 0 0 0 4px var(--alerta-suave); }
html[data-tema="oscuro"] .ahora-texto { color: var(--suave); }
html[data-tema="oscuro"] .aviso-cadena.ahora a.ahora-boton { background: var(--primario); color: #fff; text-decoration: none; }
html[data-tema="oscuro"] .corte-proximo { background: var(--marca-suave); border: 1px solid color-mix(in srgb, var(--marca) 55%, transparent); }
html[data-tema="oscuro"] .corte-cab .eyebrow { color: color-mix(in srgb, var(--marca-fuerte) 80%, #e6e6e6); }
html[data-tema="oscuro"] .corte-cab .chico { color: color-mix(in srgb, var(--marca-fuerte) 80%, #e6e6e6); }
html[data-tema="oscuro"] .corte-cuenta .chico { color: var(--suave); }
html[data-tema="oscuro"] .corte-fila { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .corte-fila small { color: var(--suave); }
html[data-tema="oscuro"] .icono-circ { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .dia-fecha { background: var(--gris); }
html[data-tema="oscuro"] .dia-fecha small { color: var(--tenue); }
html[data-tema="oscuro"] .pedido-prod { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .pedido-prod.por-firmar { border-color: var(--marca); box-shadow: 0 0 0 1px var(--marca), var(--sombra); }
html[data-tema="oscuro"] .personas li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .personas li:first-child { border-top: 0; }
html[data-tema="oscuro"] .personas li.inactiva strong { color: var(--suave); }
html[data-tema="oscuro"] .persona-acciones .mini.tenue { border-color: transparent; background: transparent; color: var(--suave); text-decoration: underline; }
html[data-tema="oscuro"] .persona-acciones .mini.tenue:hover { color: var(--tinta); }
html[data-tema="oscuro"] .tarjeta-sola .casilla { color: var(--tinta); }
html[data-tema="oscuro"] .link-invitacion { color: var(--tinta); background: var(--fondo); border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .reglas fieldset { border: 0; border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .reglas label { color: var(--suave); }
html[data-tema="oscuro"] .reglas select,
html[data-tema="oscuro"] .reglas input[type=number],
html[data-tema="oscuro"] .reglas input[type=time],
html[data-tema="oscuro"] .reglas input[type=password] { color: var(--tinta); border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .dia-caja span { border: 1px solid var(--linea-fuerte); color: var(--suave); background: var(--papel); }
html[data-tema="oscuro"] .dia-caja input:checked + span { background: var(--primario); border-color: var(--primario); color: var(--primario-texto); }
html[data-tema="oscuro"] .dia-caja input:focus-visible + span { outline: 2px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .regla-guardar label { color: var(--tinta); }
html[data-tema="oscuro"] .pedido { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .pedido .cab { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .pedido select { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .aviso-linea { background: var(--fondo); }
html[data-tema="oscuro"] .aviso-linea.ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .aviso-linea.tarde { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .chips { border-bottom: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .chip { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); }
html[data-tema="oscuro"] .chip.activa { background: var(--g800); color: #fff; border-color: var(--g800); }
html[data-tema="oscuro"] .chip.novista { color: var(--suave); }
html[data-tema="oscuro"] .chip .punto { background: var(--marca); color: var(--tinta); }
html[data-tema="oscuro"] .cat-cab { background: var(--fondo); border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cat-cab .cuenta { color: var(--suave); }
html[data-tema="oscuro"] .cat-cab .cuenta b { color: var(--tinta); }
html[data-tema="oscuro"] .producto { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .producto .plan { color: var(--suave); }
html[data-tema="oscuro"] .producto.sinplan .nombre { color: var(--suave); }
html[data-tema="oscuro"] .producto.distinto { border-color: var(--marca-fuerte); background: var(--marca-suave); }
html[data-tema="oscuro"] .dif.baja { color: var(--baja); }
html[data-tema="oscuro"] .dif.sube { color: var(--sube); }
html[data-tema="oscuro"] .paso button { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); }
html[data-tema="oscuro"] .paso input { border: 1px solid transparent; background: transparent; }
html[data-tema="oscuro"] .paso input:focus { border-color: var(--marca-fuerte); background: var(--papel); outline: none; }
html[data-tema="oscuro"] .mostrar-sinplan { border: 0; background: none; color: var(--suave); text-decoration: underline; }
html[data-tema="oscuro"] .pedido .pie { border-top: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .pedido .pie .resumen { color: var(--suave); }
html[data-tema="oscuro"] .aviso { background: rgba(29, 33, 38, .45); }
html[data-tema="oscuro"] .aviso .caja { background: var(--papel); }
html[data-tema="oscuro"] .aviso p { color: var(--suave); }
html[data-tema="oscuro"] .pedido { background: none; border: 0; box-shadow: none; }
html[data-tema="oscuro"] .pedido .cab { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .pedido .chips { background: var(--fondo); border-bottom: 0; }
html[data-tema="oscuro"] .cat-cab { background: none; border-bottom: 0; }
html[data-tema="oscuro"] .producto { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .producto.distinto { background: var(--marca-suave); border-color: color-mix(in srgb, var(--marca) 45%, transparent); }
html[data-tema="oscuro"] .producto .dif.sube { background: var(--sube-suave); }
html[data-tema="oscuro"] .producto .dif.baja { background: var(--error-suave); }
html[data-tema="oscuro"] .paso { background: var(--gris); }
html[data-tema="oscuro"] .producto.distinto .paso { background: var(--papel); box-shadow: inset 0 0 0 1px var(--linea); }
html[data-tema="oscuro"] .paso button { border: 0; background: transparent; }
html[data-tema="oscuro"] .paso button:hover { background: rgba(0, 0, 0, .05); }
html[data-tema="oscuro"] .pedido .pie { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra2); }
html[data-tema="oscuro"] .informe { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .informe .cab { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .informe select { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .informe .pestanas a { border: 1px solid var(--linea-fuerte); text-decoration: none; color: var(--tinta); }
html[data-tema="oscuro"] .informe .pestanas a.activa { background: var(--g800); color: #fff; border-color: var(--g800); }
html[data-tema="oscuro"] .aviso-informe { color: var(--suave); background: var(--fondo); }
html[data-tema="oscuro"] .informe .ok { color: var(--ok); }
html[data-tema="oscuro"] .informe .medio { color: var(--alerta); }
html[data-tema="oscuro"] .informe .mal { color: var(--error); }
html[data-tema="oscuro"] .cal .dn { color: var(--suave); }
html[data-tema="oscuro"] .cal .c { text-decoration: none; color: var(--tinta); border: 1.5px solid transparent; }
html[data-tema="oscuro"] .cal .c.vacio,
html[data-tema="oscuro"] .cal .c.sin { background: none; }
html[data-tema="oscuro"] .cal .c.sin .d { color: var(--linea-fuerte); }
html[data-tema="oscuro"] .cal .c .d { color: var(--suave); }
html[data-tema="oscuro"] .cal .c .marca { color: var(--alerta); }
html[data-tema="oscuro"] .cal .c.sel { border-color: var(--tinta); }
html[data-tema="oscuro"] .bg-ok { background: var(--ok-suave); }
html[data-tema="oscuro"] .bg-medio { background: var(--alerta-suave); }
html[data-tema="oscuro"] .bg-mal { background: var(--error-suave); }
html[data-tema="oscuro"] .bg-gris { background: var(--gris); }
html[data-tema="oscuro"] .leyenda { color: var(--suave); }
html[data-tema="oscuro"] .leyenda span::before { background: var(--c); }
html[data-tema="oscuro"] .informe .panel { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .informe { background: none; border: 0; box-shadow: none; }
html[data-tema="oscuro"] .informe .cab { border-bottom: 0; }
html[data-tema="oscuro"] .informe .pestanas { background: var(--gris); }
html[data-tema="oscuro"] .informe .pestanas a { border: 0; color: var(--suave); }
html[data-tema="oscuro"] .informe .pestanas a.activa { background: var(--papel); color: var(--tinta); border: 0; box-shadow: var(--sombra); }
html[data-tema="oscuro"] .aviso-informe { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .informe .total { background: var(--papel); border: 1px solid var(--linea); border-bottom: 0; }
html[data-tema="oscuro"] .informe .cal { background: var(--papel); border: 1px solid var(--linea); border-top: 0; }
html[data-tema="oscuro"] .informe .leyenda { background: var(--papel); border: 1px solid var(--linea); border-top: 0; box-shadow: var(--sombra); }
html[data-tema="oscuro"] .cal .c.sel { border-color: var(--tinta); }
html[data-tema="oscuro"] .informe .panel { background: var(--papel); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .firma-cab { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .firma .buscar { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .firma .seccion { color: var(--suave); }
html[data-tema="oscuro"] .firma .seccion.abajo { color: var(--ok); border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .firma .vacio { color: var(--suave); border: 1.5px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .fp { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .fp:hover { border-color: var(--linea-fuerte); }
html[data-tema="oscuro"] .fp .cat,
html[data-tema="oscuro"] .fp .det { color: var(--suave); }
html[data-tema="oscuro"] .fp .det { color: var(--alerta); }
html[data-tema="oscuro"] .fp .marca { border: 2px solid var(--linea-fuerte); color: #fff; }
html[data-tema="oscuro"] .fp .n { border: 1.5px dashed var(--linea-fuerte); background: var(--papel); color: var(--tinta); }
html[data-tema="oscuro"] .fp .n:hover { border-color: var(--tinta); }
html[data-tema="oscuro"] .fp.ok { background: var(--ok-suave); border-color: transparent; }
html[data-tema="oscuro"] .fp.ok .marca { background: #23663f; border-color: var(--ok); }
html[data-tema="oscuro"] .fp.dif { background: var(--alerta-suave); border-color: transparent; }
html[data-tema="oscuro"] .fp.dif .marca { background: #7d4800; border-color: var(--alerta); }
html[data-tema="oscuro"] .fp.ok .n,
html[data-tema="oscuro"] .fp.dif .n { background: transparent; border-color: transparent; }
html[data-tema="oscuro"] .firma-pie { background: var(--fondo); }
html[data-tema="oscuro"] .firma .boton,
html[data-tema="oscuro"] .caja-modal .boton,
html[data-tema="oscuro"] .tarjeta-accion .boton,
html[data-tema="oscuro"] .cadena-boton { background: #23663f; }
html[data-tema="oscuro"] .firma .boton:hover,
html[data-tema="oscuro"] .caja-modal .boton:hover { background: #226a40; }
html[data-tema="oscuro"] .firma .boton.dif,
html[data-tema="oscuro"] .caja-modal .boton.dif { background: var(--primario); }
html[data-tema="oscuro"] .firma .boton:disabled { background: var(--gris); color: var(--tenue); }
html[data-tema="oscuro"] .caja-modal .boton.gris,
html[data-tema="oscuro"] .firma .boton.gris,
html[data-tema="oscuro"] .tarjeta-accion .boton.gris { background: var(--gris); color: var(--tinta); }
html[data-tema="oscuro"] .capa-modal { background: rgba(29, 33, 38, .45); }
html[data-tema="oscuro"] .caja-modal { background: var(--papel); box-shadow: var(--sombra2); }
html[data-tema="oscuro"] .caja-modal .ref { color: var(--suave); }
html[data-tema="oscuro"] .caja-modal .grande button { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); }
html[data-tema="oscuro"] .caja-modal .grande input { border: 2px solid var(--tinta); }
html[data-tema="oscuro"] .caja-modal .grande input:focus { outline: none; border-color: var(--marca-fuerte); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 40%, transparent); }
html[data-tema="oscuro"] .caja-modal .rot { color: var(--suave); }
html[data-tema="oscuro"] .caja-modal .dano { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .caja-modal .medio { color: var(--alerta); }
html[data-tema="oscuro"] .paso-mini button { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .caja-modal .aviso-v { color: var(--alerta); }
html[data-tema="oscuro"] .caja-modal label { color: var(--tinta); }
html[data-tema="oscuro"] .caja-modal label select,
html[data-tema="oscuro"] .caja-modal label input { border: 1px solid var(--linea-fuerte); color: var(--tinta); background: var(--papel); }
html[data-tema="oscuro"] .tarjeta-accion { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .tarjeta-accion p { color: var(--suave); }
html[data-tema="oscuro"] .tarjeta-accion p.foto-lista { color: var(--ok); }
html[data-tema="oscuro"] .form-sin-conteo input { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cadena-pasos li { border-left: 2px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .cadena-pasos li::before { background: var(--papel); border: 2px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .cadena-pasos li.hecho { border-left-color: var(--ok); }
html[data-tema="oscuro"] .cadena-pasos li.hecho::before { background: #23663f; border-color: var(--ok); }
html[data-tema="oscuro"] .cadena-pasos li:last-child { border-left-color: transparent; }
html[data-tema="oscuro"] .cadena-pasos .difs { color: var(--alerta); }
html[data-tema="oscuro"] .cadena-pasos .difs li { border-left: 0; }
html[data-tema="oscuro"] .cadena-pasos .ok { color: var(--ok); }
html[data-tema="oscuro"] .cadena-pasos .medio { color: var(--alerta); }
html[data-tema="oscuro"] .ne-datos { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .ne-datos dt { color: var(--suave); }
html[data-tema="oscuro"] .ne-tabla tfoot td { border-top: 2px solid var(--linea-fuerte); border-bottom: 0; }
html[data-tema="oscuro"] .grupo-caso { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .caso { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .caso .mal { color: var(--error); }
html[data-tema="oscuro"] .caso .sube { color: var(--sube); }
html[data-tema="oscuro"] .cerrar-caso input { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .reglas input[type=text] { color: var(--tinta); border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .lista-simple li { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .sobre-estado.por-aprobar { color: var(--alerta); }
html[data-tema="oscuro"] .sobre-estado.rechazado { color: var(--error); }
html[data-tema="oscuro"] .tabla.mes tr.fila-total td { background: var(--fondo); }
html[data-tema="oscuro"] .leyenda .cerca::before { background: var(--ok-suave); }
html[data-tema="oscuro"] .leyenda .lejos::before { background: var(--alerta-suave); }
html[data-tema="oscuro"] .sugerencia details summary { color: var(--suave); }
html[data-tema="oscuro"] .sugerencia fieldset { border: 0; border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .opciones label { color: var(--tinta); }
html[data-tema="oscuro"] .sugerencia input[type=number] { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .estado.reunion { background: #1b2635; color: var(--sube); }
@media print {
  html[data-tema="oscuro"] body { background: #1a1d21; color: #e6e6e6; }
  html[data-tema="oscuro"] .titulo-pagina { color: #e6e6e6; }
  html[data-tema="oscuro"] a { color: #e6e6e6; text-decoration: none; }
  html[data-tema="oscuro"] .ne,
  html[data-tema="oscuro"] .ne * { color: #e6e6e6; }
  html[data-tema="oscuro"] .ne .suave { color: #c9c9c9; }
  html[data-tema="oscuro"] .ne-datos { background: none; border: 1px solid #000; }
  html[data-tema="oscuro"] .ne-datos dt,
  html[data-tema="oscuro"] .ne-tabla th { color: #e6e6e6; }
  html[data-tema="oscuro"] .ne .tabla-envuelta { background: none; border: 0; }
  html[data-tema="oscuro"] .ne-tabla th,
  html[data-tema="oscuro"] .ne-tabla td { background: none; border-bottom: 1px solid #505b65; }
  html[data-tema="oscuro"] .ne-tabla th { border-bottom: 1.5px solid #000; }
  html[data-tema="oscuro"] .ne-tabla tr.ne-cabeza th { border-bottom: 0; }
  html[data-tema="oscuro"] .ne-tabla tfoot td { border-top: 1.5px solid #000; border-bottom: 0; }
}
html[data-tema="oscuro"] .reglas input[type=text] { color: var(--tinta); border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .encargo-aviso { color: var(--suave); }
html[data-tema="oscuro"] .banda { border: 1px solid var(--linea); background: var(--papel); color: var(--suave); }
html[data-tema="oscuro"] .banda b,
html[data-tema="oscuro"] .banda strong { color: inherit; }
html[data-tema="oscuro"] .banda a { color: inherit; }
html[data-tema="oscuro"] .banda.ok { background: var(--ok-suave); color: var(--ok); border-color: #2d4235; }
html[data-tema="oscuro"] .banda.alerta { background: var(--alerta-suave); color: var(--alerta); border-color: var(--alerta-borde); }
html[data-tema="oscuro"] .banda.marca { background: var(--marca-suave); color: var(--marca-texto, var(--tinta)); border-color: color-mix(in srgb, var(--marca) 45%, transparent); }
html[data-tema="oscuro"] .banda.error { background: var(--error-suave); color: #e09d96; border-color: #462622; }
html[data-tema="oscuro"] .estado.sube { background: var(--sube-suave); color: var(--sube); }
html[data-tema="oscuro"] .estado.tinta { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .estado.marca { background: var(--marca-suave); color: var(--marca-texto, var(--tinta)); }
html[data-tema="oscuro"] .tanda { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .tanda.encargo { background: var(--sube-suave); color: var(--sube); }
html[data-tema="oscuro"] .card-cab { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .card-pie { border-top: 1px solid var(--linea); background: var(--gris-cab); }
html[data-tema="oscuro"] .it { border-top: 1px solid var(--linea); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .card-cab + .it,
html[data-tema="oscuro"] .tarjeta.filas > .it:first-child { border-top: 0; }
html[data-tema="oscuro"] a.it:hover { background: var(--gris-cab); }
html[data-tema="oscuro"] .it .tx small { color: var(--suave); }
html[data-tema="oscuro"] .icono-circ.marca { background: var(--marca-suave); color: var(--marca-texto, var(--tinta)); }
html[data-tema="oscuro"] .icono-circ.tinta { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .kpi .rot { color: var(--suave); }
html[data-tema="oscuro"] .tl > li::before { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .tl .pt { background: var(--papel); border: 2px solid var(--linea-fuerte); color: #fff; }
html[data-tema="oscuro"] .tl > li.h .pt { background: #23663f; border-color: var(--ok); }
html[data-tema="oscuro"] .tl > li.h::before { background: #23663f; }
html[data-tema="oscuro"] .tl > li.d .pt { background: #7d4800; border-color: var(--alerta); }
html[data-tema="oscuro"] .tl > li.x .pt { background: #a3221b; border-color: var(--error); }
html[data-tema="oscuro"] .seg-links { background: var(--gris); }
html[data-tema="oscuro"] .seg-links a { color: var(--suave); text-decoration: none; }
html[data-tema="oscuro"] .seg-links a.activa { background: var(--papel); color: var(--tinta); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .campo-f { color: var(--tinta); }
html[data-tema="oscuro"] .campo-f input,
html[data-tema="oscuro"] .campo-f select,
html[data-tema="oscuro"] .campo-f textarea { color: var(--tinta); background: var(--papel); border: 1.5px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .campo-f input:focus,
html[data-tema="oscuro"] .campo-f select:focus { outline: none; border-color: var(--marca-fuerte); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 35%, transparent); }
html[data-tema="oscuro"] .campo-f small { color: var(--suave); }
html[data-tema="oscuro"] .pie-tarea { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra2); }
html[data-tema="oscuro"] .pin-caja.con-casillas .clave { border: 0; background: transparent; color: transparent; -webkit-text-fill-color: transparent; caret-color: transparent; box-shadow: none; outline: none; }
html[data-tema="oscuro"] .pin-caja .clave { border: 1.5px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .pie-tarea.con-pestanas { box-shadow: var(--sombra); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .pie-tarea { box-shadow: var(--sombra); }
}
html[data-tema="oscuro"] .pie-tarea .boton:not(.claro) { background: #23663f; }
html[data-tema="oscuro"] .pie-tarea .boton:not(.claro):hover { background: #226a40; }
html[data-tema="oscuro"] .tarjeta .lista-simple li:last-child { border-bottom: 0; }
html[data-tema="oscuro"] .sobre-estado.aceptado { color: var(--ok); }
html[data-tema="oscuro"] .franja-demo { background: var(--alerta-suave); border: 1px solid var(--alerta-borde); border-top: 0; color: var(--alerta); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .clave-demo { background: var(--alerta-suave); color: var(--alerta); }

/* ── diseno-entrar.css ── */
html[data-tema="oscuro"] .entrar-pagina { background: var(--papel); }
html[data-tema="oscuro"] .entrar-marca { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .entrar-sello { color: #b6bec6; }
html[data-tema="oscuro"] .entrar-sello b { color: #fff; }
html[data-tema="oscuro"] .entrar-logo.sin-blanco { background: var(--papel); }
html[data-tema="oscuro"] .entrar-sun { color: #fff; }
html[data-tema="oscuro"] .entrar-frase { color: #b6bec6; }
html[data-tema="oscuro"] .entrar-tiendas { color: var(--g400); }
html[data-tema="oscuro"] main.entrar-hoja { background: var(--papel); }
html[data-tema="oscuro"] .select-caja .ico { color: var(--tinta); }
html[data-tema="oscuro"] .pill-clave { background: var(--marca-suave); color: var(--marca-texto); }
html[data-tema="oscuro"] .pill-clave.gris { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .pin span { background: var(--papel); border: 1.5px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .pin span.lleno::after { background: var(--g800); }
html[data-tema="oscuro"] .pin span.foco { border-color: var(--marca-fuerte); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 35%, transparent); }
html[data-tema="oscuro"] .entrar-form .pin-caja.con-casillas .clave { border: 0; background: transparent; color: transparent; -webkit-text-fill-color: transparent; caret-color: transparent; box-shadow: none; outline: none; }
html[data-tema="oscuro"] .pin-caja.con-casillas .clave::selection { background: transparent; }
html[data-tema="oscuro"] .icono-circ.alerta { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] body:has(main > .yo) .barra-textos::before,
html[data-tema="oscuro"] body:has(main > .guia) .barra-textos::before { color: #b6bec6; }
html[data-tema="oscuro"] .yo-datos p { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .yo-datos p:first-child { border-top: 0; }
html[data-tema="oscuro"] .yo .lista-links { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .yo .lista-links li a { border: 0; border-top: 1px solid var(--linea); box-shadow: none; }
html[data-tema="oscuro"] .yo .lista-links li:first-child a { border-top: 0; }
html[data-tema="oscuro"] .yo .lista-links .icono-circ { background: var(--marca-suave); color: var(--marca-texto); }
html[data-tema="oscuro"] .yo .lista-links .icono-circ.gris { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .yo .lista-links .tx small { color: var(--suave); }
html[data-tema="oscuro"] .yo .lista-links .chev { color: var(--tenue); }
html[data-tema="oscuro"] .firma-sun { color: var(--tenue); }
html[data-tema="oscuro"] .firma-sun b { color: var(--suave); }
html[data-tema="oscuro"] .guia-op label { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .guia-op label small { color: var(--suave); }
html[data-tema="oscuro"] .guia-op .icono-circ { background: var(--marca-suave); color: var(--marca-texto); }
html[data-tema="oscuro"] #g-1:checked ~ .guia-op label[for="g-1"],
html[data-tema="oscuro"] #g-2:checked ~ .guia-op label[for="g-2"],
html[data-tema="oscuro"] #g-3:checked ~ .guia-op label[for="g-3"] { background: var(--g800); border-color: var(--g800); color: #fff; }
html[data-tema="oscuro"] #g-1:checked ~ .guia-op label[for="g-1"] small,
html[data-tema="oscuro"] #g-2:checked ~ .guia-op label[for="g-2"] small,
html[data-tema="oscuro"] #g-3:checked ~ .guia-op label[for="g-3"] small { color: #b6bec6; }
html[data-tema="oscuro"] #g-1:checked ~ .guia-op label[for="g-1"] .icono-circ,
html[data-tema="oscuro"] #g-2:checked ~ .guia-op label[for="g-2"] .icono-circ,
html[data-tema="oscuro"] #g-3:checked ~ .guia-op label[for="g-3"] .icono-circ { background: var(--g700); color: var(--marca); }
html[data-tema="oscuro"] #g-1:focus-visible ~ .guia-op label[for="g-1"],
html[data-tema="oscuro"] #g-2:focus-visible ~ .guia-op label[for="g-2"],
html[data-tema="oscuro"] #g-3:focus-visible ~ .guia-op label[for="g-3"] { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .ruta { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .pasos-g li::before { background: var(--marca); color: var(--tinta); }
html[data-tema="oscuro"] .pasos-g li::after { background: var(--marca-borde); }
html[data-tema="oscuro"] .faq { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .faq details { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .faq details:first-child { border-top: 0; }
html[data-tema="oscuro"] .faq summary .ico { color: var(--tenue); }
html[data-tema="oscuro"] .faq details > p { color: var(--suave); }
html[data-tema="oscuro"] .otros-pasos .ruta { background: none; border: 0; box-shadow: none; }
html[data-tema="oscuro"] .otros-pasos .pasos-g li { color: var(--suave); }
html[data-tema="oscuro"] .otros-pasos .pasos-g li strong { color: var(--tinta); }
html[data-tema="oscuro"] .anotar ul { color: var(--suave); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] main:has(> .yo) > .titulo-pagina,
  html[data-tema="oscuro"] main:has(> .guia) > .titulo-pagina { background: var(--g800); color: #fff; }
  html[data-tema="oscuro"] main:has(> .yo) > .titulo-pagina::before,
  html[data-tema="oscuro"] main:has(> .guia) > .titulo-pagina::before { color: #b6bec6; }
  html[data-tema="oscuro"] main:has(> .yo) > .sub-pagina,
  html[data-tema="oscuro"] main:has(> .guia) > .sub-pagina { background: var(--g800); color: #b6bec6; }
}
html[data-tema="oscuro"] .entrar-raya { background: rgba(26, 29, 33, 0.28); }
html[data-tema="oscuro"] .entrar-emp { background: var(--papel); border: 1.5px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .entrar-emp:hover { border-color: var(--g400); }
html[data-tema="oscuro"] .entrar-emp[aria-checked="true"] { border-color: var(--g800); box-shadow: 0 0 0 3px rgba(29,33,38,.12); }

/* ── diseno-tienda.css ── */
html[data-tema="oscuro"] .vacio-g .icono-circ { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .viaje > .fila-sep.chico { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .detalle-pedido .etapas .e { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .detalle-pedido .etapas .e:first-child { background: var(--papel); box-shadow: 0 0 0 2px var(--g800); }
html[data-tema="oscuro"] .detalle-pedido .etapas .l { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .detalle-pedido .etapas-rot { color: var(--tenue); }
html[data-tema="oscuro"] .detalle-pedido .tabla b.baja { color: var(--error); }
html[data-tema="oscuro"] .detalle-pedido .tabla b.sube { color: var(--sube); }
html[data-tema="oscuro"] .detalle-pedido .tabla tfoot td { background: var(--gris-cab); border-top: 1px solid var(--linea); border-bottom: 0; }
html[data-tema="oscuro"] .envio p:first-of-type { color: var(--suave); }
html[data-tema="oscuro"] .envio p:first-of-type strong { color: var(--tinta); }
html[data-tema="oscuro"] .cambios .tabla-envuelta { border: 0; border-top: 1px solid var(--linea); box-shadow: none; }
html[data-tema="oscuro"] .firma-cab { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .firma-cab > .ico { color: var(--suave); }
html[data-tema="oscuro"] .firma-cab > .chico:not(.suave) { color: var(--suave); }
html[data-tema="oscuro"] .firma .buscar { border: 1px solid var(--linea); background: var(--papel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737c86' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E") no-repeat 14px center / 16px; }
html[data-tema="oscuro"] .firma .seccion { color: var(--tenue); }
html[data-tema="oscuro"] .firma .seccion.abajo { color: var(--ok); border-top: 0; }
html[data-tema="oscuro"] .fp { box-shadow: none; }
html[data-tema="oscuro"] .fp.ok .marca::after,
html[data-tema="oscuro"] .fp.dif .marca::after { background: currentColor; }
html[data-tema="oscuro"] .fp .n { background: transparent; border-color: var(--linea-fuerte); }
html[data-tema="oscuro"] .fp.ok { border-color: #2a3c31; }
html[data-tema="oscuro"] .fp.dif { border-color: var(--alerta-borde); }
html[data-tema="oscuro"] .firma-pie { background: var(--papel); border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .firma-pie .boton.dif { background: #23663f; }
html[data-tema="oscuro"] .firma-pie .boton:not(:disabled):hover { background: #226a40; }
html[data-tema="oscuro"] .firma-pie .boton:disabled,
html[data-tema="oscuro"] .firma-pie .boton:disabled:hover { background: var(--gris); color: var(--tenue); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .firma-pie { background: var(--fondo); }
}
html[data-tema="oscuro"] .capa-modal { background: rgba(17, 20, 23, .5); }
html[data-tema="oscuro"] .caja-modal::before { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .caja-modal .rot { color: var(--tinta); }
html[data-tema="oscuro"] .caja-modal .grande input { border-color: var(--g800); }
html[data-tema="oscuro"] .caja-modal .dano { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .caja-modal .paso-mini { background: var(--fondo); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .caja-modal .paso-mini button { border: 0; background: none; color: var(--tinta); }
html[data-tema="oscuro"] .caja-modal #v-motivo { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); }
html[data-tema="oscuro"] .caja-modal:not(:has(.grande)) .ref { background: var(--fondo); color: var(--tinta); }
html[data-tema="oscuro"] .caja-modal label select,
html[data-tema="oscuro"] .caja-modal label input { border: 1.5px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .caja-modal label select:focus,
html[data-tema="oscuro"] .caja-modal #f-clave:focus { outline: none; border-color: var(--marca-fuerte); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 35%, transparent); }
@media screen {
  html[data-tema="oscuro"] .ne-datos { box-shadow: var(--sombra); }
  html[data-tema="oscuro"] .ne-datos dt { color: var(--tenue); }
  html[data-tema="oscuro"] .ne-tabla tfoot td { background: var(--gris-cab); border-top: 1px solid var(--linea); }
}
html[data-tema="oscuro"] .inventario .hoy-accesos .icono-circ.marca { background: var(--marca-suave); color: var(--marca-texto, var(--tinta)); }
html[data-tema="oscuro"] .aviso-cadena.tienda-web .icono-circ { background: var(--papel); color: var(--alerta); }
html[data-tema="oscuro"] .mermas-lista { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .mermas-lista > li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .mermas-lista > li:first-child { border-top: 0; }
html[data-tema="oscuro"] .mermas-vacio { border: 1.5px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .toma-algo-mas-caja .merma-form { box-shadow: none; }
html[data-tema="oscuro"] .toma-hecha .tx b.medio { color: var(--alerta); }
html[data-tema="oscuro"] .buscar-pedir { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .pedir-cat { color: var(--tenue); background: var(--gris-cab); border-top: 1px solid var(--linea); border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .pedir-cat:first-child { border-top: 0; }
html[data-tema="oscuro"] .lista-pedir li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .lista-pedir li:first-child { border-top: 0; }
html[data-tema="oscuro"] .lista-pedir li.con-algo { background: var(--marca-suave); }
html[data-tema="oscuro"] .lista-pedir input { border: 0; background: var(--gris); color: var(--tinta); }
html[data-tema="oscuro"] .lista-pedir input:focus { outline: 2px solid var(--marca-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .web-lista { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .web-lista > li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .web-lista > li:first-child { border-top: 0; }
html[data-tema="oscuro"] .web-lista.hechos { background: transparent; box-shadow: none; }
html[data-tema="oscuro"] .web-vacio { border: 1.5px dashed var(--linea-fuerte); }

/* ── diseno-produccion.css ── */
html[data-tema="oscuro"] .prod-saludo-tx small { color: #b6bec6; }
html[data-tema="oscuro"] .prod-saludo-tx b { color: #fff; }
html[data-tema="oscuro"] .prod-saludo-tx span { color: #b6bec6; }
html[data-tema="oscuro"] .prod-anillo .prod-anillo-lleno { stroke: var(--marca); }
html[data-tema="oscuro"] .prod-anillo b { color: #fff; }
html[data-tema="oscuro"] .prod-anillo-caja small { color: #b6bec6; }
html[data-tema="oscuro"] .aviso-cadena.prod-ahora { background: var(--papel); color: var(--tinta); border: 1px solid var(--linea); box-shadow: var(--sombra2); }
html[data-tema="oscuro"] .prod-vivo { color: var(--alerta); }
html[data-tema="oscuro"] .prod-vivo::before { background: #7d4800; box-shadow: 0 0 0 4px var(--alerta-suave); }
html[data-tema="oscuro"] .prod-cats span { background: var(--fondo); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .prod-ahora-accion { border-top: 1px solid var(--linea); background: var(--gris-cab); }
html[data-tema="oscuro"] .prod-ahora-accion .boton,
html[data-tema="oscuro"] .aviso-cadena .prod-ahora-accion a.boton { color: var(--primario-texto); }
html[data-tema="oscuro"] .prod-listo { background: var(--ok-suave); border: 1px solid #2d4235; }
html[data-tema="oscuro"] .prod-agenda .a::before { background: var(--linea); }
html[data-tema="oscuro"] .prod-agenda .h { color: var(--suave); }
html[data-tema="oscuro"] .prod-agenda .pt { border: 2px solid var(--linea-fuerte); background: var(--papel); color: #fff; }
html[data-tema="oscuro"] .prod-agenda .a.hecho .pt { background: #23663f; border-color: var(--ok); }
html[data-tema="oscuro"] .prod-agenda .a.ahora-a .pt { border-color: var(--alerta); box-shadow: 0 0 0 4px var(--alerta-suave); }
html[data-tema="oscuro"] .prod-agenda .a.ahora-a .pt::after { background: #7d4800; }
html[data-tema="oscuro"] .prod-agenda .a.ahora-a .h { color: var(--alerta); }
html[data-tema="oscuro"] .prod-agenda .tx small { color: var(--suave); }
html[data-tema="oscuro"] .prod-agenda a.tx { text-decoration: none; color: var(--tinta); }
html[data-tema="oscuro"] .prod-agenda a.tx:hover b { text-decoration: underline; }
html[data-tema="oscuro"] .pedidos-prod { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .pedidos-prod > li:first-child { border-top: 0; }
html[data-tema="oscuro"] .pedidos-prod .prod-etapas-rot { color: var(--tenue); }
html[data-tema="oscuro"] .pedidos-prod .pedido-prod,
html[data-tema="oscuro"] .pedidos-prod .pedido-prod.por-firmar { border: 0; border-top: 1px solid var(--linea); box-shadow: none; background: none; }
html[data-tema="oscuro"] .pedido-prod.por-firmar .pedido-prod-cab > .estado.gris { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .prod-etapas .e { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .prod-etapas .e.h { background: #23663f; }
html[data-tema="oscuro"] .prod-etapas .e.a { background: var(--papel); box-shadow: 0 0 0 2px var(--g800); }
html[data-tema="oscuro"] .prod-etapas .l { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .prod-etapas .l.h { background: #23663f; }
html[data-tema="oscuro"] .prod-shopify { color: var(--suave); }
html[data-tema="oscuro"] .prod-shopify .estado:not(.fallo) { background: none; color: var(--suave); }
html[data-tema="oscuro"] .prod-tareas { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .prod-tareas li + li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .prod-tareas li a { border: 0; box-shadow: none; background: none; color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .prod-tareas li a:hover { background: var(--gris-cab); border: 0; }
html[data-tema="oscuro"] .prod-tareas .icono-circ.marca { background: var(--marca-suave); color: var(--marca-fuerte); }
html[data-tema="oscuro"] .prod-salieron li a::after { border: solid var(--tenue); }
html[data-tema="oscuro"] .prod-banda { background: var(--papel); color: var(--suave); border: 1px solid var(--linea); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .prod-saludo-pc { background: var(--g800); color: #fff; }
}
html[data-tema="oscuro"] .prod-volver { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .prod-volver:hover { background: var(--fondo); color: var(--tinta); }
html[data-tema="oscuro"] .prod-detalle .cadena-pasos { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .prod-detalle .cadena-pasos > li { border: 0; border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .prod-detalle .cadena-pasos > li:first-child { border-top: 0; }
html[data-tema="oscuro"] .prod-paso-marca { border: 2px solid var(--linea-fuerte); background: var(--papel); color: #fff; }
html[data-tema="oscuro"] .cadena-pasos > li.hecho .prod-paso-marca { background: #23663f; border-color: var(--ok); }
html[data-tema="oscuro"] .cadena-pasos > li.con-dif .prod-paso-marca { background: #7d4800; border-color: var(--alerta); }
html[data-tema="oscuro"] .prod-detalle .cadena-pasos .ok.chico { color: var(--tinta); }
html[data-tema="oscuro"] .prod-sin-conteo { background: var(--fondo); color: var(--suave); }
html[data-tema="oscuro"] .prod-detalle-cols h2 { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .prod-difs .tabla-envuelta { border: 0; box-shadow: none; }
html[data-tema="oscuro"] .prod-difs b.baja { color: var(--error); }
html[data-tema="oscuro"] .prod-difs b.sube { color: var(--sube); }
html[data-tema="oscuro"] .prod-en-shopify h2 { border-bottom: 0; }
@media (max-width: 899px) {
  html[data-tema="oscuro"] .prod-difs .tabla tr { border-top: 1px solid var(--linea); }
  html[data-tema="oscuro"] .prod-difs .tabla tr:first-child { border-top: 0; }
  html[data-tema="oscuro"] .prod-difs .tabla td { border: 0; }
  html[data-tema="oscuro"] .prod-difs .tabla td[data-rot]::before { color: var(--tenue); }
}
@media (min-width: 900px) {
  html[data-tema="oscuro"] .prod-detalle .cadena-pasos > li { border-top: 0; border-left: 1px solid var(--linea); }
  html[data-tema="oscuro"] .prod-detalle .cadena-pasos > li:first-child { border-left: 0; }
}
html[data-tema="oscuro"] .prod-num { background: var(--gris); color: var(--tinta); }
html[data-tema="oscuro"] .prod-num.marca { background: var(--marca); color: var(--tinta); }
html[data-tema="oscuro"] .prod-entrega .tarjeta-accion .boton.claro { background: var(--papel); color: var(--tinta); border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .prod-entrega .tarjeta-accion .boton.claro:hover { background: var(--fondo); }
html[data-tema="oscuro"] .prod-entrega .prod-clave:focus { outline: none; border-color: var(--marca-fuerte); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 40%, transparent); }
html[data-tema="oscuro"] .prod-entrega .boton.prod-oscuro { background: var(--primario); }
html[data-tema="oscuro"] .prod-entrega .boton.prod-oscuro:hover { background: var(--primario-hover); }
html[data-tema="oscuro"] .prod-entrega .difs { color: var(--alerta); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .prod-cab-pc { background: var(--g800); color: #fff; }
  html[data-tema="oscuro"] .prod-cab-pc-t span { color: #b6bec6; }
}
html[data-tema="oscuro"] .prod-planes .icono-circ { background: var(--marca-suave); color: var(--marca-fuerte); }
html[data-tema="oscuro"] .prod-plan-abrir { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .prod-planes li a:hover .prod-plan-abrir { border-color: var(--tinta); }
html[data-tema="oscuro"] .prod-plan-estado { background: var(--marca-suave); color: color-mix(in srgb, var(--marca-fuerte) 65%, #e6e6e6); border: 1px solid color-mix(in srgb, var(--marca) 55%, transparent); }
html[data-tema="oscuro"] .prod-plan-tabla .tabla :is(th,
html[data-tema="oscuro"] td):first-child { background: var(--papel); }
html[data-tema="oscuro"] .prod-plan-tabla .tabla th:first-child,
html[data-tema="oscuro"] .prod-plan-tabla .tabla .fila-cat td { background: var(--gris-cab); }
html[data-tema="oscuro"] .prod-plan-tabla .tabla.plan input,
html[data-tema="oscuro"] .prod-celda { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); }
html[data-tema="oscuro"] .prod-plan-tabla .tabla.plan input.cero,
html[data-tema="oscuro"] .prod-celda.cero { color: var(--tenue); background: var(--fondo); border-color: var(--linea); }
html[data-tema="oscuro"] .prod-plan-tabla .tabla.plan input.cambio { border-color: var(--marca-fuerte); background: var(--marca-suave); }
html[data-tema="oscuro"] .prod-plan-tabla .tabla.plan input:focus { outline: none; border-color: var(--marca-fuerte); background: var(--papel); box-shadow: 0 0 0 3px color-mix(in srgb, var(--marca) 40%, transparent); }
html[data-tema="oscuro"] .prod-plan-rige input { color: var(--tinta); background: var(--papel); border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .prod-tl li::before { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .prod-tl .pt { background: var(--papel); border: 2px solid var(--linea-fuerte); color: #fff; }
html[data-tema="oscuro"] .prod-tl li.hecho .pt { background: #23663f; border-color: var(--ok); }
html[data-tema="oscuro"] .sobre-fila { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .card-cab + .sobre-fila { border-top: 0; }
html[data-tema="oscuro"] .tanda-cols { background: var(--gris-cab); border-bottom: 1px solid var(--linea); color: var(--tenue); }
html[data-tema="oscuro"] .tandas .tanda-fila { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .tandas .tanda-cols + .tanda-fila { border-top: 0; }
html[data-tema="oscuro"] .tandas .tanda-fila.con-tarde { background: var(--marca-suave); }
html[data-tema="oscuro"] .tanda-total { border-top: 1px solid var(--linea); background: var(--gris-cab); }
html[data-tema="oscuro"] .pick { color: var(--tinta); background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .pick:hover:not(:disabled) { border-color: var(--linea-fuerte); }
html[data-tema="oscuro"] .pick .mk { border: 2px solid var(--linea-fuerte); color: transparent; }
html[data-tema="oscuro"] .pick .nom small { color: var(--suave); }
html[data-tema="oscuro"] .pick .n { border: 1.5px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .pick.ok { background: var(--ok-suave); border-color: transparent; }
html[data-tema="oscuro"] .pick.ok .mk { background: #23663f; border-color: var(--ok); color: #fff; }
html[data-tema="oscuro"] .pick.ok .n { border-color: transparent; }
html[data-tema="oscuro"] .pick-total { background: var(--gris-cab); }
html[data-tema="oscuro"] .pick-pie { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .pick-estado { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .pick-estado.listo { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .prod-plan-nombre small { color: var(--suave); }

/* ── diseno-control.css ── */
html[data-tema="oscuro"] .oculto-visual { border: 0; }
html[data-tema="oscuro"] .hoy-seg,
html[data-tema="oscuro"] .seg-control { background: var(--gris); }
html[data-tema="oscuro"] .hoy-seg label,
html[data-tema="oscuro"] .seg-control label,
html[data-tema="oscuro"] .seg-control a { color: var(--suave); text-decoration: none; }
html[data-tema="oscuro"] .hoy-seg label:hover,
html[data-tema="oscuro"] .seg-control label:hover { color: var(--tinta); }
html[data-tema="oscuro"] .seg-control a.activa { background: var(--papel); color: var(--tinta); box-shadow: 0 1px 3px rgba(17, 20, 23, .1); }
html[data-tema="oscuro"] .puntos-cadena .e { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .puntos-cadena .e.h { background: #23663f; }
html[data-tema="oscuro"] .puntos-cadena .e.d { background: #7d4800; }
html[data-tema="oscuro"] .puntos-cadena .e.a { background: var(--papel); box-shadow: 0 0 0 2px var(--g800); }
html[data-tema="oscuro"] .puntos-cadena .l { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .puntos-cadena .l.h { background: #23663f; }
html[data-tema="oscuro"] .btn-chico { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .btn-chico:hover { background: var(--fondo); color: var(--tinta); }
html[data-tema="oscuro"] .hoy-banda .icono-circ { background: #4b381a; color: var(--alerta); }
html[data-tema="oscuro"] .aviso-cadena a.hoy-revisar { background: var(--primario); color: var(--primario-texto); text-decoration: none; }
html[data-tema="oscuro"] .aviso-cadena a.hoy-revisar:hover { background: var(--primario-hover); color: var(--primario-texto); }
html[data-tema="oscuro"] .hoy-kpi { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .hoy-kpi .rot { color: var(--suave); }
html[data-tema="oscuro"] .hoy-entregas { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .hoy-card-cab { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] #ent-hoy:checked ~ .hoy-card-cab label[for=ent-hoy],
html[data-tema="oscuro"] #ent-manana:checked ~ .hoy-card-cab label[for=ent-manana],
html[data-tema="oscuro"] #ent-ayer:checked ~ .hoy-card-cab label[for=ent-ayer] { background: var(--papel); color: var(--tinta); box-shadow: 0 1px 3px rgba(17, 20, 23, .1); }
html[data-tema="oscuro"] #ent-hoy:focus-visible ~ .hoy-card-cab label[for=ent-hoy],
html[data-tema="oscuro"] #ent-manana:focus-visible ~ .hoy-card-cab label[for=ent-manana],
html[data-tema="oscuro"] #ent-ayer:focus-visible ~ .hoy-card-cab label[for=ent-ayer] { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .hoy-filas li a { border: 0; border-top: 1px solid var(--linea); box-shadow: none; }
html[data-tema="oscuro"] .hoy-filas li:first-child a { border-top: 0; }
html[data-tema="oscuro"] .hoy-filas li a:hover { background: var(--fondo); }
html[data-tema="oscuro"] .hoy-ver { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .hoy-accesos { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .hoy-accesos a { border-top: 1px solid var(--linea); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .hoy-accesos a:first-of-type { border-top: 0; }
html[data-tema="oscuro"] .hoy-accesos a:hover { background: var(--fondo); }
html[data-tema="oscuro"] .hoy-accesos .tx small { color: var(--suave); }
html[data-tema="oscuro"] .hoy-accesos > a > .ico { color: var(--tenue); }
html[data-tema="oscuro"] .hoy-reloj { color: var(--tinta); }
html[data-tema="oscuro"] .hoy-tiendas { background: var(--papel); border: 1px solid color-mix(in srgb, var(--marca) 55%, transparent); }
html[data-tema="oscuro"] .hoy-tiendas li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .hoy-tiendas li:first-child { border-top: 0; }
html[data-tema="oscuro"] .hoy-tiendas .tx small { color: var(--suave); }
html[data-tema="oscuro"] .hoy-horas { color: color-mix(in srgb, var(--marca-fuerte) 80%, #e6e6e6); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .hoy-taller { color: var(--suave); }
}
html[data-tema="oscuro"] #dif-abiertas:checked ~ .dif-cab label[for=dif-abiertas],
html[data-tema="oscuro"] #dif-cerradas:checked ~ .dif-cab label[for=dif-cerradas] { background: var(--papel); color: var(--tinta); box-shadow: 0 1px 3px rgba(17, 20, 23, .1); }
html[data-tema="oscuro"] #dif-abiertas:focus-visible ~ .dif-cab label[for=dif-abiertas],
html[data-tema="oscuro"] #dif-cerradas:focus-visible ~ .dif-cab label[for=dif-cerradas] { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .dif-card-cab { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .estado.dif-nuevo { background: var(--marca-suave); color: color-mix(in srgb, var(--marca-fuerte) 75%, #e6e6e6); }
html[data-tema="oscuro"] .dif-sin-conteo { border: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .dif-sin-conteo b { color: var(--tinta); }
html[data-tema="oscuro"] .dif-control .caso { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .dif-control .dif-card-cab + .caso,
html[data-tema="oscuro"] .dif-control .dif-columnas + .caso { border-top: 0; }
html[data-tema="oscuro"] .dif-cant.mal { color: var(--error); }
html[data-tema="oscuro"] .dif-cant.sube { color: var(--sube); }
html[data-tema="oscuro"] .dif-control .cerrar-caso input { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); }
@media (max-width: 899px) {
  html[data-tema="oscuro"] .dif-cerrados tr { border-bottom: 1px solid var(--linea); }
  html[data-tema="oscuro"] .dif-cerrados tbody tr:last-child { border-bottom: 0; }
  html[data-tema="oscuro"] .dif-cerrados td { border: 0; }
  html[data-tema="oscuro"] .dif-cerrados td.num::before { color: var(--suave); }
}
@media (min-width: 900px) {
  html[data-tema="oscuro"] .dif-columnas { background: var(--gris-cab); border-bottom: 1px solid var(--linea); color: var(--tenue); }
}
html[data-tema="oscuro"] .informe-control .inf-mes { color: var(--tinta); border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .inf-tiendas a { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .inf-tiendas a.activa { background: var(--g800); border-color: var(--g800); color: #fff; }
html[data-tema="oscuro"] .inf-principal { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .estado.inf-blanca { background: var(--marca-suave); color: color-mix(in srgb, var(--marca-fuerte) 75%, #e6e6e6); }
html[data-tema="oscuro"] .informe-control .total { background: none; border: 0; box-shadow: none; }
html[data-tema="oscuro"] .informe-control .cal { background: none; border: 0; }
html[data-tema="oscuro"] .informe-control .leyenda { background: none; border: 0; box-shadow: none; }
html[data-tema="oscuro"] .informe-control .inf-lado .panel .tabla-envuelta { border: 0; border-top: 1px solid var(--linea); box-shadow: none; }
html[data-tema="oscuro"] .informe-control .inf-lado .panel .tabla td.mal { color: var(--error); }
html[data-tema="oscuro"] .informe-control .inf-lado .panel .tabla td.ok { color: var(--sube); }
html[data-tema="oscuro"] .cm-banda { background: var(--papel); border: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .cadena-mes .hoy-kpi .chico a { color: var(--tinta); }
html[data-tema="oscuro"] .cm-card { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .cm-cab { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cm-tramos .cm-cab { border-bottom: 0; }
html[data-tema="oscuro"] .cm-nombre small { color: var(--suave); }
html[data-tema="oscuro"] .cm-t { background: var(--gris); }
html[data-tema="oscuro"] .cm-t span { background: #7d4800; }
html[data-tema="oscuro"] .cm-t span.gris { background: var(--g400); }
html[data-tema="oscuro"] .cm-tabla { border: 0; box-shadow: none; }
html[data-tema="oscuro"] .cm-nota { border-top: 1px solid var(--linea); }
@media (max-width: 899px) {
  html[data-tema="oscuro"] .cm-tabla tr { border-bottom: 1px solid var(--linea); }
  html[data-tema="oscuro"] .cm-tabla tbody tr:last-child { border-bottom: 0; }
  html[data-tema="oscuro"] .cm-tabla td { border: 0; }
  html[data-tema="oscuro"] .cm-tabla td[data-t]::before { color: var(--tenue); }
}
html[data-tema="oscuro"] .hist { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .hist-fila { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .hist-fila:first-of-type,
html[data-tema="oscuro"] .hist-cols + .hist-fila { border-top: 0; }
html[data-tema="oscuro"] .hist-tienda small { color: var(--suave); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .hist-cols { background: var(--gris-cab); border-bottom: 1px solid var(--linea); color: var(--tenue); }
}
html[data-tema="oscuro"] #pv-todas:checked ~ .personas-barra label[for=pv-todas],
html[data-tema="oscuro"] #pv-sin-clave:checked ~ .personas-barra label[for=pv-sin-clave],
html[data-tema="oscuro"] #pv-desactivadas:checked ~ .personas-barra label[for=pv-desactivadas] { background: var(--papel); color: var(--tinta); box-shadow: 0 1px 3px rgba(17, 20, 23, .1); }
html[data-tema="oscuro"] #pv-todas:focus-visible ~ .personas-barra label[for=pv-todas],
html[data-tema="oscuro"] #pv-sin-clave:focus-visible ~ .personas-barra label[for=pv-sin-clave],
html[data-tema="oscuro"] #pv-desactivadas:focus-visible ~ .personas-barra label[for=pv-desactivadas] { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .personas-buscar { background: var(--papel); border: 1px solid var(--linea); color: var(--tenue); }
html[data-tema="oscuro"] .personas-buscar input { border: 0; outline: 0; background: none; color: var(--tinta); }
html[data-tema="oscuro"] .personas-buscar:focus-within { border-color: var(--marca-fuerte); }
html[data-tema="oscuro"] .personas-lista .personas-grupo h2 { background: var(--gris-cab); border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .persona-ico { background: var(--marca-suave); color: color-mix(in srgb, var(--marca-fuerte) 75%, #e6e6e6); }
html[data-tema="oscuro"] .personas li.inactiva .persona-ico { background: var(--gris); color: var(--tenue); }
html[data-tema="oscuro"] .personas-lista .persona-acciones .mini.tenue { text-decoration: none; border-color: var(--linea-fuerte); background: var(--papel); color: var(--suave); }
html[data-tema="oscuro"] .personas-lista .persona-acciones .mini.tenue:hover { color: var(--tinta); border-color: var(--tinta); }
html[data-tema="oscuro"] .volver-chico { color: var(--suave); text-decoration: none; }
html[data-tema="oscuro"] .volver-chico:hover { color: var(--tinta); }
html[data-tema="oscuro"] .link-cab .icono-circ { background: var(--marca-suave); color: color-mix(in srgb, var(--marca-fuerte) 75%, #e6e6e6); }
html[data-tema="oscuro"] .link-cab .icono-circ.alerta { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .link-control .link-invitacion { background: var(--gris); border-color: var(--linea); }
html[data-tema="oscuro"] .link-control p.link-vence { background: var(--alerta-suave); color: var(--alerta); border: 1px solid var(--alerta-borde); }
html[data-tema="oscuro"] .link-pasos li::before { background: var(--marca); color: var(--tinta); }
html[data-tema="oscuro"] .regla-cab .icono-circ { background: var(--marca-suave); color: color-mix(in srgb, var(--marca-fuerte) 75%, #e6e6e6); }
html[data-tema="oscuro"] .regla-piden { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .reglas .regla-taller > fieldset,
html[data-tema="oscuro"] .reglas .regla-taller > .regla-campo { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .reglas .regla-taller > .regla-campo { color: var(--tenue); }
html[data-tema="oscuro"] .reglas legend { color: var(--tenue); }
html[data-tema="oscuro"] .toma-tienda.sin-toma { background: transparent; box-shadow: none; }
html[data-tema="oscuro"] .toma-datos dt { color: var(--suave); }
html[data-tema="oscuro"] .toma-datos dd.mal { color: var(--error); }
html[data-tema="oscuro"] .toma-difs-caja .tabla-envuelta,
html[data-tema="oscuro"] .tarjeta.filas .tabla-envuelta { border: 0; box-shadow: none; }
html[data-tema="oscuro"] .tabla td.mal { color: var(--error); }
html[data-tema="oscuro"] .tabla td.sube { color: var(--sube); }
html[data-tema="oscuro"] .mes-cifras .kpi span { color: var(--suave); }
html[data-tema="oscuro"] .plan-mes .tarjeta.filas .leyenda { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .tabla.mes td.cerca,
html[data-tema="oscuro"] .tabla.mes td.lejos,
html[data-tema="oscuro"] .tabla.mes td.sin-plan { background: none; }
html[data-tema="oscuro"] .tabla.mes td.cerca > strong { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .tabla.mes td.lejos > strong { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .tabla.mes td.con-sug { box-shadow: none; }
html[data-tema="oscuro"] .tabla.mes td.con-sug > strong { box-shadow: inset 0 0 0 2px var(--g800); }
html[data-tema="oscuro"] .leyenda .con-sug::before { box-shadow: inset 0 0 0 2px var(--g800); }
html[data-tema="oscuro"] .tabla.mes td:first-child { background: var(--papel); box-shadow: 1px 0 0 var(--linea); }
html[data-tema="oscuro"] .tabla.mes tr.fila-cat td:first-child { background: var(--gris-cab); }
html[data-tema="oscuro"] .tabla.mes tr.fila-total td:first-child { background: var(--fondo); }
html[data-tema="oscuro"] .sug-grupo { color: var(--suave); }
html[data-tema="oscuro"] .sugerencia .cambio { background: var(--gris-cab); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .sugerencia .cambio .dif.sube { background: var(--sube-suave); }
html[data-tema="oscuro"] .sugerencia .cambio .dif.baja { background: var(--error-suave); }
html[data-tema="oscuro"] .sugerencia details { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .sugerencia details summary { color: var(--tinta); }
html[data-tema="oscuro"] .sugerencia details .tabla-envuelta { box-shadow: none; }
html[data-tema="oscuro"] .sugerencia fieldset { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .sugerencia .opciones label { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .sugerencia .opciones label:has(input:checked) { background: var(--g800); border-color: var(--g800); color: #fff; }
html[data-tema="oscuro"] .sugerencia .opciones input[type=number] { color: var(--tinta); }
html[data-tema="oscuro"] :is(.control-inv,
html[data-tema="oscuro"] .control-mermas,
html[data-tema="oscuro"] .control-online,
html[data-tema="oscuro"] .control-pedido,
html[data-tema="oscuro"] .picking) .mal { color: var(--error); }
html[data-tema="oscuro"] :is(.control-inv,
html[data-tema="oscuro"] .control-mermas,
html[data-tema="oscuro"] .control-online,
html[data-tema="oscuro"] .control-pedido,
html[data-tema="oscuro"] .picking) .medio { color: var(--alerta); }
html[data-tema="oscuro"] :is(.control-inv,
html[data-tema="oscuro"] .control-mermas,
html[data-tema="oscuro"] .control-online,
html[data-tema="oscuro"] .control-pedido) .bien { color: var(--ok); }
html[data-tema="oscuro"] :is(.control-inv,
html[data-tema="oscuro"] .control-mermas,
html[data-tema="oscuro"] .control-online,
html[data-tema="oscuro"] .control-pedido) .icono-circ.alerta { background: #4b381a; color: var(--alerta); }
html[data-tema="oscuro"] :is(.control-inv,
html[data-tema="oscuro"] .control-mermas,
html[data-tema="oscuro"] .control-online,
html[data-tema="oscuro"] .control-pedido) .estado.medio { color: var(--alerta); }
html[data-tema="oscuro"] .inv-talleres .pronto { color: var(--suave); }
html[data-tema="oscuro"] .tabla tr.inv-total td { background: var(--gris-cab); }
html[data-tema="oscuro"] .inv-nota { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .inv-ver { text-decoration: underline; }
html[data-tema="oscuro"] .inv-grilla { background: var(--linea); }
html[data-tema="oscuro"] .inv-grilla > div { background: var(--papel); }
html[data-tema="oscuro"] .inv-grilla .inv-total-celda { background: var(--ok-suave); }
html[data-tema="oscuro"] .inv-grilla .inv-total-celda .cifra,
html[data-tema="oscuro"] .inv-grilla .inv-total-celda b { color: var(--ok); }
@media (max-width: 899px) {
  html[data-tema="oscuro"] .tabla.ficha tr { border-bottom: 1px solid var(--linea); }
  html[data-tema="oscuro"] .tabla.ficha tr:last-child { border-bottom: 0; }
  html[data-tema="oscuro"] .tabla.ficha td,
  html[data-tema="oscuro"] .tabla.ficha td.num { border: 0; }
  html[data-tema="oscuro"] .tabla.ficha td[data-l]::before { color: var(--tenue); }
  html[data-tema="oscuro"] .tabla.ficha tr.inv-total { background: var(--gris-cab); }
  html[data-tema="oscuro"] .tabla.ficha tr.inv-total td { background: none; }
  html[data-tema="oscuro"] .tabla.ficha tr.fila-cat { background: var(--gris-cab); }
}
html[data-tema="oscuro"] .tabla td.rojo { background: var(--alerta-suave); }
html[data-tema="oscuro"] .onl-paso { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .card-cab + .onl-paso { border-top: 0; }
html[data-tema="oscuro"] .onl-inv { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cp-paso { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cp-grilla > .cp-paso:first-child { border-top: 0; }
html[data-tema="oscuro"] .cp-paso .prod-paso-marca { background: var(--gris); }
html[data-tema="oscuro"] .cp-paso.hecho .prod-paso-marca { background: #23663f; color: #fff; }
html[data-tema="oscuro"] .cp-paso.con-dif .prod-paso-marca { background: #7d4800; color: #fff; }
html[data-tema="oscuro"] .cp-tiempo .tl > li.a .pt { border-color: var(--g800); box-shadow: 0 0 0 3px var(--gris); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .cp-paso { border-top: 0; border-left: 1px solid var(--linea); }
  html[data-tema="oscuro"] .cp-grilla > .cp-paso:first-child { border-left: 0; }
}
html[data-tema="oscuro"] .indicadores .mal { color: var(--error); }
html[data-tema="oscuro"] .indicadores .medio { color: var(--alerta); }
html[data-tema="oscuro"] .indicadores .bien { color: var(--ok); }
html[data-tema="oscuro"] .indicadores .banda.gris { background: var(--gris); border-color: var(--gris); }
html[data-tema="oscuro"] .ind-filas { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] #ind-dia:checked ~ .card-cab label[for=ind-dia],
html[data-tema="oscuro"] #ind-mes:checked ~ .card-cab label[for=ind-mes] { background: var(--papel); color: var(--tinta); box-shadow: 0 1px 3px rgba(17, 20, 23, .1); }
html[data-tema="oscuro"] #ind-dia:focus-visible ~ .card-cab label[for=ind-dia],
html[data-tema="oscuro"] #ind-mes:focus-visible ~ .card-cab label[for=ind-mes] { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .ind-faq { border: 0; box-shadow: none; }
html[data-tema="oscuro"] .ind-ayer { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .ajustes .banda.gris { background: var(--gris); border-color: var(--gris); }
html[data-tema="oscuro"] .ajustes .bien { color: var(--ok); }
html[data-tema="oscuro"] .ajustes .mal { color: var(--error); }
html[data-tema="oscuro"] .ajustes .icono-circ.alerta { background: #4b381a; color: var(--alerta); }
html[data-tema="oscuro"] .estado.sube { background: var(--sube-suave); color: var(--sube); }
html[data-tema="oscuro"] .estado.marca { background: var(--marca-suave); color: color-mix(in srgb, var(--marca-fuerte) 75%, #e6e6e6); }
html[data-tema="oscuro"] .aj-fila { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .card-cab + .aj-fila { border-top: 0; }
html[data-tema="oscuro"] .aj-bloque { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .card-cab + .aj-bloque { border-top: 0; }
html[data-tema="oscuro"] .aj-logo-oscuro { background: var(--g800); }
html[data-tema="oscuro"] .aj-color { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .aj-letra { background: var(--gris); }
html[data-tema="oscuro"] .aj-muestra { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .aj-muestra-top { background: var(--g800); color: #fff; border-bottom: 4px solid var(--marca); }
html[data-tema="oscuro"] .aj-muestra-abajo { background: var(--papel); }
html[data-tema="oscuro"] .aj-pestana { background: var(--marca); color: var(--tinta); }
html[data-tema="oscuro"] .aj-cambiado { background: var(--marca-suave); }
html[data-tema="oscuro"] .aj-dato { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .card-cab + .aj-dato { border-top: 0; }
html[data-tema="oscuro"] .aj-num { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .aj-texto { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .aj-num:focus,
html[data-tema="oscuro"] .aj-texto:focus { outline: none; border-color: var(--marca-fuerte); }
html[data-tema="oscuro"] #aj-hoy:checked ~ .card-cab label[for=aj-hoy],
html[data-tema="oscuro"] #aj-ayer:checked ~ .card-cab label[for=aj-ayer] { background: var(--papel); color: var(--tinta); box-shadow: 0 1px 3px rgba(17, 20, 23, .1); }
html[data-tema="oscuro"] #aj-hoy:focus-visible ~ .card-cab label[for=aj-hoy],
html[data-tema="oscuro"] #aj-ayer:focus-visible ~ .card-cab label[for=aj-ayer] { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .aj-tarea .tx a { color: var(--tinta); }
html[data-tema="oscuro"] .aj-error { color: var(--error) !important; }
html[data-tema="oscuro"] .aj-permiso { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .aj-permiso.falta { background: var(--alerta-suave); }
html[data-tema="oscuro"] .hon-banda .icono-circ { background: #43211d; color: var(--error); }
html[data-tema="oscuro"] .aviso-fallo.hoy-banda a.hoy-revisar { background: #a3221b; color: #fff; text-decoration: none; }
html[data-tema="oscuro"] .hon .pdf-l { color: color-mix(in srgb, var(--marca-fuerte) 80%, #e6e6e6); text-decoration: none; }
html[data-tema="oscuro"] .hon-nombre { color: inherit; text-decoration: none; }
html[data-tema="oscuro"] .hon-nombre:hover { text-decoration: underline; }
html[data-tema="oscuro"] .elige select { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .hon-tabla tr.hon-marca,
html[data-tema="oscuro"] .hon-tabla tr.hon-marca td { background: var(--marca-suave); }
html[data-tema="oscuro"] .hon-tabla tr.hon-mal,
html[data-tema="oscuro"] .hon-tabla tr.hon-mal td { background: var(--error-suave); }
html[data-tema="oscuro"] .hon-tabla tr.hon-falta,
html[data-tema="oscuro"] .hon-tabla tr.hon-falta td { background: var(--alerta-suave); }
html[data-tema="oscuro"] .hon-tabla tr.hon-tenue td { color: var(--suave); }
html[data-tema="oscuro"] .hon-franja { border-bottom: 1px solid var(--linea); background: var(--fondo); }
html[data-tema="oscuro"] .hon-franja-mal { background: var(--error-suave); color: #e09d96; }
html[data-tema="oscuro"] .hon-apagada { background: var(--gris); color: var(--tinta); border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .hon-ventana .hon-apagada { border: 0; }
html[data-tema="oscuro"] .hon-pie { border-top: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .emp-sel summary { border: 1px solid var(--linea); background: var(--fondo); color: var(--tinta); }
html[data-tema="oscuro"] .emp-sel summary:hover,
html[data-tema="oscuro"] .emp-sel[open] summary { background: var(--papel); border-color: var(--linea-fuerte); }
html[data-tema="oscuro"] .emp-sel small { color: var(--suave); }
html[data-tema="oscuro"] .emp-sel summary > .ico { color: var(--suave); }
html[data-tema="oscuro"] .emp-logo { color: #fff; }
html[data-tema="oscuro"] .emp-logo.con-img { background-color: #1a1d21; box-shadow: inset 0 0 0 1px var(--linea); }
html[data-tema="oscuro"] .emp-menu { background: var(--papel); border: 1px solid var(--linea); box-shadow: 0 16px 40px rgba(17, 20, 23, .18); }
html[data-tema="oscuro"] .emp-op { color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .emp-op:hover { background: var(--fondo); color: var(--tinta); }
html[data-tema="oscuro"] .emp-op.activa { background: var(--marca-suave); }
html[data-tema="oscuro"] .emp-pie { border-top: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .emp-sel.en-pagina .emp-menu { box-shadow: none; }
html[data-tema="oscuro"] .hon-ico-mal { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .hon-gris { background: var(--fondo); }
html[data-tema="oscuro"] .hon-alerta { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .hon-linea { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .hon-asiento { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .hon-nota-mal { color: var(--alerta); }
html[data-tema="oscuro"] .hon-rojo { color: var(--error); }
html[data-tema="oscuro"] .boton.peligro { background: #a3221b; color: #fff; }
html[data-tema="oscuro"] .boton.peligro:hover { background: #8f1e18; color: #fff; }
html[data-tema="oscuro"] .boton.peligro:disabled { background: var(--gris); color: var(--tenue); }
html[data-tema="oscuro"] .hon-desde { border: 0; }
html[data-tema="oscuro"] .hon-op { background: var(--fondo); }
html[data-tema="oscuro"] .hon-op:has(input:checked) { background: var(--marca-suave); }
html[data-tema="oscuro"] .hon-ad-fila { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .hon-ad-fila > span:nth-child(2) { color: var(--suave); }
html[data-tema="oscuro"] .hon-ad-fila.cambia { background: var(--alerta-suave); }
html[data-tema="oscuro"] .hon-ad-cab { color: var(--suave); border-top: 0; }
html[data-tema="oscuro"] .hon-buscar { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .hon-buscar input[type=search] { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .hon-chips .chip { text-decoration: none; color: var(--tinta); }
html[data-tema="oscuro"] .hon-chips .chip.activa { color: #fff; }
html[data-tema="oscuro"] .hon-cta i { background: var(--marca-fuerte-c); }
html[data-tema="oscuro"] .linea-t { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .linea-t .hora { color: var(--suave); }
html[data-tema="oscuro"] .linea-t .punto { background: var(--fondo); color: var(--suave); }
html[data-tema="oscuro"] .linea-t .punto.ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .linea-t .punto.al { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .linea-t .punto.mal { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .linea-t .punto.ma { background: var(--marca-suave); color: color-mix(in srgb, var(--marca-fuerte) 80%, #e6e6e6); }
html[data-tema="oscuro"] .linea-t .antes { background: var(--fondo); }
html[data-tema="oscuro"] .dia-t { color: var(--suave); background: var(--fondo); border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .espera-sol { background: linear-gradient(160deg, var(--marca-suave), var(--papel) 70%); }
html[data-tema="oscuro"] .espera-sol p { color: var(--suave); }
html[data-tema="oscuro"] .espera-cal { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .bajada { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .bajada .d small { color: var(--suave); }
html[data-tema="oscuro"] .bajada.prox { border-color: var(--marca-fuerte); background: var(--marca-suave); }
html[data-tema="oscuro"] .barras .b i { background: var(--marca); }
html[data-tema="oscuro"] .barras .b.hoy i { background: repeating-linear-gradient(135deg, var(--marca-suave) 0 6px, #1a1d21 6px 12px); border: 1.5px dashed var(--marca-fuerte); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .espera-cal { border-top: 0; border-left: 1px solid var(--linea); }
}
html[data-tema="oscuro"] .bte-cab { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .bte-bruto { border: 1px solid var(--linea); background: var(--fondo); }
html[data-tema="oscuro"] .bte-mas summary { color: color-mix(in srgb, var(--marca-fuerte) 80%, #e6e6e6); }
html[data-tema="oscuro"] .ban .num .neg,
html[data-tema="oscuro"] .ban .neg { color: var(--error); }
html[data-tema="oscuro"] .ban .num .pos,
html[data-tema="oscuro"] .ban .pos { color: var(--ok); }
html[data-tema="oscuro"] .ban-chip { background: var(--fondo); color: var(--suave); }
html[data-tema="oscuro"] .ban-glosa small { color: var(--suave); }
html[data-tema="oscuro"] .ban-glosa small.ban-contraparte,
html[data-tema="oscuro"] .ban-contraparte { color: var(--tinta); }
html[data-tema="oscuro"] .ban-tabla td.fac small { color: var(--suave); }
html[data-tema="oscuro"] .ban-pie { border: 0; }
html[data-tema="oscuro"] .cuentas-dia li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cuentas-dia li:first-child { border-top: 0; }
html[data-tema="oscuro"] .cuentas-dia li small { color: var(--suave); }
html[data-tema="oscuro"] .barra-mes { background: var(--fondo); }
html[data-tema="oscuro"] .barra-mes i { background: var(--marca-fuerte-c); }
html[data-tema="oscuro"] .soltar { border: 2px dashed var(--linea-fuerte); color: var(--suave); background: var(--fondo); }
html[data-tema="oscuro"] .soltar b { color: var(--tinta); }
html[data-tema="oscuro"] .soltar.encima,
html[data-tema="oscuro"] .soltar:focus-within { border-color: var(--marca-fuerte); background: var(--marca-suave); }
html[data-tema="oscuro"] .hon-op.sel { background: var(--marca-suave); }
html[data-tema="oscuro"] #suma-elegidas.calza { color: var(--ok); }
html[data-tema="oscuro"] .ban-otra summary { color: color-mix(in srgb, var(--marca-fuerte) 80%, #e6e6e6); }
html[data-tema="oscuro"] .ban-subidos { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cta-fichas a { border: 1px solid var(--linea); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .cta-fichas a.activa { background: var(--g900, #1d2126); color: #fff; border-color: var(--g900, #1d2126); }
html[data-tema="oscuro"] .cta-fichas a.volver { color: var(--suave); }
html[data-tema="oscuro"] .cta-fichas i { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .cta-fichas i.ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .cta-fichas i.falta { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .cta-fichas a.activa i { background: rgba(26, 29, 33, 0.2); color: #fff; }
html[data-tema="oscuro"] .cuenta-card.marcada { outline: 2px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .cuenta-card .cab small { color: var(--suave); }
html[data-tema="oscuro"] .cuenta-card .nums div { background: var(--fondo); color: var(--suave); }
html[data-tema="oscuro"] .cuenta-card .nums b { color: var(--tinta); }
html[data-tema="oscuro"] .grupo-emp { color: var(--suave); }
html[data-tema="oscuro"] .ban-odoo-meses { color: var(--suave); }
html[data-tema="oscuro"] .ban-odoo-meses .completo { color: var(--ok); }
html[data-tema="oscuro"] .ban-dias { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .ban-dias-cab small { color: var(--suave); }
html[data-tema="oscuro"] .ban-meses a { border: 1px solid var(--linea); color: var(--tinta); text-decoration: none; background: var(--papel); }
html[data-tema="oscuro"] .ban-meses a small { color: var(--suave); }
html[data-tema="oscuro"] .ban-meses a.activa { background: var(--g900, #1d2126); color: #fff; border-color: var(--g900, #1d2126); }
html[data-tema="oscuro"] .ban-meses a.activa small { color: rgba(255, 255, 255, .8); }
html[data-tema="oscuro"] .ban-tdia { border: 1px solid var(--linea); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .ban-tdia small { color: var(--tenue); }
html[data-tema="oscuro"] .ban-tdia.toca { background: var(--alerta-suave); border-color: var(--alerta-borde); color: var(--alerta); }
html[data-tema="oscuro"] .ban-tdia.listo { background: #1b2e23; border-color: #2d4235; color: var(--ok); }
html[data-tema="oscuro"] .ban-tdia.subido { background: var(--ok-suave); border-color: #2d4235; color: var(--ok); }
html[data-tema="oscuro"] .ban-tdia.falta { background: var(--gris-cab, #f1f2f4); border-color: var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .ban-tdia.nada { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .ban-tdia.toca small,
html[data-tema="oscuro"] .ban-tdia.listo small,
html[data-tema="oscuro"] .ban-tdia.subido small,
html[data-tema="oscuro"] .ban-tdia.falta small { color: inherit; }
html[data-tema="oscuro"] .ban-tdia.activo { outline: 2px solid var(--tinta); }
html[data-tema="oscuro"] .ban-navdia { color: var(--suave); }
html[data-tema="oscuro"] .ban-navdia b { color: var(--tinta); }
html[data-tema="oscuro"] .plan-campo { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .plan-buscar input[type=search] { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .cuenta-card .cuenta-ir { color: inherit; text-decoration: none; }
html[data-tema="oscuro"] .cuenta-card:hover { border-color: var(--linea-fuerte); }
html[data-tema="oscuro"] .ban-detalle summary { color: var(--suave); }
html[data-tema="oscuro"] #ent-cuarto:checked ~ .hoy-card-cab label[for=ent-cuarto] { background: var(--papel); color: var(--tinta); box-shadow: 0 1px 3px rgba(17, 20, 23, .1); }
html[data-tema="oscuro"] #ent-cuarto:focus-visible ~ .hoy-card-cab label[for=ent-cuarto] { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .com-card .com-lineas li span:first-child { color: var(--suave); }
html[data-tema="oscuro"] .com-nota { background: var(--fondo); color: var(--suave); }
html[data-tema="oscuro"] .com-nota-mal { background: var(--error-suave); color: #e09d96; }
html[data-tema="oscuro"] .com .pdf-l { color: color-mix(in srgb, var(--marca-fuerte) 80%, #e6e6e6); text-decoration: none; }
html[data-tema="oscuro"] .com .pdf-l.suave { color: var(--suave); }
html[data-tema="oscuro"] .com .pdf-l.pdf-no { color: var(--suave); }
html[data-tema="oscuro"] .com-tabla td.num.neg { color: var(--error); }
html[data-tema="oscuro"] .com-items td,
html[data-tema="oscuro"] .com-items th { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .com-items th { color: var(--suave); border-top: 0; }
html[data-tema="oscuro"] .com-items tr.sel td { background: var(--marca-suave); }
html[data-tema="oscuro"] .com-vs div { background: var(--fondo); color: var(--suave); }
html[data-tema="oscuro"] .com-vs b { color: var(--tinta); }
html[data-tema="oscuro"] .banda.com-ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .banda.com-al { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .com-pasar input,
html[data-tema="oscuro"] .com-pasar select { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .com-plazo .com-dias { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .boton-link { background: none; border: 0; }

/* ── navegacion.css ── */
html[data-tema="oscuro"] .inicio-bienvenida p { color: var(--suave); }
html[data-tema="oscuro"] .inicio-area { text-decoration: none; color: var(--tinta); }
html[data-tema="oscuro"] .inicio-area:hover { border-color: var(--suave); }
html[data-tema="oscuro"] .inicio-area small { color: var(--suave); }
html[data-tema="oscuro"] .inicio-aviso { background: var(--papel); border: 1px solid var(--linea); text-decoration: none; }
html[data-tema="oscuro"] .inicio-aviso small { color: var(--suave); }
html[data-tema="oscuro"] .area-movil summary { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .area-movil nav { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .area-movil nav > a { text-decoration: none; }
html[data-tema="oscuro"] .area-movil a[aria-current] { background: var(--marca-suave); }
html[data-tema="oscuro"] .secciones-modulo { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .secciones-modulo a { text-decoration: none; color: var(--suave); }
html[data-tema="oscuro"] .secciones-modulo a.activa { color: var(--tinta); background: var(--marca-suave); }
html[data-tema="oscuro"] .riel .sun-sub { color: var(--g400); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .migas a { text-decoration: none; color: var(--suave); }
}
html[data-tema="oscuro"] .area-modulo { text-decoration: none; color: var(--tinta); }
html[data-tema="oscuro"] .area-modulo > .ico:first-child { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .area-modulo small { color: var(--suave); }
html[data-tema="oscuro"] .area-modulo > .ico:last-child { color: var(--tenue); }
@media (hover: hover) {
  html[data-tema="oscuro"] .area-modulo:hover,
  html[data-tema="oscuro"] .inicio-area:hover { border-color: var(--linea-fuerte); box-shadow: var(--sombra2); color: var(--tinta); }
}
@media (hover: none) {
  html[data-tema="oscuro"] .inicio-area:hover,
  html[data-tema="oscuro"] .area-modulo:hover { color: var(--tinta); }
}
html[data-tema="oscuro"] .area-movil summary { color: var(--tinta); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .area-movil summary::after { border-right: 2px solid var(--tenue); border-bottom: 2px solid var(--tenue); }
html[data-tema="oscuro"] .area-movil nav { box-shadow: var(--sombra2); }
html[data-tema="oscuro"] .area-movil nav > a { color: var(--tinta); }
@media (max-width: 899px) {
  html[data-tema="oscuro"] .inicio-hero .inicio-acceso { background: var(--g900); color: #fff; text-decoration: none; }
  html[data-tema="oscuro"] .inicio-hero .inicio-acceso .ico { color: var(--marca); }
}
html[data-tema="oscuro"] .inicio-cuenta { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .inicio-v2 .inicio-aviso,
html[data-tema="oscuro"] .inicio-al-dia { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); text-decoration: none; color: var(--tinta); }
html[data-tema="oscuro"] .inicio-v2 .inicio-aviso small,
html[data-tema="oscuro"] .inicio-al-dia small { color: var(--suave); }
html[data-tema="oscuro"] .inicio-aviso-ico { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .inicio-aviso-ico.ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .inicio-v2 .inicio-aviso > .ico:last-child { color: var(--tenue); }
html[data-tema="oscuro"] .inicio-grupo { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .inicio-grupo-cab { border-bottom: 1px solid var(--linea); text-decoration: none; color: var(--tenue); background: var(--gris-cab); }
html[data-tema="oscuro"] .inicio-modulo { text-decoration: none; color: var(--tinta); border-bottom: 1px solid var(--linea); border-right: 1px solid var(--linea); }
html[data-tema="oscuro"] .inicio-modulo-ico { background: var(--marca-suave); color: var(--marca-fuerte); }
html[data-tema="oscuro"] .inicio-modulo small { color: var(--suave); }
html[data-tema="oscuro"] .inicio-modulo.pendiente .inicio-modulo-ico { background: var(--gris); color: var(--tenue); }
html[data-tema="oscuro"] .inicio-modulo.pendiente strong { color: var(--suave); }
@media (hover: hover) {
  html[data-tema="oscuro"] .inicio-modulo:hover { background: var(--fondo); color: var(--tinta); }
  html[data-tema="oscuro"] .inicio-v2 .inicio-aviso:hover { border-color: var(--linea-fuerte); color: var(--tinta); }
}
@media (min-width: 900px) {
  html[data-tema="oscuro"] .inicio-hero { background: var(--g800); color: #fff; }
  html[data-tema="oscuro"] .inicio-hero .eyebrow { color: var(--g400); }
  html[data-tema="oscuro"] .inicio-hero h2 { color: #fff; }
  html[data-tema="oscuro"] .inicio-hero p { color: #c9d0d6; }
  html[data-tema="oscuro"] .inicio-hero p b { color: #fff; }
  html[data-tema="oscuro"] .inicio-hero-btn { background: var(--marca); color: var(--tinta); text-decoration: none; }
  html[data-tema="oscuro"] .inicio-hero-btn:hover { color: var(--tinta); }
}
html[data-tema="oscuro"] .area-tarjeta { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .area-tarjeta-cab { text-decoration: none; color: var(--tinta); }
html[data-tema="oscuro"] .area-tarjeta-tx small { color: var(--suave); }
html[data-tema="oscuro"] .area-tarjeta-cab > .ico:last-child { color: var(--tenue); }
html[data-tema="oscuro"] .area-secciones { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .area-secciones a { color: var(--tinta); text-decoration: none; border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .area-secciones a:first-child { border-top: 0; }
html[data-tema="oscuro"] .area-secciones a .ico { color: var(--tenue); }
html[data-tema="oscuro"] .area-tarjeta.pendiente { box-shadow: none; background: transparent; }
html[data-tema="oscuro"] .area-tarjeta.pendiente .inicio-modulo-ico { background: var(--gris); color: var(--tenue); }
html[data-tema="oscuro"] .area-tarjeta.pendiente strong { color: var(--suave); }
@media (hover: hover) {
  html[data-tema="oscuro"] .area-tarjeta-cab:hover,
  html[data-tema="oscuro"] .area-secciones a:hover { background: var(--fondo); color: var(--tinta); }
}
@media (min-width: 900px) {
  html[data-tema="oscuro"] .inicio-hero-ico { background: var(--g700); color: var(--marca); }
}
html[data-tema="oscuro"] .area-cifra { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); text-decoration: none; color: var(--tinta); }
html[data-tema="oscuro"] .area-cifra-rot { color: var(--suave); }
html[data-tema="oscuro"] .area-cifra small { color: var(--suave); }
html[data-tema="oscuro"] .area-cifra.alerta { border-color: var(--alerta-borde); background: var(--alerta-suave); }
html[data-tema="oscuro"] .area-cifra.alerta b { color: var(--alerta); }
html[data-tema="oscuro"] .area-cifra.ok b { color: var(--ok); }
@media (hover: hover) {
  html[data-tema="oscuro"] .area-cifra:hover { border-color: var(--linea-fuerte); color: var(--tinta); }
}
html[data-tema="oscuro"] .secciones-modulo { border-bottom: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .secciones-modulo a { color: var(--suave); background: none; }
html[data-tema="oscuro"] .secciones-modulo a.activa { background: none; color: var(--tinta); }
html[data-tema="oscuro"] .secciones-modulo a.activa::after { background: var(--marca-fuerte-c); }
@media (hover: hover) {
  html[data-tema="oscuro"] .secciones-modulo a:hover { color: var(--tinta); }
}
@media (max-width: 899px) {
  html[data-tema="oscuro"] .secciones-modulo { background: var(--papel); }
}
html[data-tema="oscuro"] body.portada-pagina { color: #f2f4f6; background: radial-gradient(1200px 700px at 15% -10%, #24343a 0%, transparent 60%),
              radial-gradient(900px 600px at 100% 110%, #221f33 0%, transparent 60%), var(--g900); }
html[data-tema="oscuro"] .portada a { color: inherit; text-decoration: none; }
html[data-tema="oscuro"] .portada-sello span { color: var(--p-suave); }
html[data-tema="oscuro"] .portada-yo-tx small { color: var(--p-suave); }
html[data-tema="oscuro"] .portada-avatar { background: rgba(26, 29, 33, 0.12); border: 1px solid var(--p-linea); }
html[data-tema="oscuro"] .portada-toca { border: 1px solid var(--p-linea); background: rgba(26, 29, 33, 0.04); }
html[data-tema="oscuro"] .portada-punto { background: #e0a040; }
html[data-tema="oscuro"] .portada-cuenta { background: #d9534a; color: #fff; }
html[data-tema="oscuro"] .portada-aviso { border-top: 1px solid var(--p-linea); }
html[data-tema="oscuro"] .portada-toca li:first-child .portada-aviso { border-top: 0; }
html[data-tema="oscuro"] .portada-aviso-ico { color: #e0a040; }
html[data-tema="oscuro"] .portada-aviso-tx small { color: var(--p-suave); }
html[data-tema="oscuro"] .portada-aviso > .ico:last-child { color: var(--p-suave); }
html[data-tema="oscuro"] .portada-aviso:hover b { text-decoration: underline; }
html[data-tema="oscuro"] .portada-grupo h2 { color: var(--p-suave); }
html[data-tema="oscuro"] .portada .portada-app { color: #f2f4f6; }
html[data-tema="oscuro"] .portada-ico { background: var(--p-baldosa); border: 1px solid var(--p-linea); color: #e6e9ec; }
html[data-tema="oscuro"] .portada-app:hover .portada-ico,
html[data-tema="oscuro"] .portada-app:focus-visible .portada-ico { background: var(--p-baldosa-h); }
html[data-tema="oscuro"] .portada-app small { color: var(--p-suave); }
html[data-tema="oscuro"] .portada-num { background: #d9534a; color: #fff; }
html[data-tema="oscuro"] .portada-pie { border-top: 1px solid var(--p-linea); color: var(--p-suave); }
html[data-tema="oscuro"] .portada-pie a,
html[data-tema="oscuro"] .portada-pie button { color: var(--p-suave); }
html[data-tema="oscuro"] .portada-pie button { background: none; border: 0; }
html[data-tema="oscuro"] .portada-pie a:hover,
html[data-tema="oscuro"] .portada-pie button:hover { color: #fff; }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .lateral .nv-sello { color: var(--tinta); text-decoration: none; }
  html[data-tema="oscuro"] .lateral .nv-empresa { border: 1px solid var(--linea); background: var(--fondo); color: var(--tinta); text-decoration: none; }
  html[data-tema="oscuro"] .lateral .nv-empresa img { background: #1a1d21; }
  html[data-tema="oscuro"] .lateral .nv-empresa small { color: var(--suave); }
  html[data-tema="oscuro"] .lateral .nv-raya { background: var(--linea); }
  html[data-tema="oscuro"] .barra-enc { background: var(--papel); }
  html[data-tema="oscuro"] .barra-enc .be-nav a { color: var(--suave); text-decoration: none; border-bottom: 3px solid transparent; }
  html[data-tema="oscuro"] .barra-enc .be-nav a:hover { color: var(--tinta); }
  html[data-tema="oscuro"] .barra-enc .be-nav a.activa { color: var(--tinta); border-bottom-color: var(--marca-fuerte); }
}
html[data-tema="oscuro"] .in-lista { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .in-fila { border-top: 1px solid var(--linea); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .in-fila:first-child { border-top: 0; }
html[data-tema="oscuro"] .in-ico,
html[data-tema="oscuro"] .in-num { background: var(--marca-suave); color: var(--marca-fuerte); }
html[data-tema="oscuro"] .in-num { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .in-tx small { color: var(--suave); }
html[data-tema="oscuro"] .in-ir { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .in-fila:first-child .in-ir { background: var(--g900); border-color: var(--g900); color: #fff; }
html[data-tema="oscuro"] .in-fila > .ico:last-child { color: var(--tenue); }
html[data-tema="oscuro"] .in-vacio { background: var(--ok-suave); color: var(--ok); }
@media (hover: hover) {
  html[data-tema="oscuro"] .in-fila:hover { background: var(--fondo); color: var(--tinta); }
}
@media (min-width: 900px) {
  html[data-tema="oscuro"] .rol-tienda .cifras-pc .base-plan,
  html[data-tema="oscuro"] .rol-tienda .cifras-pc > div { background: var(--papel); color: var(--tinta); border: 1px solid var(--linea); box-shadow: var(--sombra); }
  html[data-tema="oscuro"] .rol-tienda .cifras-pc .base-plan small,
  html[data-tema="oscuro"] .rol-tienda .cifras-pc small { color: var(--suave) !important; }
  html[data-tema="oscuro"] .rol-tienda .cifras-pc .base-plan b,
  html[data-tema="oscuro"] .rol-tienda .cifras-pc b { color: var(--tinta) !important; }
  html[data-tema="oscuro"] .rol-tienda .cifras-pc .base-plan > div,
  html[data-tema="oscuro"] .rol-tienda .cifras-pc > div > div { border-color: var(--linea) !important; }
}
@media (min-width: 900px) {
  html[data-tema="oscuro"] .be-empresa { border: 1px solid var(--linea); background: var(--papel); color: var(--tinta); text-decoration: none; }
  html[data-tema="oscuro"] .be-empresa img { background: #1a1d21; }
  html[data-tema="oscuro"] .be-empresa small { color: var(--suave); }
  html[data-tema="oscuro"] .be-empresa:hover { border-color: var(--linea-fuerte); color: var(--tinta); }
  html[data-tema="oscuro"] .app .principal { background: var(--fondo); }
  html[data-tema="oscuro"] .barra-enc { background: color-mix(in srgb, var(--papel) 88%, transparent); }
}
@media (min-width: 900px) {
  html[data-tema="oscuro"] .app .principal > main { background: transparent; box-shadow: none; }
}
html[data-tema="oscuro"] .avatar,
html[data-tema="oscuro"] .pestanas-movil a.activa .ico { color: #fff; }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .be-emp-sel .emp-sel > summary { border: 1px solid var(--linea); background: var(--papel); box-shadow: none; }
}
html[data-tema="oscuro"] .titulo-pagina .titulo-atras { border: 1px solid var(--linea); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .titulo-pagina .titulo-atras:hover { border-color: var(--linea-fuerte); background: var(--gris); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .lateral .nv-grupo > summary { color: var(--tinta); }
  html[data-tema="oscuro"] .lateral .nv-grupo > summary:hover { background: var(--fondo); }
  html[data-tema="oscuro"] .lateral .nv-flecha { border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; }
}

/* ── tienda-pedidos.css ── */
html[data-tema="oscuro"] .ped-ahora .card-pie { background: var(--papel); }
html[data-tema="oscuro"] .ped-tienda .corte-cab b { color: color-mix(in srgb, var(--marca-fuerte) 80%, #e6e6e6); }
html[data-tema="oscuro"] .ped-tienda .dias { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .ped-tienda .dias .dia { border: 0; border-top: 1px solid var(--linea); box-shadow: none; }
html[data-tema="oscuro"] .ped-tienda .dias .dia:first-child { border-top: 0; }
html[data-tema="oscuro"] .ped-tienda .dia-talleres li { border-top: 0; }
html[data-tema="oscuro"] .ped-tienda .dia-talleres li + li { border-top: 1px dashed var(--linea); }
html[data-tema="oscuro"] .ped-vacio { border: 1.5px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .pedido .pie { box-shadow: var(--sombra); }
html[data-tema="oscuro"] .pedido .pie .resumen { color: var(--tinta); }
html[data-tema="oscuro"] .ped-quien { border: 0; }
html[data-tema="oscuro"] .ped-quien legend { color: var(--tinta); }
html[data-tema="oscuro"] .op-v { background: var(--papel); border: 1.5px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .op-v:has(input:checked) { border-color: var(--g800); box-shadow: 0 0 0 3px color-mix(in srgb, var(--marca) 35%, transparent); }
html[data-tema="oscuro"] .op-v:has(input:focus-visible) { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .hist-meses { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .hist-meses a { color: var(--suave); text-decoration: none; }
html[data-tema="oscuro"] .hist-meses a:hover { background: var(--gris); color: var(--tinta); }
html[data-tema="oscuro"] .hist-ir { color: var(--tenue); }
html[data-tema="oscuro"] .ped-det-t h2 { color: var(--suave); }
html[data-tema="oscuro"] .ped-det .it.cambiado { background: var(--marca-suave); }
html[data-tema="oscuro"] .ped-det-total { background: var(--gris-cab); }

/* ── tienda-online-existencias.css ── */
html[data-tema="oscuro"] .oe .tarjeta.filas > .it:first-child { border-top: 0; }
html[data-tema="oscuro"] .oe-elegir label { background: var(--papel); border: 1.5px solid var(--linea-fuerte); color: var(--tinta); }
html[data-tema="oscuro"] .oe-elegir span::before { border: 1.5px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .oe-elegir label:has(input:checked) { border-color: var(--g800); background: var(--marca-suave); }
html[data-tema="oscuro"] .oe-elegir input:checked + span::before { border: 5px solid var(--g800); }
html[data-tema="oscuro"] .oe-elegir label:has(input:focus-visible) { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .oe.encargo-nuevo .oe-pie .boton:not(.claro),
html[data-tema="oscuro"] .oe.traspaso-pedir .oe-pie .boton:not(.claro),
html[data-tema="oscuro"] .oe.inventario .oe-pie .boton { background: var(--primario); }
html[data-tema="oscuro"] .oe.encargo-nuevo .oe-pie .boton:not(.claro):hover,
html[data-tema="oscuro"] .oe.traspaso-pedir .oe-pie .boton:not(.claro):hover,
html[data-tema="oscuro"] .oe.inventario .oe-pie .boton:hover { background: var(--primario-hover); }
html[data-tema="oscuro"] .oe-ir { color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .oe-ir:hover { text-decoration: underline; }
html[data-tema="oscuro"] .oe-hay .tx small b { color: var(--tinta); }
html[data-tema="oscuro"] .oe-n { color: var(--tinta); }
html[data-tema="oscuro"] .oe-n.cero { color: var(--alerta); }
html[data-tema="oscuro"] .oe.inventario .oe-pie { background: none; border: 0; box-shadow: none; }
html[data-tema="oscuro"] .oe.traspaso .tarjeta.filas .tabla-envuelta { border: 0; box-shadow: none; }
html[data-tema="oscuro"] .oe-paso > summary { border-bottom: 0; }
html[data-tema="oscuro"] .oe-paso > summary .ico { color: var(--tenue); }
html[data-tema="oscuro"] .oe-paso[open] > summary { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .web-retira > .ico { color: var(--suave); }
html[data-tema="oscuro"] .web-pie { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .web-pedido.hecho { background: transparent; box-shadow: none; }
html[data-tema="oscuro"] .oe-lleva .it.con-algo { background: var(--marca-suave); }
html[data-tema="oscuro"] .oe-lleva .it input { border: 0; background: var(--gris); }
html[data-tema="oscuro"] .oe-lleva .it input:focus { outline: 2px solid var(--marca-fuerte); background: var(--papel); box-shadow: none; }
html[data-tema="oscuro"] .oe-boleta .oe-total { background: var(--gris-cab); }

/* ── tienda-mermas-toma.css ── */
@media (min-width: 900px) {
  html[data-tema="oscuro"] main:has(> .mt) > .cifras-pc .cifras { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
  html[data-tema="oscuro"] main:has(> .mt) > .cifras-pc .cifras > div + div { border-left-color: var(--linea); }
  html[data-tema="oscuro"] main:has(> .mt) > .cifras-pc .cifras small { color: var(--suave); }
  html[data-tema="oscuro"] main:has(> .mt) > .cifras-pc .cifras b { color: var(--tinta); }
  html[data-tema="oscuro"] main:has(> .mt) > .cifras-pc .cifras b.marca { color: var(--tinta); }
}
html[data-tema="oscuro"] .mt .mt-lista { background: none; border: 0; box-shadow: none; }
html[data-tema="oscuro"] .mt .mt-lista > li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .mt .mt-lista > li:first-child { border-top: 0; }
html[data-tema="oscuro"] .mt .mt-lista .merma-tx small { color: var(--suave); }
html[data-tema="oscuro"] .mt-quitar { background: var(--papel); border: 1px solid var(--linea-fuerte); color: var(--tinta); }
html[data-tema="oscuro"] .mt-quitar:hover { background: var(--fondo); }
html[data-tema="oscuro"] .mt .mt-vacio { border: 0; }
html[data-tema="oscuro"] .mt-form fieldset { border: 0; }
html[data-tema="oscuro"] .mt-form legend { color: var(--tinta); }
html[data-tema="oscuro"] .mt-paso { background: var(--papel); border: 1.5px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .mt-paso button { border: 0; background: none; color: var(--tinta); }
html[data-tema="oscuro"] .mt-paso button:hover { background: var(--fondo); }
html[data-tema="oscuro"] .campo-f .mt-paso input { border: 0; }
html[data-tema="oscuro"] .campo-f .mt-paso input:focus { box-shadow: none; }
html[data-tema="oscuro"] .mt-paso:focus-within { border-color: var(--marca-fuerte); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 35%, transparent); }
html[data-tema="oscuro"] .mt-opc-l span { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); }
html[data-tema="oscuro"] .mt-opc-l label:hover span { background: var(--fondo); }
html[data-tema="oscuro"] .mt-opc-l input:checked + span { background: var(--g800); border-color: var(--g800); color: #fff; }
html[data-tema="oscuro"] .mt-opc-l input:focus-visible + span,
html[data-tema="oscuro"] .mt-quien-l input:focus-visible + span { outline: 3px solid color-mix(in srgb, var(--marca) 55%, transparent); }
html[data-tema="oscuro"] .mt-quien-l span { border: 1.5px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); }
html[data-tema="oscuro"] .mt-quien-l span::before { border: 2px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .mt-quien-l input:checked + span { border-color: var(--g800); box-shadow: 0 0 0 3px color-mix(in srgb, var(--marca) 35%, transparent); }
html[data-tema="oscuro"] .mt-quien-l input:checked + span::before { border: 5px solid var(--g800); }
html[data-tema="oscuro"] .mt-form > .boton { background: var(--g900); }
html[data-tema="oscuro"] .mt-form > .boton:hover { background: var(--g800); }
html[data-tema="oscuro"] .mt-algo-mas { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .mt-algo-mas > summary .ico { color: var(--suave); }
html[data-tema="oscuro"] .mt-algo-mas > summary:hover { background: var(--gris-cab); }
html[data-tema="oscuro"] .mt .mt-algo-mas .merma-form { border: 0; box-shadow: none; background: none; }
html[data-tema="oscuro"] .mt-toma .toma-hecha .tx b.medio { color: var(--alerta); }
html[data-tema="oscuro"] .mt-hist .mt-card .tabla-envuelta { border: 0; box-shadow: none; }

/* ── tienda-mensual-indicadores.css ── */
@media (min-width: 900px) {
  html[data-tema="oscuro"] main:has(> .tmi) > .cifras-pc .cifras { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
  html[data-tema="oscuro"] main:has(> .tmi) > .cifras-pc .cifras > div + div { border-left-color: var(--linea); }
  html[data-tema="oscuro"] main:has(> .tmi) > .cifras-pc .cifras small { color: var(--suave); }
  html[data-tema="oscuro"] main:has(> .tmi) > .cifras-pc .cifras b,
  html[data-tema="oscuro"] main:has(> .tmi) > .cifras-pc .cifras b.marca { color: var(--tinta); }
}
html[data-tema="oscuro"] .tmi .tmi-frase { color: var(--suave); }
html[data-tema="oscuro"] .tmi .tmi-mini { color: var(--tenue); }
html[data-tema="oscuro"] .tmi .tmi-tit span { color: var(--suave); }
html[data-tema="oscuro"] .tmi .tarjeta.filas:has(> .inm-contar) { background: transparent; border: 0; box-shadow: none; }
html[data-tema="oscuro"] :is(.tmi-contar,
html[data-tema="oscuro"] .tmi-act) .inm-buscar { border: 0; }
html[data-tema="oscuro"] .tmi .inm-contar > .inm-cat { background: transparent; border: 0; color: var(--tinta); }
html[data-tema="oscuro"] .tmi .inm-contar > .inm-cat > span + span { color: var(--suave); }
html[data-tema="oscuro"] .tmi .inm-contar > .inm-it,
html[data-tema="oscuro"] .tmi .inm-contar > .inm-cat + .inm-it { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .tmi .inm-it.hecho { background: var(--ok-suave); border-color: #2a3c31; }
html[data-tema="oscuro"] .tmi .inm-it.hecho .cant input { background: var(--papel); }
html[data-tema="oscuro"] .tmi .inm-it.revisar,
html[data-tema="oscuro"] .tmi .inm-it.act-it.sin-motivo { background: var(--alerta-suave); border-color: var(--alerta-borde); }
html[data-tema="oscuro"] .tmi .inm-it.act-it.falta:not(.sin-motivo) { background: #32240f; border-color: var(--alerta-borde); }
html[data-tema="oscuro"] .tmi .vacio-t { border: 1.5px dashed var(--linea-fuerte); color: var(--suave); }
html[data-tema="oscuro"] .tmi .act-eqs { border: 0; }
html[data-tema="oscuro"] .tmi .inm-agregar { border: 0; }
html[data-tema="oscuro"] .tmi .inm-terminar { background: transparent; border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] :is(.tmi-contar,
html[data-tema="oscuro"] .tmi-act) .inm-buscar .chips { background: transparent; }
html[data-tema="oscuro"] .tmi .tarjeta .vacio-t { border: 0; }
html[data-tema="oscuro"] .tmi-res .res-kpis { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .tmi-res .res-kpi,
html[data-tema="oscuro"] .tmi-res .res-kpi.grande { border: 0; border-top: 1px solid var(--linea); box-shadow: none; }
html[data-tema="oscuro"] .tmi-res .res-kpi:first-child { border-top: 0; }
html[data-tema="oscuro"] .tmi-res .res-kpi .fuente { border: 0; color: var(--suave); }
html[data-tema="oscuro"] .tmi-res .res-kpi .dos > div + div { border-left: 0; }
html[data-tema="oscuro"] .tmi-res .res-kpi .rot { color: var(--suave); }
html[data-tema="oscuro"] .tmi-res .res-kpi .cifra.espera { color: var(--tenue); }
html[data-tema="oscuro"] .tmi-inf .tmi-rot { color: var(--suave); }

/* ── area-produccion.css ── */
html[data-tema="oscuro"] .pp-vacio { border: 1.5px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .pp .prod-ahora { box-shadow: var(--sombra); }
html[data-tema="oscuro"] .pp-aviso { text-decoration: none; color: var(--alerta); }
html[data-tema="oscuro"] .pp-lista > .it:first-child { border-top: 0; }
html[data-tema="oscuro"] .pp-lista .pp-links { color: var(--tenue); }
html[data-tema="oscuro"] .pp-lista .pp-links a { color: var(--suave); }
html[data-tema="oscuro"] .pp-lista .por-firmar .pp-der > .estado { background: var(--alerta-suave); color: var(--alerta); }
@media (min-width: 900px) {
  html[data-tema="oscuro"] main:has(> :is(.pp,
  html[data-tema="oscuro"] .pp-tarea,
  html[data-tema="oscuro"] .firma-p0,
  html[data-tema="oscuro"] .pp-cos)) > .cifras-pc .cifras { background: var(--papel); color: var(--tinta); border: 1px solid var(--linea); box-shadow: var(--sombra); }
  html[data-tema="oscuro"] main:has(> :is(.pp,
  html[data-tema="oscuro"] .pp-tarea,
  html[data-tema="oscuro"] .firma-p0,
  html[data-tema="oscuro"] .pp-cos)) > .cifras-pc .cifras > div + div { border-left-color: var(--linea); }
  html[data-tema="oscuro"] main:has(> :is(.pp,
  html[data-tema="oscuro"] .pp-tarea,
  html[data-tema="oscuro"] .firma-p0,
  html[data-tema="oscuro"] .pp-cos)) > .cifras-pc .cifras small { color: var(--suave); }
  html[data-tema="oscuro"] main:has(> :is(.pp,
  html[data-tema="oscuro"] .pp-tarea,
  html[data-tema="oscuro"] .firma-p0,
  html[data-tema="oscuro"] .pp-cos)) > .cifras-pc .cifras b,
  html[data-tema="oscuro"] main:has(> :is(.pp,
  html[data-tema="oscuro"] .pp-tarea,
  html[data-tema="oscuro"] .firma-p0,
  html[data-tema="oscuro"] .pp-cos)) > .cifras-pc .cifras b.marca { color: var(--tinta); }
}
html[data-tema="oscuro"] .firma-p0 .firma-cab { box-shadow: none; }
html[data-tema="oscuro"] .pp-frase { color: var(--tinta); }
html[data-tema="oscuro"] .pick-cab { border-bottom: 1px solid var(--linea); background: var(--gris-cab); }
html[data-tema="oscuro"] .pick-cab small { color: var(--suave); }
html[data-tema="oscuro"] .pick-bandeja.salio .pick-it { color: var(--suave); }
html[data-tema="oscuro"] .pick-total-fila { background: var(--gris-cab); }
html[data-tema="oscuro"] .pp-planes > li + li .it { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .pp-planes > li:first-child .it { border-top: 0; }
html[data-tema="oscuro"] .pp-planes .icono-circ { background: var(--marca-suave); color: var(--marca-fuerte); }
html[data-tema="oscuro"] .pp-cos .receta-veces .card-cab { border-bottom: 0; }

/* ── area-despacho.css ── */
@media (min-width: 900px) {
  html[data-tema="oscuro"] main:has(> .dsp) > .cifras-pc .cifras { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
  html[data-tema="oscuro"] main:has(> .dsp) > .cifras-pc .cifras > div + div { border-left-color: var(--linea); }
  html[data-tema="oscuro"] main:has(> .dsp) > .cifras-pc .cifras small { color: var(--suave); }
  html[data-tema="oscuro"] main:has(> .dsp) > .cifras-pc .cifras b { color: var(--tinta); }
  html[data-tema="oscuro"] main:has(> .dsp) > .cifras-pc .cifras b.marca { color: color-mix(in srgb, var(--marca-fuerte) 80%, #e6e6e6); }
}
html[data-tema="oscuro"] .dsp .banda.gris { background: var(--papel); color: var(--suave); }
html[data-tema="oscuro"] .dsp .banda.gris b { color: var(--tinta); }
html[data-tema="oscuro"] .dsp-chev { color: var(--tenue); }
html[data-tema="oscuro"] .icono-circ.medio { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .dsp-links { color: var(--suave); }
html[data-tema="oscuro"] .dsp-links a { color: var(--suave); }
html[data-tema="oscuro"] .dsp-por-hacer .dsp-ahora { background: color-mix(in srgb, var(--marca-suave) 45%, var(--papel)); }
html[data-tema="oscuro"] .dsp-por-hacer a.it:hover .dsp-boton { background: var(--primario-hover); }
html[data-tema="oscuro"] .dsp-hora { color: var(--suave); }
html[data-tema="oscuro"] .dsp-difs .dsp-dif { color: var(--alerta); }
html[data-tema="oscuro"] .dsp-desacuerdo summary { color: var(--suave); text-decoration: underline; }
html[data-tema="oscuro"] .dsp-desacuerdo[open] summary { text-decoration: none; color: var(--tinta); border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .dsp-foto .dsp-clave input:focus { outline: none; border-color: var(--marca-fuerte); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 40%, transparent); }
html[data-tema="oscuro"] .cadena-pasos.dsp-firmas > li { border-left: 0; }

/* ── area-contabilidad.css ── */
@media (min-width: 900px) {
  html[data-tema="oscuro"] main > .cx > .cf-barra-sola { border-bottom: 0; }
  html[data-tema="oscuro"] main:has(> .cxc) > .cifras-pc .cifras { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
  html[data-tema="oscuro"] main:has(> .cxc) > .cifras-pc .cifras > div + div { border-left-color: var(--linea); }
  html[data-tema="oscuro"] main:has(> .cxc) > .cifras-pc .cifras small { color: var(--suave); }
  html[data-tema="oscuro"] main:has(> .cxc) > .cifras-pc .cifras b { color: var(--tinta); }
  html[data-tema="oscuro"] main:has(> .cx) > .cifras-pc .cifras { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
  html[data-tema="oscuro"] main:has(> .cx) > .cifras-pc .cifras > div + div { border-left-color: var(--linea); }
  html[data-tema="oscuro"] main:has(> .cx) > .cifras-pc .cifras small { color: var(--suave); }
  html[data-tema="oscuro"] main:has(> .cx) > .cifras-pc .cifras b,
  html[data-tema="oscuro"] main:has(> .cx) > .cifras-pc .cifras b.marca { color: var(--tinta); }
}
html[data-tema="oscuro"] .cx-hecho { color: var(--suave); }
html[data-tema="oscuro"] .cx-hecho .ico { color: var(--ok); }
html[data-tema="oscuro"] .cx-hecho.mal .ico { color: var(--alerta); }
html[data-tema="oscuro"] .cx-hecho b { color: var(--tinta); }
html[data-tema="oscuro"] .cx-grupo > span { color: var(--suave); }
html[data-tema="oscuro"] .cx-lista > .it:first-child,
html[data-tema="oscuro"] .cx-lista > :first-child .it:first-child { border-top: 0; }
html[data-tema="oscuro"] .cx-der small { color: var(--suave); }
html[data-tema="oscuro"] .cx-ir { color: var(--tenue); }
html[data-tema="oscuro"] .cx-num { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .cx-num.ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .cx-num.gris { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .cx-vacio { color: var(--suave); }
html[data-tema="oscuro"] .cx-pie .cx-pie-tx { color: var(--suave); }
html[data-tema="oscuro"] :is(.cx,
html[data-tema="oscuro"] .cxc) .hon-apagada { color: var(--suave); }
html[data-tema="oscuro"] :is(.cx,
html[data-tema="oscuro"] .cxc) .hon-apagada b { color: var(--tinta); }
html[data-tema="oscuro"] :is(.cx,
html[data-tema="oscuro"] .cxc) .tabla-envuelta { box-shadow: var(--sombra); }
html[data-tema="oscuro"] .cx-filas-com { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cx-lista .cx-cuenta { box-shadow: none; border: 0; border-top: 1px solid var(--linea); background: transparent; }
html[data-tema="oscuro"] .cx-lista .cx-cuenta:first-child { border-top: 0; }
html[data-tema="oscuro"] .cx-cuenta .tx .cuenta-ir { color: inherit; text-decoration: none; }
html[data-tema="oscuro"] .cx-cuenta .tx .cuenta-ir:hover { text-decoration: underline; }
html[data-tema="oscuro"] :is(.cx,
html[data-tema="oscuro"] .cxc) .hoy-kpis { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] :is(.cx,
html[data-tema="oscuro"] .cxc) .hoy-kpi { border: 0; box-shadow: none; background: transparent; }
html[data-tema="oscuro"] :is(.cx,
html[data-tema="oscuro"] .cxc) .hoy-kpi + .hoy-kpi { border-left: 1px solid var(--linea); }
@media (max-width: 899px) {
  html[data-tema="oscuro"] :is(.cx,
  html[data-tema="oscuro"] .cxc) .hoy-kpi:nth-child(odd) { border-left: 0; }
  html[data-tema="oscuro"] :is(.cx,
  html[data-tema="oscuro"] .cxc) .hoy-kpi:nth-child(n+3) { border-top: 1px solid var(--linea); }
}
html[data-tema="oscuro"] :is(.cx,
html[data-tema="oscuro"] .cxc) :is(.hon-tabla,
html[data-tema="oscuro"] .tabla,
html[data-tema="oscuro"] .cx-lista) .boton:not(.claro) { background: var(--papel); color: var(--tinta); border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] :is(.cx,
html[data-tema="oscuro"] .cxc) :is(.hon-tabla,
html[data-tema="oscuro"] .tabla,
html[data-tema="oscuro"] .cx-lista) .boton:not(.claro):hover { background: var(--fondo); }
html[data-tema="oscuro"] :is(.cx,
html[data-tema="oscuro"] .cxc) .hon-traer .boton:not(.claro) { background: var(--papel); color: var(--tinta); border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] :is(.cx,
html[data-tema="oscuro"] .cxc) .hon-traer .boton:not(.claro):hover { background: var(--fondo); }
html[data-tema="oscuro"] .cxc.cb .x-kpis { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .cxc.cb .x-kpis > .x-kpi { border: 0; box-shadow: none; }
html[data-tema="oscuro"] .cxc.cb .x-kpis > .x-kpi + .x-kpi { border-left: 1px solid var(--linea); }
html[data-tema="oscuro"] .cxc.cb .x-kpi.oscura { background: transparent; color: var(--tinta); }
html[data-tema="oscuro"] .cxc.cb .x-kpi.oscura .rot,
html[data-tema="oscuro"] .cxc.cb .x-kpi.oscura .pie { color: var(--suave); }
@media (max-width: 760px) {
  html[data-tema="oscuro"] .cxc.cb .x-kpis > .x-kpi:nth-child(odd) { border-left: 0; }
  html[data-tema="oscuro"] .cxc.cb .x-kpis > .x-kpi:nth-child(n+3) { border-top: 1px solid var(--linea); }
}
html[data-tema="oscuro"] .cxc.cm .cm-tarea.mal { background: var(--papel); }
html[data-tema="oscuro"] .cxc.fa .fa-cifras { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .cxc.fa .fa-cifra { border: 0; box-shadow: none; }
html[data-tema="oscuro"] .cxc.fa .fa-cifra + .fa-cifra { border-left: 1px solid var(--linea); }
@media (max-width: 760px) {
  html[data-tema="oscuro"] .cxc.fa .fa-cifra:nth-child(odd) { border-left: 0; }
  html[data-tema="oscuro"] .cxc.fa .fa-cifra:nth-child(n+3) { border-top: 1px solid var(--linea); }
}
html[data-tema="oscuro"] .cx-ven .ven-nav a { border-color: var(--linea-fuerte); background: var(--papel); color: var(--suave); }
html[data-tema="oscuro"] .cx-ven .ven-nav a.activa { background: var(--g800); border-color: var(--g800); color: #fff; }
html[data-tema="oscuro"] .cx-ven .ven-card { border-color: var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .cx-ven .ven-alert { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .cx-ven .vinculo { color: color-mix(in srgb, var(--marca-fuerte) 80%, #e6e6e6); }
html[data-tema="oscuro"] .cx-ven .error { color: var(--error); }
html[data-tema="oscuro"] .cx-ven small { color: var(--suave); }
html[data-tema="oscuro"] .cx-ven .ven-row .boton:not(.claro) { background: var(--papel); color: var(--tinta); border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .cx-ven .ven-row input { border-color: var(--linea-fuerte); }
html[data-tema="oscuro"] .cx-ven .ven-scroll { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .cx-ven table { background: transparent; }
html[data-tema="oscuro"] .cx-ven th { color: var(--tenue); background: var(--gris-cab); }
html[data-tema="oscuro"] .cx-ven td,
html[data-tema="oscuro"] .cx-ven th { border-bottom-color: var(--linea); }
html[data-tema="oscuro"] .cx-ven > p.suave { color: var(--suave); }
html[data-tema="oscuro"] .cr-cifra { background: var(--papel); border: 1px solid var(--linea); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .cr-cifra:hover { border-color: var(--linea-fuerte); }
html[data-tema="oscuro"] .cr-cifra small { color: var(--suave); }
html[data-tema="oscuro"] .cr-cifra em { color: var(--suave); }
html[data-tema="oscuro"] .cr-cifra.al { background: #34280f; border-color: var(--alerta-borde); }
html[data-tema="oscuro"] .cr-cifra.al b { color: var(--alerta); }
html[data-tema="oscuro"] .cf-sinxml { background: var(--fondo, #f1f2f4); border: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .cf-suma { border-top: 1px solid var(--linea); background: var(--fondo, #f7f8f9); }
html[data-tema="oscuro"] .cr-barra-tx { color: var(--suave); }
html[data-tema="oscuro"] .cr-cifra b.cr-sin { color: var(--tenue); }
html[data-tema="oscuro"] .cr-emp { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cr-sub { color: var(--suave); }
html[data-tema="oscuro"] .cr-barra { background: var(--gris); }
html[data-tema="oscuro"] .cr-barra i { background: var(--marca); }
html[data-tema="oscuro"] .cr-emp dl > div { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cr-emp dl > div:first-child { border-top: 0; }
html[data-tema="oscuro"] .cr-emp dt { color: var(--suave); }
html[data-tema="oscuro"] .cr-robot { color: var(--suave); }
html[data-tema="oscuro"] .cr-robot a { color: var(--suave); }
html[data-tema="oscuro"] .cr-punto { background: #23663f; }
@media (min-width: 900px) {
  html[data-tema="oscuro"] .cr-pie .boton:not(.claro) { background: var(--marca); border-color: var(--marca); }
}
html[data-tema="oscuro"] .cr-tira { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cr-tira-ico { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .cr-tira-ico.al { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .cr-tira-tx small { color: var(--suave); }
html[data-tema="oscuro"] .cf-barra { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-filtros a { border-bottom: 2px solid transparent; color: var(--suave); text-decoration: none; }
html[data-tema="oscuro"] .cf-filtros a.activa { color: var(--tinta); border-bottom-color: var(--marca); }
html[data-tema="oscuro"] .cf-etq { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .cf-barra-lote { background: var(--g600); color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
html[data-tema="oscuro"] .cf-barra-lote .boton { border: 0; }
html[data-tema="oscuro"] .cf-barra-lote .boton.claro { background: #3a4248; color: #fff; }
html[data-tema="oscuro"] .cf-barra-lote .boton:not(.claro) { background: var(--marca); color: #fff; }
html[data-tema="oscuro"] .cf-menu > summary { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-pop { background: var(--papel); border: 1px solid var(--linea); box-shadow: 0 10px 30px rgba(0,0,0,.12); }
html[data-tema="oscuro"] .cf-pop a,
html[data-tema="oscuro"] .cf-pop button { background: none; border: 0; color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .cf-pop a:hover,
html[data-tema="oscuro"] .cf-pop button:hover { background: var(--gris); }
html[data-tema="oscuro"] .cf-tr { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-th { border-top: 0; color: var(--suave); }
html[data-tema="oscuro"] .cf-tr:not(.cf-th):hover { background: var(--gris-cab); }
html[data-tema="oscuro"] .cf-tr.activa { background: var(--marca-suave); }
html[data-tema="oscuro"] .cf-prov { color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .cf-est { color: var(--suave); }
html[data-tema="oscuro"] .pt { background: var(--tenue); }
html[data-tema="oscuro"] .pt.am { background: #d99a2b; }
html[data-tema="oscuro"] .pt.r { background: #c2452f; }
html[data-tema="oscuro"] .pt.ok { background: #23663f; }
html[data-tema="oscuro"] .cf-nota { color: var(--suave); }
html[data-tema="oscuro"] .cf-velo { background: rgba(20, 24, 28, .28); }
html[data-tema="oscuro"] .cf-cajon { background: var(--papel); box-shadow: -10px 0 30px rgba(0,0,0,.14); }
html[data-tema="oscuro"] .cf-sec + .cf-sec { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-sig { color: var(--marca); text-decoration: none; border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-cerrar { border: 1px solid var(--linea); color: var(--tinta); }
html[data-tema="oscuro"] .cf-chip { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .cf-fila { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-fila.cf-tit { border-top: 0; color: var(--suave); }
html[data-tema="oscuro"] .cf-fila input:placeholder-shown { border-color: var(--alerta-borde); background: #34280f; }
html[data-tema="oscuro"] .cf-pie { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-pie .boton:not(.claro) { background: var(--marca); border-color: var(--marca); }
@media (max-width: 760px) {
  html[data-tema="oscuro"] .cf-barra { border-bottom: 0; }
  html[data-tema="oscuro"] .cf-filtros { border-bottom: 1px solid var(--linea); }
}
html[data-tema="oscuro"] .cf-ord { background: none; border: 0; color: var(--suave); }
html[data-tema="oscuro"] .cf-ord:hover { color: var(--tinta); }
html[data-tema="oscuro"] .cf-ord[aria-sort=ascending] { color: var(--tinta); }
html[data-tema="oscuro"] .cf-ord[aria-sort=descending] { color: var(--tinta); }
html[data-tema="oscuro"] .cf-pildora::before { background: currentColor; }
html[data-tema="oscuro"] .cf-pildora.ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .cf-pildora.tarde { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .cf-pildora.fallo { background: #351a17; color: #e08681; }
html[data-tema="oscuro"] .cf-pildora.gris { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .cf-camino li::before { background: var(--linea); }
html[data-tema="oscuro"] .cf-camino li.ok::before { background: #23663f; }
html[data-tema="oscuro"] .cf-camino li i { background: var(--papel); border: 2px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .cf-camino li.ok i { background: #23663f; border-color: var(--ok); }
html[data-tema="oscuro"] .cf-camino li.ahora i { border-color: #d99a2b; box-shadow: 0 0 0 4px #3c2d15; }
html[data-tema="oscuro"] .cf-camino small { color: var(--suave); }
html[data-tema="oscuro"] .cf-camino li:not(.ok):not(.ahora) b { color: var(--tenue); }
html[data-tema="oscuro"] .cf-datos { background: var(--linea); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-datos > div { background: var(--papel); }
html[data-tema="oscuro"] .cf-datos dt { color: var(--suave); }
html[data-tema="oscuro"] .cf-datos dd small { color: var(--suave); }
html[data-tema="oscuro"] .cf-datos dd.cf-tarde { color: var(--alerta); }
html[data-tema="oscuro"] .cf-h { color: var(--suave); }
html[data-tema="oscuro"] .cf-items li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-items li:first-child { border-top: 0; }
html[data-tema="oscuro"] .cf-items small { color: var(--suave); }
html[data-tema="oscuro"] .cf-nota-c { background: var(--gris-cab); border: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .cf-nota-c b { color: var(--tinta); }
html[data-tema="oscuro"] .cf-nota-c.cf-bien { background: var(--ok-suave); border-color: transparent; color: var(--ok); }
html[data-tema="oscuro"] .cf-nota-c.cf-bien b { color: var(--ok); }
html[data-tema="oscuro"] .cf-nota-c.cf-mal { background: #351a17; border-color: transparent; color: #e08681; }
html[data-tema="oscuro"] .cf-nota-c.cf-mal b { color: #e08681; }
html[data-tema="oscuro"] .cf-nota-fila a { color: var(--marca); text-decoration: none; }
html[data-tema="oscuro"] .cf-sec + .cf-sec { border-top: 0; }
html[data-tema="oscuro"] .cf-check { background: var(--gris-cab); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-check small { color: var(--suave); }
html[data-tema="oscuro"] .cf-pie-fijo { background: var(--papel); border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-pie-fijo .boton:not(.claro) { background: var(--marca); border-color: var(--marca); color: #fff; }
html[data-tema="oscuro"] .cf-enlace { color: var(--suave); }
html[data-tema="oscuro"] .cf-meses a small { color: var(--tenue); }
html[data-tema="oscuro"] .cf-meses a.activo { background: var(--marca-suave); color: var(--marca); }
html[data-tema="oscuro"] .cf-pop-tit { color: var(--tenue); }
html[data-tema="oscuro"] .cf-pop-tit:not(:first-child) { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-mas .ico { color: var(--marca); }
html[data-tema="oscuro"] .cf-mas span small { color: var(--suave); }
html[data-tema="oscuro"] .cf-pv small { color: var(--suave); }
html[data-tema="oscuro"] .cf-dias { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cf-dias input { border: 0; background: transparent; }
html[data-tema="oscuro"] .cf-dias span { color: var(--suave); }
html[data-tema="oscuro"] .cf-plazo .boton:not(.claro) { background: var(--marca); border-color: var(--marca); color: #fff; }
html[data-tema="oscuro"] .cf-enlace-b { background: none; border: 0; color: var(--suave); text-decoration: underline; }
html[data-tema="oscuro"] .cf-enlace-b:hover { color: var(--tinta); }
html[data-tema="oscuro"] .cf-buscar { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-buscar .ico { color: var(--suave); }
html[data-tema="oscuro"] .cf-buscar input { border: 0; background: transparent; outline: none; }
html[data-tema="oscuro"] .cf-caja-f { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-caja-f small { color: var(--suave); }
html[data-tema="oscuro"] .cf-barra-sola { border-bottom: 0; }
html[data-tema="oscuro"] .cf-mesnav { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-mesnav a,
html[data-tema="oscuro"] .cf-mesnav > span { color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .cf-mesnav > span { color: var(--linea-fuerte); }
html[data-tema="oscuro"] .cf-mesnav a:hover { background: var(--gris); }
html[data-tema="oscuro"] .cm-monto small { color: var(--suave); }
html[data-tema="oscuro"] .cr-emp dd a { color: var(--marca); }
html[data-tema="oscuro"] .cf-pagar { background: var(--marca) !important; border-color: var(--marca) !important; color: #fff !important; }
html[data-tema="oscuro"] .cf-opcion { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cf-opcion > summary .ico { color: var(--marca); }
html[data-tema="oscuro"] .cf-opcion > summary small { color: var(--suave); }
html[data-tema="oscuro"] .cf-opcion[open] > summary { background: var(--marca-suave); }
html[data-tema="oscuro"] .bn-ver-sin { color: var(--suave); background: transparent; border: 1px dashed var(--linea); }
html[data-tema="oscuro"] .bn-dias-pie { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .bn-t-resumen .bn-cta.cf-tr { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .bn-t-resumen .cuenta-ir { color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .bn-t-resumen .bn-f-cta summary { color: var(--suave); }
html[data-tema="oscuro"] .bn-t-resumen .bn-al { color: var(--alerta); }
html[data-tema="oscuro"] .bn-cta { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .bn-cta:first-child { border-top: 0; }
html[data-tema="oscuro"] .bn-cta-cab a { color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .bn-cta-sub { color: var(--suave); }
html[data-tema="oscuro"] .bn-cta-nota { color: var(--suave); }
html[data-tema="oscuro"] .bn-cta-acc .boton:not(.claro) { background: var(--marca); border-color: var(--marca); color: #fff; }
html[data-tema="oscuro"] .bn-subir,
html[data-tema="oscuro"] .bn-subir-mes { background: var(--marca) !important; border-color: var(--marca) !important; color: #fff !important; }
html[data-tema="oscuro"] .bn .ban-dias { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .bn-mesmenu > summary { border: 0; }
html[data-tema="oscuro"] .bn-meses a small { color: var(--suave); }
html[data-tema="oscuro"] .bn-t-subir { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .bn-t-subir .bn-va-a { color: var(--suave); }
html[data-tema="oscuro"] .bn-fams button { border: 1px solid var(--linea-fuerte); background: var(--papel); color: inherit; }
html[data-tema="oscuro"] .bn-fams button small { color: var(--suave); }
html[data-tema="oscuro"] .bn-fams button[aria-pressed="true"] { border-color: var(--marca); box-shadow: 0 0 0 1px var(--marca); background: var(--marca-suave); }
html[data-tema="oscuro"] .bn-con-caja { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .bn-con-busca { border-bottom: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .bn-con-busca input { border: 0; outline: 0; background: transparent; box-shadow: none; color: var(--tinta, inherit); }
html[data-tema="oscuro"] .bn-con-grupo { color: var(--suave); background: var(--fondo, #f7f8f9); }
html[data-tema="oscuro"] .bn-con { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .bn-con small { color: var(--suave); }
html[data-tema="oscuro"] .bn-con:hover { background: var(--marca-suave); }
html[data-tema="oscuro"] .bn-con:has(input:checked) { background: var(--marca-suave); }
html[data-tema="oscuro"] .bn-conc-busca { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .bn-fac .crece small { color: var(--suave); }
html[data-tema="oscuro"] .bn-fac.sel,
html[data-tema="oscuro"] .bn-fac:has(input:checked) { background: var(--marca-suave); }
html[data-tema="oscuro"] .bn-anticipo > summary { color: var(--marca); }
html[data-tema="oscuro"] .bn-ir { color: var(--marca); }
html[data-tema="oscuro"] .tj .cf-barra-sola { border-bottom: 0; }
html[data-tema="oscuro"] .tj-boton:not(.claro) { background: var(--marca); border-color: var(--marca); color: #fff; }
html[data-tema="oscuro"] .tj-lista li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .tj-lista li:first-child { border-top: 0; }
html[data-tema="oscuro"] .tj-lista a { color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .tj-lista a:hover { background: var(--gris-cab); }
html[data-tema="oscuro"] .tj-lista small { color: var(--suave); }
html[data-tema="oscuro"] .hv .hv-pie { background: var(--gris-cab); border-top: 2px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .tj-chip { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .tj-chip.activa { background: var(--marca-fuerte-c); border-color: var(--marca-fuerte); color: #fff; }
html[data-tema="oscuro"] .tj-plastico { background: var(--marca-fuerte-c); color: #fff; }
html[data-tema="oscuro"] .tj-avance p { color: var(--suave); }
html[data-tema="oscuro"] .tj-barra-av { background: var(--gris); }
html[data-tema="oscuro"] .tj-barra-av i { background: #23663f; }
html[data-tema="oscuro"] .tj-subir { background: var(--marca-fuerte-c); border-color: var(--marca-fuerte); color: #fff; }
html[data-tema="oscuro"] .tj-ojo { border-color: var(--error-suave) !important; background: var(--error-suave) !important; color: var(--error); text-decoration: none; }
html[data-tema="oscuro"] .tj-ojo small { color: var(--tinta); }
html[data-tema="oscuro"] .tj-mov { border-top: 1px solid var(--linea); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .tj-mov:first-child { border-top: 0; }
html[data-tema="oscuro"] a.tj-mov:hover,
html[data-tema="oscuro"] .tj-mov.activa { background: var(--gris-cab); }
html[data-tema="oscuro"] .tj-mov.toca > i,
html[data-tema="oscuro"] .tj-mov.revisar > i { background: #d99a1e; }
html[data-tema="oscuro"] .tj-mov.lista > i { background: #23663f; }
html[data-tema="oscuro"] .tj-mov.cargo > i { background: #3e4348; }
html[data-tema="oscuro"] .tj-mov.mal > i { background: #a3221b; }
html[data-tema="oscuro"] .tj-mov small { color: var(--suave); }
html[data-tema="oscuro"] .tj-mov-va { color: var(--suave); }
html[data-tema="oscuro"] .tj-mov.toca .tj-mov-va,
html[data-tema="oscuro"] .tj-mov.revisar .tj-mov-va small,
html[data-tema="oscuro"] .tj-mov.mal .tj-mov-va { color: var(--alerta); }
html[data-tema="oscuro"] .tj-res .tj-grupo { background: var(--gris-cab); }
html[data-tema="oscuro"] .tj-res .tj-pie { border-top: 2px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .tj-tc { color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .tj-tc small { color: var(--suave); }
html[data-tema="oscuro"] .tj-acc-pop { background: var(--papel); border: 1px solid var(--linea); box-shadow: 0 10px 30px rgba(0, 0, 0, .12); }
html[data-tema="oscuro"] .tj-olvidar { background: none; border: 0; color: var(--rojo, #b42318); }
html[data-tema="oscuro"] .tj-form-com .campo-f input,
html[data-tema="oscuro"] .tj-acc-pop .campo-f input { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .tj-hoja { background: var(--papel); border: 1px solid var(--linea); }
@media (max-width: 760px) {
  html[data-tema="oscuro"] .tj-hoja { border-left: 0; border-right: 0; }
}
html[data-tema="oscuro"] .hv .cf-barra-sola { border-bottom: 0; }
html[data-tema="oscuro"] .hv-dia { border-top: 1px solid var(--linea); background: var(--gris-cab); color: var(--suave); }
html[data-tema="oscuro"] .hv-pers small { color: var(--suave); }
html[data-tema="oscuro"] .hv-bte .cf-pv small { color: var(--suave); }
html[data-tema="oscuro"] .hv-cta b { color: var(--tinta); }
html[data-tema="oscuro"] .cr-tira.hv-alerta { border-color: var(--error); text-decoration: none; color: inherit; }
html[data-tema="oscuro"] .cr-tira.hv-alerta .cr-tira-ico { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .cr-tira.hv-alerta .cr-tira-tx b { color: var(--error); }
html[data-tema="oscuro"] .hv-codigo { color: var(--tinta); }
html[data-tema="oscuro"] .hv-ir { color: var(--marca); }
html[data-tema="oscuro"] .hv-acc { color: var(--marca); text-decoration: none; }
html[data-tema="oscuro"] .hv-acc:hover { text-decoration: underline; }
html[data-tema="oscuro"] .hv .cf-nota a { color: var(--marca); }
html[data-tema="oscuro"] .hv-asiento { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .hv .cf-pie-fijo .boton.peligro { background: #b3261e; border-color: #b3261e; color: #fff; }
html[data-tema="oscuro"] .hv .cf-items a { color: var(--tinta); }
html[data-tema="oscuro"] .hv .cf-items li.hv-esta { background: var(--marca-suave); }
html[data-tema="oscuro"] .hv .cf-det .hon-desde { border: 0; }
html[data-tema="oscuro"] .tj-form .tc-buscar input { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .vn-ref dd input,
html[data-tema="oscuro"] .vn-ref dd select { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .vn .cr-emp .vn-explica { color: var(--suave); }
html[data-tema="oscuro"] .vn-et { color: var(--suave); }
html[data-tema="oscuro"] .fac-b:not(.claro) { background: var(--marca) !important; border-color: var(--marca) !important; color: #fff !important; }
html[data-tema="oscuro"] .fac .cf-barra > .fac-nueva { background: var(--marca); border-color: var(--marca); color: #fff; }
html[data-tema="oscuro"] .fac-docs .cf-est small { color: var(--suave); }
html[data-tema="oscuro"] .fac-docs .cf-est small.fac-rojo,
html[data-tema="oscuro"] .fac-rojo { color: #e08681; }
html[data-tema="oscuro"] .fac-tienda-lista .cf-est small { color: var(--suave); }
html[data-tema="oscuro"] .fac-docs .cf-tr.fac-mal { background: #2d1815; }
html[data-tema="oscuro"] .fac-docs .num.fac-nc { color: #e08681; }
html[data-tema="oscuro"] .fac-pie-lista { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .fac-pie-lista a { color: var(--marca); text-decoration: none; }
html[data-tema="oscuro"] .fac .cr-emp .fa-fact { color: var(--alerta); }
html[data-tema="oscuro"] .fac .cr-emp .fa-fact.ok { color: var(--ok); }
html[data-tema="oscuro"] .fac-tot { color: var(--suave); }
html[data-tema="oscuro"] .fac-tot b { color: var(--tinta); }
html[data-tema="oscuro"] .fac-cab { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fac-pie { border: 1px solid var(--linea); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
html[data-tema="oscuro"] .fac-pag .fa-sale-l b { color: var(--tinta); }
html[data-tema="oscuro"] .cbn .cf-barra-sola { border-bottom: 0; }
html[data-tema="oscuro"] .cb-corte { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb-corte .ico { color: var(--suave); }
html[data-tema="oscuro"] .cb-corte label { color: var(--suave); }
html[data-tema="oscuro"] .cb-corte input { border: 0; background: transparent; color: var(--tinta); }
html[data-tema="oscuro"] .cb-toca-ir { text-decoration: underline; }
html[data-tema="oscuro"] .cb-barra-t { background: var(--gris); }
html[data-tema="oscuro"] .cb-barra-t .v { background: #a3221b; }
html[data-tema="oscuro"] .cb-barra-t .p { background: #9fd4b1; }
html[data-tema="oscuro"] .cb-grupos-n { background: var(--gris); }
html[data-tema="oscuro"] .cb-grupos a.activa .cb-grupos-n { background: var(--marca-suave, #eceef1); }
html[data-tema="oscuro"] .cb-cifras b.g.chico { color: inherit; }
html[data-tema="oscuro"] .cb-tira > summary .boton:not(.claro) { background: var(--marca); border-color: var(--marca); color: #fff; }
html[data-tema="oscuro"] .cb-tira.al { border-color: var(--alerta-borde); }
html[data-tema="oscuro"] .cb-tira .x-fuentes { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb-cifras .cr-cifra b.venc { color: var(--error); }
html[data-tema="oscuro"] .cb-partes .viejo { color: #f5c483; }
html[data-tema="oscuro"] .cb-cambio { color: var(--suave); }
html[data-tema="oscuro"] .cb-contado { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .cb-hfac .cf-est small { color: var(--suave); }
html[data-tema="oscuro"] .cb .cb-cambios .x-item { border: 0; background: none; box-shadow: none; }
html[data-tema="oscuro"] .cb .cb-tabla .cf-tr .venc { color: var(--error); }
html[data-tema="oscuro"] .cb .cb-tabla .cf-tr small { color: var(--suave); }
html[data-tema="oscuro"] .cb .cb-suma { background: var(--gris-cab); }
html[data-tema="oscuro"] .cb .cb-suma:hover { background: var(--gris-cab) !important; }
html[data-tema="oscuro"] .cb .cb-tabla .cf-tr.x-excl { color: var(--tenue); }
html[data-tema="oscuro"] .cb .cb-tabla .cf-tr.x-excl > b { text-decoration: line-through; color: var(--tenue); }
html[data-tema="oscuro"] .cb-datos dd b.venc { color: var(--error); }
html[data-tema="oscuro"] .cb .cf-vacio b { color: var(--tinta); }
html[data-tema="oscuro"] .cb-apertura { border-top: 1px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .cb-sec-ap { border-top: 1px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .cb .cb-casos .x-caso,
html[data-tema="oscuro"] .cb .cb-casos .x-calza { border-top: 1px solid var(--linea); border-bottom: 0; }
html[data-tema="oscuro"] .cb .cb-casos > :first-child { border-top: 0; }
html[data-tema="oscuro"] .cb .cb-casos .x-b.p { background: var(--marca); border-color: var(--marca); }
html[data-tema="oscuro"] .cb-rot { color: var(--suave); }
html[data-tema="oscuro"] .cb-despues { color: var(--ok); }
@media (max-width: 760px) {
  html[data-tema="oscuro"] .cb .cb-clientes .cf-fila-f > .cb-v::before { color: var(--suave); }
}
html[data-tema="oscuro"] .cmn .cf-barra-sola { border-bottom: 0; }
html[data-tema="oscuro"] .cm-cifras .cr-cifra.cm-lista { border-color: color-mix(in srgb, var(--ok) 40%, var(--linea)); background: var(--ok-suave); }
html[data-tema="oscuro"] .cm-cifras .cr-cifra.cm-lista b { color: var(--ok); }
html[data-tema="oscuro"] .cm-tira-n { background: var(--gris-cab); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cm-tira-n small { color: var(--suave); }
html[data-tema="oscuro"] .cm-tira-cerrado .cr-tira-ico { background: var(--g600); color: #fff; }
html[data-tema="oscuro"] .cm-tareas > .cm-tarea:first-child { border-top: 0; }
html[data-tema="oscuro"] .cmn .cm-tarea.mal { background: var(--papel); }
html[data-tema="oscuro"] .cmn .cm-form .botones .boton:not(.claro) { background: var(--marca); border-color: var(--marca); color: #fff; }
html[data-tema="oscuro"] .cmn .cm-cerrar .boton:not([disabled]) { background: var(--marca); border-color: var(--marca); color: #fff; }
html[data-tema="oscuro"] .cf-cajon .cm-confirmar { border: 0; box-shadow: none; }
@media (max-width: 760px) {
  html[data-tema="oscuro"] .cf-pp-proveedores [data-etiqueta]::before { color: var(--suave); }
}
@media (max-width: 599px) {
  html[data-tema="oscuro"] body:has(.cf-pp) header .cifras > div + div { border-left: 0; border-top: 1px solid var(--g600); }
}
html[data-tema="oscuro"] .rd .boton.rd-prim { background: var(--marca); color: #fff; border: 0; }
html[data-tema="oscuro"] .rd-chip { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .rd-chip::before { background: currentColor; }
html[data-tema="oscuro"] .rd-chip.ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .rd-chip.tarde,
html[data-tema="oscuro"] .rd-chip.medio { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .rd-chip.fallo { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .rd-chip.pendiente { background: var(--marca); color: #fff; }
html[data-tema="oscuro"] .rd-mini { background: linear-gradient(160deg, #23272b, #2e3135); }
html[data-tema="oscuro"] .rd-nota { background: var(--gris-cab); border: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .rd-nota b { color: var(--tinta); }
html[data-tema="oscuro"] .rd-lista a.cf-fila-f { color: inherit; text-decoration: none; }
html[data-tema="oscuro"] .rd .rd-queda.rd-demas,
html[data-tema="oscuro"] .rd b.tarde { color: var(--alerta); }
html[data-tema="oscuro"] .rd-form label.cf-buscar input { border: 0; }
html[data-tema="oscuro"] .rd-cuadros { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .rd-cuadros > div { border-left: 1px solid var(--linea); }
html[data-tema="oscuro"] .rd-cuadros > div:first-child { border-left: 0; }
html[data-tema="oscuro"] .rd-cuadros small { color: var(--suave); }
html[data-tema="oscuro"] .rd-cuadros b.tarde { color: var(--alerta); }
html[data-tema="oscuro"] .rd-cuadros b.ok { color: var(--ok); }
html[data-tema="oscuro"] .rd-gastos .rd-g { color: inherit; text-decoration: none; }
html[data-tema="oscuro"] .rd-gastos .rd-g small { color: var(--suave); }
html[data-tema="oscuro"] .rd-gastos select { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .rd-pie { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .rd-dev-caja { background: var(--papel); border: 1px solid var(--linea-fuerte); box-shadow: var(--sombra2); }
html[data-tema="oscuro"] .rd-dev-caja textarea,
html[data-tema="oscuro"] .rd-form input,
html[data-tema="oscuro"] .rd-form select,
html[data-tema="oscuro"] .rd-form textarea { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .rd-hist li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .rd-hist li:first-child { border-top: 0; }
html[data-tema="oscuro"] .rd-foto { background: linear-gradient(160deg, #282b2f, #303439); }
html[data-tema="oscuro"] .rd-foto iframe { border: 0; background: #1a1d21; }
html[data-tema="oscuro"] .rd-foto .rd-sin { color: var(--suave); }
html[data-tema="oscuro"] .rd-grilla { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .rd-grilla > div { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .rd-grilla > div:nth-child(-n+2) { border-top: 0; }
html[data-tema="oscuro"] .rd-grilla > div:nth-child(even) { border-left: 1px solid var(--linea); }
html[data-tema="oscuro"] .rd-grilla small { color: var(--suave); }
html[data-tema="oscuro"] .rd-saldo { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .rd-saldo small { color: var(--suave); }
html[data-tema="oscuro"] .rd-barra { background: var(--gris); }
html[data-tema="oscuro"] .rd-barra i { background: var(--marca); }
html[data-tema="oscuro"] .rd-saldo .rd-bajo { color: var(--suave); }
html[data-tema="oscuro"] .rd-mis { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .rd-mi { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .rd-mi:first-child { border-top: 0; }
html[data-tema="oscuro"] .rd-mi small { color: var(--suave); }
html[data-tema="oscuro"] .rd-mi .rd-motivo { color: var(--error); }
html[data-tema="oscuro"] .rd-quitar { background: none; border: 0; color: var(--suave); text-decoration: underline; }
html[data-tema="oscuro"] .rd-enviar { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra2); }
html[data-tema="oscuro"] .rd-form label { color: var(--suave); }
html[data-tema="oscuro"] .rd-camara { border: 2px dashed var(--linea-fuerte); background: var(--gris-cab); color: var(--suave); }
html[data-tema="oscuro"] .rd-camara.lista { border-color: #8fd1b0; background: #1d2126; }
html[data-tema="oscuro"] .rd-tipo { background: var(--gris); }
html[data-tema="oscuro"] .rd-tipo a { text-decoration: none; color: var(--suave); }
html[data-tema="oscuro"] .rd-tipo a.activa { background: var(--papel); color: var(--tinta); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .rd-sii { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .rd-form .rd-sii label { border-top: 1px solid var(--linea); color: var(--tinta); }
html[data-tema="oscuro"] .rd-sii label:first-child { border-top: 0; }
html[data-tema="oscuro"] .rd-sii label:has(input:checked) { background: var(--marca-suave); }
html[data-tema="oscuro"] .rd-sii small { color: var(--suave); }
html[data-tema="oscuro"] .rd-propuesta { background: var(--ok-suave); border: 1px solid #2d4235; }
@media (max-width: 760px) {
  html[data-tema="oscuro"] .rd-cuadros > div:nth-child(3) { border-left: 0; }
  html[data-tema="oscuro"] .rd-cuadros > div:nth-child(n+3) { border-top: 1px solid var(--linea); }
}
html[data-tema="oscuro"] .pill-motivo { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .vn .vr-libro th { color: var(--suave); border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .vn .vr-libro td { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .vn .vr-libro .vr-grupo td { background: var(--fondo); }
html[data-tema="oscuro"] .vn .vr-libro .vr-cero td { color: var(--tenue); }
html[data-tema="oscuro"] .vn .vr-libro .vr-local td { color: var(--suave); }
html[data-tema="oscuro"] .vn .vr-libro tfoot td { border-top: 2px solid var(--linea-fuerte); border-bottom: 0; }
html[data-tema="oscuro"] .vn .vr-libro td.vr-falta { color: var(--alerta); }
html[data-tema="oscuro"] .vn .vr-ok { color: var(--ok); }
html[data-tema="oscuro"] .vn .vr-mal { color: var(--alerta); }
html[data-tema="oscuro"] .vn .vr-nota { color: var(--suave); }
html[data-tema="oscuro"] .vn .vr-it { border-bottom: 1px solid var(--linea); color: inherit; text-decoration: none; }
html[data-tema="oscuro"] .vn .vr-it:hover b { text-decoration: underline; }
html[data-tema="oscuro"] .vn .vr-it small { color: var(--suave); }
html[data-tema="oscuro"] .vn .vr-h2b { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .vn .vr-robot small { color: var(--suave); }
html[data-tema="oscuro"] .vd-tabs a.vd-al b { color: var(--alerta); }
html[data-tema="oscuro"] .vd-f { border: 1px solid var(--linea); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .vd-f.on { background: var(--g600); color: var(--papel); border-color: var(--tinta); }
html[data-tema="oscuro"] .vd-docs .vd-pie { border-top: 2px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .vn-ok { color: var(--ok); }
html[data-tema="oscuro"] .vn-mal { color: var(--alerta); }
html[data-tema="oscuro"] .vd-nota { color: var(--suave); }
html[data-tema="oscuro"] .vd-tabla th { color: var(--suave); border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .vd-tabla td { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .vd-tabla tfoot td { border-top: 2px solid var(--linea-fuerte); border-bottom: 0; }
html[data-tema="oscuro"] .vd-chip { background: var(--fondo); color: var(--suave); }
html[data-tema="oscuro"] .vd-chip.ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .vd-hist .vd-h { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .vd-hist .vd-h small { color: var(--suave); }
html[data-tema="oscuro"] :is(.vd-pc,
html[data-tema="oscuro"] .vd-pcc,
html[data-tema="oscuro"] .vd-cli) .vd-pie { border-top: 2px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .av-cubo > summary { color: var(--suave); }
html[data-tema="oscuro"] .av-cubo.av-mal > summary { background: var(--error-suave); border-color: var(--error); color: var(--error); }
html[data-tema="oscuro"] .av-pop .av-it { color: var(--suave); }
html[data-tema="oscuro"] .av-pop .av-it + .av-it { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .av-pop .av-it b { color: var(--tinta); }
html[data-tema="oscuro"] .av-pop .av-it-mal b { color: var(--error); }
html[data-tema="oscuro"] .av-pop .av-it a { color: var(--marca-texto); }
html[data-tema="oscuro"] .av-pop .av-it a:hover { background: none; text-decoration: underline; }
html[data-tema="oscuro"] .fc-est { background: var(--fondo); color: var(--suave); }
html[data-tema="oscuro"] .fc-est.fc-ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .fc-est.fc-al { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .fc-est.fc-mal { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .fc-nota { color: var(--suave); }
html[data-tema="oscuro"] .fc-kv > div { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .fc-kv > div:first-child { border-top: 0; }
html[data-tema="oscuro"] .fc-kv dt { color: var(--suave); }
html[data-tema="oscuro"] .fc-kv input { border: 1px solid var(--linea); background: var(--papel); color: var(--tinta); }
html[data-tema="oscuro"] .fc-cobro { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .fc-cobro:first-of-type { border-top: 0; }
html[data-tema="oscuro"] .fc-cobro small { color: var(--suave); }
html[data-tema="oscuro"] .fc-falta { color: var(--alerta); }

/* ── area-administracion.css ── */
@media (min-width: 900px) {
  html[data-tema="oscuro"] main:has(> .adm) > .cifras-pc .cifras { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
  html[data-tema="oscuro"] main:has(> .adm) > .cifras-pc .cifras > div + div { border-left-color: var(--linea); }
  html[data-tema="oscuro"] main:has(> .adm) > .cifras-pc .cifras small { color: var(--suave); }
  html[data-tema="oscuro"] main:has(> .adm) > .cifras-pc .cifras b,
  html[data-tema="oscuro"] main:has(> .adm) > .cifras-pc .cifras b.marca { color: var(--tinta); }
  html[data-tema="oscuro"] main:has(> .adm) > .cifras-pc .cifras b.neg { color: var(--error); }
}
html[data-tema="oscuro"] .adm-frase { color: var(--suave); }
html[data-tema="oscuro"] .adm-frase a { color: var(--marca-fuerte); }
html[data-tema="oscuro"] .adm-t > span { color: var(--suave); }
html[data-tema="oscuro"] .adm-lista { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .tarjeta > .adm-lista { border: 0; box-shadow: none; }
html[data-tema="oscuro"] .adm-f { border-top: 1px solid var(--linea); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .adm-lista > .adm-f:first-child,
html[data-tema="oscuro"] .adm-lista > li:first-child > .adm-f { border-top: 0; }
html[data-tema="oscuro"] a.adm-f:hover { background: var(--gris-cab); color: var(--tinta); }
html[data-tema="oscuro"] .adm-f .tx small { color: var(--suave); }
html[data-tema="oscuro"] .adm-f .der .v.neg { color: var(--error); }
html[data-tema="oscuro"] .adm-f .der .fila-p { color: var(--suave); }
html[data-tema="oscuro"] .adm-f .ir-f { color: var(--tenue); }
html[data-tema="oscuro"] .adm-vacio { color: var(--suave); }
html[data-tema="oscuro"] .adm-como { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .adm-como > summary::after { color: var(--suave); }
html[data-tema="oscuro"] .adm-como > summary:hover { background: var(--gris-cab); }
html[data-tema="oscuro"] .adm-como > .adm-como-tx { color: var(--suave); }
html[data-tema="oscuro"] .adm-como > :is(.tarjeta,
html[data-tema="oscuro"] section,
html[data-tema="oscuro"] ul,
html[data-tema="oscuro"] div):not(.adm-como-tx) { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .adm-como .tarjeta { border: 0; box-shadow: none; }
html[data-tema="oscuro"] .adm.indicadores .adm-f .v.bien { color: var(--ok); }
html[data-tema="oscuro"] .adm.indicadores .adm-f .v.medio { color: var(--alerta); }
html[data-tema="oscuro"] .adm.indicadores .adm-f .v.mal { color: var(--error); }
html[data-tema="oscuro"] .adm.cos .prov { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .adm .personas-lista .personas-grupo h2 { background: var(--papel); }

/* ── activos.css ── */
html[data-tema="oscuro"] .act-it .nom small b { color: var(--tinta); }
html[data-tema="oscuro"] .act-dif.calza { color: var(--ok); }
html[data-tema="oscuro"] .act-dif.sobra { color: var(--sube); }
html[data-tema="oscuro"] .act-dif.falta { color: var(--error); }
html[data-tema="oscuro"] .act-mot > span { color: var(--suave); }
html[data-tema="oscuro"] .act-mot .chip { background: var(--papel); border: 1px solid var(--linea-fuerte); color: var(--tinta); }
html[data-tema="oscuro"] .act-mot .chip.activa { background: var(--g800); border-color: var(--g800); color: #fff; }
html[data-tema="oscuro"] .act-it.falta { background: #30150e; }
html[data-tema="oscuro"] .act-it.sin-motivo { background: var(--alerta-suave); }
html[data-tema="oscuro"] .act-it.sin-motivo .act-mot > span { color: var(--alerta); }
html[data-tema="oscuro"] .act-eqs { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .act-eq { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .act-eq.hecho { border-color: #32493b; background: #15291b; }
html[data-tema="oscuro"] .act-eq.rep { border-color: var(--alerta-borde); background: #32260e; }
html[data-tema="oscuro"] .act-eq-cab small { color: var(--suave); }
html[data-tema="oscuro"] .act-num { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .act-tres { background: var(--gris); }
html[data-tema="oscuro"] .act-tres button { border: 0; background: transparent; color: var(--suave); }
html[data-tema="oscuro"] .act-tres button.activa { background: var(--papel); color: var(--tinta); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .act-tres button.activa.ok { background: #23663f; color: #fff; }
html[data-tema="oscuro"] .act-tres button.activa.no { background: #a3221b; color: #fff; }
html[data-tema="oscuro"] .act-tres button.activa.rep { background: #e0a43a; color: #fff; }
html[data-tema="oscuro"] .act-eq-pie { color: var(--suave); }
html[data-tema="oscuro"] .act-eq-pie a { color: var(--marca-fuerte); text-decoration: none; }
html[data-tema="oscuro"] .act-ley { color: var(--suave); }
html[data-tema="oscuro"] .act-barra { background: var(--gris); }
html[data-tema="oscuro"] .act-q { background: #a3221b; }
html[data-tema="oscuro"] .act-p { background: #e0a43a; }
html[data-tema="oscuro"] .act-b { background: var(--g400); }
html[data-tema="oscuro"] .act-s { background: repeating-linear-gradient(135deg, #a3221b 0 3px, var(--error-suave) 3px 6px); }
html[data-tema="oscuro"] .act-perd td.cero { color: var(--linea-fuerte); }
html[data-tema="oscuro"] .act-top li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .act-top li:first-child { border-top: 0; }
html[data-tema="oscuro"] .act-top li > .ico { color: var(--error); }
html[data-tema="oscuro"] .act-top li small { color: var(--suave); }
html[data-tema="oscuro"] .act-mes.activo b { text-decoration: underline; }
html[data-tema="oscuro"] .act-punto.ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .act-punto.al { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .act-punto.no { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .act-quiebre .seg-control button { border: 0; background: transparent; color: var(--suave); }
html[data-tema="oscuro"] .act-quiebre .seg-control button.activa { background: var(--papel); color: var(--tinta); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .act-foto { border: 1.5px dashed var(--linea-fuerte); color: var(--suave); }
html[data-tema="oscuro"] .act-foto .mini { background: linear-gradient(135deg, #2d3135, #202428); color: var(--tenue); }
html[data-tema="oscuro"] .act-foto b { color: var(--tinta); }
html[data-tema="oscuro"] .act-precio { color: var(--suave); }
html[data-tema="oscuro"] .act-precio b { color: var(--tinta); }
html[data-tema="oscuro"] .act-datos dt,
html[data-tema="oscuro"] .act-datos dd { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .act-datos dt { color: var(--suave); }
html[data-tema="oscuro"] .act-datos dd small { color: var(--suave); }
html[data-tema="oscuro"] .act-datos dt:first-of-type,
html[data-tema="oscuro"] .act-datos dt:first-of-type + dd { border-top: 0; }
html[data-tema="oscuro"] .act-tl li.rep::before { background: #e0a43a; }
html[data-tema="oscuro"] .act-tl li.mov::before { background: #1b5394; }
html[data-tema="oscuro"] .act-lugs span { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .act-fac li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .act-fac li:first-child { border-top: 0; }
html[data-tema="oscuro"] .act-fac li small { color: var(--suave); }
html[data-tema="oscuro"] .act-o { color: var(--suave); }
html[data-tema="oscuro"] .act-o::before,
html[data-tema="oscuro"] .act-o::after { background: var(--linea); }
html[data-tema="oscuro"] .inm-form .act-unir span { color: var(--suave); }
html[data-tema="oscuro"] .act-sin .act-it { background: var(--alerta-suave); }
html[data-tema="oscuro"] .act-sin .act-it.explicada { background: #15291b; }
@media (max-width: 899px) {
  html[data-tema="oscuro"] .act-datos dd { border-top: 0; }
  html[data-tema="oscuro"] .act-datos dt:first-of-type { border-top: 0; }
  html[data-tema="oscuro"] .act-datos dt { border-top: 1px solid var(--linea); }
}
html[data-tema="oscuro"] .act-eq.falta { border-color: var(--error-suave); background: #30150e; }
html[data-tema="oscuro"] .act-eq.sin-motivo { background: var(--alerta-suave); }
html[data-tema="oscuro"] .act-it.explicada { background: #15291b; }
html[data-tema="oscuro"] .act-quiebre .seg-control label { color: var(--suave); }
html[data-tema="oscuro"] .act-quiebre .seg-control label:has(input:checked),
html[data-tema="oscuro"] .act-quiebre .seg-control label.activa { background: var(--papel); color: var(--tinta); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .act-foto .nombre-foto { color: var(--ok); }
html[data-tema="oscuro"] .act-sem td.c a { text-decoration: none; }
html[data-tema="oscuro"] .act-num.gris { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .act-acciones { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .act-acciones .inm-form { border-top: 0; }

/* ── cierre-contable-aviso.css ── */
html[data-tema="oscuro"] .cm-bloqueado { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .cm-bloqueado .icono-circ { background: rgba(26, 29, 33, 0.12); color: #fff; }
html[data-tema="oscuro"] .cm-bloqueado a { color: #fff; }
html[data-tema="oscuro"] .cm-bloqueado small { color: rgba(255, 255, 255, .75); }
html[data-tema="oscuro"] .cm-chip-cerrado { background: var(--g800); color: #fff; }

/* ── cierre-contable.css ── */
html[data-tema="oscuro"] .cm-mes { background: var(--papel); border: 1px solid var(--linea-fuerte); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .cm-mes .flecha { color: var(--suave); text-decoration: none; }
html[data-tema="oscuro"] .cm-mes .flecha:hover { background: var(--fondo); color: var(--tinta); }
html[data-tema="oscuro"] .cm-mes label { border-left: 1px solid var(--linea); border-right: 1px solid var(--linea); }
html[data-tema="oscuro"] .cm-mes select { color: var(--tinta); border: 0; background: transparent; }
html[data-tema="oscuro"] .cm-emp.lista { border-color: color-mix(in srgb, var(--marca-fuerte) 55%, var(--linea)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--marca) 30%, transparent), var(--sombra); }
html[data-tema="oscuro"] .cm-emp-cab small { color: var(--suave); }
html[data-tema="oscuro"] .cm-quien { color: var(--suave); }
html[data-tema="oscuro"] .cm-emp-pie { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cm-prog-tx { color: var(--suave); }
html[data-tema="oscuro"] .cm-prog-tx b { color: var(--tinta); }
html[data-tema="oscuro"] .cm-barra i { background: var(--gris); }
html[data-tema="oscuro"] .cm-barra i.ok { background: #23663f; }
html[data-tema="oscuro"] .cm-barra i.na { background: repeating-linear-gradient(135deg, #3c444d 0 3px, var(--ok-suave) 3px 6px); }
html[data-tema="oscuro"] .cm-barra i.mal { background: #a3221b; }
html[data-tema="oscuro"] .cm-barra i.pend { background: #7d4800; }
html[data-tema="oscuro"] .cm-leyenda { color: var(--suave); }
html[data-tema="oscuro"] .cm-falta li.mal > .ico { color: var(--error); }
html[data-tema="oscuro"] .cm-falta li.pend > .ico { color: var(--alerta); }
html[data-tema="oscuro"] .cm-falta li.ok > .ico { color: var(--ok); }
html[data-tema="oscuro"] .cm-revisado { color: var(--suave); }
html[data-tema="oscuro"] .cm-marca.ok { background: #23663f; color: #fff; }
html[data-tema="oscuro"] .cm-marca.mal { background: #a3221b; color: #fff; }
html[data-tema="oscuro"] .cm-marca.na { background: var(--papel); color: var(--suave); border: 1.5px dashed var(--g400); }
html[data-tema="oscuro"] .cm-marca.pend { background: var(--alerta-suave); color: var(--alerta); border: 1.5px solid var(--alerta-borde); }
html[data-tema="oscuro"] .cm-tarea { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .card-cab + .cm-tarea { border-top: 0; }
html[data-tema="oscuro"] .cm-tarea.mal { background: color-mix(in srgb, var(--error-suave) 45%, var(--papel)); }
html[data-tema="oscuro"] .cm-n { color: var(--tenue); }
html[data-tema="oscuro"] .cm-res.mal { color: var(--error); }
html[data-tema="oscuro"] .cm-res.na { color: var(--suave); }
html[data-tema="oscuro"] .cm-res.pend { color: var(--alerta); }
html[data-tema="oscuro"] .cm-reviso { color: var(--suave); }
html[data-tema="oscuro"] .cm-reviso b { color: var(--tinta); }
html[data-tema="oscuro"] .cm-na-btn { color: var(--suave); background: none; border: 0; text-decoration: underline; }
html[data-tema="oscuro"] .cm-na-btn:hover { color: var(--tinta); }
html[data-tema="oscuro"] .cm-sub li.ok > .ico { color: var(--ok); }
html[data-tema="oscuro"] .cm-sub li.mal > .ico { color: var(--error); }
html[data-tema="oscuro"] details.cm-det > summary { color: var(--suave); }
html[data-tema="oscuro"] details.cm-det > summary:hover { color: var(--tinta); }
html[data-tema="oscuro"] .cm-caja { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .cm-tabla th,
html[data-tema="oscuro"] .cm-tabla td { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cm-tabla th { color: var(--tenue); background: var(--gris-cab); }
html[data-tema="oscuro"] .cm-tabla tfoot td { border-bottom: 0; background: var(--gris-cab); }
html[data-tema="oscuro"] .cm-tabla tbody tr:last-child td { border-bottom: 0; }
html[data-tema="oscuro"] .cm-tabla tfoot tr:first-child td { border-top: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .cm-items li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cm-items li:first-child { border-top: 0; }
html[data-tema="oscuro"] .cm-items .tx small { color: var(--suave); }
html[data-tema="oscuro"] .cm-items .cero { color: var(--ok); }
html[data-tema="oscuro"] .cm-pie-caja { border-top: 1px solid var(--linea); background: var(--gris-cab); color: var(--suave); }
html[data-tema="oscuro"] .cm-nota { background: var(--fondo); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cm-nota .quien { color: var(--suave); }
html[data-tema="oscuro"] .cm-nota .quien button { color: var(--tinta); background: none; border: 0; text-decoration: underline; }
html[data-tema="oscuro"] .cm-form { border: 1.5px solid var(--linea-fuerte); background: var(--gris-cab); }
html[data-tema="oscuro"] .cm-form .campo-f textarea:focus { outline: none; border-color: var(--marca-fuerte); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 35%, transparent); }
html[data-tema="oscuro"] .cm-cerrar .cm-falta-linea { color: var(--error); }
html[data-tema="oscuro"] .cm-confirmar { border: 2px solid var(--tinta); }
html[data-tema="oscuro"] .cm-confirmar .cab .icono-circ { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .cm-pasos > li::before { background: var(--marca-suave); color: var(--tinta); border: 1px solid color-mix(in srgb, var(--marca) 60%, transparent); }
html[data-tema="oscuro"] .cm-archivo { border: 1px solid var(--linea); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] a.cm-archivo:hover { border-color: var(--linea-fuerte); background: var(--fondo); }
html[data-tema="oscuro"] .cm-archivo .tx small { color: var(--suave); }
html[data-tema="oscuro"] .cm-archivo > .ico { color: var(--tenue); }
html[data-tema="oscuro"] .cm-xls { background: var(--ok-suave); color: var(--ok); border: 1px solid #2d4235; }
html[data-tema="oscuro"] .cm-check { background: var(--fondo); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cm-tarea.corta .cm-res { color: var(--suave); }
html[data-tema="oscuro"] .cm-tarea.corta .cm-res b { color: var(--tinta); }
html[data-tema="oscuro"] .cm-cerrado { background: var(--g800); color: #fff; box-shadow: var(--sombra); }
html[data-tema="oscuro"] .cm-cerrado .icono-circ { background: rgba(26, 29, 33, 0.12); color: #fff; }
html[data-tema="oscuro"] .cm-cerrado .tx span { color: rgba(255, 255, 255, .78); }
html[data-tema="oscuro"] .cm-cerrado .reabrir .boton { background: #1a1d21; color: var(--tinta); }
html[data-tema="oscuro"] .cm-cerrado .reabrir .boton:hover { background: var(--gris); }
html[data-tema="oscuro"] .cm-cerrado .reabrir small { color: rgba(255, 255, 255, .7); }
html[data-tema="oscuro"] .cm-sello { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .cm-foto { background: var(--gris-cab); }
html[data-tema="oscuro"] .cm-foto .cm-tarea { background: transparent; }
html[data-tema="oscuro"] .cm-variante { border: 1.5px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .cm-variante .fila { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cm-una .campo-f textarea:focus { outline: none; border-color: var(--marca-fuerte); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 35%, transparent); }
html[data-tema="oscuro"] .cm-cita { border-left: 3px solid var(--linea-fuerte); background: var(--fondo); }
html[data-tema="oscuro"] .cm-bloqueado { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .cm-bloqueado .icono-circ { background: rgba(26, 29, 33, 0.12); color: #fff; }
html[data-tema="oscuro"] .cm-bloqueado a { color: #fff; }
html[data-tema="oscuro"] .cm-bloqueado small { color: rgba(255, 255, 255, .75); }
html[data-tema="oscuro"] .cm-chip-cerrado { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .cm-cc { border: 1.5px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cm-cc .chip { background: var(--gris); }
html[data-tema="oscuro"] .cm-cc .chip button { border: 0; background: transparent; color: var(--suave); }
html[data-tema="oscuro"] .cm-cc input { border: 0; background: transparent; }
html[data-tema="oscuro"] .cm-cc input:focus { outline: none; }
html[data-tema="oscuro"] .cm-switch { background: var(--fondo); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cm-switch .tx small { color: var(--suave); }
html[data-tema="oscuro"] .cm-sw { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .cm-sw::after { background: #1a1d21; box-shadow: 0 1px 3px rgba(17, 20, 23, .25); }
html[data-tema="oscuro"] .cm-sw:checked { background: #23663f; }
html[data-tema="oscuro"] .cm-sw:focus-visible { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .cm-correo { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .cm-correo-cab { background: var(--gris-cab); border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cm-correo-cab dt { color: var(--tenue); }
html[data-tema="oscuro"] .cm-correo mark { background: var(--marca-suave); color: inherit; }
@media (max-width: 899px) {
  html[data-tema="oscuro"] .cm-acc { border-top: 1px dashed var(--linea-fuerte); }
}
html[data-tema="oscuro"] .cm-confirmar-plano { border: 0; }
html[data-tema="oscuro"] .cm-nota form.quien button { color: var(--tinta); background: none; border: 0; text-decoration: underline; }
html[data-tema="oscuro"] .cm-tarea .cm-acc a.cm-na-btn { text-decoration: underline; }
html[data-tema="oscuro"] .cm-cita .eyebrow { color: var(--tenue); }

/* ── cobranza-pagos.css ── */
html[data-tema="oscuro"] .cb .x-medio .ico { color: var(--suave); }
html[data-tema="oscuro"] .cb .x-or.cj { background: #3c2d15; color: #f5c483; }
html[data-tema="oscuro"] .cb .x-or.bs { background: #351724; color: #d78eae; }
html[data-tema="oscuro"] .cb .x-crudo { background: var(--gris-cab); border: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .cb .x-partes { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb .x-partes > div { color: var(--suave); }
html[data-tema="oscuro"] .cb .x-partes b { color: var(--tinta); }
html[data-tema="oscuro"] .cb .x-partes .viejo { color: #f5c483; }
html[data-tema="oscuro"] .cb .x-como small { color: var(--tenue); }
html[data-tema="oscuro"] .cb tr.fila-t td:first-child { box-shadow: inset 3px 0 0 #8f5200; }
html[data-tema="oscuro"] .cb .x-nota { background: var(--gris-cab); border-left: 3px solid #492a37; color: var(--suave); }
html[data-tema="oscuro"] .cb .x-nota .q { color: var(--tinta); }
html[data-tema="oscuro"] .cb .x-nota .ok { color: var(--ok); }
html[data-tema="oscuro"] .cb .x-tipo.tj { background: #351724; color: #d78eae; }
html[data-tema="oscuro"] .cb .x-calza { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb .x-calza:last-child { border-bottom: 0; }
html[data-tema="oscuro"] .cb .x-calza .d { color: var(--suave); }
html[data-tema="oscuro"] .cb .x-dos > div { border: 1px solid var(--linea); color: var(--suave); background: var(--papel); }
html[data-tema="oscuro"] .cb .x-dos .dice { color: var(--tinta); }
html[data-tema="oscuro"] .cb .x-dos .q { color: var(--tinta); }
html[data-tema="oscuro"] .cb .x-dos .si { border-top: 1px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .cb .x-dos .si b { color: var(--tinta); }
html[data-tema="oscuro"] .cb .x-sel { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cb .x-sel .ico { color: var(--suave); }
html[data-tema="oscuro"] .cb .x-sel select { border: 0; background: transparent; color: var(--tinta); }
html[data-tema="oscuro"] .cb .x-medios li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb .x-medios li:nth-child(-n+2) { border-top: 0; }
html[data-tema="oscuro"] .cb .x-medios li .cuanto small { color: var(--tenue); }
html[data-tema="oscuro"] .cb .x-medios .barra i { background: var(--primario); }
html[data-tema="oscuro"] .cb .x-medios .grupo { color: var(--tenue); }
html[data-tema="oscuro"] .cb .x-tarj-pie { border-top: 1px solid var(--linea); background: var(--gris-cab); }
html[data-tema="oscuro"] .cb .x-ultima { background: var(--gris-cab); border: 1px solid var(--linea); color: var(--tinta); }
@media (max-width: 760px) {
  html[data-tema="oscuro"] .cb .x-medios li:nth-child(2) { border-top: 1px solid var(--linea); }
  html[data-tema="oscuro"] .cb .lista-cel .f { border-bottom: 1px solid var(--linea); }
  html[data-tema="oscuro"] .cb .lista-cel .f:last-child { border-bottom: 0; }
  html[data-tema="oscuro"] .cb .lista-cel .f .quien small { color: var(--tenue); }
  html[data-tema="oscuro"] .cb .lista-cel .f .como { color: var(--suave); }
}
html[data-tema="oscuro"] .cb table.hist td.fte small { color: var(--tenue); }
html[data-tema="oscuro"] .cb .x-or.od { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .cb .punto.gris { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .cb .x-fila .fuerte-gr { color: var(--suave); }

/* ── cobranza.css ── */
html[data-tema="oscuro"] .cb .btn { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .cb .btn:hover { color: var(--tinta); background: var(--gris-cab); }
html[data-tema="oscuro"] .cb .btn.pri { background: var(--primario); color: #fff; border-color: var(--primario); }
html[data-tema="oscuro"] .cb .btn.pri:hover { background: var(--primario-hover); color: #fff; }
html[data-tema="oscuro"] .cb .corte { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cb .corte .ico { color: var(--suave); }
html[data-tema="oscuro"] .cb .corte input { border: 0; background: transparent; color: var(--tinta); }
html[data-tema="oscuro"] .cb .corte button { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cb .tarjeta { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .cb .rot { color: var(--tenue); }
html[data-tema="oscuro"] .cb .venc { color: var(--error); }
html[data-tema="oscuro"] .cb .pv { color: var(--ok); }
html[data-tema="oscuro"] .cb .mudo { color: var(--tenue); }
html[data-tema="oscuro"] .cb .punto { background: #23663f; }
html[data-tema="oscuro"] .cb .punto.amb { background: #d98a00; }
html[data-tema="oscuro"] .cb .punto.rj { background: #a3221b; }
html[data-tema="oscuro"] .cb .barra { background: var(--gris); }
html[data-tema="oscuro"] .cb .b-pv { background: #7cc79a; }
html[data-tema="oscuro"] .cb .b-v2 { background: #e0833f; }
html[data-tema="oscuro"] .cb th { color: var(--tenue); background: var(--gris-cab); border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb td { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb tr:last-child td { border-bottom: 0; }
html[data-tema="oscuro"] .cb tfoot td { background: var(--gris-cab); border-top: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .cb .nota { color: var(--tenue); }
html[data-tema="oscuro"] .cb td a.cli { color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .cb td a.cli:hover { text-decoration: underline; }
html[data-tema="oscuro"] .cb .vinculo { color: var(--sube); }
html[data-tema="oscuro"] .cb .x-linea > summary .ver { color: var(--sube); text-decoration: underline; }
html[data-tema="oscuro"] .cb .x-linea .x-fuentes { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb .x-tag.am { background: #523e18; color: #f6c98f; }
html[data-tema="oscuro"] .cb .x-tag.rj { background: #46221e; color: #e59792; }
html[data-tema="oscuro"] .cb .x-cab { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb .x-fila { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb .x-fila:last-child { border-bottom: 0; }
html[data-tema="oscuro"] .cb .x-fila button,
html[data-tema="oscuro"] .cb .x-fila .x-acc-f { border: 1px solid var(--linea-fuerte); background: #1a1d21; color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .cb .x-fila .fuerte-am { color: #f6c98f; }
html[data-tema="oscuro"] .cb .x-fila .fuerte-rj { color: #e59792; }
html[data-tema="oscuro"] .cb .x-banda { border: 1px solid; }
html[data-tema="oscuro"] .cb .x-banda.am { background: var(--alerta-suave); border-color: var(--alerta-borde); color: #f6c98f; }
html[data-tema="oscuro"] .cb .x-banda.rj { background: var(--error-suave); border-color: #4e2925; color: #e59792; }
html[data-tema="oscuro"] .cb .x-vacio { color: var(--tenue); }
html[data-tema="oscuro"] .cb .x-vacio b { color: var(--tinta); }
html[data-tema="oscuro"] .cb .x-kpi.oscura { background: var(--primario); color: #fff; border-color: var(--primario); }
html[data-tema="oscuro"] .cb .x-kpi.oscura .rot,
html[data-tema="oscuro"] .cb .x-kpi.oscura .pie { color: #aab2bb; }
html[data-tema="oscuro"] .cb .x-kpi .pie { color: var(--tenue); }
html[data-tema="oscuro"] .cb .x-kpi .pie a { color: var(--sube); }
html[data-tema="oscuro"] .cb .x-volver { color: var(--suave); text-decoration: none; }
html[data-tema="oscuro"] .cb .x-etiq.v { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .cb .x-etiq.vv { background: #3f211d; color: #e4918c; }
html[data-tema="oscuro"] .cb .x-etiq.p { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .cb .x-etiq.g { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .cb .x-alerta { border: 1px solid var(--alerta-borde); background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .cb .x-alerta b { color: #f6c98f; }
html[data-tema="oscuro"] .cb .x-mas { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--suave); text-decoration: none; }
html[data-tema="oscuro"] .cb .x-mas:hover { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .cb .fila-v td:first-child { box-shadow: inset 3px 0 0 var(--error); }
html[data-tema="oscuro"] .cb .fila-p td:first-child { box-shadow: inset 3px 0 0 #7cc79a; }
html[data-tema="oscuro"] .cb tr.x-excl td { color: var(--tenue); }
html[data-tema="oscuro"] .cb tr.x-excl td b,
html[data-tema="oscuro"] .cb tr.x-excl td.num b { text-decoration: line-through; }
html[data-tema="oscuro"] .cb tr.x-excl td:first-child { box-shadow: inset 3px 0 0 var(--linea-fuerte); }
html[data-tema="oscuro"] .cb .x-deshacer { color: var(--sube); text-decoration: underline; background: none; border: 0; }
html[data-tema="oscuro"] .x-fondo { background: rgba(17, 20, 23, .45); }
html[data-tema="oscuro"] .x-modal { background: #1a1d21; box-shadow: var(--sombra2); color: var(--tinta); }
html[data-tema="oscuro"] .x-modal .sub { color: var(--suave); }
html[data-tema="oscuro"] .x-modal .cerrar { border: 0; background: none; color: var(--suave); }
html[data-tema="oscuro"] .x-resumen { background: var(--gris-cab); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .x-motivos label { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .x-motivos label:has(input:checked) { border-color: var(--primario); background: var(--gris-cab); }
html[data-tema="oscuro"] .x-motivos label small { color: var(--tenue); }
html[data-tema="oscuro"] .x-modal textarea,
html[data-tema="oscuro"] .x-modal input[type=text],
html[data-tema="oscuro"] .x-modal input[type=number] { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .x-modal textarea.mal,
html[data-tema="oscuro"] .x-modal input.mal { border-color: var(--error); background: var(--error-suave); }
html[data-tema="oscuro"] .x-reg { color: var(--tenue); }
html[data-tema="oscuro"] .x-pie button,
html[data-tema="oscuro"] .x-pie a { border: 1px solid var(--linea-fuerte); background: #1a1d21; color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .x-pie button.p { background: var(--primario); color: #fff; border-color: var(--primario); }
html[data-tema="oscuro"] .x-aviso-nota { color: var(--error); }
html[data-tema="oscuro"] .x-antes-despues div { border: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .x-antes-despues b { color: var(--tinta); }
html[data-tema="oscuro"] .x-antes-despues .nuevo b { color: var(--ok); }
html[data-tema="oscuro"] .x-facturas label { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .x-facturas label:has(input:checked) { border-color: var(--primario); background: var(--gris-cab); }
html[data-tema="oscuro"] .x-toast { background: var(--primario); color: #fff; }
html[data-tema="oscuro"] .x-toast button { color: #8be1b9; text-decoration: underline; background: none; border: 0; }
html[data-tema="oscuro"] .cb .x-or.l { background: var(--sube-suave); color: var(--sube); }
html[data-tema="oscuro"] .cb .x-or.c { background: #201733; color: #a08ccf; }
html[data-tema="oscuro"] .cb .x-or.d { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .cb .x-pago { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb .x-pago:last-child { border-bottom: 0; }
html[data-tema="oscuro"] .cb .x-info { color: var(--tenue); }
html[data-tema="oscuro"] .cb .solo-cel { color: var(--tenue); }
html[data-tema="oscuro"] .cb .x-caso { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb .x-caso:last-child { border-bottom: 0; }
html[data-tema="oscuro"] .cb .x-caso .d { color: var(--suave); }
html[data-tema="oscuro"] .cb .x-b { border: 1px solid var(--linea-fuerte); background: #1a1d21; color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .cb .x-b.p { background: var(--primario); color: #fff; border-color: var(--primario); }
html[data-tema="oscuro"] .cb .x-tipo.ab { background: #201733; color: #a08ccf; }
html[data-tema="oscuro"] .cb .x-tipo.pl { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .cb .x-tipo.cl { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .cb-ficha { background: var(--papel); border: 1px solid var(--linea); border-top: 4px solid var(--ok); }
html[data-tema="oscuro"] .cb-ficha.r { border-top-color: var(--error); }
html[data-tema="oscuro"] .cb-ficha.a { border-top-color: #c27d0e; }
html[data-tema="oscuro"] .cb-ficha-nom { color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .cb-ficha-dl dt { color: var(--suave); }
html[data-tema="oscuro"] .cb-ficha-dl dd small { color: var(--suave); }
html[data-tema="oscuro"] .cb-ficha-dl dd.venc { color: var(--error); }
html[data-tema="oscuro"] .cb-ficha-meses i { background: var(--gris); }
html[data-tema="oscuro"] .cb-ficha-meses i.ok { background: #9fd4b1; }
html[data-tema="oscuro"] .cb-ficha-meses i.tarde { background: #544122; }
html[data-tema="oscuro"] .cb-ficha-meses i.mal { background: #522a24; }
html[data-tema="oscuro"] .cb-ficha-aviso { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .cb-ficha-aviso.a { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .cb-ficha-aviso.r { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .cb-bt { text-decoration: none; border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); }
html[data-tema="oscuro"] .cb-bt.wsp { background: #1d3124; border-color: #2b4534; color: #94e4b3; }
html[data-tema="oscuro"] .cb-bt.mail { background: #172233; border-color: #202e42; color: #85afdf; }
html[data-tema="oscuro"] .cb-anotar input,
html[data-tema="oscuro"] .cb-anotar select { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .cb .x-tipo.nc { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .cb .cb-toca { text-decoration: none; color: inherit; }
html[data-tema="oscuro"] .cb .cb-como > span { color: var(--suave); }
html[data-tema="oscuro"] .cb .cb-como > span b.g { color: var(--tinta); }
html[data-tema="oscuro"] .cb .x-tipo.fu { background: #3c2d15; color: #f5c483; }
html[data-tema="oscuro"] .cb .x-tipo.au { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .cb .x-frase { background: var(--gris-cab); border-left: 3px solid var(--linea-fuerte); color: var(--suave); }
html[data-tema="oscuro"] .cb .x-plegado > div { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cb .x-f2 { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--tinta); text-decoration: none; }
html[data-tema="oscuro"] .cb .x-f2.on { background: var(--primario); color: #fff; border-color: var(--primario); }
html[data-tema="oscuro"] .cb .x-item { border-bottom: 1px solid var(--linea); color: inherit; text-decoration: none; }
html[data-tema="oscuro"] .cb .x-item:hover { background: var(--gris-cab); color: inherit; }
html[data-tema="oscuro"] .cb .x-item.on { background: var(--gris-cab); box-shadow: inset 3px 0 0 var(--primario); }
html[data-tema="oscuro"] .cb .x-item:last-child { border-bottom: 0; }
html[data-tema="oscuro"] .cb .x-ba > div { border: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .cb .x-ba b { color: var(--tinta); }
html[data-tema="oscuro"] .cb .x-ba .nuevo { background: var(--ok-suave); border-color: transparent; }
html[data-tema="oscuro"] .cb .x-ba .nuevo b { color: var(--ok); }
html[data-tema="oscuro"] .cb .x-apertura { border-top: 2px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .cb .x-ap-txt p { color: var(--suave); }
html[data-tema="oscuro"] .cb .x-ap-rot { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .cb .x-ap-total { background: var(--gris-cab); box-shadow: none; }
html[data-tema="oscuro"] .cb .x-ap-total .pie { color: var(--tenue); }
html[data-tema="oscuro"] .cb .x-sec-ap { border-top: 2px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .cb .x-ap-etiq { background: var(--gris); color: var(--suave); }
@media (max-width: 760px) {
  html[data-tema="oscuro"] .cb table.facturas .solo-cel.venc { color: var(--error); }
  html[data-tema="oscuro"] .cb table.facturas .solo-cel.pv { color: var(--ok); }
}

/* ── costos.css ── */
html[data-tema="oscuro"] .cos .tabla td small { color: var(--suave); }
html[data-tema="oscuro"] .cos .tabla td a { color: inherit; }
html[data-tema="oscuro"] .cos-lista li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cos-lista li:first-child { border-top: 0; }
html[data-tema="oscuro"] .cos-lista li.activa { background: var(--marca-suave); }
html[data-tema="oscuro"] .cos-lista small { color: var(--suave); }
html[data-tema="oscuro"] .cos-lista a.ir { color: var(--marca-fuerte); text-decoration: none; }
html[data-tema="oscuro"] .cos-lista a.nom { color: inherit; text-decoration: none; }
html[data-tema="oscuro"] .cos-pie { border-top: 1px solid var(--linea); background: var(--gris-cab); color: var(--suave); }
html[data-tema="oscuro"] .cos-pie b { color: var(--tinta); }
html[data-tema="oscuro"] .cos-filtros { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .cos-filtros .chips { border: 0; }
html[data-tema="oscuro"] .cos-filtros .chip { text-decoration: none; }
html[data-tema="oscuro"] .cos-filtros input[type=search] { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .chip.c-rojo .punto { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .chip.c-ama .punto { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .chip.c-ver .punto { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .cos-datos { color: var(--suave); }
html[data-tema="oscuro"] .cos-datos b { color: var(--tinta); }
html[data-tema="oscuro"] .tabla tr.cos-total td { background: var(--gris-cab); }
html[data-tema="oscuro"] .prep { background: var(--marca-suave); color: color-mix(in srgb, var(--marca-fuerte) 75%, #e6e6e6); }
html[data-tema="oscuro"] .prov { background: var(--alerta-suave); color: var(--alerta); }
html[data-tema="oscuro"] .cos-paso { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cos-paso:first-child { border-top: 0; }
html[data-tema="oscuro"] .cos-paso h3 i { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .cos-xml { background: var(--gris); }
html[data-tema="oscuro"] .cos-opc label { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .cos-opc label small { color: var(--suave); }
html[data-tema="oscuro"] .cos-opc label:has(input:checked) { border-color: var(--marca-fuerte); background: var(--marca-suave); }
html[data-tema="oscuro"] .cos-opc .nuevo-campos input,
html[data-tema="oscuro"] .cos-opc .nuevo-campos select { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cos-conv input { border: 1px solid var(--marca-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cos-conv select { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cos-buscar { border: 1px solid var(--marca-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cos-acc-fila { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .cos-acc-fila .crece { color: var(--suave); }
html[data-tema="oscuro"] .cos-lista form select { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cos .tabla form select { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .cos-error { background: var(--error-suave); color: var(--error); border-top: 1px solid var(--linea); }
@media (max-width: 899px) {
  html[data-tema="oscuro"] .tabla.ficha tr.cos-total { background: var(--gris-cab); }
  html[data-tema="oscuro"] .tabla.ficha tr.cos-total td { background: none; }
}

/* ── facturacion.css ── */
html[data-tema="oscuro"] .fa-cab-t .chico { color: var(--suave); }
html[data-tema="oscuro"] .fa-apagada { background: var(--papel); border: 1.5px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .fa-apagada .tx small { color: var(--suave); }
html[data-tema="oscuro"] .fa-sw-mini { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .fa-sw-mini::after { background: #1a1d21; box-shadow: 0 1px 3px rgba(17, 20, 23, .25); }
html[data-tema="oscuro"] .fa-sw-mini.on { background: #23663f; }
html[data-tema="oscuro"] .fa-emp { background: var(--papel); border: 1px solid var(--linea); color: var(--tinta); text-decoration: none; box-shadow: var(--sombra); }
html[data-tema="oscuro"] .fa-emp:hover { border-color: var(--linea-fuerte); color: var(--tinta); }
html[data-tema="oscuro"] .fa-emp.activa { border-color: color-mix(in srgb, var(--marca-fuerte) 55%, var(--linea)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--marca) 30%, transparent), var(--sombra); }
html[data-tema="oscuro"] .fa-emp small { color: var(--suave); }
html[data-tema="oscuro"] .fa-emp .fa-fact { color: var(--tinta); }
html[data-tema="oscuro"] .fa-emp .fa-fact::before { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .fa-emp .fa-fact.ok::before { background: #23663f; }
html[data-tema="oscuro"] .fa-cifra { background: var(--papel); border: 1px solid var(--linea); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .fa-cifra small { color: var(--suave); }
html[data-tema="oscuro"] .fa-cifra span { color: var(--suave); }
html[data-tema="oscuro"] .fa-lista > .fa-cab-t { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-doc { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-lista > .fa-cab-t + .fa-doc { border-top: 0; }
html[data-tema="oscuro"] .fa-doc.cab { background: var(--gris-cab); color: var(--tenue); }
html[data-tema="oscuro"] .fa-doc .hora { color: var(--suave); }
html[data-tema="oscuro"] .fa-doc .folio small { color: var(--tenue); }
html[data-tema="oscuro"] .fa-doc .folio.sin { color: var(--tenue); }
html[data-tema="oscuro"] .fa-doc .cli small { color: var(--suave); }
html[data-tema="oscuro"] .fa-doc .total.nc { color: var(--error); }
html[data-tema="oscuro"] .fa-doc .est small { color: var(--suave); }
html[data-tema="oscuro"] .fa-doc .est small.mal { color: var(--error); }
html[data-tema="oscuro"] .fa-doc.resalta { background: color-mix(in srgb, var(--error-suave) 45%, var(--papel)); }
html[data-tema="oscuro"] .fa-pie-lista { border-top: 1px solid var(--linea); background: var(--gris-cab); }
html[data-tema="oscuro"] .estado.emitiendo { background: var(--sube-suave); color: var(--sube); }
html[data-tema="oscuro"] .estado.lista { background: var(--papel); color: var(--tinta); border: 1.5px dashed var(--g400); }
html[data-tema="oscuro"] .estado.lista::before { background: var(--g400); }
html[data-tema="oscuro"] .estado.emitida { background: var(--gris); color: var(--tinta); }
html[data-tema="oscuro"] .estado.emitida::before { background: #23663f; }
html[data-tema="oscuro"] .fa-tipo { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .fa-tipo.nc { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .fa-nota-mock { border: 1.5px dashed var(--linea-fuerte); color: var(--suave); }
html[data-tema="oscuro"] .fa-nota-mock b { color: var(--tinta); }
html[data-tema="oscuro"] .fa-paso-cab .n { background: var(--marca-suave); border: 1px solid color-mix(in srgb, var(--marca) 60%, transparent); }
html[data-tema="oscuro"] .fa-paso-cab small { color: var(--suave); }
html[data-tema="oscuro"] .fa .campo-f textarea:focus { outline: none; border-color: var(--marca-fuerte); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 35%, transparent); }
html[data-tema="oscuro"] .fa .campo-f input[readonly] { background: var(--fondo); color: var(--suave); }
html[data-tema="oscuro"] .fa-buscar input { border: 1.5px solid var(--marca-fuerte); background: var(--papel); box-shadow: 0 0 0 4px color-mix(in srgb, var(--marca) 35%, transparent); }
html[data-tema="oscuro"] .fa-buscar input.quieto { border-color: var(--linea-fuerte); box-shadow: none; }
html[data-tema="oscuro"] .fa-buscar > .ico { color: var(--suave); }
html[data-tema="oscuro"] .fa-res { border: 1px solid var(--linea); background: var(--papel); box-shadow: var(--sombra2); }
html[data-tema="oscuro"] .fa-res li.elegido { background: var(--marca-suave); }
html[data-tema="oscuro"] .fa-res li .tx small { color: var(--suave); }
html[data-tema="oscuro"] .fa-res li .tx mark { background: #564619; color: inherit; }
html[data-tema="oscuro"] .fa-res li > .ico { color: var(--ok); }
html[data-tema="oscuro"] .fa-res li.nuevo { border-top: 1px solid var(--linea); color: var(--tinta); }
html[data-tema="oscuro"] .fa-res li .de { color: var(--tenue); }
html[data-tema="oscuro"] .fa-cliente { background: var(--fondo); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-cliente .icono-circ { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-cliente dt { color: var(--tenue); }
html[data-tema="oscuro"] .fa-variante { border: 1.5px dashed var(--linea-fuerte); }
html[data-tema="oscuro"] .fa-sii { background: var(--papel); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-sii .de-sii { color: var(--ok); }
html[data-tema="oscuro"] .fa-lineas { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-linea { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-linea:first-child { border-top: 0; }
html[data-tema="oscuro"] .fa-linea.cab { background: var(--gris-cab); color: var(--tenue); }
html[data-tema="oscuro"] .fa-linea .prod small { color: var(--suave); }
html[data-tema="oscuro"] .fa-linea .prod .libre { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .fa-linea .prod input { border: 1.5px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .fa-in { border: 1.5px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .fa-in.cambiado { border-color: var(--sube); background: var(--sube-suave); }
html[data-tema="oscuro"] .fa-precio s { color: var(--tenue); }
html[data-tema="oscuro"] .fa-linea .tot small { color: var(--ok); }
html[data-tema="oscuro"] .fa-quitar { border: 0; background: transparent; color: var(--tenue); }
html[data-tema="oscuro"] .fa-quitar:hover { background: var(--gris); color: var(--tinta); }
html[data-tema="oscuro"] .fa-preferente { background: var(--sube-suave); color: var(--sube); }
html[data-tema="oscuro"] .fa-desc-global { background: var(--fondo); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-desc-global .tx small { color: var(--suave); }
html[data-tema="oscuro"] .fa-unidad { background: var(--gris); }
html[data-tema="oscuro"] .fa-unidad span { color: var(--suave); }
html[data-tema="oscuro"] .fa-unidad span.on { background: var(--papel); color: var(--tinta); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .fa-totales dt { color: var(--suave); }
html[data-tema="oscuro"] .fa-totales .menos { color: var(--ok); }
html[data-tema="oscuro"] .fa-totales dt.t,
html[data-tema="oscuro"] .fa-totales dd.t { border-top: 1px solid var(--linea-fuerte); color: var(--tinta); }
html[data-tema="oscuro"] .fa-seg { background: var(--gris); }
html[data-tema="oscuro"] .fa-seg span { color: var(--suave); }
html[data-tema="oscuro"] .fa-seg span.on { background: var(--papel); color: var(--tinta); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .fa-vence { background: var(--fondo); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-vence .icono-circ { background: var(--papel); }
html[data-tema="oscuro"] .fa-resumen .emisor { border-bottom: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .fa-resumen .emisor b { color: var(--tinta); }
html[data-tema="oscuro"] .fa-resumen ul li .ico { color: var(--ok); }
html[data-tema="oscuro"] .fa-resumen ul li.falta .ico { color: var(--tenue); }
html[data-tema="oscuro"] .fa-papel { background: #1a1d21; border: 1px solid var(--linea-fuerte); box-shadow: var(--sombra2); color: #d3d3d3; }
html[data-tema="oscuro"] .fa-emisor span { color: #b7b7b7; }
html[data-tema="oscuro"] .fa-sii-caja { border: 2.5px solid #c62d1f; color: #e0827a; }
html[data-tema="oscuro"] .fa-sii-caja .sin-folio { color: #8a8f96; }
html[data-tema="oscuro"] .fa-sii-bajo { color: #e0827a; }
html[data-tema="oscuro"] .fa-receptor { border: 1px solid #2c3238; }
html[data-tema="oscuro"] .fa-receptor dt { color: #adadad; }
html[data-tema="oscuro"] .fa-det th { background: #212326; color: #b7b7b7; border-bottom: 1px solid #2c3238; }
html[data-tema="oscuro"] .fa-det td { border-bottom: 1px solid #23282c; }
html[data-tema="oscuro"] .fa-det small { color: #a4a4a4; }
html[data-tema="oscuro"] .fa-papel-pie .obs { color: #c0c0c0; }
html[data-tema="oscuro"] .fa-papel-pie .obs b { color: #a4a4a4; }
html[data-tema="oscuro"] .fa-pdf417 { background: repeating-linear-gradient(90deg, #222 0 2px, #1a1d21 2px 3px, #222 3px 4px, #1a1d21 4px 7px, #222 7px 8px, #1a1d21 8px 9px, #222 9px 12px, #1a1d21 12px 13px); }
html[data-tema="oscuro"] .fa-pdf417.vacio { background: repeating-linear-gradient(135deg, #24272a 0 6px, #1e2124 6px 12px); border: 1px dashed #333a41; }
html[data-tema="oscuro"] .fa-timbre small { color: #adadad; }
html[data-tema="oscuro"] .fa-borrador { color: rgba(195, 201, 207, 0.06); }
html[data-tema="oscuro"] .fa-sale { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .fa-sale .emp-logo { box-shadow: none; }
html[data-tema="oscuro"] .fa-sale .tx span { color: rgba(255, 255, 255, .78); }
html[data-tema="oscuro"] .fa-ojo { background: var(--alerta-suave); color: #f6cc92; border: 1px solid var(--alerta-borde); }
html[data-tema="oscuro"] .fa-ojo .icono-circ { background: #4b381a; color: var(--alerta); }
html[data-tema="oscuro"] .fa-ojo b { color: #f7d099; }
html[data-tema="oscuro"] .fa-ojo small { color: var(--alerta); }
html[data-tema="oscuro"] .fa-ojo a { color: #f7d099; }
html[data-tema="oscuro"] .fa-check { background: var(--fondo); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-check small { color: var(--suave); }
html[data-tema="oscuro"] .fa-emitir { border: 2px solid var(--tinta); }
html[data-tema="oscuro"] .fa-pasos > li::before { background: var(--marca-suave); border: 1px solid color-mix(in srgb, var(--marca) 60%, transparent); }
html[data-tema="oscuro"] .fa-pasos small { color: var(--suave); }
html[data-tema="oscuro"] .fa-lista-ok { background: #23663f; color: #fff; box-shadow: var(--sombra); }
html[data-tema="oscuro"] .fa-lista-ok .icono-circ { background: rgba(26, 29, 33, 0.16); color: #fff; }
html[data-tema="oscuro"] .fa-lista-ok .tx span { color: rgba(255, 255, 255, .85); }
html[data-tema="oscuro"] .fa-hizo .it { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-hizo .it:first-of-type { border-top: 0; }
html[data-tema="oscuro"] .fa-hizo .it .icono-circ { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .fa-hizo .it .tx small { color: var(--suave); }
html[data-tema="oscuro"] .fa-pdf { background: #26282c; border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-pdf-barra { color: var(--suave); }
html[data-tema="oscuro"] .fa-pdf-barra b { color: var(--tinta); }
html[data-tema="oscuro"] .fa-pdf .fa-papel { box-shadow: 0 2px 10px rgba(17, 20, 23, .12); }
html[data-tema="oscuro"] .fa-robot-cab .icono-circ { background: var(--sube-suave); color: var(--sube); }
html[data-tema="oscuro"] .fa-robot-cab .icono-circ.mal { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .fa-robot-cab .tx span { color: var(--suave); }
html[data-tema="oscuro"] .fa-reloj { color: var(--suave); }
html[data-tema="oscuro"] .fa-reloj b { color: var(--tinta); }
html[data-tema="oscuro"] .fa-barra { background: var(--gris); }
html[data-tema="oscuro"] .fa-barra i { background: #1b5394; }
html[data-tema="oscuro"] .fa-barra.mal i { background: #a3221b; }
html[data-tema="oscuro"] .fa-etapas li::after { background: var(--linea); }
html[data-tema="oscuro"] .fa-etapas li.ok::after { background: #23663f; }
html[data-tema="oscuro"] .fa-etapas .p { background: var(--papel); border: 2px solid var(--linea-fuerte); color: var(--tenue); }
html[data-tema="oscuro"] .fa-etapas li.ok .p { background: #23663f; border-color: var(--ok); color: #fff; }
html[data-tema="oscuro"] .fa-etapas li.va .p { border-color: var(--sube); color: var(--sube); box-shadow: 0 0 0 4px var(--sube-suave); }
html[data-tema="oscuro"] .fa-etapas li.mal .p { background: #a3221b; border-color: var(--error); color: #fff; }
html[data-tema="oscuro"] .fa-etapas li .tx small { color: var(--suave); }
html[data-tema="oscuro"] .fa-etapas li.mal .tx small { color: var(--error); }
html[data-tema="oscuro"] .fa-etapas li.no { color: var(--tenue); }
html[data-tema="oscuro"] .fa-etapas li .t { color: var(--suave); }
html[data-tema="oscuro"] .fa-pc { background: var(--fondo); border: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .fa-pc b { color: var(--tinta); }
html[data-tema="oscuro"] .fa-pc .punto { background: #23663f; box-shadow: 0 0 0 3px var(--ok-suave); }
html[data-tema="oscuro"] .fa-error-caja { border: 2px solid var(--error); }
html[data-tema="oscuro"] .fa-motivo { background: var(--error-suave); color: #e09d96; border: 1px solid #462622; }
html[data-tema="oscuro"] .fa-motivo b { color: #e3a5a0; }
html[data-tema="oscuro"] .fa-opcion { border: 1.5px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .fa-opcion small { color: var(--suave); }
html[data-tema="oscuro"] .fa-opcion.on { border-color: var(--tinta); box-shadow: 0 0 0 3px color-mix(in srgb, var(--marca) 30%, transparent); }
html[data-tema="oscuro"] .fa-ref { background: var(--fondo); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-ref .tx small { color: var(--suave); }
html[data-tema="oscuro"] .fa-linea .antes { color: var(--suave); }
html[data-tema="oscuro"] .fa-linea.cero { color: var(--tenue); }
html[data-tema="oscuro"] .fa-linea.cero .tot { color: var(--tenue); }
html[data-tema="oscuro"] .fa-linea.cambia { background: color-mix(in srgb, var(--sube-suave) 55%, var(--papel)); }
html[data-tema="oscuro"] .fa-obligatorio { color: var(--error); }
html[data-tema="oscuro"] .fa-despues div { background: var(--fondo); border: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .fa-despues b { color: var(--tinta); }
html[data-tema="oscuro"] .fa-totbar { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .fa-totbar div { color: rgba(255, 255, 255, .72); }
html[data-tema="oscuro"] .fa-totbar div b { color: #fff; }
html[data-tema="oscuro"] .fa-totbar .boton { background: #1a1d21; color: var(--tinta); }
html[data-tema="oscuro"] .fa-totbar .boton:hover { background: var(--gris); }
html[data-tema="oscuro"] .fa-tabla th,
html[data-tema="oscuro"] .fa-tabla td { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-tabla th { color: var(--tenue); background: var(--gris-cab); }
html[data-tema="oscuro"] .fa-tabla tbody tr:last-child td { border-bottom: 0; }
html[data-tema="oscuro"] .fa-tabla td.cli small { color: var(--suave); }
html[data-tema="oscuro"] .fa-tabla .nc { color: var(--error); }
html[data-tema="oscuro"] .fa-tabla td.folio a { text-decoration: none; }
html[data-tema="oscuro"] .fa-tabla td.folio small { color: var(--suave); }
html[data-tema="oscuro"] .fa-tabla tr.resalta td { background: color-mix(in srgb, var(--error-suave) 45%, var(--papel)); }
html[data-tema="oscuro"] .fa-conex li { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .fa-conex li.activa { border-color: color-mix(in srgb, var(--marca-fuerte) 55%, var(--linea)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--marca) 30%, transparent); }
html[data-tema="oscuro"] .fa-conex .cab small { color: var(--suave); }
html[data-tema="oscuro"] .fa-conex dt { color: var(--tenue); }
html[data-tema="oscuro"] .fa-conex dd.ok { color: var(--ok); }
html[data-tema="oscuro"] .fa-conex dd.alerta { color: var(--alerta); }
html[data-tema="oscuro"] .fa-switch { background: var(--fondo); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-switch .tx small { color: var(--suave); }
html[data-tema="oscuro"] .fa-sw { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .fa-sw::after { background: #1a1d21; box-shadow: 0 1px 3px rgba(17, 20, 23, .25); }
html[data-tema="oscuro"] .fa-sw:checked { background: #23663f; }
html[data-tema="oscuro"] .fa-sw:focus-visible { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .fa-lista-tx li > .ico { color: var(--suave); }
html[data-tema="oscuro"] .fa-correo { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .fa-correo-cab { background: var(--gris-cab); border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-correo-cab dt { color: var(--tenue); }
html[data-tema="oscuro"] .fa-correo mark,
html[data-tema="oscuro"] .fa-campo-var { background: var(--marca-suave); color: inherit; }
html[data-tema="oscuro"] .fa-adjunto { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-adjunto .pdf { background: var(--error-suave); color: var(--error); border: 1px solid #462622; }
html[data-tema="oscuro"] .fa-adjunto small { color: var(--suave); }
@media (max-width: 1439px) {
  html[data-tema="oscuro"] .fa-linea:not(.nc) .fa-etq { color: var(--tenue); }
}
@media (max-width: 899px) {
  html[data-tema="oscuro"] .fa-resumen-movil .tx small { color: var(--suave); }
  html[data-tema="oscuro"] .fa-linea:not(.nc) .tot { border-top: 1px dashed var(--linea-fuerte); }
  html[data-tema="oscuro"] .fa-etq { color: var(--tenue); }
  html[data-tema="oscuro"] .fa-linea.nc .tot { border-top: 0; }
}
html[data-tema="oscuro"] .fa-msg.ok { background: var(--ok-suave); color: var(--ok); border: 1px solid color-mix(in srgb, var(--ok) 30%, transparent); }
html[data-tema="oscuro"] .fa-msg.mal { background: var(--error-suave); color: #e09d96; border: 1px solid #462622; }
html[data-tema="oscuro"] .fa-seg input:checked + span,
html[data-tema="oscuro"] .fa-unidad input:checked + span { background: var(--papel); color: var(--tinta); box-shadow: var(--sombra); }
html[data-tema="oscuro"] .fa-unidad label span { color: var(--suave); }
html[data-tema="oscuro"] .fa-plazos label span { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .fa-plazos input:checked + span { background: var(--g600); color: #fff; border-color: var(--tinta); }
html[data-tema="oscuro"] .fa-chips button.chip.on { background: var(--g600); color: #fff; border-color: var(--tinta); }
html[data-tema="oscuro"] .fa-res li:hover,
html[data-tema="oscuro"] .fa-res li:focus { background: var(--marca-suave); outline: none; }
html[data-tema="oscuro"] .fa-vacio { color: var(--suave); }
html[data-tema="oscuro"] .fa-hist-lista li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .fa-hist-lista li:first-child { border-top: 0; }
html[data-tema="oscuro"] .fa-hist-lista small { color: var(--suave); }
html[data-tema="oscuro"] .fa-productos td input { border: 1.5px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .fa button.link { background: none; border: 0; text-decoration: underline; color: inherit; }
html[data-tema="oscuro"] .fa .ok-txt { color: var(--ok); }
html[data-tema="oscuro"] .fa .mal-txt { color: var(--error); }
html[data-tema="oscuro"] .fa-filtro-chips .chip { text-decoration: none; color: var(--tinta); }
html[data-tema="oscuro"] .fa-filtro-chips .chip.activa { color: #fff; }
html[data-tema="oscuro"] .fa-filtro-chips .chip .punto { box-shadow: none; background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .fa-doc .folio a,
html[data-tema="oscuro"] .fa-tabla td.folio a { color: inherit; text-decoration: none; }
html[data-tema="oscuro"] .fa-doc .folio a:hover,
html[data-tema="oscuro"] .fa-tabla td.folio a:hover { text-decoration: underline; }

/* ── historial_pedidos.css ── */
html[data-tema="oscuro"] .hp-filtros select { border: 1px solid #2c3238; background: #1a1d21; }
html[data-tema="oscuro"] .hp-cifras>div { border: 1px solid #282e33; background: #1a1d21; }
html[data-tema="oscuro"] .hp-cifras span { color: #adadad; }
html[data-tema="oscuro"] .hp-tabla th,
html[data-tema="oscuro"] .hp-tabla td { border-bottom: 1px solid #272c32; }
html[data-tema="oscuro"] .hp-tabla th { color: #adadad; }
html[data-tema="oscuro"] .hp-tabla small,
html[data-tema="oscuro"] .hp-bloque { color: #a4a4a4; }
html[data-tema="oscuro"] .hp-nota { border-bottom: 1px solid #23282c; }
html[data-tema="oscuro"] .hp-estados li { border: 1px solid #282e33; background: #1a1d21; }
html[data-tema="oscuro"] .hp-cifras a { color: inherit; }

/* ── inventario-mensual.css ── */
html[data-tema="oscuro"] .inm .tabla td small { color: var(--suave); }
html[data-tema="oscuro"] .inm-lista > li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .inm-lista > li:first-child { border-top: 0; }
html[data-tema="oscuro"] .inm-lista small { color: var(--suave); }
html[data-tema="oscuro"] .inm-pie { border-top: 1px solid var(--linea); background: var(--gris-cab); color: var(--suave); }
html[data-tema="oscuro"] .inm-pie b { color: var(--tinta); }
html[data-tema="oscuro"] .inm a.ir { color: var(--marca-fuerte); text-decoration: none; }
html[data-tema="oscuro"] .tabla tr.inm-total td { background: var(--gris-cab); }
html[data-tema="oscuro"] .tabla td.falta { color: var(--error); }
html[data-tema="oscuro"] .tabla td.sobra { color: var(--sube); }
html[data-tema="oscuro"] .inm-datos { color: var(--suave); }
html[data-tema="oscuro"] .inm-datos b { color: var(--tinta); }
html[data-tema="oscuro"] .inm-avance .barra { background: var(--gris); }
html[data-tema="oscuro"] .inm-avance .barra i { background: var(--marca-fuerte-c); }
html[data-tema="oscuro"] .inm-avance .barra i.a { background: #e0a43a; }
html[data-tema="oscuro"] .inm-avance .cuenta { color: var(--suave); }
html[data-tema="oscuro"] .inm-cerrar { border-top: 1px solid var(--linea); background: var(--gris-cab); }
html[data-tema="oscuro"] .inm-cerrar .crece { color: var(--suave); }
html[data-tema="oscuro"] .inm-buscar { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .inm-buscar input[type=search] { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .inm-buscar input.activo { border-color: var(--marca-fuerte); }
html[data-tema="oscuro"] .inm-buscar .chips { border: 0; }
html[data-tema="oscuro"] .inm-cat { background: var(--gris-cab); border-top: 1px solid var(--linea); color: var(--suave); }
html[data-tema="oscuro"] .inm-cat:first-child { border-top: 0; }
html[data-tema="oscuro"] .inm-it { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .inm-cat + .inm-it { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .inm-it .marca-ok { border: 2px solid var(--linea-fuerte); color: #fff; }
html[data-tema="oscuro"] .inm-it.hecho .marca-ok { background: #23663f; border-color: var(--ok); }
html[data-tema="oscuro"] .inm-it.revisar .marca-ok { background: var(--alerta-suave); border-color: #e0a43a; color: var(--alerta); }
html[data-tema="oscuro"] .inm-it .nom small { color: var(--suave); }
html[data-tema="oscuro"] .inm-it .cant input { border: 1px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .inm-it.hecho .cant input { border-color: #32493b; background: #1b2a21; }
html[data-tema="oscuro"] .inm-it .cant .u { color: var(--suave); }
html[data-tema="oscuro"] .inm-it .conv { color: var(--ok); }
html[data-tema="oscuro"] .inm-it.revisar .conv { color: var(--alerta); }
html[data-tema="oscuro"] .inm-it.hecho { background: #15291b; }
html[data-tema="oscuro"] .inm-agregar { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .inm-terminar { border-top: 1px solid var(--linea); background: var(--gris-cab); }
html[data-tema="oscuro"] .inm-terminar p { color: var(--suave); }
html[data-tema="oscuro"] .inm-res li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .inm-res li:first-child { border-top: 0; }
html[data-tema="oscuro"] .inm-res li small { color: var(--suave); }
html[data-tema="oscuro"] .inm-matriz .tabla td.vacio { color: var(--linea-fuerte); }
html[data-tema="oscuro"] .inm-matriz .tabla th:first-child,
html[data-tema="oscuro"] .inm-matriz .tabla td:first-child { background: var(--papel); box-shadow: 1px 0 0 var(--linea); }
html[data-tema="oscuro"] .inm-matriz .tabla th:first-child { background: var(--gris-cab); }
html[data-tema="oscuro"] .inm-matriz .tabla td.tot,
html[data-tema="oscuro"] .inm-matriz .tabla th.tot { background: var(--gris-cab); }
html[data-tema="oscuro"] .inm-matriz .tabla tr.inm-total td:first-child { background: var(--gris-cab); }
html[data-tema="oscuro"] .inm-confirma { border: 2px solid var(--g800); }
html[data-tema="oscuro"] .inm-pasos li::before { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .inm-pasos li small { color: var(--suave); }
html[data-tema="oscuro"] .inm-botones { border-top: 1px solid var(--linea); background: var(--gris-cab); }
html[data-tema="oscuro"] .inm-cuenta li .op { color: var(--suave); }
html[data-tema="oscuro"] .inm-cuenta li small { color: var(--suave); }
html[data-tema="oscuro"] .inm-cuenta li.igual { border-top: 2px solid var(--g800); }
html[data-tema="oscuro"] .inm-cuenta li.dif { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .inm-cuenta li.dif .op { color: var(--error); }
html[data-tema="oscuro"] .inm-cuenta li.dif small { color: var(--error); }
html[data-tema="oscuro"] .inm-opc label { border: 1px solid var(--linea); }
html[data-tema="oscuro"] .inm-opc label small { color: var(--suave); }
html[data-tema="oscuro"] .inm-opc label.sel { border-color: var(--g800); background: var(--gris-cab); }
html[data-tema="oscuro"] .inm-tl li::before { background: var(--linea-fuerte); }
html[data-tema="oscuro"] .inm-tl li::after { background: var(--linea); }
html[data-tema="oscuro"] .inm-tl li.ok::before { background: #23663f; }
html[data-tema="oscuro"] .inm-tl li.nuevo::before { background: #7d4800; box-shadow: 0 0 0 3px var(--alerta-suave); }
html[data-tema="oscuro"] .inm-tl li small { color: var(--suave); }
@media (max-width: 899px) {
  html[data-tema="oscuro"] .tabla.ficha tr.inm-total { background: var(--gris-cab); }
  html[data-tema="oscuro"] .tabla.ficha tr.inm-total td { background: none; }
}
html[data-tema="oscuro"] .inm-it .cant input.mal { border-color: var(--error); }
html[data-tema="oscuro"] .inm-it .guardando { color: var(--suave); }
html[data-tema="oscuro"] .inm .chips a.chip { text-decoration: none; }
html[data-tema="oscuro"] .inm .chips a.chip:not(.activa) { color: inherit; }
html[data-tema="oscuro"] .inm-lista form input[type=text] { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .inm .vacio-t { color: var(--suave); }
html[data-tema="oscuro"] .inm-matriz .tabla td a { color: inherit; }
html[data-tema="oscuro"] .inm-mini { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .inm-num-ok { color: var(--ok); }
html[data-tema="oscuro"] .inm a.boton { text-decoration: none; }

/* ── reparto.css ── */
html[data-tema="oscuro"] .rep-kpi-sin .cifra { color: var(--alerta); }
html[data-tema="oscuro"] .rep-barra { color: #fff; }
html[data-tema="oscuro"] .rep-barra .uni { background: #23663f; }
html[data-tema="oscuro"] .rep-barra .cr { background: var(--g600); }
html[data-tema="oscuro"] .rep-barra .sr { background: #e0a43a; color: #f7d199; }
html[data-tema="oscuro"] .rep-leyenda i.uni { background: #23663f; }
html[data-tema="oscuro"] .rep-leyenda i.cr { background: var(--g600); }
html[data-tema="oscuro"] .rep-leyenda i.sr { background: #e0a43a; }
html[data-tema="oscuro"] .rep-leyenda small { color: var(--suave); }
html[data-tema="oscuro"] .rep-anio { color: var(--suave); }
html[data-tema="oscuro"] .rep-por-unidad { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .res-lista > li.rep-suma { background: var(--gris-cab); border-top: 2px solid var(--g800); }
html[data-tema="oscuro"] .rep-tipo { background: var(--gris); color: var(--suave); }
html[data-tema="oscuro"] .rep-tipo.proveedor { background: var(--sube-suave); color: var(--sube); }
html[data-tema="oscuro"] .rep-tipo.texto { background: var(--marca-suave); color: color-mix(in srgb, var(--marca-fuerte) 75%, #e6e6e6); }
html[data-tema="oscuro"] .rep-texto { background: var(--gris); }
html[data-tema="oscuro"] .rep-dest small { color: var(--suave); }
html[data-tema="oscuro"] .rep-dest.co { color: var(--g600); }
html[data-tema="oscuro"] .rep .tabla tr.fila-cat td { background: var(--gris-cab); color: var(--tenue); }
html[data-tema="oscuro"] .rep .tabla tr.rep-sin td { background: #33250f; }
html[data-tema="oscuro"] .rep-pista { color: var(--sube); }
html[data-tema="oscuro"] .rep-asignar select { color: var(--tinta); background: var(--papel); border: 1.5px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .rep .tabla tr.rep-resto td { color: var(--suave); }
html[data-tema="oscuro"] .rep-paso { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .card-cab + .rep-paso { border-top: 0; }
html[data-tema="oscuro"] .rep-n { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .rep-op { border: 1.5px solid var(--linea-fuerte); background: var(--papel); }
html[data-tema="oscuro"] .rep-op small { color: var(--suave); }
html[data-tema="oscuro"] .rep-op.sel { border-color: var(--g800); background: var(--gris-cab); box-shadow: inset 0 0 0 1px var(--g800); }
html[data-tema="oscuro"] .rep-partes { background: var(--gris-cab); border: 1px solid var(--linea); }
html[data-tema="oscuro"] .rep-parte select { color: var(--tinta); background: var(--papel); border: 1.5px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .rep-pct input { border: 1.5px solid var(--linea-fuerte); background: #1b2a21; }
html[data-tema="oscuro"] .rep-quitar { border: 1px solid var(--linea-fuerte); background: var(--papel); color: var(--suave); }
html[data-tema="oscuro"] .rep-suma-ok { color: var(--ok); }
html[data-tema="oscuro"] .rep-ayuda { color: var(--suave); }
html[data-tema="oscuro"] .res-botones .rep-borrar { color: var(--error); }
html[data-tema="oscuro"] .rep-orden li.esta { background: var(--gris-cab); box-shadow: inset 3px 0 0 var(--g800); }
html[data-tema="oscuro"] .rep-vista .res-frase { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .rep-uni { color: var(--tinta); text-decoration: none; box-shadow: none; }
html[data-tema="oscuro"] .rep-uni.activa { border: 2px solid var(--g800); }
html[data-tema="oscuro"] .rep-porque { color: var(--suave); }
html[data-tema="oscuro"] .rep-quien { color: var(--suave); }
html[data-tema="oscuro"] .rep-efecto { color: var(--tinta); }
html[data-tema="oscuro"] .rep-efecto.suave { color: var(--suave); }
@media (max-width: 899px) {
  html[data-tema="oscuro"] .tabla.ficha.rep-reglas tr.fila-cat td { background: none; }
  html[data-tema="oscuro"] .tabla.ficha.rep-reglas tr.res-total,
  html[data-tema="oscuro"] .tabla.ficha.rep-reglas tr.res-resultado { background: var(--gris-cab); }
  html[data-tema="oscuro"] .tabla.ficha.rep-reglas tr.res-total td,
  html[data-tema="oscuro"] .tabla.ficha.rep-reglas tr.res-resultado td { background: none; border-top: 0; }
  html[data-tema="oscuro"] .tabla.ficha.rep-reglas tr.rep-sin { background: #33250f; }
  html[data-tema="oscuro"] .tabla.ficha.rep-reglas tr.rep-sin td { background: none; }
  html[data-tema="oscuro"] .tabla.ficha.rep-sinr tr.res-total { background: var(--gris-cab); }
  html[data-tema="oscuro"] .tabla.ficha.rep-sinr tr.res-total td { background: none; border-top: 0; }
}
html[data-tema="oscuro"] .rep-suma-ok.mal { color: var(--error); }

/* ── resultados.css ── */
html[data-tema="oscuro"] .res .tabla td small { color: var(--suave); }
html[data-tema="oscuro"] .res .bien { color: var(--ok); }
html[data-tema="oscuro"] .res .medio { color: var(--alerta); }
html[data-tema="oscuro"] .res .mal { color: var(--error); }
html[data-tema="oscuro"] .res-lista > li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .res-lista > li:first-child { border-top: 0; }
html[data-tema="oscuro"] .res-lista small { color: var(--suave); }
html[data-tema="oscuro"] .res-pie { border-top: 1px solid var(--linea); background: var(--gris-cab); color: var(--suave); }
html[data-tema="oscuro"] .res-pie b { color: var(--tinta); }
html[data-tema="oscuro"] .res a.ir { color: var(--marca-fuerte); text-decoration: none; }
html[data-tema="oscuro"] .tabla tr.res-total td { background: var(--gris-cab); }
html[data-tema="oscuro"] .tabla tr.res-resultado td { background: var(--gris-cab); border-top: 2px solid var(--g800); }
html[data-tema="oscuro"] .tabla td.neg { color: var(--error); }
html[data-tema="oscuro"] .res-kpi .dos > div + div { border-left: 1px solid var(--linea); }
html[data-tema="oscuro"] .res-kpi .rot { color: var(--tenue); }
html[data-tema="oscuro"] .res-kpi .det { color: var(--suave); }
html[data-tema="oscuro"] .res-kpi .det b { color: var(--tinta); }
html[data-tema="oscuro"] .res-kpi .barra { background: var(--gris); }
html[data-tema="oscuro"] .res-kpi .barra i { background: #23663f; }
html[data-tema="oscuro"] .res-kpi .barra i.a { background: #e0a43a; }
html[data-tema="oscuro"] .res-kpi .barra i.r { background: #a3221b; }
html[data-tema="oscuro"] .res-kpi .fuente { color: var(--tenue); border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .res-dias .meta { border-top: 1.5px dashed var(--g600); }
html[data-tema="oscuro"] .res-dias span { background: #23663f; }
html[data-tema="oscuro"] .res-dias span.a { background: #e0a43a; }
html[data-tema="oscuro"] .res-dias span.r { background: #a3221b; }
html[data-tema="oscuro"] .res-dias span.hoy { outline: 2px solid var(--g800); }
html[data-tema="oscuro"] .res-dias-eje { color: var(--tenue); }
html[data-tema="oscuro"] .res-leyenda { color: var(--suave); }
html[data-tema="oscuro"] .res-matriz .tabla th:first-child,
html[data-tema="oscuro"] .res-matriz .tabla td:first-child { background: var(--papel); box-shadow: 1px 0 0 var(--linea); }
html[data-tema="oscuro"] .res-matriz .tabla th:first-child { background: var(--gris-cab); }
html[data-tema="oscuro"] .res-matriz .tabla tr.res-resultado td:first-child,
html[data-tema="oscuro"] .res-matriz .tabla tr.res-total td:first-child { background: var(--gris-cab); }
html[data-tema="oscuro"] .res-matriz .tabla td.erm,
html[data-tema="oscuro"] .res-matriz .tabla th.erm { background: #1e2822; box-shadow: inset 1px 0 0 var(--linea-fuerte); }
html[data-tema="oscuro"] .res-matriz .tabla tr.res-resultado td.erm { background: #232f27; }
html[data-tema="oscuro"] .res-matriz .tabla td.sin,
html[data-tema="oscuro"] .res-matriz .tabla th.sin { background: #33250f; }
html[data-tema="oscuro"] .res-cuenta li .op { color: var(--suave); }
html[data-tema="oscuro"] .res-cuenta li small { color: var(--suave); }
html[data-tema="oscuro"] .res-cuenta li.igual { border-top: 2px solid var(--g800); }
html[data-tema="oscuro"] .res-cuenta li.ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .res-cuenta li.ok .op,
html[data-tema="oscuro"] .res-cuenta li.ok small { color: var(--ok); }
html[data-tema="oscuro"] .res-cuenta li.dif { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .res-cuenta li.dif .op,
html[data-tema="oscuro"] .res-cuenta li.dif small { color: var(--error); }
html[data-tema="oscuro"] .res-check li { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .res-check li:first-child { border-top: 0; }
html[data-tema="oscuro"] .res-check .marca-ok { background: #23663f; color: #fff; }
html[data-tema="oscuro"] .res-check li.falta .marca-ok { background: var(--alerta-suave); color: var(--alerta); box-shadow: inset 0 0 0 2px #e0a43a; }
html[data-tema="oscuro"] .res-check li.err .marca-ok { background: var(--error-suave); color: var(--error); box-shadow: inset 0 0 0 2px var(--error); }
html[data-tema="oscuro"] .res-check .tx small { color: var(--suave); }
html[data-tema="oscuro"] .res-check .der a { color: var(--marca-fuerte); text-decoration: none; }
html[data-tema="oscuro"] .res-cerrar { border-top: 1px solid var(--linea); background: var(--gris-cab); }
html[data-tema="oscuro"] .res-cerrar .crece { color: var(--suave); }
html[data-tema="oscuro"] .res-cerrar .crece b { color: var(--tinta); }
html[data-tema="oscuro"] .res-confirma { border: 2px solid var(--g800); }
html[data-tema="oscuro"] .res-pasos li::before { background: var(--g800); color: #fff; }
html[data-tema="oscuro"] .res-pasos li small { color: var(--suave); }
html[data-tema="oscuro"] .res-acepto { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .res-botones { border-top: 1px solid var(--linea); background: var(--gris-cab); }
html[data-tema="oscuro"] .res-carga .tabla input { border: 1px solid var(--linea-fuerte); background: #1b2a21; }
html[data-tema="oscuro"] .res-adjunto { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .res-adjunto small { color: var(--suave); }
html[data-tema="oscuro"] .res-barra-bal { color: #fff; }
@media (max-width: 899px) {
  html[data-tema="oscuro"] .tabla.ficha tr.res-total,
  html[data-tema="oscuro"] .tabla.ficha tr.res-resultado { background: var(--gris-cab); }
  html[data-tema="oscuro"] .tabla.ficha tr.res-total td,
  html[data-tema="oscuro"] .tabla.ficha tr.res-resultado td { background: none; border-top: 0; }
}
html[data-tema="oscuro"] .res .espera { color: var(--tenue); }
html[data-tema="oscuro"] .res-kpi .cifra.espera { color: var(--tenue); }
html[data-tema="oscuro"] .res-leido { color: var(--suave); }
html[data-tema="oscuro"] .res-nota { border-top: 1px solid var(--linea); }
html[data-tema="oscuro"] .res-nota textarea { border: 1px solid var(--linea-fuerte); }
html[data-tema="oscuro"] .res-subir { border-bottom: 1px solid var(--linea); }
html[data-tema="oscuro"] .res-error { background: var(--error-suave); color: var(--error); }
html[data-tema="oscuro"] .res-ok { background: var(--ok-suave); color: var(--ok); }
html[data-tema="oscuro"] .res-check li.pendiente .marca-ok { background: var(--gris); color: var(--suave); box-shadow: inset 0 0 0 2px var(--linea-fuerte); }
html[data-tema="oscuro"] .res-cuenta li.pend { color: var(--suave); }
html[data-tema="oscuro"] .res-vacio { color: var(--suave); }
html[data-tema="oscuro"] .res-detalle[open] summary { border-bottom: 1px solid var(--linea); }

/* ── tarjetas.css ── */
html[data-tema="oscuro"] #ent-cuarto:checked ~ .hoy-card-cab label[for=ent-cuarto] { background: var(--papel); color: var(--tinta); box-shadow: 0 1px 3px rgba(17, 20, 23, .1); }
html[data-tema="oscuro"] #ent-cuarto:focus-visible ~ .hoy-card-cab label[for=ent-cuarto] { outline: 3px solid var(--marca-fuerte); }
html[data-tema="oscuro"] .tc-plastico { color: var(--tinta-suave, #5b6570); }
html[data-tema="oscuro"] .tc-plastico i { background: #1f5fa8; }
html[data-tema="oscuro"] .tc-plastico i.bchile { background: #1f5fa8; }
html[data-tema="oscuro"] .tc-plastico i.bci { background: #c5161d; }
html[data-tema="oscuro"] .tc-plastico i.scotia { background: #d81e05; }
html[data-tema="oscuro"] .tc-cuota { background: var(--marca-suave); color: var(--tinta); }
html[data-tema="oscuro"] .tc-vs .lado { border: 1px solid var(--linea); background: var(--papel); }
html[data-tema="oscuro"] .tc-vs .lado small { color: var(--tinta-suave, #5b6570); }
html[data-tema="oscuro"] .tc-vs .flecha { color: var(--tinta-suave, #5b6570); }
html[data-tema="oscuro"] .tc-empresas a { border: 1px solid var(--linea-fuerte); text-decoration: none; color: var(--tinta); background: var(--papel); }
html[data-tema="oscuro"] .tc-empresas a.activa { background: var(--g800, #1d2126); border-color: var(--g800, #1d2126); color: #fff; }
html[data-tema="oscuro"] .tc-robot .hora { color: var(--tinta-suave, #5b6570); }
html[data-tema="oscuro"] .tc-ops { border: 0; }
html[data-tema="oscuro"] .tc-asiento { border-top: 1px solid var(--linea); }
}