/* --- OPTIMIZACIÓN DE RENDIMIENTO --- */

.table thead th {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: #1a1a1a !important;
  /* Evita transparencias al hacer scroll */
  border-bottom: 2px solid #28a745 !important;
  will-change: transform;
}

.cuadre-flotante {
  position: fixed !important;
  bottom: 20px !important;
  left: 10px !important;
  right: auto !important;
  width: 180px !important;
  height: 100px !important;
  z-index: 9999 !important;
  background-color: #2d2d2d !important;
  color: #00ff00 !important;
  border: 2px solid #28a745 !important;
  border-radius: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Corrección del punto faltante */
.cuadre-monto {
  font-size: 1.6rem !important;
  /* Ajustado para pantallas medianas */
  font-family: 'Courier New', monospace !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

/* --- LIMPIEZA DE INPUTS --- */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  appearance: textfield;
  /* Soporte para Firefox */
}

/* --- MEJORA DE LECTURA --- */
.monto-contable {
  text-align: right !important;
  font-family: 'Courier New', monospace !important;
  letter-spacing: 0.5px;
}

/* Filas con hover sutil para no cansar la vista */
#balanceForm .row.g-3>div {
  border-bottom: 1px solid rgba(40, 167, 69, 0.15);
  transition: background-color 0.2s;
}

#balanceForm .row.g-3:hover {
  background-color: rgba(40, 167, 69, 0.05);
}

#icono {
  content: url('/static/images/logoP.svg');
  display: inline-block;
  width: 32px;
  height: 32px;
}