/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-7dw0449j3p] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

.app-body[b-7dw0449j3p] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

.app-content[b-7dw0449j3p] {
    flex: 1;
    overflow-y: auto;
    padding: var(--dds-spacing-600);
    background: var(--dds-background-neutral-base);
}

@media (max-width: 815px) {
    .app-body[b-7dw0449j3p] {
        padding-left: 56px;
    }
}

#blazor-error-ui[b-7dw0449j3p] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-7dw0449j3p] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-5d7cq2ny2b] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-5d7cq2ny2b] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

.navbar-brand[b-5d7cq2ny2b] {
    font-size: 1.1rem;
}

.bi[b-5d7cq2ny2b] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-5d7cq2ny2b] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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-5d7cq2ny2b] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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-5d7cq2ny2b] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' 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");
}

.nav-item[b-5d7cq2ny2b] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-5d7cq2ny2b]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-5d7cq2ny2b]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-5d7cq2ny2b]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-5d7cq2ny2b] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-5d7cq2ny2b] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-5d7cq2ny2b] {
        display: none;
    }

    .nav-scrollable[b-5d7cq2ny2b] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
/* Safety: ensure dialog is invisible when not open */
#components-reconnect-modal:not([open])[b-lkyio4914s] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.components-reconnect-first-attempt-visible[b-lkyio4914s],
.components-reconnect-repeated-attempt-visible[b-lkyio4914s],
.components-reconnect-failed-visible[b-lkyio4914s],
.components-pause-visible[b-lkyio4914s],
.components-resume-failed-visible[b-lkyio4914s],
.components-rejoining-animation[b-lkyio4914s] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-lkyio4914s],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-lkyio4914s],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-lkyio4914s],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-lkyio4914s],
#components-reconnect-modal.components-reconnect-retrying[b-lkyio4914s],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-lkyio4914s],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-lkyio4914s],
#components-reconnect-modal.components-reconnect-failed[b-lkyio4914s],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-lkyio4914s] {
    display: block;
}


#components-reconnect-modal[b-lkyio4914s] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-lkyio4914s 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-lkyio4914s 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-lkyio4914s 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-lkyio4914s]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-lkyio4914s 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-lkyio4914s {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-lkyio4914s {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-lkyio4914s {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-lkyio4914s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-lkyio4914s] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-lkyio4914s] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-lkyio4914s] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-lkyio4914s] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-lkyio4914s] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-lkyio4914s] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-lkyio4914s 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-lkyio4914s] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-lkyio4914s {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/CourseAdminDetails.razor.rz.scp.css */
.details-wrapper[b-t8v44ges4l] {
    max-width: 1000px;
    margin: 0 auto;
}

.card[b-t8v44ges4l] {
    transform: none !important;
    transition: none !important;
}

.card:hover[b-t8v44ges4l] {
    transform: none !important;
}

[b-t8v44ges4l] .k-input,
[b-t8v44ges4l] .k-textbox,
[b-t8v44ges4l] .k-textarea,
[b-t8v44ges4l] .k-dropdownlist,
[b-t8v44ges4l] .k-numerictextbox {
    width: 100%;
}

