/* Estilo para el contenedor principal de los cards de totales */
.totales-card-compact {
  /* Fondo del card para que no se pierda */
  background-color: #f8f9fa; 
  /* Sombra para que se "levante" del fondo */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
  transition: all 0.3s ease;
}

.totales-card-compact:hover {
  transform: translateY(-5px); /* Efecto al pasar el cursor */
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.totales-card-compact .card-title {
  color: #6c757d; /* Color más suave para el título */
  border-bottom: 1px solid #dee2e6; /* Línea separadora */
  padding-bottom: 0.5rem;
}

/* Estilo para los indicadores de estado */
.badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}


/* Contenedor principal para el scroll */
.table-responsive-customTurno {
  max-height: 520px; 
  overflow-y: auto;  
  overflow-x: auto;  
  position: relative; 
}


/* Colores de fondo de la tabla con alta especificidad */
#produccionTurnoTable th.material-bg-primary {
  background-color: #2196f3; /* Azul estándar de Material Design */
}
#produccionTurnoTable th.material-bg-success {
  background-color: #4caf50; /* Green */
}

#produccionTurnoTable th.material-bg-warning {
  background-color: #ff9800; /* Orange */
}

#produccionTurnoTable th.material-bg-danger {
  background-color: #f44336; /* Red */
}

#produccionTurnoTable th.material-bg-info {
  background-color: #03a9f4; /* Light Blue */
}

#produccionTurnoTable th.material-bg-secondary {
  background-color: #607d8b; /* Blue Grey */
}

/* Colores de texto para modo oscuro */
.material-text-white {
  color: #fcf9f9 !important; /* Gris claro suave */
}

.material-text-success {
  color: #2e7d32 !important; /* Verde oscuro */
}

.material-text-warning {
  color: #e65100 !important; /* Naranja oscuro */
}

.material-text-danger {
  color: #b71c1c !important; /* Rojo oscuro */
}

/* Color de fondo para la fila cuando es seleccionada */
.selected-row {
  background-color: #e3f2fd !important; /* Un azul claro y suave */
  transition: background-color 0.3s ease;
  cursor: pointer; /* Cambia el cursor para indicar que es clickeable */
}

/* Opcional: Estilo de las filas al pasar el cursor */
#produccionTurnoTable tbody tr:hover {
  background-color: #f0f0f0; /* Un gris muy claro */
}