/* PrintCenter Costeador v1.0.5 - corrección FORZADA de campos/celdas pequeñas */

/* Campo con corrección aplicada por JS */
.pc-form-field-fix,
input.pc-form-field-fix,
select.pc-form-field-fix,
textarea.pc-form-field-fix {
  width: 100% !important;
  min-width: 170px !important;
  max-width: none !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
  padding: 8px 12px !important;
  line-height: 1.25 !important;
}

/* Contenedor corregido */
.pc-form-cell-fix,
.pc-form-cell-fix > *,
.pc-form-pair-fix,
.pc-form-pair-fix > * {
  min-width: 170px !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Inputs problemáticos conocidos del costeador */
form input[type="number"],
form input[name*="cantidad" i],
form input[id*="cantidad" i],
form input[name*="ancho" i],
form input[id*="ancho" i],
form input[name*="alto" i],
form input[id*="alto" i],
form input[name*="cobertura" i],
form input[id*="cobertura" i],
form input[name*="horas" i],
form input[id*="horas" i],
form input[name*="otros" i],
form input[id*="otros" i],
form input[name*="costo" i],
form input[id*="costo" i] {
  width: 100% !important;
  min-width: 170px !important;
  max-width: none !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
  padding: 8px 12px !important;
}

/* Si la plantilla usa columnas automáticas, se evita que queden del tamaño de una cajita */
.pc-costeo-form-fix .col-auto,
.pc-costeo-form-fix [class~="col-auto"],
.pc-costeo-form-fix [class*="col-auto"],
.pc-costeo-form-fix .form-field,
.pc-costeo-form-fix .field,
.pc-costeo-form-fix .input-group,
.pc-costeo-form-fix .form-group {
  min-width: 190px !important;
  flex: 1 1 190px !important;
  box-sizing: border-box !important;
}

/* Grillas que se rompen por columnas label/input/label/input */
.pc-costeo-form-fix .row,
.pc-costeo-form-fix .form-row {
  row-gap: 12px !important;
}

/* Cuando el formulario está armado como CSS Grid con columnas muy angostas */
.pc-costeo-form-fix [style*="grid"],
.pc-costeo-form-fix .grid,
.pc-costeo-form-fix [class*="grid"] {
  column-gap: 14px !important;
  row-gap: 12px !important;
}

/* Evita que etiquetas largas y campos compitan por la misma celda */
.pc-costeo-form-fix label,
.pc-costeo-form-fix .form-label,
.pc-costeo-form-fix .control-label {
  white-space: normal !important;
}

@media (max-width: 900px) {
  .pc-form-field-fix,
  form input[type="number"],
  form input[name*="cantidad" i],
  form input[id*="cantidad" i],
  form input[name*="ancho" i],
  form input[id*="ancho" i],
  form input[name*="alto" i],
  form input[id*="alto" i],
  form input[name*="cobertura" i],
  form input[id*="cobertura" i],
  form input[name*="horas" i],
  form input[id*="horas" i],
  form input[name*="otros" i],
  form input[id*="otros" i] {
    min-width: 140px !important;
  }
}

@media (max-width: 640px) {
  .pc-costeo-form-fix .row,
  .pc-costeo-form-fix .form-row {
    display: block !important;
  }
  .pc-form-field-fix,
  .pc-form-cell-fix,
  .pc-form-pair-fix,
  form input[type="number"] {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
