/* Estilos adicionales personalizados */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #fef3c7;
}
::-webkit-scrollbar-thumb {
  background: #d97706;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #b45309;
}

#vistaLogin {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)), url('../images/fondo-login.jpg') center/cover no-repeat !important;
}

body, 
button, 
input, 
select, 
textarea {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

body {
  color: #0f172a !important;
  background-color: #fffbeb !important;
}

/* ========================================================
   1. MATERIAL DESPICADORAS (RECUADROS TONO PIEL Y LETRA NEGRA)
   ================================================-------- */
#seccion-materiales div[class*="bg-slate-"],
#seccion-materiales div[class*="bg-amber-900"],
#seccion-materiales div[class*="bg-zinc-"] {
  background-color: #fef3c7 !important;
  border: 1px solid #fcd34d !important;
  color: #0f172a !important;
}

#seccion-materiales *,
#listaStockGerencia * {
  color: #0f172a !important;
}

#seccion-materiales span,
#seccion-materiales p,
#seccion-materiales label {
  color: #1e293b !important;
  font-weight: 600 !important;
}

/* ========================================================
   2. CALENDARIO, TAREAS Y ETIQUETAS DE DÍAS (TONO PIEL CLARO)
   ================================================-------- */
#contenedorCalendarioTareas > div, 
#contenedorCalendarioTareas div[class*="bg-slate-"] {
  background-color: #ffffff !important;
  border: 1px solid #fcd34d !important; 
  border-radius: 0.75rem !important;
}

/* Etiquetas de tareas dentro del calendario (ej: GERENCIA_AVI) */
#contenedorCalendarioTareas div div[class*="bg-slate-"],
#contenedorCalendarioTareas div div[class*="bg-indigo-"],
#contenedorCalendarioTareas div div[class*="bg-blue-"] {
  background-color: #fef3c7 !important; /* Tono naranja claro / piel */
  border: 1px solid #fcd34d !important;
  color: #0f172a !important;
  border-radius: 0.5rem !important;
}

#contenedorCalendarioTareas div div[class*="bg-slate-"] *,
#contenedorCalendarioTareas div div[class*="bg-indigo-"] *,
#contenedorCalendarioTareas div div[class*="bg-blue-"] * {
  color: #0f172a !important;
  font-weight: 600 !important;
}

#contenedorCalendarioTareas div *,
#contenedorCalendarioTareas span,
#contenedorCalendarioTareas p {
  color: #0f172a !important;
  font-weight: 500;
}

#listaTareasPendientes *,
#listaTareasEnviadas * {
  color: #0f172a;
}

/* ========================================================
   3. BÓVEDA DE CONTRASEÑAS (MANTIENE SU ESTILO OSCURO ELEGANTE)
   ================================================-------- */
#contenedorTarjetasPass > div {
  background-color: #ffffff !important;
  border: 1px solid #fde68a !important;
}

#contenedorTarjetasPass .bg-slate-900,
#contenedorTarjetasPass div[class*="bg-slate-"],
#contenedorTarjetasPass div[class*="bg-amber-50"] {
  background-color: #64748b !important;
  border-color: #475569 !important;
  border-radius: 0.75rem !important;
  padding: 0.6rem !important;
}

#contenedorTarjetasPass .bg-slate-900 *,
#contenedorTarjetasPass div[class*="bg-slate-"] *,
#contenedorTarjetasPass div[class*="bg-amber-50"] * {
  color: #f8fafc !important;
}

#contenedorTarjetasPass button:not(#btnCambiar):not(#btnEditar):not(#btnEliminar) {
  background-color: #4f46e5 !important;
  color: #ffffff !important;
  border-radius: 0.75rem !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

/* ========================================================
   4. INVENTARIO Y TABLAS
   ================================================-------- */
#tablaConteoFisico, 
#tablaConteoFisico *,
#cuerpoReporte, 
#cuerpoReporte * {
  color: #0f172a !important;
}

#tablaConteoFisico td span,
#tablaConteoFisico td div:last-child {
  color: #334155 !important;
  font-weight: 500;
}

.bg-slate-900:not(#vistaLogin), 
.bg-slate-800:not(aside) {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-color: #fde68a !important;
}