.mobile-bottom-nav { display: none; }

@media screen and (max-width: 767.98px) {
    body {
        --mobile-nav-offset: calc(68px + env(safe-area-inset-bottom, 0px));
        padding-bottom: var(--mobile-nav-offset) !important;
    }
    html { scroll-padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
    .mobile-bottom-nav {
        position: fixed;
        inset: auto 0 0;
        z-index: 1030;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        min-height: 68px;
        box-sizing: content-box;
        padding: 0 env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
        background: var(--bs-body-bg, #fff);
        border-top: 1px solid var(--bs-border-color, #e5e7eb);
        box-shadow: 0 -4px 20px rgba(15, 23, 42, .06);
    }
    .mobile-bottom-nav__item {
        appearance: none;
        border: 0;
        border-radius: 0;
        background: transparent;
        font-family: inherit;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        min-width: 0;
        padding: 10px 2px;
        color: var(--bs-secondary-color, #64748b);
        font-size: 11px;
        font-weight: 500;
        line-height: 16px;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }
    .mobile-bottom-nav__item svg { width: 22px; height: 22px; flex-shrink: 0; }
    .mobile-bottom-nav__item.is-active,
    .mobile-bottom-nav__item:hover { color: var(--bs-primary, #2563eb); }
    .mobile-bottom-nav__item.is-active { box-shadow: inset 0 3px currentColor; font-weight: 700; }
    .mobile-bottom-nav__item:focus-visible { outline: 2px solid var(--bs-primary, #2563eb); outline-offset: -4px; }
    body.dark-only .mobile-bottom-nav { background: #1d1e26; border-color: #374151; }
    body.dark-only .mobile-bottom-nav__item:not(.is-active) { color: #cbd5e1; }
    .tap-top { bottom: calc(30px + var(--mobile-nav-offset)) !important; }
}