/* Latina Pizza · Detalles para el celular (se carga de último) */

/* Con el teclado abierto: sin menú de abajo ni cinta del cierre, para ver el campo donde se escribe */
@media (max-width: 760px) {
  body.escribiendo .nav, body.escribiendo .cuadre { display: none; }
  body.escribiendo .shell:not(.shell-simple) .contenido { padding-bottom: 24px; }
}

/* Celulares bajitos: la cinta del cierre más compacta, para que deje ver el formulario */
@media (max-width: 760px) and (max-height: 760px) {
  .cuadre { padding-top: 12px; padding-bottom: max(10px, env(safe-area-inset-bottom)); gap: 2px; }
  .cuadre-linea { font-size: 0.875rem; }
  .cuadre-resultado { padding: 4px 0 6px; }
  .cuadre-msg { font-size: 1rem; }
  .cuadre-dif { font-size: 1.5rem; }
  .cuadre .btn-enviar { min-height: 46px; }
  /* venta del día y dinero contado, uno al lado del otro */
  .cuadre { grid-template-columns: 1fr 1fr; column-gap: 16px; }
  .cuadre > * { grid-column: 1 / -1; }
  .cuadre > .cuadre-linea:nth-child(-n+2) { grid-column: auto; flex-direction: column; gap: 0; font-size: 0.8125rem; }
  .cuadre > .cuadre-linea:nth-child(-n+2) strong { font-size: 1.0625rem; }
}

/* Tablas en el celular: lo importante a la vista, lo demás debajo del nombre */
.tabla-gastos .solo-movil, .tabla-cierres .solo-movil, .tabla-suc .solo-movil { display: none; }
@media (max-width: 760px) {
  .tabla-gastos .det, .tabla-cierres .det, .tabla-suc .det { display: none; }
  .tabla-gastos .solo-movil, .tabla-cierres .solo-movil, .tabla-suc .solo-movil { display: block; white-space: normal; }
  .tabla.tabla-cierres td:last-child { white-space: normal; text-align: right; }
  .tabla.tabla-cierres td:last-child .btn-texto { display: block; margin-left: auto; }
}

/* Una lista que no se pudo cargar: el motivo y «Reintentar» */
.error-carga { color: var(--ink-2); }
.error-carga .btn-texto { font-weight: 700; }

/* Entrada: ayuda si olvidó la contraseña */
.login-ayuda { margin-top: 10px; color: var(--ink-3); font-size: 0.9375rem; }