/* Tema oscuro suave para móvil: fondos muy oscuros, poco brillo */
:root { color-scheme: dark; }
body { font-size: 15px; }
.card { border-radius: 1rem; }
.table { font-size: .9rem; }
.badge { font-weight: 600; }

/* Botón añadir central en móvil */
.mobile-nav { padding: .35rem 0 .6rem; }
.nav-mob { display: flex; flex-direction: column; align-items: center; color: var(--bs-body-color); text-decoration: none; font-size: 1.35rem; }
.nav-mob small { font-size: .68rem; }
.nav-mob-add { color: #25d366; font-size: 1.9rem; }

/* Tablas con scroll horizontal en celular */
.tabla-scroll { overflow-x: auto; }

/* Login centrado */
.auth-wrap { max-width: 420px; margin: 6vh auto; }
.monto-gasto { color: #ff8a8a; font-weight: 700; }
.monto-ingreso { color: #7ddf9b; font-weight: 700; }