/* ── Mobile: nav vira barra de tabs no rodapé ── */
@media (max-width: 600px) {
    nav {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        border-bottom: none;
        border-top: 1px solid var(--line);
        padding: 0.7rem 1.1rem calc(0.7rem + env(safe-area-inset-bottom));
        gap: 0;
    }

    .nav-brand { display: none; }

    .nav-links {
        width: 100%;
        justify-content: space-between;
        gap: 0.75rem;
    }

    nav a {
        font-size: 0.8rem;
        display: inline-block;
        padding: 0.2rem 0.3rem;
    }

    .dropdown-menu {
        display: none;
        top: auto;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0;
        margin-bottom: 0.5rem;
        max-width: calc(100vw - 1.5rem);
    }

    .nav-item-dropdown:hover .dropdown-menu { display: none; }

    .nav-item-dropdown.open .dropdown-menu { display: flex; }

    main { padding: 1rem 0.85rem calc(4.5rem + env(safe-area-inset-bottom)); }

    .quick-add-form { flex-wrap: wrap; }
    .quick-add-form input[type="text"] { flex-basis: 100%; }
    .quick-add-form input[type="date"] { flex: 1; }
    .quick-add-form .btn-primary { flex: 1; }
    .quick-add-form select { flex: 1; }

    .page-header { flex-wrap: wrap; }
}