/*
 * m-potrero-det-mejora.css — Nuevo / Editar potrero (#m-potrero-det)
 * Fix scroll (display:block) · tarjetas sin recorte · campos 9px · pie 36×9px.
 */

/* ═══ Cuerpo scroll — mismo fix que #m-ordeno-express (flex+overflow recorta hijos) ═══ */
#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .modal-serio-body.pot-det-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: 18px !important;
  box-sizing: border-box !important;
}

/* ═══ Tarjetas — sin recorte Pebble (overflow:hidden rompía campos) ═══ */
#m-potrero-det.modo-final.pot-pebble-vida-20260418 .pot-det-serio-bloque.ani-serio-v2-card,
#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-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;
}

#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-serio-bloque.ani-serio-v2-card:last-of-type {
  margin-bottom: 0 !important;
}

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

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

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

/* ═══ Filas 2 columnas — en móvil siempre 1 col (evita campos cortados) ═══ */
#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-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: 600px) {
  #m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-fr-2 {
    grid-template-columns: 1fr !important;
  }
}

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

#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .modal-serio-body textarea.fi {
  min-height: 72px !important;
}

/* ═══ Bloque técnico — sin doble recuadro ═══ */
#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-tecnico-block {
  margin-top: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-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;
}

/* ═══ Color en mapa ═══ */
#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-color-btns,
#m-potrero-det #pot-color-btns.pot-det-color-btns {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 4px !important;
}

#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-color-btn,
#m-potrero-det #pot-color-btns.pot-det-color-btns button.pot-det-color-btn {
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border-radius: 9px !important;
  border: 1px solid var(--gris-300, #cbd5e1) !important;
  background: var(--pot-swatch, var(--gris-100, #f1f5f9)) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-color-btn--auto {
  background: var(--superficie-input, #ffffff) !important;
}

#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-color-btn.is-selected,
#m-potrero-det #pot-color-btns .pot-det-color-btn.is-selected {
  border: 2px solid var(--texto-fuerte, #0f172a) !important;
  box-shadow: 0 0 0 1px var(--superficie-input, #ffffff) !important;
}

/* ═══ Trazar — sub-bloque ═══ */
#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-serio-bloque--mapa .pot-det-trazar-block {
  margin-top: 4px !important;
  padding: 10px !important;
  border-radius: 9px !important;
  background: var(--gris-50, #f8fafc) !important;
  border: var(--borde-fino, 1px solid var(--gris-300, #cbd5e1)) !important;
}

#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-trazar-btn,
#m-potrero-det .pot-det-trazar-btn {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  border-radius: 9px !important;
}

/* ═══ Observaciones + micrófono ═══ */
#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-serio-bloque--obs .pot-det-obs-fg {
  margin-bottom: 0 !important;
}

#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-serio-bloque--obs .manto-fi-voz-wrap--ta {
  border-radius: 9px !important;
  width: 100% !important;
}

/* ═══ Pie — 36×9px · Cancelar + Guardar iguales (nuevo) ═══ */
#m-potrero-det.pot-det--nuevo.pot-det-form-modal.bitacora-serio-v2.modal-nuevo .pot-det-actions.bit-bitacora-footer-row {
  justify-content: space-between !important;
  gap: 8px !important;
}

#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo
  .ani-serio-v2-footer-shell__row.pot-det-actions.bit-bitacora-footer-row
  > .btn.bitacora-btn {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 9px !important;
  padding: 0 12px !important;
}

#m-potrero-det.pot-det--nuevo.pot-det-form-modal.bitacora-serio-v2.modal-nuevo
  .pot-det-actions.bit-bitacora-footer-row
  > .btn.bitacora-btn:not(#btn-del-pot) {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}

#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo
  .pot-det-actions
  .bit-bitacora-foot-cancel-ico,
#m-potrero-det.pot-det-form-modal.bitacora-serio-v2.modal-nuevo
  .pot-det-actions
  .bit-bitacora-foot-save-ico {
  margin: 0 !important;
}