/* Mobile Navbar - Clean & Compact (Hidden on Desktop) */
.top-navbar {
    display: none;
}

@media (max-width: 767.98px) {
    .top-navbar {
        height: 46px;
        background-color: var(--card-bg-glass);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-bottom: 1px solid var(--border-color);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 var(--sp-3);
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        z-index: 1030;
    }
}