#app-header{
    display: none;
    position: sticky;
    top: 0;
    z-index: 900;
    background: color-mix(in srgb, var(--bg-surface) 80%, transparent);
    backdrop-filter: blur(10px);

    padding-block: var(--space-3);
    min-height: var(--header-height);
    box-shadow: var(--shadow-sm);
}

@media (width <= 480px) { 
    :root{ 
        --header-height: 72px; 
    }
    #app-header{ 
        display: block; 
    }

    #app-header .sidebar-brand{
        font-size: var(--fs-base);
    }
}