/* Tema claro / oscuro — Semanas Cotizadas */
.tema-btn {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 40;
  border: 1.5px solid #cbd5e1;
  background: #fff;
  color: #0f172a;
  border-radius: 999px;
  padding: .45rem .9rem;
  font: 600 .78rem/1 'Segoe UI', system-ui, sans-serif;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .12);
}
.tema-btn:hover { background: #f8fafc; }

html[data-tema="oscuro"] { color-scheme: dark; }
html[data-tema="oscuro"] .tema-btn {
  border-color: #334155;
  background: #1e293b;
  color: #e2e8f0;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .35);
}
html[data-tema="oscuro"] .tema-btn:hover { background: #334155; }

html[data-tema="oscuro"] body {
  background: #0b1220 !important;
  color: #e2e8f0 !important;
}

html[data-tema="oscuro"] .card,
html[data-tema="oscuro"] .caja,
html[data-tema="oscuro"] .tarjeta {
  background: #151c2c !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .35) !important;
  border: 1px solid #243044;
  color: #e2e8f0;
}

html[data-tema="oscuro"] h1,
html[data-tema="oscuro"] .card-title,
html[data-tema="oscuro"] .titulo {
  color: #f1f5f9 !important;
}

html[data-tema="oscuro"] .sub,
html[data-tema="oscuro"] .card-sub,
html[data-tema="oscuro"] .hint,
html[data-tema="oscuro"] .nota,
html[data-tema="oscuro"] .pool-linea,
html[data-tema="oscuro"] .barra-sesion,
html[data-tema="oscuro"] .step-label,
html[data-tema="oscuro"] #resMsg,
html[data-tema="oscuro"] #resSubtitle {
  color: #94a3b8 !important;
}

html[data-tema="oscuro"] label { color: #94a3b8 !important; }
html[data-tema="oscuro"] .step-label span,
html[data-tema="oscuro"] .pool-linea strong,
html[data-tema="oscuro"] .barra-sesion a,
html[data-tema="oscuro"] .enlaces a,
html[data-tema="oscuro"] .toggle-manual,
html[data-tema="oscuro"] .toggle-raw {
  color: #67e8f9 !important;
}

html[data-tema="oscuro"] input,
html[data-tema="oscuro"] select,
html[data-tema="oscuro"] textarea {
  background: #0f172a !important;
  color: #e2e8f0 !important;
  border-color: #334155 !important;
}
html[data-tema="oscuro"] input:focus,
html[data-tema="oscuro"] select:focus,
html[data-tema="oscuro"] textarea:focus {
  border-color: #22d3ee !important;
}
html[data-tema="oscuro"] input[readonly] {
  background: #1e293b !important;
  color: #94a3b8 !important;
}
html[data-tema="oscuro"] input::placeholder,
html[data-tema="oscuro"] textarea::placeholder {
  color: #64748b;
}

html[data-tema="oscuro"] .btn-secondary,
html[data-tema="oscuro"] .btn-gris {
  background: #1e293b !important;
  color: #e2e8f0 !important;
}
html[data-tema="oscuro"] .btn-secondary:hover:not(:disabled),
html[data-tema="oscuro"] .btn-gris:hover:not(:disabled) {
  background: #334155 !important;
}

html[data-tema="oscuro"] .btn-primary,
html[data-tema="oscuro"] .btn-primario,
html[data-tema="oscuro"] .btn-entrar {
  background: #0e7490 !important;
  color: #fff !important;
}
html[data-tema="oscuro"] .btn-primary:hover:not(:disabled),
html[data-tema="oscuro"] .btn-primario:hover:not(:disabled),
html[data-tema="oscuro"] .btn-entrar:hover:not(:disabled) {
  background: #155e75 !important;
}

html[data-tema="oscuro"] .alert-error,
html[data-tema="oscuro"] .aviso.error {
  background: #3f1d1d !important;
  color: #fca5a5 !important;
  border-color: #7f1d1d !important;
}
html[data-tema="oscuro"] .alert-success,
html[data-tema="oscuro"] .aviso.ok {
  background: #14532d !important;
  color: #86efac !important;
  border-color: #166534 !important;
}
html[data-tema="oscuro"] .alert-warn,
html[data-tema="oscuro"] .aviso.alerta,
html[data-tema="oscuro"] .retry-box {
  background: #422006 !important;
  color: #fde68a !important;
  border-color: #854d0e !important;
}
html[data-tema="oscuro"] .alert-info {
  background: #1e3a5f !important;
  color: #93c5fd !important;
  border-color: #1d4ed8 !important;
}

html[data-tema="oscuro"] .step-dot { background: #334155 !important; }
html[data-tema="oscuro"] .step-dot.active { background: #22d3ee !important; }
html[data-tema="oscuro"] .step-dot.done { background: #22c55e !important; }

html[data-tema="oscuro"] .info-nss {
  background: #052e16 !important;
  border-color: #166534 !important;
}
html[data-tema="oscuro"] .info-nss-title { color: #86efac !important; }
html[data-tema="oscuro"] .info-campo {
  background: #0f172a !important;
  border-color: #166534 !important;
}
html[data-tema="oscuro"] .info-campo-l { color: #4ade80 !important; }
html[data-tema="oscuro"] .info-campo-v { color: #bbf7d0 !important; }

html[data-tema="oscuro"] .codigo-info {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
}
html[data-tema="oscuro"] .codigo-info strong { color: #67e8f9 !important; }

html[data-tema="oscuro"] .badge-ok { background: #14532d !important; color: #86efac !important; }
html[data-tema="oscuro"] .badge-error { background: #7f1d1d !important; color: #fecaca !important; }

html[data-tema="oscuro"] .stat,
html[data-tema="oscuro"] .enlace-box {
  background: #0f172a !important;
  border-color: #334155 !important;
}
html[data-tema="oscuro"] .enlace-box.listo {
  border-color: #22d3ee !important;
  background: #083344 !important;
}
html[data-tema="oscuro"] .enlace-box textarea { color: #e2e8f0 !important; }
html[data-tema="oscuro"] .enlace-estado { color: #94a3b8 !important; }
html[data-tema="oscuro"] .enlace-estado.err { color: #f87171 !important; }
html[data-tema="oscuro"] .stat-label { color: #64748b !important; }
html[data-tema="oscuro"] .stat-value { color: #67e8f9 !important; }
html[data-tema="oscuro"] .stat-value.text { color: #e2e8f0 !important; }

html[data-tema="oscuro"] .divider,
html[data-tema="oscuro"] .manual-box {
  border-color: #334155 !important;
}

html[data-tema="oscuro"] .log-auto,
html[data-tema="oscuro"] .raw {
  background: #020617 !important;
  color: #7dd3fc !important;
}

html[data-tema="oscuro"] table th {
  color: #64748b !important;
  border-bottom-color: #334155 !important;
}
html[data-tema="oscuro"] table td {
  border-bottom-color: #1e293b !important;
  color: #cbd5e1;
}
html[data-tema="oscuro"] .et-admin { background: #3b0764 !important; color: #d8b4fe !important; }
html[data-tema="oscuro"] .et-usuario { background: #0c4a6e !important; color: #7dd3fc !important; }
html[data-tema="oscuro"] .et-activo,
html[data-tema="oscuro"] .et-libre { background: #14532d !important; color: #86efac !important; }
html[data-tema="oscuro"] .et-inactivo { background: #7f1d1d !important; color: #fecaca !important; }
html[data-tema="oscuro"] .et-conectado,
html[data-tema="oscuro"] .et-reservado,
html[data-tema="oscuro"] .btn-ambar {
  background: #422006 !important;
  color: #fde68a !important;
}
html[data-tema="oscuro"] .et-ocupado { background: #1e293b !important; color: #cbd5e1 !important; }
html[data-tema="oscuro"] .btn-rojo { background: #7f1d1d !important; color: #fecaca !important; }
html[data-tema="oscuro"] .badge-exp {
  background: #422006 !important;
  color: #fde68a !important;
  border-color: #854d0e !important;
}

html[data-tema="oscuro"] code {
  background: #0f172a;
  color: #67e8f9;
  padding: .05rem .25rem;
  border-radius: 4px;
}