/*
 * m-aforo-mejora.css — Aforo de Pastos (#m-aforo)
 * Scroll fijo · campos 9px · pie 36×9px · KPI raya recta izq (sin franja curva).
 */

/* ═══ Cuerpo scroll — display:block evita recorte en móvil ═══ */
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .modal-serio-body.aforo-modal-body {
  display: block !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  padding: 10px !important;
  padding-bottom: 16px !important;
  box-sizing: border-box !important;
  gap: 0 !important;
}

/* Subtítulo bajo cabecera */
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo #m-aforo-hint {
  margin: 0 0 10px !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--texto-suave, #64748b) !important;
}

/* ═══ Tarjetas — sin recorte Pebble ═══ */
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-serio-bloque.ani-serio-v2-card,
#m-aforo.pes-pebble-vida-20260418 .aforo-serio-bloque.ani-serio-v2-card {
  overflow: visible !important;
  flex-shrink: 0 !important;
  margin: 0 0 8px !important;
  border-radius: 9px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding: 10px !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-serio-bloque--pot {
  padding: 10px !important;
  margin-bottom: 8px !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-serio-bloque .ani-serio-v2-subl {
  margin-bottom: 2px !important;
  flex-shrink: 0 !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-serio-bloque .fg,
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-serio-bloque .fr {
  margin-bottom: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-serio-bloque .flbl {
  display: block !important;
  margin-bottom: 5px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  color: var(--texto-suave, #64748b) !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-hint {
  margin: 0 0 4px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--texto-suave, #64748b) !important;
}

/* ═══ Campos ═══ */
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .modal-serio-body .fi,
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .modal-serio-body select.fi {
  border-radius: 9px !important;
  width: 100% !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-desp-num {
  max-width: 88px !important;
  min-height: 38px !important;
}

/* Filas 2 columnas → 1 en móvil */
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-fr-2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
  width: 100% !important;
}

@media (max-width: 560px) {
  #m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-fr-2 {
    grid-template-columns: 1fr !important;
  }
}

/* Muestras — 3 cols escritorio, 1 móvil */
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-muestras-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
}

@media (max-width: 560px) {
  #m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-muestras-row {
    grid-template-columns: 1fr !important;
  }
}

/* Banner info potrero */
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-info-banner {
  border-radius: 9px !important;
  margin-bottom: 8px !important;
  background: var(--gris-50, #f8fafc) !important;
  border: var(--borde-fino, 1px solid var(--gris-300, #cbd5e1)) !important;
}

/* Consumo calculado */
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-consumo-disp {
  border-radius: 9px !important;
  margin-top: 4px !important;
}

/* ═══ CTA Calcular — 38×9px ═══ */
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-btn-calc {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  border-radius: 9px !important;
  margin: 0 0 8px !important;
  background: var(--manto-btn-gris-ok-bg) !important;
  border: var(--manto-btn-gris-ok-border) !important;
  color: var(--manto-btn-gris-ok-color) !important;
  -webkit-text-fill-color: var(--manto-btn-gris-ok-color) !important;
  box-shadow: var(--manto-btn-gris-ok-shadow) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-btn-calc-ico {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

/* ═══ KPI — borde uniforme + raya recta izquierda (sin franja curva) ═══ */
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpi {
  position: relative !important;
  border: var(--borde-fino, 1px solid var(--gris-300, #cbd5e1)) !important;
  border-radius: 9px !important;
  background: var(--gris-0, #ffffff) !important;
  box-shadow: var(--manto-serio-panel-inset, inset 0 1px 0 rgba(255, 255, 255, 0.78)),
    0 1px 3px rgba(15, 23, 42, 0.06) !important;
  padding: 14px 12px 14px 14px !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpi::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 2px !important;
  border-radius: 0 !important;
  background: color-mix(in srgb, var(--gris-400, #94a3b8) 40%, transparent) !important;
  pointer-events: none !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpi--dens-warn::before {
  background: color-mix(in srgb, #f59e0b 42%, transparent) !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpi--sem-red::before {
  background: color-mix(in srgb, #dc2626 40%, transparent) !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpi--sem-yellow::before {
  background: color-mix(in srgb, #f59e0b 42%, transparent) !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpi--sem-green::before {
  background: color-mix(in srgb, #15803d 38%, transparent) !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpi--dens-warn,
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpi--sem-red,
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpi--sem-yellow,
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpi--sem-green,
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpi--sem-na {
  border-color: var(--gris-300, #cbd5e1) !important;
  background: var(--gris-0, #ffffff) !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-kpis-grid {
  gap: 10px !important;
  margin-bottom: 12px !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo .aforo-resultado-panel {
  border-radius: 9px !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo #aforo-resultado.aforo-serio-bloque--resultado {
  border-radius: 9px !important;
}

/* ═══ Pie — 36×9px gemelos ═══ */
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo
  .ani-serio-v2-footer-shell__row.aforo-modal-footer-row
  > .btn.bitacora-btn.aforo-foot-btn {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 9px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  gap: 8px !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo
  .aforo-modal-footer-row
  .aforo-foot-ico,
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo
  .aforo-modal-footer-row
  .bit-bitacora-foot-cancel-ico,
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo
  .aforo-modal-footer-row
  .bit-bitacora-foot-save-ico {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo
  .aforo-modal-footer-row
  > .btn.bit-bitacora-foot-cancel,
#m-aforo.aforo-form-modal.bitacora-serio-v2.modal-nuevo
  .aforo-modal-footer-row
  > .btn.bit-bitacora-foot-save {
  background: var(--manto-btn-gris-ok-bg) !important;
  border: var(--manto-btn-gris-ok-border) !important;
  color: var(--manto-btn-gris-ok-color) !important;
  -webkit-text-fill-color: var(--manto-btn-gris-ok-color) !important;
  box-shadow: var(--manto-btn-gris-ok-shadow) !important;
}