/* detalle_cotizacion.css */

td.nivel-base {
  background-color: #ffcccc; /* mismo color que antes Nivel 1 */
  color: inherit;
  text-align: center;
  vertical-align: middle;
  font-size: 0.85rem;
}
/* Nivel backgrounds */
td.nivel-1 {
  background-color: #ffcccc;
} /* Nivel 1: rojo claro */
td.nivel-2 {
  background-color: #ffffcc;
} /* Nivel 2: amarillo claro */
td.nivel-3 {
  background-color: #e0ccff;
} /* Nivel 3: morado claro */
td.nivel-4 {
  background-color: #ccffcc;
} /* Nivel 4: verde claro */
td.nivel-5 {
  background-color: #cce0ff;
} /* Nivel 5: azul claro */
td.nivel-6 {
  background-color: #003366;
  color: #fff;
} /* Nivel 6: azul oscuro con texto blanco */

/* Opcional: Que los textos dentro de td.nivel-* sean centrados y con pequeño padding */
td.nivel-1,
td.nivel-2,
td.nivel-3,
td.nivel-4,
td.nivel-5,
td.nivel-6 {
  text-align: center;
  vertical-align: middle;
  font-size: 0.85rem;
}

/* Para la columna de precios de marca, que sea fondo celeste tenue */
.price-marca-col {
  background-color: #cce0ff !important;
}

/* Cursor pointer en los <th> .sortable */
th.sortable {
  cursor: pointer;
}