@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
/* MainLayout scoped styles — template-era dead code removed.
   Active styles live in a <style> block inside MainLayout.razor
   and in app.css / brand-theme.css. */

.app-header[b-r2fzq51d2d] {
    background: var(--app-surface-2, #fffdf8);
    border-bottom: 1px solid var(--app-border, rgba(17, 12, 10, 0.08));
    padding: 0 28px;
    height: var(--header-height, 68px);
    display: flex;
    align-items: center;
    gap: 16px;
    position: sticky;
    top: 0;
    z-index: 10;
}

.brand-logo[b-r2fzq51d2d] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--accent-fill-rest);
    letter-spacing: -0.2px;
}

.header-brand[b-r2fzq51d2d] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    gap: 2px;
}

.brand-subtitle[b-r2fzq51d2d] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--app-muted);
}

@media (max-width: 480px) {
    .app-header[b-r2fzq51d2d] {
        padding: 0 16px;
        gap: 8px;
    }
    .brand-subtitle[b-r2fzq51d2d] {
        display: none;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* NavMenu styles are handled by FluentUI NavMenu components.
   Bootstrap-era selectors removed — they were 100% dead code. */