/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-g4swyoas3e] {
    position: relative;
    display: flex;
    flex-direction: column;
}


/* show/hide bottom */
.page-header-overlay[b-g4swyoas3e]
{
    display: none;
}

.page-header-overlay.hidden[b-g4swyoas3e],
.nav-overlay-top.hidden[b-g4swyoas3e] {
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none;
}

main[b-g4swyoas3e] {
    flex: 1;
    padding-top: 3rem;
}

.sidebar[b-g4swyoas3e] {
    background-image: linear-gradient(180deg, white 15%, silver 90%);
}

.top-row[b-g4swyoas3e] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-g4swyoas3e]  a, .top-row[b-g4swyoas3e]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-g4swyoas3e]  a:hover, .top-row[b-g4swyoas3e]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-g4swyoas3e]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row[b-g4swyoas3e] {
        justify-content: space-between;
    }

    .top-row[b-g4swyoas3e]  a, .top-row[b-g4swyoas3e]  .btn-link {
        margin-left: 0;
    }

    .page-header-overlay[b-g4swyoas3e] {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 190px;
        background: white;
        z-index: 1000;

        /* round bottom */
        clip-path: ellipse(100% 80% at 50% 0%);
    }
}

@media (min-width: 641px) {
    .page[b-g4swyoas3e] {
        flex-direction: row;
    }

    .sidebar[b-g4swyoas3e] {
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-g4swyoas3e] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-g4swyoas3e]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-g4swyoas3e], article[b-g4swyoas3e] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* Keep the top bar visible */
.top-row[b-1a1byxa368] {
    position: sticky;
    top: 0;
    z-index: 1100;
    background-color: white !important;
}

/* Mobile: full-width overlay sliding from just below the top bar */
.nav-overlay-top[b-1a1byxa368] {
    position: fixed;
    left: 0;
    right: 0;
    top: 7rem;                    /* same height as the top bar */
    height: 100%;  /* fill the rest of the screen */
    z-index: 1050;                  /* below the top bar (1100) */
    transform: translateY(-100%);
    transition: transform 260ms ease-in-out;
    display: block;
    
}

/* Open state on mobile */
.nav-overlay-top.open[b-1a1byxa368] {
    transform: translateY(0);
}

/* Scroll menu content within the overlay */
.nav-overlay-top .nav-scrollable[b-1a1byxa368] {
    height: 100%;
    overflow-y: auto;
    padding: 0.1rem 0.1rem ;
}

/* Desktop: show the sidebar permanently and hide the toggler */
@media (min-width: 641px) {

    /* Reset overlay styles so it behaves like a normal sidebar area */
    .nav-overlay-top[b-1a1byxa368] {
        position: static;        /* participate in layout as usual */
        top: auto;
        left: auto;
        right: auto;
        height: auto;
        transform: none !important;
        transition: none;
        background: transparent; /* or keep a solid background if you prefer */
        z-index: auto;
    }

    /* Ensure the nav area can scroll on tall menus (desktop) */
    .nav-scrollable[b-1a1byxa368] {
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }

    /* Keep the old desktop behavior: force the container visible */
    .collapse[b-1a1byxa368] {
        display: block;
    }
}

.bg-silver[b-1a1byxa368] {
    background-color: white !important;
}

.top-row[b-1a1byxa368] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-1a1byxa368] {
    color: #662483 !important; /* purple */
    font-size: 1.1rem;
}

.bi[b-1a1byxa368] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
    filter: invert(18%) sepia(96%) saturate(743%) hue-rotate(259deg) brightness(85%) contrast(95%);
}

.bi-house-door-fill-nav-menu[b-1a1byxa368] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-1a1byxa368] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-1a1byxa368] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-app-version-nav-menu[b-1a1byxa368] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' stroke='black' stroke-width='1' fill='none'/%3E%3Ctext x='8' y='11' font-size='8' text-anchor='middle' fill='black' font-family='Arial, sans-serif'>V</text%3E%3C/svg%3E");
}


.bi-feedback-nav-menu[b-1a1byxa368] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-chat-left-text' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4.414L1 15V2a1 1 0 0 1 1-1h12zm-3 4H5a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 2H5a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 2H5a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");
}

.bi-logout-nav-menu[b-1a1byxa368] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-box-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 3.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-6a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 1 0v1.5h5V4H7.5V6a.5.5 0 0 1-1 0v-2z'/%3E%3Cpath fill-rule='evenodd' d='M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z'/%3E%3C/svg%3E");
}

.bi-manage-nav-menu[b-1a1byxa368] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-gear-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z'/%3E%3C/svg%3E");
}


.nav-item[b-1a1byxa368] {
    font-size: 1.2rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
}

    .nav-item:first-of-type[b-1a1byxa368] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-1a1byxa368] {
        padding-bottom: 1rem;
    }

    .nav-item[b-1a1byxa368]  a {
        color: #662483 !important;   /* purple text */
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-1a1byxa368]  a.active {
    background-color: rgba(102, 36, 131, 0.1); /* light purple highlight */
    color: #662483 !important;
}

.nav-item[b-1a1byxa368]  a:hover {
    background-color: rgba(102, 36, 131, 0.05); /* very light purple hover */
    color: #662483 !important;
}

.user-name[b-1a1byxa368]{
 font-size: 1rem!important;   
}
/* /Pages/Components/SplashLogo.razor.rz.scp.css */
.splash-container[b-gf057ennex] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;

}

.splash-content[b-gf057ennex] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.splash-logo[b-gf057ennex] {
    width: 200px;
    height: 200px;
}

/* Logo animation */
@keyframes splashAnimation-b-gf057ennex {
    0% {
        opacity: 0;
        transform: scale(0.5) rotate(-15deg);
    }
    50% {
        opacity: 1;
        transform: scale(1.1) rotate(5deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

/* Background gradient animation */
@keyframes gradientShift-b-gf057ennex {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}