/* IPERC_TOOLBAR_EVALUACION_VISIBLE_V332
   Ajuste visual exclusivo de la barra "Ingresar datos".
   Objetivos:
   - Hacer totalmente visibles los valores numericos de Evaluacion Inicial y Residual.
   - Uniformar tamanos tipograficos y alturas de controles del ribbon.
   - Dar mas ancho a las evaluaciones en resoluciones de trabajo habituales sin agregar scroll horizontal.
   - No modifica IDs, eventos, formulas, valores, min/max ni logica del IPERC.
*/

/* Escala visual comun del ribbon. */
#toolbar-insertar.iperc-toolbar-clean-v166 {
  --iperc-toolbar-label-size-v332: 8.5px;
  --iperc-toolbar-value-size-v332: 10.5px;
  --iperc-toolbar-caption-size-v332: 8.5px;
  --iperc-toolbar-control-height-v332: 27px;
}

#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-insert-field > span:first-child,
#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-score-grid span,
#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-controls-grid span,
#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-afecta-label-v166 {
  font-size: var(--iperc-toolbar-label-size-v332) !important;
  line-height: 1.05 !important;
}

#toolbar-insertar.iperc-toolbar-clean-v166 input:not([type="hidden"]):not([type="checkbox"]),
#toolbar-insertar.iperc-toolbar-clean-v166 select,
#toolbar-insertar.iperc-toolbar-clean-v166 textarea {
  font-size: var(--iperc-toolbar-value-size-v332) !important;
  line-height: 1.1 !important;
}

#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-section-caption {
  font-size: var(--iperc-toolbar-caption-size-v332) !important;
  line-height: 1.05 !important;
}

/* Evaluacion Inicial y Residual: misma geometria y numeros completamente legibles. */
#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-initial .iperc-score-grid,
#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-residual .iperc-score-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(32px, 1fr)) 1px minmax(32px, 1fr) !important;
  column-gap: 3px !important;
  row-gap: 2px !important;
  padding: 5px 4px !important;
  align-items: center !important;
  align-content: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-initial .iperc-score-grid > div:not(.iperc-score-separator),
#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-residual .iperc-score-grid > div:not(.iperc-score-separator) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}

#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-initial .iperc-score-grid input[type="number"],
#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-residual .iperc-score-grid input[type="number"] {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: var(--iperc-toolbar-control-height-v332) !important;
  min-height: var(--iperc-toolbar-control-height-v332) !important;
  max-height: var(--iperc-toolbar-control-height-v332) !important;
  padding: 0 1px !important;
  margin: 2px auto 0 !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: var(--iperc-toolbar-control-height-v332) !important;
  font-variant-numeric: tabular-nums !important;
  color: #0f172a !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

/* Mantener el IS destacado sin perder contraste del numero. */
#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-initial #iniIS,
#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-residual #resIS {
  color: #b91c1c !important;
  -webkit-text-fill-color: #b91c1c !important;
}

#toolbar-insertar.iperc-toolbar-clean-v166 .iperc-score-separator {
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 36px !important;
  justify-self: center !important;
}

/* En pantallas de trabajo comunes, usar el espacio libre de la primera fila para
   ampliar Evaluacion Inicial; Residual queda con la misma proporcion visual. */
@media (min-width: 1250px) and (max-width: 1899px) {
  #toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-initial {
    grid-column: span 3 !important;
  }

  #toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-residual {
    grid-column: span 3 !important;
  }

  #toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-action {
    grid-column: span 2 !important;
  }
}

/* Si el bloque llega a ser muy estrecho por paneles laterales o zoom del navegador,
   se reduce solo la caja numerica, nunca el texto del valor. */
@media (min-width: 820px) and (max-width: 1099px) {
  #toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-initial .iperc-score-grid,
  #toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-residual .iperc-score-grid {
    grid-template-columns: repeat(4, minmax(30px, 1fr)) 1px minmax(30px, 1fr) !important;
    column-gap: 2px !important;
  }

  #toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-initial .iperc-score-grid input[type="number"],
  #toolbar-insertar.iperc-toolbar-clean-v166 .iperc-grid-residual .iperc-score-grid input[type="number"] {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
  }
}