.file-drop-zone[b-t8v44ges4l] {
    position: relative;
    border: 2px dashed var(--dds-neutral-400, #ced4da);
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    transition: border-color 0.2s, background-color 0.2s;
    cursor: pointer;
}

.file-drop-zone:hover[b-t8v44ges4l],
.file-drop-zone--active[b-t8v44ges4l] {
    border-color: var(--dds-brand-1100);
    background-color: var(--dds-brand-100, rgba(0, 80, 200, 0.04));
}

.file-drop-input[b-t8v44ges4l] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.file-drop-content[b-t8v44ges4l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    pointer-events: none;
    color: var(--dds-neutral-700, #6c757d);
}
/* /Components/Pages/CourseView.razor.rz.scp.css */
/* Modul lista - mobil overflow javítás */
.min-width-0[b-hqpatwrjkv] {
    min-width: 0;
}

/* === Vizsga eredmény kártyák === */
.exam-result-card[b-hqpatwrjkv] {
    border: 1px solid #e9ecef;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.exam-result-card--passed[b-hqpatwrjkv] {
    background: linear-gradient(180deg, #f0fdf4 0%, #fff 40%);
}

.exam-result-card--failed[b-hqpatwrjkv] {
    background: linear-gradient(180deg, #fef2f2 0%, #fff 40%);
}

.exam-result-card__header[b-hqpatwrjkv] {
    padding: 16px 16px 8px;
}

.exam-result-card__header h6[b-hqpatwrjkv] {
    font-size: 1.1rem;
}

.exam-result-card__score[b-hqpatwrjkv] {
    text-align: center;
    padding: 12px 16px;
    border-top: 1px solid #f1f5f9;
    border-bottom: 1px solid #f1f5f9;
}

.exam-result-card__score-value[b-hqpatwrjkv] {
    display: block;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.1;
}

.exam-result-card__score-detail[b-hqpatwrjkv] {
    display: block;
    font-size: 0.9rem;
    color: #6b7280;
    margin-top: 4px;
}

.exam-result-card__details[b-hqpatwrjkv] {
    padding: 12px 16px;
}

.exam-result-card__detail-row[b-hqpatwrjkv] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
}

.exam-result-card__detail-row + .exam-result-card__detail-row[b-hqpatwrjkv] {
    border-top: 1px solid #f8f9fa;
}

.exam-result-card__detail-label[b-hqpatwrjkv] {
    display: block;
    font-size: 0.8rem;
    color: #9ca3af;
}

.exam-result-card__detail-value[b-hqpatwrjkv] {
    display: block;
    font-weight: 600;
    font-size: 0.95rem;
}

/* === Elérhető vizsga kártya === */
.exam-available-card[b-hqpatwrjkv] {
    border: 1px solid #e9ecef;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.exam-available-card__header[b-hqpatwrjkv] {
    padding: 16px 16px 8px;
}

.exam-available-card__header h6[b-hqpatwrjkv] {
    font-size: 1.1rem;
}

.exam-available-card__info[b-hqpatwrjkv] {
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    margin: 8px 16px;
    padding: 0 12px;
}

.exam-available-card__info-row[b-hqpatwrjkv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
}

.exam-available-card__info-row + .exam-available-card__info-row[b-hqpatwrjkv] {
    border-top: 1px solid #f1f5f9;
}

.exam-available-card__info-icon[b-hqpatwrjkv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
}

.exam-available-card__info-icon--info[b-hqpatwrjkv] {
    background: #eff6ff;
    color: #3b82f6;
}

.exam-available-card__info-icon--warning[b-hqpatwrjkv] {
    background: #fefce8;
    color: #eab308;
}

.exam-available-card__info-icon--success[b-hqpatwrjkv] {
    background: #f0fdf4;
    color: #22c55e;
}

.exam-available-card__action[b-hqpatwrjkv] {
    padding: 12px 16px 16px;
}

/* === Desktop nézet (768px felett): kompaktabb elrendezés === */
@media (min-width: 768px) {
    .exam-result-card[b-hqpatwrjkv] {
        display: flex;
        align-items: center;
        padding: 16px;
        border-radius: 12px;
    }

    .exam-result-card__header[b-hqpatwrjkv] {
        padding: 0;
        flex-shrink: 0;
        min-width: 150px;
    }

    .exam-result-card__score[b-hqpatwrjkv] {
        border: none;
        padding: 0 24px;
        text-align: left;
        flex-shrink: 0;
    }

    .exam-result-card__score-value[b-hqpatwrjkv] {
        font-size: 1.8rem;
    }

    .exam-result-card__details[b-hqpatwrjkv] {
        display: flex;
        gap: 24px;
        padding: 0;
        flex-grow: 1;
    }

    .exam-result-card__detail-row[b-hqpatwrjkv] {
        padding: 0;
    }

    .exam-result-card__detail-row + .exam-result-card__detail-row[b-hqpatwrjkv] {
        border-top: none;
    }

    /* Elérhető vizsga - desktop: horizontális elrendezés */
    .exam-available-card[b-hqpatwrjkv] {
        display: flex;
        align-items: center;
        padding: 16px;
        border-radius: 12px;
        gap: 16px;
    }

    .exam-available-card__header[b-hqpatwrjkv] {
        padding: 0;
        flex-shrink: 0;
        min-width: 150px;
    }

    .exam-available-card__header p[b-hqpatwrjkv] {
        margin-bottom: 0 !important;
    }

    .exam-available-card__info[b-hqpatwrjkv] {
        display: flex;
        gap: 16px;
        border: none;
        margin: 0;
        padding: 0;
        flex-grow: 1;
    }

    .exam-available-card__info-row[b-hqpatwrjkv] {
        padding: 0;
        gap: 8px;
    }

    .exam-available-card__info-row + .exam-available-card__info-row[b-hqpatwrjkv] {
        border-top: none;
    }

    .exam-available-card__action[b-hqpatwrjkv] {
        padding: 0;
        flex-shrink: 0;
    }
}
/* /Components/Pages/EmailTemplateDetails.razor.rz.scp.css */
.details-wrapper[b-0pefawqqix] {
    max-width: 1000px;
    margin: 0 auto;
}

.card[b-0pefawqqix] {
    transform: none !important;
    transition: none !important;
}

.card:hover[b-0pefawqqix] {
    transform: none !important;
}
/* /Components/Pages/ExamConfig.razor.rz.scp.css */
.details-wrapper[b-j5gyzgx4b0] {
    max-width: 1000px;
    margin: 0 auto;
}

.card[b-j5gyzgx4b0] {
    transform: none !important;
    transition: none !important;
}

.card:hover[b-j5gyzgx4b0] {
    transform: none !important;
}

[b-j5gyzgx4b0] .k-input,
[b-j5gyzgx4b0] .k-textbox,
[b-j5gyzgx4b0] .k-textarea,
[b-j5gyzgx4b0] .k-dropdownlist,
[b-j5gyzgx4b0] .k-numerictextbox {
    width: 100%;
}
/* /Components/Pages/LanguageDetails.razor.rz.scp.css */
.details-wrapper[b-s1o0zha3vk] {
    max-width: 1000px;
    margin: 0 auto;
}

.card[b-s1o0zha3vk] {
    transform: none !important;
    transition: none !important;
}

.card:hover[b-s1o0zha3vk] {
    transform: none !important;
}
/* /Components/Pages/Languages.razor.rz.scp.css */
[b-e44mygjyyy] .k-grid-toolbar > .k-button {
    flex: none;
}

[b-e44mygjyyy] .btn-delete.k-button {
    background-color: var(--dds-negative-1000) !important;
    border-color: var(--dds-negative-1000) !important;
    color: var(--dds-white-100) !important;
}

[b-e44mygjyyy] .btn-delete.k-button:hover {
    background-color: var(--dds-negative-1100) !important;
    border-color: var(--dds-negative-1100) !important;
}

[b-e44mygjyyy] .btn-delete.k-button:active {
    background-color: var(--dds-negative-1200) !important;
    border-color: var(--dds-negative-1200) !important;
}
/* /Components/Pages/ModuleEditor.razor.rz.scp.css */
.details-wrapper[b-62ealhdmj7] {
    max-width: 1200px;
    margin: 0 auto;
}

.card[b-62ealhdmj7] {
    transform: none !important;
    transition: none !important;
}

.card:hover[b-62ealhdmj7] {
    transform: none !important;
}

[b-62ealhdmj7] .k-input,
[b-62ealhdmj7] .k-textbox,
[b-62ealhdmj7] .k-textarea,
[b-62ealhdmj7] .k-dropdownlist,
[b-62ealhdmj7] .k-numerictextbox {
    width: 100%;
}

[b-62ealhdmj7] .list-group-item.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}
/* /Components/Pages/ModuleViewer.razor.rz.scp.css */
.tts-container[b-dxhybtenmp] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 8px;
}

.tts-item[b-dxhybtenmp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 56px;
}

.tts-btn[b-dxhybtenmp] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--dds-brand-1000);
    border: none;
    color: var(--dds-white-100);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s;
    padding: 0;
    line-height: 1;
}

