/* ============ CLOSURE SCREEN ============ */
.closure-card { margin-bottom: 16px; }
.closure-step { padding: 20px; }

/* Input highlighting for closure rows */
.closure-input-focus { border-color: #1e5db5 !important; box-shadow: 0 0 0 2px rgba(30,93,181,0.15); }

/* ── Mobile closure — v123 ───────────────────────────────────────────────── */
@media (max-width: 480px) {
  .closure-step { padding: 12px; }
  .closure-card { margin-bottom: 10px; }

  /* Tabla del corte: scroll horizontal */
  #app .closure-step table,
  #app [data-screen="closure"] table {
    font-size: 11px;
  }
  #app .closure-step table th,
  #app .closure-step table td {
    padding: 6px 8px !important;
  }

  /* Filas del corte en columna en pantallas pequeñas */
  #app div[style*="display:flex"][style*="justify-content:space-between"] {
    flex-wrap: wrap;
    gap: 6px;
  }

  /* Inputs de conteo más grandes para touch */
  #app input[type="number"][style*="text-align:right"],
  #app input[type="number"][style*="text-align: right"] {
    min-height: 44px !important;
    font-size: 16px !important;
    padding: 8px !important;
  }
}

@media (max-width: 390px) {
  .closure-step { padding: 8px; }
  /* Reducir gap en grids del corte */
  #app .closure-step div[style*="display:grid"] {
    gap: 6px !important;
  }
}