/* ═══════════════════════════════════════════════════
   katva-fields.css — Altura estándar 38px para todos
   los campos rellenables del CRM en escritorio.

   Cargado DESPUÉS del <style> inline de cada página
   → gana en cascade sin necesitar !important.
   Solo aplica en desktop (≥769px).
   Mobile mantiene sus propias reglas en cada HTML.
═══════════════════════════════════════════════════ */

@media (min-width: 769px) {

  /* ── INPUTS DE FORMULARIO MODAL (.fi y .fimod) ── */
  input.fi,
  input.fimod {
    min-height: 38px;
    padding-top: 9px;
    padding-bottom: 9px;
    box-sizing: border-box;
  }

  /* Select con clase .fi */
  select.fi,
  select.fimod {
    height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
  }

  /* Textarea — crece, no se fija */
  textarea.fi,
  textarea.fimod {
    min-height: 80px;
    padding-top: 9px;
    padding-bottom: 9px;
    box-sizing: border-box;
  }

  /* ── INPUTS DE TOPBAR / BÚSQUEDA ── */
  .qinp {
    min-height: 38px;
    padding-top: 9px;
    padding-bottom: 9px;
    box-sizing: border-box;
  }

  /* ── SELECTS DE FILTRO EN TOPBAR ── */
  select.sel,
  .sel {
    height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
  }

  /* ── CUSTOM SELECT TRIGGER (katva-pickers) ── */
  .ksel-trigger {
    min-height: 38px;
  }

  /* ── FLATPICKR INPUT READONLY (date/time trigger) ── */
  input.flatpickr-input[readonly],
  input.no-fp {
    min-height: 38px;
    padding-top: 9px;
    padding-bottom: 9px;
    box-sizing: border-box;
  }

  /* ── PIPELINE: input de notas en columna ── */
  .pip-cd-input {
    min-height: 38px;
    padding-top: 9px;
    padding-bottom: 9px;
    box-sizing: border-box;
  }

  /* ── INPUTS GENÉRICOS DENTRO DE MODALES / OVERLAYS ──
     Cubre inputs que no tienen clase .fi pero viven
     en un panel de overlay (.ov) o formulario (.form-row)  */
  .ov input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=submit]):not([type=button]),
  .form-row input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=submit]):not([type=button]) {
    min-height: 38px;
    padding-top: 9px;
    padding-bottom: 9px;
    box-sizing: border-box;
  }

  .ov select,
  .form-row select {
    height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
  }

  /* ── EXCEPCIÓN: inputs compactos ya tienen !important en su HTML ──
     El popup de Fechas en seguimiento usa 22px !important → no se ve afectado. */

}