[b-dxhybtenmp] .tts-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.tts-btn:hover[b-dxhybtenmp] {
    background-color: var(--dds-brand-1200);
}

.tts-btn--restart[b-dxhybtenmp] {
    width: 36px;
    height: 36px;
}

.tts-label[b-dxhybtenmp] {
    font-size: 11px;
    color: var(--dds-brand-1000);
    margin-top: 4px;
    white-space: nowrap;
    text-align: center;
}

/* === Modul navigáció - alsó gombsáv === */
.module-viewer-nav[b-dxhybtenmp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 16px;
}

.module-viewer-nav__pager[b-dxhybtenmp] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.module-viewer-nav__actions[b-dxhybtenmp] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

/* Mobil nézet: egymás alá rendezés */
@media (max-width: 767px) {
    .module-viewer-nav[b-dxhybtenmp] {
        flex-direction: column;
        gap: 8px;
    }

    .module-viewer-nav__pager[b-dxhybtenmp] {
        order: 1;
    }

    .module-viewer-nav__actions[b-dxhybtenmp] {
        order: 2;
        margin-left: 0;
        justify-content: center;
    }
}
/* /Components/Pages/MyProfile.razor.rz.scp.css */
.details-wrapper[b-nk33kmn16s] {
    max-width: 1000px;
    margin: 0 auto;
}

.card[b-nk33kmn16s] {
    transform: none !important;
    transition: none !important;
}

.card:hover[b-nk33kmn16s] {
    transform: none !important;
}

[b-nk33kmn16s] .k-input,
[b-nk33kmn16s] .k-textbox,
[b-nk33kmn16s] .k-textarea,
[b-nk33kmn16s] .k-dropdownlist,
[b-nk33kmn16s] .k-numerictextbox {
    width: 100%;
}

