@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';
@import '_content/ViewWeb.Login/ViewWeb.Login.62kd7zkl7q.bundle.scp.css';
@import '_content/ViewWeb.PeriExam/ViewWeb.PeriExam.ft7ghwzcfq.bundle.scp.css';
@import '_content/ViewWeb.Portal/ViewWeb.Portal.euu2n319bt.bundle.scp.css';
@import '_content/ViewWeb.Settings/ViewWeb.Settings.izdo9lp19f.bundle.scp.css';
@import '_content/ViewWeb.Shared.PeriExam/ViewWeb.Shared.PeriExam.0u3xi7s0ap.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */

/*����ID,���Җ�-------------------------------------------------*/
.pIdBox[b-g67t3fta9y]{
    display:flex;
    align-items:center;
    padding:0 1rem;
    border-radius:1rem;
    background-color:rgba(255,255,255,0.8); 
    height:2rem;
    justify-content:flex-end;
}

    .pIdBox .pIdBoxNo[b-g67t3fta9y] {
        color: #333;
        letter-spacing: 0.5px;
        font-weight: 500;
    }

    .pIdBox .pIdBoxBar[b-g67t3fta9y] {
        width: 1px;
        height: 14px;
        background-color: blue;
        margin: 0 10px;
    }

    .pIdBox .pIdBoxIcon[b-g67t3fta9y] {
        display: flex;
        align-items: center;
        width: 1.1rem;
        height: 1.8rem;
        margin-left: auto;
    }


/* 1. �{�^�����u�I�����Ă���v���̔w�i */
.user-button[b-g67t3fta9y] {
    transition: background-color 0.2s;
}

.user-button.active[b-g67t3fta9y] {
    background-color: rgba(255, 255, 255, 0.2);
}

/* 2. ���A�C�R����N���b�Ɖ� */
.menu-arrow-icon[b-g67t3fta9y] {
    transition: transform 0.3s;
}

    .menu-arrow-icon.rotated[b-g67t3fta9y] {
        transform: rotate(180deg);
    }

/* 3. ���j���[��ӂ���Əo�� */
.custom-dropdown-menu[b-g67t3fta9y] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 1000;
    min-width: 220px;
    background: white;
    color: black;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    animation: menuFadeIn-b-g67t3fta9y 0.2s ease-out;
}

@keyframes menuFadeIn-b-g67t3fta9y {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 4. ���j���[���ڂ̃z�o�[ */
.menu-item-custom[b-g67t3fta9y] {
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

    .menu-item-custom:hover[b-g67t3fta9y] {
        background-color: #f0f0f0;
    }

.menu-overlay[b-g67t3fta9y] {
    position: fixed;
    inset: 0;
    z-index: 999;
}