/* /Src/App/MainLayout.razor.rz.scp.css */
.appbar-scorpion[b-iluliaotpz] {
    border-bottom: 1px solid rgba(255, 109, 0, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.brand-text[b-iluliaotpz] {
    font-weight: 700;
    letter-spacing: 0.18em;
    font-size: 1rem;
    color: #FF6D00;
    text-transform: uppercase;
}

.drawer-scorpion[b-iluliaotpz] {
    border-right: 1px solid rgba(255, 109, 0, 0.06);
}

.drawer-title[b-iluliaotpz] {
    font-weight: 700;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.85);
}

.divider-accent[b-iluliaotpz] {
    border-color: rgba(255, 109, 0, 0.12);
}

.main-content-scorpion[b-iluliaotpz] {
    position: relative;
}

.content-area[b-iluliaotpz] {
    animation: fadeInContent-b-iluliaotpz 0.3s ease-out;
}

@keyframes fadeInContent-b-iluliaotpz {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[b-iluliaotpz] .mud-nav-link {
    border-radius: 8px;
    margin: 2px 8px;
    transition: all 0.2s ease;
    font-weight: 500;
    letter-spacing: 0.02em;
}

[b-iluliaotpz] .mud-nav-link.active {
    background: rgba(255, 109, 0, 0.12);
    color: #FF6D00;
    border-left: 3px solid #FF6D00;
}

[b-iluliaotpz] .mud-nav-link:hover {
    background: rgba(255, 109, 0, 0.06);
}