/* /Layout/MainLayout.razor.rz.scp.css */
/* ============ APP BAR ============ */
[b-fpslje9f9d] .app-bar {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    backdrop-filter: saturate(140%) blur(6px);
}

.brand[b-fpslje9f9d] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 4px;
}

[b-fpslje9f9d] .brand-logo {
    background: var(--mud-palette-primary);
    color: #fff;
}

.brand-name[b-fpslje9f9d] {
    font-weight: 700;
    letter-spacing: .3px;
}

[b-fpslje9f9d] .app-search {
    max-width: 440px;
}

[b-fpslje9f9d] .app-search .mud-input-slot,
[b-fpslje9f9d] .app-search .mud-input-outlined-border {
    border-radius: 10px;
}

/* ============ MENU DE USUÁRIO ============ */
.user-btn[b-fpslje9f9d] {
    text-transform: none;
    border-radius: 10px;
    padding-inline: 8px;
}

.user-meta[b-fpslje9f9d] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.15;
}

.user-name[b-fpslje9f9d] { font-size: .85rem; font-weight: 600; }
.user-role[b-fpslje9f9d] { font-size: .7rem; opacity: .7; }

/* ============ DRAWER / NAV ============ */
[b-fpslje9f9d] .app-drawer {
    border-right: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
}

[b-fpslje9f9d] .nav-menu {
    padding: 8px;
}

/* Cabeçalho dos grupos */
[b-fpslje9f9d] .app-drawer .mud-nav-group .mud-nav-link {
    font-weight: 600;
}

/* Links */
[b-fpslje9f9d] .app-drawer .mud-nav-link {
    border-radius: 10px;
    margin: 2px 4px;
}

[b-fpslje9f9d] .app-drawer .mud-nav-link:hover {
    background: var(--mud-palette-action-default-hover);
}

/* Item ativo — destaque com a cor primária */
[b-fpslje9f9d] .app-drawer .mud-nav-link.active {
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
    font-weight: 600;
}

[b-fpslje9f9d] .app-drawer .mud-nav-link.active .mud-icon-root {
    color: var(--mud-palette-primary);
}

/* ============ CONTEÚDO ============ */
.main-content[b-fpslje9f9d] {
    background: var(--mud-palette-background);
    min-height: 100vh;
}
/* /Layout/NavMenu.razor.rz.scp.css */