.file-drop-zone[b-nk33kmn16s] {
    position: relative;
    border: 2px dashed var(--dds-neutral-400, #ced4da);
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    transition: border-color 0.2s, background-color 0.2s;
    cursor: pointer;
}

.file-drop-zone:hover[b-nk33kmn16s],
.file-drop-zone--active[b-nk33kmn16s] {
    border-color: var(--dds-brand-1100);
    background-color: var(--dds-brand-100, rgba(0, 80, 200, 0.04));
}

.file-drop-input[b-nk33kmn16s] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.file-drop-content[b-nk33kmn16s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    pointer-events: none;
    color: var(--dds-neutral-700, #6c757d);
}

.file-drop-selected[b-nk33kmn16s] {
    display: flex;
    align-items: center;
    gap: 8px;
    pointer-events: auto;
    color: var(--dds-text-neutral-base);
}

/* TreeView checkbox — primary blue when checked */
[b-nk33kmn16s] .k-treeview .k-checkbox:checked,
[b-nk33kmn16s] .k-treeview .k-checkbox.k-checked {
    background-color: var(--dds-brand-1100, #0d6efd);
    border-color: var(--dds-brand-1100, #0d6efd);
}

[b-nk33kmn16s] .k-treeview .k-checkbox:indeterminate,
[b-nk33kmn16s] .k-treeview .k-checkbox.k-indeterminate {
    background-color: var(--dds-brand-1100, #0d6efd);
    border-color: var(--dds-brand-1100, #0d6efd);
}

/* File drop zone disabled state */
.file-drop-zone--disabled[b-nk33kmn16s] {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}
/* /Components/Pages/Nationalities.razor.rz.scp.css */
[b-uprt6na1v5] .k-grid-toolbar > .k-button {
    flex: none;
}

[b-uprt6na1v5] .btn-delete.k-button {
    background-color: var(--dds-negative-1000) !important;
    border-color: var(--dds-negative-1000) !important;
    color: var(--dds-white-100) !important;
}

[b-uprt6na1v5] .btn-delete.k-button:hover {
    background-color: var(--dds-negative-1100) !important;
    border-color: var(--dds-negative-1100) !important;
}

[b-uprt6na1v5] .btn-delete.k-button:active {
    background-color: var(--dds-negative-1200) !important;
    border-color: var(--dds-negative-1200) !important;
}
/* /Components/Pages/NationalityDetails.razor.rz.scp.css */
.details-wrapper[b-kjj6bsdeg9] {
    max-width: 1000px;
    margin: 0 auto;
}

.card[b-kjj6bsdeg9] {
    transform: none !important;
    transition: none !important;
}

.card:hover[b-kjj6bsdeg9] {
    transform: none !important;
}
/* /Components/Pages/SystemSettings.razor.rz.scp.css */
/* /Components/Pages/SystemSettings/LoginImageSettingsTab.razor.rz.scp.css */
.loginbg-gallery[b-3i974vx2tj] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
}

.loginbg-gallery-item[b-3i974vx2tj] {
    position: relative;
    width: 160px;
    border: 3px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s;
    background: #f5f7fa;
}

.loginbg-gallery-item img[b-3i974vx2tj] {
    width: 100%;
    aspect-ratio: 370 / 550;
    object-fit: contain;
    display: block;
    background: #000;
}

.loginbg-gallery-item.selected[b-3i974vx2tj] {
    border-color: #0d6efd;
}

.loginbg-gallery-item.active[b-3i974vx2tj] {
    border-color: #198754;
}

.loginbg-gallery-badges[b-3i974vx2tj] {
    position: absolute;
    top: 4px;
    left: 4px;
}

.loginbg-gallery-actions[b-3i974vx2tj] {
    display: flex;
    gap: 4px;
    padding: 4px;
    background: rgba(255, 255, 255, 0.92);
    flex-wrap: wrap;
}

.loginbg-crop-wrapper[b-3i974vx2tj] {
    width: 100%;
    max-width: 720px;
    background: #222;
    border-radius: 6px;
    overflow: hidden;
    line-height: 0;
}

.loginbg-crop-canvas[b-3i974vx2tj] {
    width: 100%;
    display: block;
    cursor: grab;
}

.loginbg-crop-canvas:active[b-3i974vx2tj] {
    cursor: grabbing;
}
/* /Components/Pages/TwoFactorVerify.razor.rz.scp.css */
.otp-container[b-m7qe7jvgdz] {
    display: flex;
    gap: 8px;
    justify-content: space-evenly;
    margin-top: 8px;
    width: 100%;
}

.otp-box[b-m7qe7jvgdz] {
    width: 48px;
    height: 56px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    border: 2px solid var(--dds-neutral-400, #999) !important;
    border-radius: var(--dds-radius-base, 4px);
    background: var(--dds-white-100, #fff) !important;
    color: var(--dds-text-neutral-base, #333);
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    caret-color: var(--dds-brand-500, #0078d4);
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
}

.otp-box:focus[b-m7qe7jvgdz] {
    border-color: var(--dds-brand-500, #0078d4) !important;
    box-shadow: 0 0 0 2px var(--dds-brand-alpha-10, rgba(0, 120, 212, 0.1));
}

.otp-box--error[b-m7qe7jvgdz] {
    border-color: var(--dds-danger-500, #dc3545) !important;
}

.otp-box--error:focus[b-m7qe7jvgdz] {
    border-color: var(--dds-danger-500, #dc3545) !important;
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.15);
}
/* /Components/Pages/UserDetails.razor.rz.scp.css */
.details-wrapper[b-7t2m24j30l] {
    max-width: 1000px;
    margin: 0 auto;
}

.card[b-7t2m24j30l] {
    transform: none !important;
    transition: none !important;
}

.card:hover[b-7t2m24j30l] {
    transform: none !important;
}
/* /Components/Pages/Users.razor.rz.scp.css */
[b-cxvve9sv8j] .k-grid-toolbar > .k-button {
    flex: none;
}

[b-cxvve9sv8j] .btn-delete.k-button {
    background-color: var(--dds-negative-1000) !important;
    border-color: var(--dds-negative-1000) !important;
    color: var(--dds-white-100) !important;
}

[b-cxvve9sv8j] .btn-delete.k-button:hover {
    background-color: var(--dds-negative-1100) !important;
    border-color: var(--dds-negative-1100) !important;
}

[b-cxvve9sv8j] .btn-delete.k-button:active {
    background-color: var(--dds-negative-1200) !important;
    border-color: var(--dds-negative-1200) !important;
}

[b-cxvve9sv8j] .filter-badge {
    margin-top: -17px;
    position: absolute;
    right: -17px;
    border-radius: 15px;
}
/* /Components/Shared/BusyOverlay.razor.rz.scp.css */
[b-5lmhfp4sg9]::host {
    display: contents;
}

.busy-overlay[b-5lmhfp4sg9] {
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px);
}

.busy-overlay__box[b-5lmhfp4sg9] {
    background: #fff;
    border-radius: 12px;
    padding: 2rem 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    min-width: 260px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
}

.busy-overlay__message[b-5lmhfp4sg9] {
    font-size: 1rem;
    font-weight: 600;
    color: #222;
    text-align: center;
}

.busy-overlay__progress[b-5lmhfp4sg9] {
    font-size: 0.85rem;
    color: #666;
    text-align: center;
}
/* /Components/Shared/CookieConsent.razor.rz.scp.css */
.cookie-overlay[b-26kxzxzf3g] {
    position: fixed;
    inset: 0;
    background: var(--dds-black-60);
    z-index: 9999;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 1.5rem;
}

.cookie-dialog[b-26kxzxzf3g] {
    background: var(--dds-white-100);
    border-radius: var(--dds-radius-large);
    padding: 2rem;
    max-width: 550px;
    box-shadow: 0 8px 32px var(--dds-black-20);
}

.cookie-title[b-26kxzxzf3g] {
    font-size: 1.15rem;
    font-weight: var(--dds-font-weight-bold);
    color: var(--dds-text-neutral-strong);
    margin: 0 0 0.75rem 0;
}

.cookie-text[b-26kxzxzf3g] {
    font-size: var(--dds-font-sm);
    color: var(--dds-text-neutral-subtle);
    line-height: 1.6;
    margin: 0 0 1.25rem 0;
}

.cookie-accept-btn[b-26kxzxzf3g] {
    background: var(--dds-brand-1000);
    color: var(--dds-white-100);
    border: none;
    border-radius: var(--dds-radius-rounded);
    padding: 0.5rem 1.5rem;
    font-size: var(--dds-font-sm);
    font-weight: 600;
    cursor: pointer;
    transition: background var(--dds-transition-medium);
}

.cookie-accept-btn:hover[b-26kxzxzf3g] {
    background: var(--dds-brand-1200);
}
/* /Components/Shared/CountyMapSelector.razor.rz.scp.css */
/* CountyMapSelector — SVG megyetérkép scoped stílusok */

/* Reszponzív SVG konténer: kitölti a rendelkezésre álló szélességet */
.county-map[b-r1wp4gg8p9] {
    width: 100%;
    height: auto;
    display: block;
}

/* Alap megye régió stílusok */
.county-region[b-r1wp4gg8p9] {
    cursor: pointer;
    outline: none;
}

/* Nem kiválasztott megye kitöltőszíne — vizuálisan elválik az oldal hátterétől */
.county-region path[b-r1wp4gg8p9] {
    fill: #d4e6f1;
    stroke: #7aabcc;
    stroke-width: 1px;
    transition: fill 0.2s ease;
}

/* Kiválasztott megye kitöltőszíne — min. 3:1 kontraszt arány az alap kitöltőhöz képest */
/* #1a6fa8 vs #d4e6f1: kontraszt kb. 4.5:1, megfelel a WCAG 2.1 AA követelménynek */
.county-region.selected path[b-r1wp4gg8p9] {
    fill: #1a6fa8;
    stroke: #0f4a73;
    stroke-width: 1.5px;
}

/* Nem elérhető/tiltott megye — nem interaktív megjelenés */
.county-region.unavailable[b-r1wp4gg8p9] {
    cursor: default;
    pointer-events: none;
}

.county-region.unavailable path[b-r1wp4gg8p9] {
    fill: #e8e8e8;
    stroke: #b0b0b0;
    stroke-width: 1px;
    opacity: 0.6;
}

/* Hover állapot nem kiválasztott megyén — pointer és vizuális kiemelés */
.county-region.unselected:hover path[b-r1wp4gg8p9],
.county-region:not(.selected):not(.unavailable):hover path[b-r1wp4gg8p9] {
    fill: #8bbcd8;
}

/* Hover állapot kiválasztott megyén — megkülönböztetett az alap kiválasztott állapottól */
.county-region.selected:hover path[b-r1wp4gg8p9] {
    fill: #124d78;
}

/* Billentyűzetes fókusz jelző — min. 2px körvonal, WCAG 2.1 AA */
.county-region:focus-visible path[b-r1wp4gg8p9],
.county-region:focus path[b-r1wp4gg8p9] {
    outline: none;
    stroke: #ff6b00;
    stroke-width: 3px;
}

.county-region:focus-visible[b-r1wp4gg8p9] {
    outline: 2px solid #ff6b00;
    outline-offset: 2px;
}

/* Megye felirat szövegstílusok */
.county-region text[b-r1wp4gg8p9] {
    font-size: 10px;
    fill: #1a2a3a;
    pointer-events: none;
    user-select: none;
    font-family: inherit;
}

.county-region.selected text[b-r1wp4gg8p9] {
    fill: #ffffff;
    font-weight: 600;
}

.county-region.unavailable text[b-r1wp4gg8p9] {
    fill: #888888;
}

/* Reszponzív — 768px szélesség alatt is használható marad */
@media (max-width: 768px) {
    .county-map[b-r1wp4gg8p9] {
        min-height: 200px;
    }

    .county-region text[b-r1wp4gg8p9] {
        font-size: 8px;
    }
}
/* /Components/Shared/DapBadge.razor.rz.scp.css */
/* DÁP Badge stílusok */
.dap-badge[b-ctvp4nmc6u] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
    border: 1px solid transparent;
}

.dap-badge__icon[b-ctvp4nmc6u] {
    font-size: 0.85rem;
    line-height: 1;
}

/* Success — zöld */
.dap-badge--success[b-ctvp4nmc6u] {
    background-color: var(--dds-background-positive-subtle, #e6f9ee);
    border-color: var(--dds-border-positive-default, #2e7d32);
    color: var(--dds-text-positive-default, #1b5e20);
}

/* Warning — sárga */
.dap-badge--warning[b-ctvp4nmc6u] {
    background-color: var(--dds-background-warning-subtle, #fff8e1);
    border-color: var(--dds-border-warning-default, #f9a825);
    color: var(--dds-text-warning-default, #e65100);
}

/* Error — piros */
.dap-badge--error[b-ctvp4nmc6u] {
    background-color: var(--dds-background-negative-subtle, #fce4ec);
    border-color: var(--dds-border-negative-default, #c62828);
    color: var(--dds-text-negative-default, #b71c1c);
}

/* Info — kék */
.dap-badge--info[b-ctvp4nmc6u] {
    background-color: var(--dds-background-accent-subtle, #e3f2fd);
    border-color: var(--dds-border-accent-default, #3366ff);
    color: var(--dds-text-accent-default, #1565c0);
}

/* Neutral — szürke */
.dap-badge--neutral[b-ctvp4nmc6u] {
    background-color: var(--dds-background-neutral-subtle, #f0f1f3);
    border-color: var(--dds-border-neutral-default, #9e9e9e);
    color: var(--dds-text-neutral-default, #424242);
}
/* /Components/Shared/DapCheckbox.razor.rz.scp.css */
/* DÁP design checkbox — Telerik k-checkbox felülírás */
.dap-checkbox[b-iw7ufnfy24] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

/* A Telerik wrapper span */
.dap-checkbox[b-iw7ufnfy24]  .k-checkbox-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* A tényleges input elem — ez a "doboz" */
.dap-checkbox[b-iw7ufnfy24]  .k-checkbox {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1.5px solid var(--dds-text-neutral-subtle, #9e9e9e);
    background-color: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
    transition: background-color 0.15s ease;
}

.dap-checkbox[b-iw7ufnfy24]  .k-checkbox:hover {
    background-color: var(--dds-background-neutral-default, #d0d4da);
}

/* Checked állapot — kék háttér */
.dap-checkbox[b-iw7ufnfy24]  .k-checkbox:checked,
.dap-checkbox[b-iw7ufnfy24]  .k-checkbox[aria-checked="true"] {
    background-color: var(--dds-background-accent-default, #3366ff);
}

.dap-checkbox[b-iw7ufnfy24]  .k-checkbox:checked:hover,
.dap-checkbox[b-iw7ufnfy24]  .k-checkbox[aria-checked="true"]:hover {
    background-color: var(--dds-background-accent-hover, #2952cc);
}

/* Pipa jel ::after pseudo-elemmel */
.dap-checkbox[b-iw7ufnfy24]  .k-checkbox::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 10px;
    border: solid transparent;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -60%) rotate(45deg);
    transition: border-color 0.15s ease;
}

.dap-checkbox[b-iw7ufnfy24]  .k-checkbox:checked::after,
.dap-checkbox[b-iw7ufnfy24]  .k-checkbox[aria-checked="true"]::after {
    border-color: #fff;
}

/* Focus ring — vastag kék keret fehér gap-pel és enyhe glow */
.dap-checkbox[b-iw7ufnfy24]  .k-checkbox:focus,
.dap-checkbox[b-iw7ufnfy24]  .k-checkbox:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--dds-border-accent-default, #3366ff), 0 0 8px rgba(51, 102, 255, 0.4);
}

/* Label szöveg */
.dap-checkbox__text[b-iw7ufnfy24] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.dap-checkbox__label[b-iw7ufnfy24] {
    font-size: 0.85rem;
    color: var(--dds-text-neutral-default, #333);
    white-space: nowrap;
    line-height: 1.3;
}

.dap-checkbox__helper[b-iw7ufnfy24] {
    font-size: 0.8rem;
    color: var(--dds-text-neutral-subtle, #888);
    white-space: nowrap;
    line-height: 1.3;
}
/* /Components/Shared/InactivityTimer.razor.rz.scp.css */
.inactivity-timer[b-rn0g7nlt0l] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.3;
}

.inactivity-timer__label[b-rn0g7nlt0l] {
    font-size: var(--dds-font-xs);
    color: var(--dds-text-neutral-subtle);
}

.inactivity-timer__value[b-rn0g7nlt0l] {
    font-size: var(--dds-font-sm);
    font-weight: var(--dds-font-weight-bold);
    color: var(--dds-text-neutral-strong);
}

.inactivity-timer__warning[b-rn0g7nlt0l] {
    color: var(--dds-negative-1000);
}

.session-overlay[b-rn0g7nlt0l] {
    position: fixed;
    inset: 0;
    background: var(--dds-black-60);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.session-dialog[b-rn0g7nlt0l] {
    background: var(--dds-white-100);
    border-radius: var(--dds-radius-large);
    padding: var(--dds-spacing-800) var(--dds-spacing-1000);
    max-width: 480px;
    width: 90%;
    text-align: center;
    box-shadow: 0 8px 32px var(--dds-black-20);
}

.session-icon[b-rn0g7nlt0l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border: var(--dds-border-width-large) solid var(--dds-neutral-1000);
    border-radius: var(--dds-radius-base);
    color: var(--dds-neutral-1000);
    margin-bottom: var(--dds-spacing-400);
}

.session-title[b-rn0g7nlt0l] {
    font-size: var(--dds-font-xl);
    font-weight: var(--dds-font-weight-bold);
    color: var(--dds-text-neutral-strong);
    margin: 0 0 var(--dds-spacing-400) 0;
}

.session-text[b-rn0g7nlt0l] {
    font-size: var(--dds-font-sm);
    color: var(--dds-text-neutral-subtle);
    line-height: 1.6;
    margin: 0 0 var(--dds-spacing-600) 0;
}

.session-btn[b-rn0g7nlt0l] {
    background: var(--dds-brand-1000);
    color: var(--dds-white-100);
    border: none;
    border-radius: var(--dds-radius-rounded);
    padding: var(--dds-spacing-200) var(--dds-spacing-800);
    font-size: var(--dds-font-base);
    font-weight: var(--dds-font-weight-bold);
    cursor: pointer;
    transition: background var(--dds-transition-medium);
}

.session-btn:hover[b-rn0g7nlt0l] {
    background: var(--dds-brand-1200);
}
/* /Components/Shared/LanguageSelector.razor.rz.scp.css */
.lang-selector[b-0bdzqh86af] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.lang-btn[b-0bdzqh86af] {
    border: none;
    background: transparent;
    font-size: var(--dds-font-sm);
    font-weight: var(--dds-font-weight-bold);
    color: var(--dds-text-neutral-strong);
    cursor: pointer;
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--dds-transition-medium);
    letter-spacing: 0.5px;
}

.lang-btn:hover:not(.lang-btn--active)[b-0bdzqh86af] {
    background: var(--dds-neutral-alpha-10);
}

.lang-btn--active[b-0bdzqh86af] {
    background: var(--dds-brand-1000);
    color: var(--dds-white-100);
    box-shadow: 0 0 0 3px var(--dds-white-100), 0 0 0 5px var(--dds-brand-1000);
}
/* /Components/Shared/LegalAcceptanceChecker.razor.rz.scp.css */
.legal-overlay[b-wesq3qy618] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.legal-dialog[b-wesq3qy618] {
    max-width: 700px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    background: var(--dds-white-100);
    border-radius: var(--dds-radius-large);
}
/* /Components/Shared/NavBar.razor.rz.scp.css */
.navbar-top[b-bgreue2hlt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 68px;
    padding: 0 var(--dds-spacing-600);
    background: var(--dds-white-100);
    border-bottom: var(--dds-border-width-base) solid var(--dds-neutral-300);
    z-index: 100;
}

.navbar-top.navbar-test-env[b-bgreue2hlt] {
    background: #fff3e0;
    border-bottom-color: #ff9800;
}

.navbar-test-badge[b-bgreue2hlt] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    margin-left: var(--dds-spacing-300);
    background: #ff9800;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    letter-spacing: 0.5px;
}

.navbar-left[b-bgreue2hlt] {
    display: flex;
    align-items: center;
    gap: var(--dds-spacing-300);
}

.navbar-brand-link[b-bgreue2hlt] {
    display: flex;
    align-items: center;
    gap: var(--dds-spacing-300);
    text-decoration: none;
    color: inherit;
}

.navbar-brand-link:hover[b-bgreue2hlt] {
    text-decoration: none;
    opacity: 0.85;
}

.navbar-brand-text[b-bgreue2hlt] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.navbar-dbname[b-bgreue2hlt] {
    font-size: 0.65rem;
    color: var(--dds-text-neutral-subtle);
    font-weight: normal;
    opacity: 0.7;
}

.navbar-logo[b-bgreue2hlt] {
    height: 32px;
    width: auto;
}

.navbar-title[b-bgreue2hlt] {
    font-size: var(--dds-font-lg);
    font-weight: var(--dds-font-weight-bold);
    color: var(--dds-text-neutral-strong);
}

.navbar-right[b-bgreue2hlt] {
    display: flex;
    align-items: center;
    gap: var(--dds-spacing-600);
}

.navbar-user[b-bgreue2hlt] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.3;
}

.navbar-user-label[b-bgreue2hlt] {
    font-size: var(--dds-font-xs);
    color: var(--dds-text-neutral-subtle);
}

.navbar-user-name[b-bgreue2hlt] {
    font-size: var(--dds-font-sm);
    font-weight: var(--dds-font-weight-bold);
    color: var(--dds-text-neutral-strong);
    text-transform: uppercase;
}

.navbar-user-email[b-bgreue2hlt] {
    font-size: var(--dds-font-xs);
    color: var(--dds-text-neutral-subtle);
}

.navbar-actions[b-bgreue2hlt] {
    display: flex;
    align-items: center;
    gap: var(--dds-spacing-200);
}

.navbar-icon-btn[b-bgreue2hlt] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: var(--dds-radius-base);
    background: transparent;
    color: var(--dds-icon-neutral-base);
    cursor: pointer;
    transition: background var(--dds-transition-medium), color var(--dds-transition-medium);
}

.navbar-icon-btn:hover[b-bgreue2hlt] {
    background: var(--dds-neutral-alpha-10);
    color: var(--dds-icon-brand-base);
}

.navbar-divider[b-bgreue2hlt] {
    width: var(--dds-border-width-base);
    height: 32px;
    background: var(--dds-neutral-400);
}

.notification-btn[b-bgreue2hlt] {
    position: relative;
}

.notification-badge[b-bgreue2hlt] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #e53935;
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    line-height: 1;
}
/* /Components/Shared/NotificationPanel.razor.rz.scp.css */
.notification-overlay[b-q99jf3wmpo] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

.notification-panel[b-q99jf3wmpo] {
    position: fixed;
    top: 0;
    right: 0;
    width: 420px;
    max-width: 100vw;
    height: 100vh;
    background: var(--background-color, #fff);
    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
    z-index: 1001;
    display: flex;
    flex-direction: column;
    animation: slideInRight-b-q99jf3wmpo 0.2s ease-out;
}

@keyframes slideInRight-b-q99jf3wmpo {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

.notification-panel-header[b-q99jf3wmpo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color, #e0e0e0);
    flex-shrink: 0;
}

.notification-panel-title[b-q99jf3wmpo] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.notification-panel-actions[b-q99jf3wmpo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.notification-close-btn[b-q99jf3wmpo] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color, #333);
}

.notification-close-btn:hover[b-q99jf3wmpo] {
    background: var(--hover-bg, #f0f0f0);
}

.notification-panel-body[b-q99jf3wmpo] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

.notification-empty[b-q99jf3wmpo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: var(--text-muted, #888);
    gap: 12px;
}

.notification-empty[b-q99jf3wmpo]  svg {
    width: 48px;
    height: 48px;
}

.notification-empty p[b-q99jf3wmpo] {
    margin: 0;
    font-size: 0.95rem;
}

.notification-list[b-q99jf3wmpo] {
    display: flex;
    flex-direction: column;
}

.notification-item[b-q99jf3wmpo] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 20px;
    cursor: pointer;
    border-bottom: 1px solid var(--border-color, #e0e0e0);
    transition: background-color 0.15s;
    position: relative;
}

.notification-item:hover[b-q99jf3wmpo] {
    background: var(--hover-bg, #f5f5f5);
}

.notification-item.notification-unread[b-q99jf3wmpo] {
    background: var(--unread-bg, #f0f7ff);
    font-weight: 600;
}

.notification-item.notification-unread:hover[b-q99jf3wmpo] {
    background: var(--unread-hover-bg, #e3f0fc);
}

.notification-icon[b-q99jf3wmpo] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--icon-bg, #e8e8e8);
    color: var(--primary-color, #1976d2);
}

.notification-unread .notification-icon[b-q99jf3wmpo] {
    background: var(--primary-color, #1976d2);
    color: #fff;
}

.notification-content[b-q99jf3wmpo] {
    flex: 1;
    min-width: 0;
}

.notification-sender[b-q99jf3wmpo] {
    font-size: 0.85rem;
    color: var(--text-muted, #666);
    margin-bottom: 2px;
}

.notification-unread .notification-sender[b-q99jf3wmpo] {
    color: var(--text-color, #333);
    font-weight: 600;
}

.notification-subject[b-q99jf3wmpo] {
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.notification-date[b-q99jf3wmpo] {
    font-size: 0.78rem;
    color: var(--text-muted, #999);
    font-weight: 400;
}

.notification-unread-dot[b-q99jf3wmpo] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--primary-color, #1976d2);
    flex-shrink: 0;
    margin-top: 6px;
}

.notification-paging[b-q99jf3wmpo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 20px;
    border-top: 1px solid var(--border-color, #e0e0e0);
}

.notification-page-info[b-q99jf3wmpo] {
    font-size: 0.85rem;
    color: var(--text-muted, #666);
}

.notification-detail[b-q99jf3wmpo] {
    padding: 8px 0;
}

.notification-detail-meta[b-q99jf3wmpo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-color, #e0e0e0);
}

.notification-detail-sender[b-q99jf3wmpo] {
    font-weight: 600;
    font-size: 0.9rem;
}

.notification-detail-date[b-q99jf3wmpo] {
    font-size: 0.8rem;
    color: var(--text-muted, #888);
}

.notification-detail-body[b-q99jf3wmpo] {
    font-size: 0.9rem;
    line-height: 1.6;
}

.notification-delete-btn[b-q99jf3wmpo] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    color: var(--text-muted, #999);
    opacity: 0;
    transition: opacity 0.15s, color 0.15s;
    flex-shrink: 0;
    margin-top: 2px;
}

.notification-item:hover .notification-delete-btn[b-q99jf3wmpo] {
    opacity: 1;
}

.notification-delete-btn:hover[b-q99jf3wmpo] {
    color: #e53935;
    background: rgba(229, 57, 53, 0.08);
}
/* /Components/Shared/RoleChecker.razor.rz.scp.css */
.role-checker-denied[b-u8yp19czga] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px 20px;
}

.role-checker-denied__code[b-u8yp19czga] {
    font-size: 8em;
    color: var(--dds-negative-1000);
    font-weight: 900;
    line-height: normal;
}

.role-checker-denied__title[b-u8yp19czga] {
    font-weight: 900;
    color: var(--dds-neutral-1400);
}

.role-checker-denied__text[b-u8yp19czga] {
    color: var(--dds-neutral-1100);
}
/* /Components/Shared/SideBar.razor.rz.scp.css */
.sidebar[b-erw8q9yfp9] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 56px;
    background: var(--dds-white-100);
    border-right: var(--dds-border-width-base) solid var(--dds-neutral-300);
    padding: var(--dds-spacing-300) 0;
    overflow-y: auto;
    overflow-x: hidden;
    transition: width 0.2s ease;
}

.sidebar--expanded[b-erw8q9yfp9] {
    width: 220px;
}

.sidebar-menu[b-erw8q9yfp9] {
    display: flex;
    flex-direction: column;
    gap: var(--dds-spacing-100);
    padding: 0 8px;
}

.sidebar-bottom[b-erw8q9yfp9] {
    display: flex;
    flex-direction: column;
    padding: 0 8px;
}

.sidebar-item[b-erw8q9yfp9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--dds-spacing-300);
    height: 40px;
    min-width: 40px;
    padding: 0 8px;
    border-radius: var(--dds-radius-base);
    color: var(--dds-icon-neutral-base);
    text-decoration: none;
    transition: background var(--dds-transition-medium), color var(--dds-transition-medium);
    white-space: nowrap;
    border: none;
    background: none;
    cursor: pointer;
    font: inherit;
}

.sidebar-item--left[b-erw8q9yfp9] {
    justify-content: flex-start;
}

.sidebar-item:hover[b-erw8q9yfp9] {
    background: var(--dds-neutral-alpha-10);
    color: var(--dds-icon-brand-base);
}

.sidebar-item--active[b-erw8q9yfp9] {
    background: var(--dds-brand-alpha-10);
    color: var(--dds-icon-brand-base);
}

.sidebar-toggle[b-erw8q9yfp9] {
    margin-bottom: var(--dds-spacing-200);
}

.sidebar-toggle :deep(svg)[b-erw8q9yfp9] {
    pointer-events: none;
}

.sidebar-label[b-erw8q9yfp9] {
    font-size: 14px;
    color: var(--dds-text-neutral-base);
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-item:hover .sidebar-label[b-erw8q9yfp9],
.sidebar-item--active .sidebar-label[b-erw8q9yfp9] {
    color: var(--dds-text-brand-base);
}

.sidebar--overlay[b-erw8q9yfp9] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}

.sidebar-overlay[b-erw8q9yfp9] {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.3);
}

.sidebar-item--disabled[b-erw8q9yfp9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--dds-spacing-300);
    height: 40px;
    min-width: 40px;
    padding: 0 8px;
    border-radius: var(--dds-radius-base);
    color: var(--dds-neutral-500);
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
    white-space: nowrap;
}

.sidebar-item--disabled .sidebar-label[b-erw8q9yfp9] {
    color: var(--dds-neutral-500);
}

.sidebar-item--sub[b-erw8q9yfp9] {
    padding-left: 24px;
    height: 36px;
    font-size: 13px;
}

.sidebar-item--sub .sidebar-label[b-erw8q9yfp9] {
    font-size: 13px;
}
/* /Components/Shared/ToastContainer.razor.rz.scp.css */
.toast-container[b-8wng5569s4] {
    position: fixed;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
    max-width: 480px;
    width: 90vw;
}

.toast-item[b-8wng5569s4] {
    pointer-events: auto;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.toast-item--enter[b-8wng5569s4] {
    animation: toast-slide-in-b-8wng5569s4 0.3s ease-out;
}

.toast-item--leaving[b-8wng5569s4] {
    animation: toast-slide-out-b-8wng5569s4 0.3s ease-in forwards;
}

.toast-content[b-8wng5569s4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
}

.toast-icon[b-8wng5569s4] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}

.toast-text[b-8wng5569s4] {
    flex: 1;
    font-size: 14px;
    line-height: 1.4;
}

.toast-close[b-8wng5569s4] {
    flex-shrink: 0;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    opacity: 0.5;
    padding: 4px;
    line-height: 1;
    transition: opacity 0.15s;
}

.toast-close:hover[b-8wng5569s4] {
    opacity: 1;
}

/* Progress bar */
.toast-progress[b-8wng5569s4] {
    height: 3px;
    background: rgba(0, 0, 0, 0.08);
}

.toast-progress-bar[b-8wng5569s4] {
    height: 100%;
    width: 100%;
    transform-origin: left;
    animation: toast-countdown-b-8wng5569s4 linear forwards;
}

/* Type variants */
.toast-item--success[b-8wng5569s4] {
    background: #f0fdf4;
    border: 1px solid #22c55e;
    color: #166534;
}
.toast-item--success .toast-icon[b-8wng5569s4] { background: #22c55e; }
.toast-progress-bar--success[b-8wng5569s4] { background: #22c55e; }

.toast-item--error[b-8wng5569s4] {
    background: #fef2f2;
    border: 1px solid #ef4444;
    color: #991b1b;
}
.toast-item--error .toast-icon[b-8wng5569s4] { background: #ef4444; }
.toast-progress-bar--error[b-8wng5569s4] { background: #ef4444; }

.toast-item--warning[b-8wng5569s4] {
    background: #fffbeb;
    border: 1px solid #f59e0b;
    color: #92400e;
}
.toast-item--warning .toast-icon[b-8wng5569s4] { background: #f59e0b; }
.toast-progress-bar--warning[b-8wng5569s4] { background: #f59e0b; }

.toast-item--info[b-8wng5569s4] {
    background: #eff6ff;
    border: 1px solid #3b82f6;
    color: #1e40af;
}
.toast-item--info .toast-icon[b-8wng5569s4] { background: #3b82f6; }
.toast-progress-bar--info[b-8wng5569s4] { background: #3b82f6; }

/* Animations */
@keyframes toast-slide-in-b-8wng5569s4 {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes toast-slide-out-b-8wng5569s4 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes toast-countdown-b-8wng5569s4 {
    from { transform: scaleX(1); }
    to { transform: scaleX(0); }
}