/* ========================================
   ENTRANCE ANIMATION
======================================== */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ========================================
   RESPONSIVE
======================================== */
@media (max-width: 768px) {
    .app-nav {
        width: calc(100% - 2rem);
        top: 0.75rem;
    }

    .app-nav__links { display: none; }

    /* iOS Safari hace zoom al enfocar campos con font-size < 16px y descuadra la página. */
    .form-input { font-size: 16px; }

    .stat-grid,
    .action-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-wrap { padding-top: 5rem; }
}

@media (max-width: 480px) {
    .app-nav__hint { display: none; }
    .app-nav .btn-outline { white-space: nowrap; }

    .stat-grid,
    .action-grid {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   DASHBOARD (legacy stub — kept for backward compat)
======================================== */
.dashboard {
    max-width: 1100px;
    margin: 2rem auto;
    padding: 0 1rem;
}