/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Top App Bar */
[b-ccl9agqtqn] .mud-appbar {
    background-color: #f7f7f7;
    color: #222;
    border-bottom: 1px solid #d6d5d5;
    /* No sticky here; we set Fixed="true" on the component */
}

    [b-ccl9agqtqn] .mud-appbar .mud-link {
        white-space: nowrap;
        text-decoration: none;
        margin-left: 1.5rem;
    }

        [b-ccl9agqtqn] .mud-appbar .mud-link:hover {
            text-decoration: underline;
        }

/* Left Drawer (sidebar) */
[b-ccl9agqtqn] .mud-drawer {
    /* Keep width controlled by mud-width-240 + MiniVariantWidth (no inline width!) */
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    color: rgba(255, 255, 255, 0.9);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

    [b-ccl9agqtqn] .mud-drawer .mud-drawer-header {
        padding: 12px 10px;
    }

/* Main content padding (single source of truth) */
[b-ccl9agqtqn] .mud-main-content {
    padding: 1rem;
}

@media (min-width: 641px) {
    [b-ccl9agqtqn] .mud-main-content {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* Drawer nav links */
[b-ccl9agqtqn] .mud-nav-link {
    color: rgba(255, 255, 255, 0.9);
}

    [b-ccl9agqtqn] .mud-nav-link.active {
        background-color: rgba(255, 255, 255, 0.24);
        color: #fff;
    }

/* Error UI (unchanged) */
#blazor-error-ui[b-ccl9agqtqn] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0,0,0,0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ccl9agqtqn] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* NavMenu.razor.css � styles for MudBlazor nav inside the drawer */

[b-btt465n5za] .mud-navmenu {
    padding: 8px 10px;
    margin: 0;
    list-style: none;
}

[b-btt465n5za] .mud-nav-link {
    display: flex;
    align-items: center;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 0.95rem;
    text-decoration: none;
}

    /* icon spacing inside each link */
    [b-btt465n5za] .mud-nav-link .mud-icon-root {
        margin-right: 10px;
    }

    /* hover + active states */
    [b-btt465n5za] .mud-nav-link:hover {
        background-color: rgba(255, 255, 255, 0.08);
    }

    [b-btt465n5za] .mud-nav-link.active {
        background-color: rgba(255, 255, 255, 0.24);
        color: #fff;
    }

/* Safety: remove bullets/extra padding on nested lists if any */
[b-btt465n5za] .mud-navmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* shrink or grow icons to test */
[b-btt465n5za] .navmenu-debug .mud-icon-root {
    font-size: 20px; /* try 16 / 20 / 24 / 28 to compare */
}

/* make link rows compact while testing */
[b-btt465n5za] .navmenu-debug .mud-nav-link {
    height: 40px; /* try 36�48 */
    border-radius: 8px;
}
/* /Components/Pages/CV.Razor.rz.scp.css */
/* CV page — Option A: fixed portion of viewport height */

/* Make the PDF area a fixed portion of the screen (tweak 85vh as needed) */
[b-o5be39ny53] .cv-viewport {
    height: 85vh;
}

/* Frame styling */
[b-o5be39ny53] .pdf-frame {
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 8px;
    overflow: hidden;
}

    /* Make the embedded viewer fill the frame */
    [b-o5be39ny53] .pdf-frame object,
    [b-o5be39ny53] .pdf-frame iframe {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
    }