/* Themes.css - DARK MODE DKodex Premium */
body.tema-oscuro {
  background: #212121 !important;
  color: #fff !important;
}

/* Topbar y nav */
body.tema-oscuro .topbar,
body.tema-oscuro .navbar {
  background: #212121 !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgb(0 0 0 / 53%);
}
body.tema-oscuro .navbar {
  background: #272727 !important;
}

/* Titulos, links, spans */
body.tema-oscuro h1,
body.tema-oscuro h2,
body.tema-oscuro h3,
body.tema-oscuro h4,
body.tema-oscuro .titulo-gym,
body.tema-oscuro nav a,
body.tema-oscuro .navbar a {
  color: #fff !important;
}

body.tema-oscuro nav a.active,
body.tema-oscuro .navbar a.active {
  color: #ffaa00 !important;
  border-bottom: 2px solid #ffaa00 !important;
}

body.tema-oscuro nav a:hover,
body.tema-oscuro .navbar a:hover {
  color: #ffaa00 !important;
  border-bottom: 2px solid #ffaa00 !important;
}

/* Paneles y cuadros */
body.tema-oscuro .resumen-box {
  background: #2c2c2c !important;
  color: #ffaa00 !important;
  border-left: 5px solid #ffffff !important;
  box-shadow: 0 2px 8px rgb(209 209 209 / 20%);
}
body.tema-oscuro .resumen-box p {
  color: #fff !important;
}

/* Contenido y formularios */
body.tema-oscuro #contenido,
body.tema-oscuro .container,
body.tema-oscuro .formulario,
body.tema-oscuro .modal,
body.tema-oscuro .tabla-clientes,
body.tema-oscuro .overlay {
  background: #2a2a2acc !important;
  color: #fff !important;
  box-shadow: 0 2px 10px rgb(255 255 255 / 36%);
}

/* Inputs, selects y tablas */
body.tema-oscuro input,
body.tema-oscuro select,
body.tema-oscuro textarea {
  background: #222 !important;
  color: #fff !important;
  border: 1px solid #4444449e!important;
}
body.tema-oscuro input::placeholder,
body.tema-oscuro textarea::placeholder {
  color: #999 !important;
}

/* Tablas */

body.tema-oscuro .tabla-clientes td {
  background: 2a2a2a !important;
  color: #fff !important;
  border-bottom: 1px solid #3b3b3b !important;
}
body.tema-oscuro .tabla-clientes tr:hover {
  background: #292929 !important;
}

body.tema-oscuro .tabla-clientes th {
  background: #1c1c1c  !important;
  color: #fff !important;
  border-bottom: 1px solid #3b3b3b !important;
}
body.tema-oscuro .tabla-clientes tr:hover {
  background: #222222 !important;
}

/* Botones principales (Registrar, Exportar, Renovar) */
body.tema-oscuro button,
body.tema-oscuro .formulario button[type="submit"],
body.tema-oscuro #btn-exportar,
body.tema-oscuro #btn-renovar {
  background: #ffaa00 !important;
  color: #222 !important;
  font-weight: bold;
  border: none !important;
  box-shadow: none !important;
}

body.tema-oscuro button:hover,
body.tema-oscuro .formulario button[type="submit"]:hover,
body.tema-oscuro #btn-exportar:hover,
body.tema-oscuro #btn-renovar:hover {
  background: #d19200 !important;
  color: #fff !important;
}

body.tema-oscuro .cerrar-modal {
  color: #ffaa00 !important;
}
body.tema-oscuro .cerrar-modal:hover {
  color: #fff !important;
}

body.tema-oscuro .busqueda input {
  background: #272727 !important;
  color: #fff !important;
}

body.tema-oscuro .marca-autor {
  background: rgb(22, 22, 22) !important;
  color: #fff !important;
}

/* Estados (verde, rojo, naranja, azul) */
body.tema-oscuro .estado-activo {
  color: #2cff7c !important;
}
body.tema-oscuro .estado-inactivo {
  color: #ff4d4d !important;
}
body.tema-oscuro .estado-venciendo {
  color: #ffaa00 !important;
}
body.tema-oscuro .estado-deuda {
  color: #ff4d4d !important;
}
body.tema-oscuro .estado-renovado {
  color: #ffaa00 !important;
}

/* Selector de tema */
body.tema-oscuro #themeSelector {
  background: #2a2a2a !important;
  color: #fff !important;
  border: 1px solid #555 !important;
}