/* /Components/Controls/RichTextEditor.razor.rz.scp.css */
.rich-text-editor[b-en7bwn48dx] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    overflow: visible;
}

.rich-text-editor[b-en7bwn48dx]  .ql-toolbar {
    border: none;
    border-bottom: 1px solid var(--bs-border-color);
    background-color: var(--bs-light);
}

.rich-text-editor[b-en7bwn48dx]  .ql-container {
    border: none;
    font-size: 1rem;
    overflow: hidden;
}

.rich-text-editor[b-en7bwn48dx]  .ql-editor {
    min-height: var(--editor-height);
    height: auto;
    overflow-y: auto;
    overflow-wrap: break-word;
    word-break: break-word;
}

.rich-text-editor[b-en7bwn48dx]  .ql-tooltip {
    z-index: 1050;
}

/* HTML source toggle button in Quill toolbar */
.rich-text-editor[b-en7bwn48dx]  .html-source-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.1875rem;
    display: flex;
    align-items: center;
    color: var(--bs-body-color);
    border-radius: 0.1875rem;
}

.rich-text-editor[b-en7bwn48dx]  .html-source-btn:hover {
    background-color: var(--bs-secondary-bg);
}

.rich-text-editor[b-en7bwn48dx]  .html-source-btn span {
    font-size: 1.125rem;
}

/* HTML source view */
.html-source-view[b-en7bwn48dx] {
    display: flex;
    flex-direction: column;
}

.html-source-toolbar[b-en7bwn48dx] {
    border-bottom: 1px solid var(--bs-border-color);
    background-color: var(--bs-light);
    padding: 0.5rem;
}

.html-source-toolbar .html-source-btn.active[b-en7bwn48dx] {
    color: var(--bs-primary);
}

.html-source-textarea[b-en7bwn48dx] {
    min-height: var(--editor-height);
    width: 100%;
    border: none;
    padding: 0.75rem;
    font-family: monospace;
    font-size: 0.875rem;
    resize: vertical;
    outline: none;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ka1xldgpp6] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

.top-row[b-ka1xldgpp6] {
    background-color: var(--primary);
    height: 3.5rem;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.topbar-brand[b-ka1xldgpp6] {
    width: 300px;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    align-items: center;
    color: var(--white);
    cursor: pointer;
}

a.topbar-brand:hover[b-ka1xldgpp6] {
    opacity: 0.85;
}

.topbar-content[b-ka1xldgpp6] {
    padding: 0 1rem 0 0;
}

    .topbar-content[b-ka1xldgpp6]  a,
    .topbar-content[b-ka1xldgpp6]  .btn-link {
        color: var(--white);
        white-space: nowrap;
        text-decoration: none;
    }

    .topbar-content[b-ka1xldgpp6]  .top-nav-link {
        background: transparent;
        border: 0;
        color: var(--white);
        padding: 0.5rem 1rem;
        border-radius: 0.25rem;
        cursor: pointer;
        transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    .topbar-actions[b-ka1xldgpp6]  button,
    .topbar-actions[b-ka1xldgpp6]  a {
        padding: 0.25rem 0.5rem !important;
    }

    .topbar-actions[b-ka1xldgpp6]  .material-symbols-outlined {
        font-size: 1.8rem;
    }

    .topbar-content[b-ka1xldgpp6]  .top-nav-link:hover,
    .topbar-content[b-ka1xldgpp6]  .top-nav-link.active {
        background-color: var(--bs-secondary);
        color: var(--white);
    }

    .topbar-content[b-ka1xldgpp6]  a:hover,
    .topbar-content[b-ka1xldgpp6]  .btn-link:hover {
        color: rgba(255, 255, 255, 0.8);
    }

.page-body[b-ka1xldgpp6] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

.sidebar[b-ka1xldgpp6] {
    width: 300px;
    background-color: var(--bs-secondary);
    flex-shrink: 0;
    overflow-y: auto;
}

main[b-ka1xldgpp6] {
    flex: 1;
    background-color: var(--white);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

article[b-ka1xldgpp6] {
    padding-top: 1rem;
    flex: 1 0 auto;
}

.app-footer[b-ka1xldgpp6] {
    flex-shrink: 0;
    margin-top: auto;
}

@media (max-width: 640.98px) {
    .topbar-brand[b-ka1xldgpp6] {
        width: auto;
        flex-grow: 1;
    }

    .topbar-content[b-ka1xldgpp6]  .top-nav-link {
        display: none;
    }

    .desktop-only[b-ka1xldgpp6] {
        display: none !important;
    }

    .sidebar[b-ka1xldgpp6] {
        display: none;
    }

    .page-body[b-ka1xldgpp6] {
        overflow-y: auto;
    }

    main[b-ka1xldgpp6] {
        overflow-y: visible;
    }
}

#blazor-error-ui[b-ka1xldgpp6] {
    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-ka1xldgpp6] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-qtboxao7my] {
    display: none;
}

.nav-scrollable[b-qtboxao7my] {
    display: block;
    height: 100%;
    overflow-y: auto;
}

.nav-item[b-qtboxao7my] {
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-qtboxao7my]  .nav-link {
        color: rgba(255, 255, 255, 0.85);
        background: none;
        border: none;
        border-radius: 4px;
        min-height: 3rem;
        display: flex;
        align-items: center;
        line-height: 1.4;
        width: 100%;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        text-align: left;
        cursor: pointer;
    }

.nav-item[b-qtboxao7my]  .nav-link.active {
    background-color: var(--primary);
    color: white;
}

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

.nav-item[b-qtboxao7my]  .nav-link.sidebar-back {
    font-weight: bold;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-bhd97uxun9],
.components-reconnect-repeated-attempt-visible[b-bhd97uxun9],
.components-reconnect-failed-visible[b-bhd97uxun9],
.components-pause-visible[b-bhd97uxun9],
.components-resume-failed-visible[b-bhd97uxun9],
.components-rejoining-animation[b-bhd97uxun9] {
    display: none;
}

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


#components-reconnect-modal[b-bhd97uxun9] {
    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-bhd97uxun9 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-bhd97uxun9 {
    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/Administration/Customers/Components/RegistrationCard.razor.rz.scp.css */
.method-icon[b-4myrrodg4v] {
    font-size: 2.5rem;
}

.card.cursor-pointer:hover[b-4myrrodg4v] {
    border-color: var(--bs-primary);
    background-color: var(--selected-bg);
    transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.token-list[b-4myrrodg4v] {
    max-height: 10rem;
    overflow-y: auto;
}

.emails-modal-content[b-4myrrodg4v],
.codes-modal-content[b-4myrrodg4v] {
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

.codes-list[b-4myrrodg4v] {
    max-height: 20rem;
    overflow-y: auto;
}

.code-badge[b-4myrrodg4v] {
    font-size: 0.75rem;
    border: 0;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}

.code-badge:hover[b-4myrrodg4v] {
    background-color: var(--bs-primary) !important;
}

.code-badge-copied[b-4myrrodg4v],
.code-badge-copied:hover[b-4myrrodg4v] {
    background-color: var(--bs-success) !important;
}
/* /Components/Pages/Administration/LocalizedTexts/AutoTranslateModal.razor.rz.scp.css */
.progress-list-container[b-bgw9siwpfl] {
    max-height: 20rem;
    overflow-y: auto;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    padding: 0.5rem;
    background-color: var(--bs-body-bg);
}

.progress-list-item[b-bgw9siwpfl] {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    font-family: var(--bs-font-monospace);
}

.progress-list-item:first-child[b-bgw9siwpfl] {
    background-color: var(--bs-light);
}

.progress-list-item.skipped[b-bgw9siwpfl] {
    opacity: 0.6;
}

.progress-list-key[b-bgw9siwpfl] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.progress-list-item .material-symbols-outlined[b-bgw9siwpfl] {
    font-size: 1rem;
}
/* /Components/Pages/Administration/LocalizedTexts/TreeNode.razor.rz.scp.css */
.tv-node[b-2ec681lpj9] {
    margin-bottom: 0.25rem;
}

.caption[b-2ec681lpj9] {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    border-radius: 0.25rem;
    transition: background-color 0.15s ease-in-out;
}

.caption:hover[b-2ec681lpj9] {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.caption.folder[b-2ec681lpj9] {
    font-weight: 500;
}

.caption.key[b-2ec681lpj9] {
    color: var(--bs-secondary);
}

.caption.key.is-selected[b-2ec681lpj9] {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.caption.key.is-selected:hover[b-2ec681lpj9] {
    background-color: var(--bs-primary);
}
/* /Components/Pages/Administration/Pricing/Index.razor.rz.scp.css */
.btn-circle[b-t1g0irdhlw] {
    width: 2.2rem;
    height: 2.2rem;
    padding: 0;
}

.btn-circle .material-symbols-outlined[b-t1g0irdhlw] {
    font-size: 1.2rem;
}

th.col-customer-type[b-t1g0irdhlw],
td.col-customer-type[b-t1g0irdhlw] {
    width: 8rem;
    text-align: center;
}

td.col-plan-name[b-t1g0irdhlw] {
    width: 100%;
}

td.col-price[b-t1g0irdhlw] {
    white-space: nowrap;
    text-align: right;
}

td.col-price .input-group-text[b-t1g0irdhlw] {
    min-width: 7rem;
}
/* /Components/Pages/Administration/SchoolDevelopment/Components/StructuralTraitEditor.razor.rz.scp.css */
.parent-dropdown[b-sasv0y24f6] {
    position: relative;
}

.parent-dropdown-overlay[b-sasv0y24f6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.parent-dropdown-menu[b-sasv0y24f6] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 11;
    background-color: white;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
    max-height: 38vh;
    overflow-y: auto;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
}

.parent-dropdown-item[b-sasv0y24f6] {
    padding: 0.4rem 0.75rem;
    cursor: pointer;
    border-bottom: 1px solid var(--bs-border-color);
    transition: background-color 0.15s;
}

.parent-dropdown-item:last-child[b-sasv0y24f6] {
    border-bottom: none;
}

.parent-dropdown-item:hover[b-sasv0y24f6] {
    background-color: var(--bs-light);
}

.parent-breadcrumb[b-sasv0y24f6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.1rem;
}

.parent-breadcrumb-separator[b-sasv0y24f6] {
    font-size: 0.9rem;
    color: var(--bs-secondary);
}

.parent-breadcrumb-ancestor[b-sasv0y24f6] {
    color: var(--bs-secondary);
}

.parent-breadcrumb-current[b-sasv0y24f6] {
    font-weight: 600;
}
/* /Components/Pages/Administration/SchoolDevelopment/Components/TopicEditor.razor.rz.scp.css */
.parent-dropdown[b-a5w4yq3cjy] {
    position: relative;
}

.parent-dropdown-overlay[b-a5w4yq3cjy] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.parent-dropdown-menu[b-a5w4yq3cjy] {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 11;
    background-color: white;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
    max-height: 38vh;
    overflow-y: auto;
    box-shadow: 0 -0.25rem 0.5rem rgba(0, 0, 0, 0.15);
}

.parent-dropdown-item[b-a5w4yq3cjy] {
    padding: 0.4rem 0.75rem;
    cursor: pointer;
    border-bottom: 1px solid var(--bs-border-color);
    transition: background-color 0.15s;
}

.parent-dropdown-item:last-child[b-a5w4yq3cjy] {
    border-bottom: none;
}

.parent-dropdown-item:hover[b-a5w4yq3cjy] {
    background-color: var(--bs-light);
}

.parent-breadcrumb[b-a5w4yq3cjy] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.1rem;
}

.parent-breadcrumb-separator[b-a5w4yq3cjy] {
    font-size: 0.9rem;
    color: var(--bs-secondary);
}

.parent-breadcrumb-ancestor[b-a5w4yq3cjy] {
    color: var(--bs-secondary);
}

.parent-breadcrumb-current[b-a5w4yq3cjy] {
    font-weight: 600;
}
/* /Components/Pages/Administration/SchoolDevelopment/Index.razor.rz.scp.css */
.topics-overview-col[b-xt755qco3s] {
    max-height: calc(100vh - 17rem);
    display: flex;
    flex-direction: column;
    padding-top: 0.2rem;
}

.topics-details-col[b-xt755qco3s] {
    position: sticky;
    top: 1rem;
    align-self: flex-start;
}
/* /Components/Pages/Administration/SystemSettings/Index.razor.rz.scp.css */
.card-body.p-0 table td:first-child[b-w1jsrf4k7n],
.card-body.p-0 table th:first-child[b-w1jsrf4k7n] {
    padding-left: 1rem;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* /Components/Pages/Login/Index.razor.rz.scp.css */
.gender-disclaimer[b-3ej5c237jz] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.75rem;
}

.login-version[b-3ej5c237jz] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.7rem;
    text-align: center;
    margin-bottom: 0;
}
/* /Components/Pages/Login/Register.razor.rz.scp.css */
.org-name-display[b-g1fqi3p7gg] {
    border: 0.0625rem solid white;
    border-radius: 0.25rem;
    padding: 0.5rem;
    color: white;
    font-weight: bold;
}

.unit-name-large[b-g1fqi3p7gg] {
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 2.4rem;
    line-height: 1.2;
}
/* /Components/Pages/Login/SetupAuthMethod.razor.rz.scp.css */
.method-card[b-hn4kawti31] {
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 0.5rem;
    padding: 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
    color: var(--white);
}

.method-card:hover[b-hn4kawti31] {
    background-color: rgba(255, 255, 255, 0.25);
}

.method-card .method-description[b-hn4kawti31] {
    padding-left: 2rem;
}
/* /Components/Pages/Surveys/Components/AccessTab.razor.rz.scp.css */
.access-badges > .badge[b-zqg0cdx57j] {
    display: inline-block;
}

.access-section-title[b-zqg0cdx57j] {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 0.75rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.channel-panel[b-zqg0cdx57j] {
    border: 2px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    padding: 1rem;
    cursor: pointer;
    transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    height: 100%;
    background-color: var(--bs-body-bg, #fff);
}

.channel-panel:hover[b-zqg0cdx57j] {
    border-color: var(--bs-primary);
}

/* Read-only viewer (Use permission): no pointer cursor, no hover-border-change. The
   panels still show their active/inactive state so the viewer sees which channels
   the survey actually uses, just can't toggle them. */
.channel-panel-readonly[b-zqg0cdx57j] {
    cursor: default;
}

.channel-panel-readonly:hover[b-zqg0cdx57j] {
    border-color: var(--bs-border-color, #dee2e6);
}

.channel-panel-readonly.active:hover[b-zqg0cdx57j] {
    border-color: var(--bs-primary);
}

.channel-panel.active[b-zqg0cdx57j] {
    border-color: var(--bs-primary);
    background-color: var(--selected-bg);
}

.channel-panel .channel-header[b-zqg0cdx57j] {
    display: flex;
    align-items: center;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--bs-secondary-color, #6c757d);
}

.channel-panel.active .channel-header[b-zqg0cdx57j] {
    color: var(--bs-primary);
}

.channel-panel .channel-description[b-zqg0cdx57j] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 0;
}

.code-column-disabled[b-zqg0cdx57j] {
    opacity: 0.4;
    pointer-events: none;
    filter: grayscale(1);
}
/* /Components/Pages/Surveys/Components/PaperLanguagePicker.razor.rz.scp.css */
.pl-split[b-u6o90knlmk] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.pl-column[b-u6o90knlmk] {
    flex: 1 1 0;
    min-width: 0;
    padding: 1.25rem;
}

.pl-column + .pl-column[b-u6o90knlmk] {
    border-left: 1px solid var(--gray-border-light);
}

.pl-column-header[b-u6o90knlmk] {
    margin-bottom: 0.75rem;
}

.pl-column-header .form-check-input[b-u6o90knlmk] {
    margin-top: 0.25rem;
}

.pl-column-header .form-check-label[b-u6o90knlmk] {
    font-weight: 700;
    font-size: 1.1rem;
}

.pl-column-helper[b-u6o90knlmk] {
    color: var(--gray-text-secondary);
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
    min-height: 2.6rem;
}

.pl-content.disabled[b-u6o90knlmk] {
    opacity: 0.4;
    pointer-events: none;
}

.pl-allocation-table[b-u6o90knlmk] {
    margin-bottom: 0;
}

.pl-allocation-table th[b-u6o90knlmk],
.pl-allocation-table td[b-u6o90knlmk] {
    background-color: transparent;
}
/* /Components/Pages/Surveys/Edit.razor.rz.scp.css */
.expert-chat-messages[b-90pik1h06c] {
    min-height: 20rem;
    max-height: 25rem;
    overflow-y: auto;
    background-color: var(--bs-gray-100);
}

.expert-chat-bubble-wrapper[b-90pik1h06c] {
    max-width: 75%;
    position: relative;
}

.expert-chat-user-wrapper[b-90pik1h06c] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.expert-chat-ai-wrapper[b-90pik1h06c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.expert-chat-bubble[b-90pik1h06c] {
    padding: 0.75rem 1rem;
    border-radius: 1rem;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.expert-chat-user[b-90pik1h06c] {
    background-color: var(--bs-primary);
    color: white;
    border-bottom-right-radius: 0.25rem;
}

.expert-chat-ai[b-90pik1h06c] {
    background-color: white;
    border: 1px solid var(--bs-gray-300);
    border-bottom-left-radius: 0.25rem;
}

.expert-chat-actions[b-90pik1h06c] {
    display: none;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

.expert-chat-bubble-wrapper:hover .expert-chat-actions[b-90pik1h06c] {
    display: flex;
}

.expert-chat-actions .btn[b-90pik1h06c] {
    padding: 0.125rem;
    color: var(--bs-gray-500);
}

.expert-chat-actions .btn:hover[b-90pik1h06c] {
    color: var(--bs-gray-700);
}


.expert-modal-content[b-90pik1h06c] {
    max-height: calc(100vh - 3.5rem);
    display: flex;
    flex-direction: column;
}

.expert-modal-content[b-90pik1h06c]  .modal-body {
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
}

.expert-debug-panel[b-90pik1h06c] {
    background-color: var(--bs-gray-100);
    overflow-y: auto;
    flex-shrink: 1;
    min-height: 0;
}

.expert-debug-panel pre[b-90pik1h06c] {
    white-space: pre-wrap;
    word-wrap: break-word;
    color: var(--bs-gray-700);
}

.analyze-rating[b-90pik1h06c] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1rem 1.25rem;
    background-color: var(--bs-gray-100);
    border: 0.0625rem solid var(--bs-gray-300);
    border-radius: 0.5rem;
}

.analyze-traffic-light[b-90pik1h06c] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.5rem;
    background-color: var(--bs-gray-900);
    border-radius: 0.5rem;
    flex-shrink: 0;
}

.analyze-light[b-90pik1h06c] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background-color: var(--bs-gray-700);
    opacity: 0.35;
    transition: opacity 0.2s, box-shadow 0.2s;
}

.analyze-light.active[b-90pik1h06c] {
    opacity: 1;
}

.analyze-light-red.active[b-90pik1h06c] {
    background-color: var(--bs-danger);
    box-shadow: 0 0 0.75rem var(--bs-danger);
}

.analyze-light-yellow.active[b-90pik1h06c] {
    background-color: var(--bs-warning);
    box-shadow: 0 0 0.75rem var(--bs-warning);
}

.analyze-light-green.active[b-90pik1h06c] {
    background-color: var(--bs-success);
    box-shadow: 0 0 0.75rem var(--bs-success);
}

.analyze-rating-text[b-90pik1h06c] {
    color: var(--bs-body-color);
    flex-grow: 1;
}
/* /Components/Pages/UserProfile/Authentication/Components/AuthMethodCard.razor.rz.scp.css */
.method-card[b-fcmobe4ero] {
    border: 0.0625rem solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 1.5rem;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.method-card:hover[b-fcmobe4ero] {
    background-color: var(--bs-light);
}

.method-card .method-description[b-fcmobe4ero] {
    padding-left: 2rem;
}

.method-card.selected[b-fcmobe4ero] {
    border-color: var(--bs-primary);
    background-color: var(--selected-bg);
}
/* /Components/Shared/AiAssistantCreateItems.razor.rz.scp.css */
.expert-chat-messages[b-figyyky44w] {
    overflow-y: auto;
    background-color: var(--bs-gray-100);
}

.expert-chat-bubble-wrapper[b-figyyky44w] {
    max-width: 75%;
    position: relative;
}

.expert-chat-user-wrapper[b-figyyky44w] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.expert-chat-ai-wrapper[b-figyyky44w] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.expert-chat-bubble[b-figyyky44w] {
    max-width: 75%;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.expert-chat-user[b-figyyky44w] {
    background-color: var(--bs-primary);
    color: white;
    border-bottom-right-radius: 0.25rem;
}

.expert-chat-ai[b-figyyky44w] {
    background-color: white;
    border: 1px solid var(--bs-gray-300);
    border-bottom-left-radius: 0.25rem;
}

.expert-chat-warning[b-figyyky44w] {
    background-color: var(--bs-warning-bg-subtle);
    border: 1px solid var(--bs-warning-border-subtle);
    color: var(--bs-warning-text-emphasis);
    border-bottom-left-radius: 0.25rem;
}

.expert-chat-actions[b-figyyky44w] {
    display: none;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

.expert-chat-bubble-wrapper:hover .expert-chat-actions[b-figyyky44w] {
    display: flex;
}

.expert-chat-actions .btn[b-figyyky44w] {
    padding: 0.125rem;
    color: var(--bs-gray-500);
}

.expert-chat-actions .btn:hover[b-figyyky44w] {
    color: var(--bs-gray-700);
}

.expert-chat-suggestions[b-figyyky44w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.75rem;
}

.expert-chat-suggestions-hint[b-figyyky44w] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--bs-gray-600);
    font-style: italic;
}

.expert-chat-suggestion[b-figyyky44w] {
    border: 1px solid var(--bs-primary);
    background-color: transparent;
    color: var(--bs-primary);
    border-radius: 999rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.3;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.expert-chat-suggestion:hover:not(:disabled)[b-figyyky44w] {
    background-color: var(--bs-primary);
    color: white;
}

.expert-chat-suggestion.selected[b-figyyky44w] {
    background-color: var(--bs-primary);
    color: white;
}

.expert-chat-suggestion:disabled[b-figyyky44w] {
    opacity: 0.5;
    cursor: default;
}

/* Modal mode */
.expert-modal-content[b-figyyky44w] {
    max-height: calc(100vh - 3.5rem);
    display: flex;
    flex-direction: column;
}

.expert-modal-content[b-figyyky44w]  .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.expert-modal-content[b-figyyky44w]  .modal-body > .row {
    height: 100%;
}

.expert-modal-content[b-figyyky44w]  .modal-body .col-lg-8 {
    overflow-y: auto;
}

.expert-modal-content[b-figyyky44w]  .modal-body .col-lg-4 {
    overflow-y: auto;
}

/* Page mode */
.expert-page-content[b-figyyky44w] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 11rem);
    border: 1px solid var(--bs-gray-300);
    border-radius: 0.5rem;
    overflow: hidden;
}

.expert-page-body[b-figyyky44w] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.expert-page-body[b-figyyky44w]  > .row {
    height: 100%;
}

.expert-page-body[b-figyyky44w]  .col-lg-8 {
    overflow-y: auto;
}

.expert-page-body[b-figyyky44w]  .col-lg-4 {
    overflow-y: auto;
}

.expert-page-footer[b-figyyky44w] {
    flex-shrink: 0;
    border-top: 1px solid var(--bs-gray-300);
    background-color: white;
}

.expert-debug-panel[b-figyyky44w] {
    flex-shrink: 0;
    background-color: var(--bs-gray-100);
    overflow-y: auto;
    max-height: 15rem;
}

/* Soft fade at the bottom of a vertically-scrollable container, signalling that
   more content is hidden below. Auto-removed when the user has scrolled to the
   end (the .at-bottom class is toggled by initScrollFadeBottom in utils.js). */
.scroll-fade-bottom[b-figyyky44w] {
    -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 2.5rem), transparent);
    mask-image: linear-gradient(to bottom, black calc(100% - 2.5rem), transparent);
    transition: -webkit-mask-image 0.2s ease, mask-image 0.2s ease;
}

.scroll-fade-bottom.at-bottom[b-figyyky44w],
.scroll-fade-bottom.at-top-and-bottom[b-figyyky44w] {
    -webkit-mask-image: none;
    mask-image: none;
}
/* /Components/Shared/AssetPermissionPicker.razor.rz.scp.css */
/* Scoped styles for AssetPermissionPicker component */

.permission-type-select[b-0o2iyt6bc0] {
    width: auto;
    flex: 0 0 auto;
}

.permission-tiles[b-0o2iyt6bc0] {
    background-color: var(--selected-bg);
    border-radius: 0.5rem;
    padding: 0.25rem;
    gap: 0.25rem;
}

.permission-tile[b-0o2iyt6bc0] {
    background-color: var(--white);
    border: none;
    border-radius: 0.375rem;
    padding: 0.75rem 0.5rem;
    color: var(--bs-body-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    cursor: pointer;
    transition: background-color 0.15s, box-shadow 0.15s;
    position: relative;
    min-height: 5rem;
    flex: 1 1 0;
    min-width: 0;
}

.permission-tile:hover:not(.active)[b-0o2iyt6bc0] {
    background-color: var(--gray-light);
}

.permission-tile.active[b-0o2iyt6bc0] {
    background-color: var(--bs-primary);
    color: var(--white);
}

.permission-tile-icon[b-0o2iyt6bc0] {
    font-size: 1.5rem;
    color: var(--bs-primary);
}

.permission-tile.active .permission-tile-icon[b-0o2iyt6bc0] {
    color: var(--white);
}

.permission-tile-label[b-0o2iyt6bc0] {
    font-size: 0.8rem;
    text-align: center;
    line-height: 1.2;
}

.permission-tile-badge[b-0o2iyt6bc0] {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
}


/* access-codes styles live in app.css because the table is built via RenderTreeBuilder
   in the code-behind, which sits outside Blazor's scoped-CSS rewriter. */
/* /Components/Shared/IconPickerModal.razor.rz.scp.css */
/* Scrollable body */
.icon-picker-body[b-kwf0r3ped8] {
    max-height: calc(100vh - 12rem);
    overflow-y: auto;
}

/* Icon grid */
.likert-icon-grid[b-kwf0r3ped8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(3rem, 1fr));
    gap: 0.5rem;
}

.likert-icon-grid[b-kwf0r3ped8]  .material-symbols-outlined {
    font-size: 1.5rem;
}


/* /Components/Shared/ItemTypePicker.razor.rz.scp.css */
.type-card[b-f4z7onxajo] {
    display: block;
    border: 0.0625rem solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 1.5rem;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    height: 100%;
    color: inherit;
}

.type-card:hover[b-f4z7onxajo] {
    background-color: var(--bs-light);
    border-color: var(--bs-primary);
}

.type-card.selected[b-f4z7onxajo] {
    border-color: var(--bs-primary);
    background-color: var(--selected-bg);
}

.type-card .type-icon[b-f4z7onxajo] {
    font-size: 1.5rem;
    color: var(--bs-primary);
}

.type-card .type-description[b-f4z7onxajo] {
    color: var(--bs-secondary-color);
}
/* /Components/Shared/LanguagePicker.razor.rz.scp.css */
.language-trigger[b-gwtjq93lwj] {
    display: flex;
    align-items: center;
    text-decoration: none;
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
}

.language-trigger:hover[b-gwtjq93lwj] {
    opacity: 0.8;
}

.language-trigger:focus[b-gwtjq93lwj],
.language-trigger:focus-visible[b-gwtjq93lwj] {
    outline: none;
    box-shadow: none;
}

.current-flag[b-gwtjq93lwj] {
    width: 28px;
    height: auto;
    border-radius: 4px;
}

.language-grid[b-gwtjq93lwj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 1rem;
}

.language-item[b-gwtjq93lwj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    border: 3px solid var(--bs-gray-200);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.language-item:hover[b-gwtjq93lwj] {
    border-color: var(--bs-primary);
    background-color: var(--bs-gray-100);
}

.language-item.is-selected[b-gwtjq93lwj] {
    border-color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.language-item .flag[b-gwtjq93lwj] {
    width: 48px;
    height: auto;
    border-radius: 4px;
    margin-bottom: 0.5rem;
}

.language-item .language-name[b-gwtjq93lwj] {
    font-size: 0.875rem;
    text-align: center;
    color: var(--bs-body-color);
}

.language-item.is-selected .language-name[b-gwtjq93lwj] {
    font-weight: 600;
    color: var(--bs-primary);
}

.language-item .language-german-name[b-gwtjq93lwj] {
    font-size: 0.75rem;
    text-align: center;
    color: var(--bs-secondary);
}

.language-item.add-language-item[b-gwtjq93lwj] {
    position: relative;
    border-style: dashed;
    justify-content: center;
}

.language-item.add-language-item .add-language-icon[b-gwtjq93lwj] {
    font-size: 3rem;
    color: var(--bs-secondary);
    transition: color 0.2s ease;
}

.language-item.add-language-item .add-language-plus[b-gwtjq93lwj] {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    font-size: 1.25rem;
    color: var(--bs-secondary);
    transition: color 0.2s ease;
}

.language-item.add-language-item:hover .add-language-icon[b-gwtjq93lwj],
.language-item.add-language-item:hover .add-language-plus[b-gwtjq93lwj] {
    color: var(--bs-primary);
}
/* /Components/Shared/MobileNav.razor.rz.scp.css */
.hamburger-btn[b-xd5s9w8xy3] {
    display: none;
    position: fixed;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 100;
    background: none;
    border: none;
    color: var(--white);
    padding: 0.5rem;
    cursor: pointer;
    border-radius: 0.25rem;
}

.hamburger-btn:hover[b-xd5s9w8xy3] {
    background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 640.98px) {
    .hamburger-btn[b-xd5s9w8xy3] {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.mobile-nav-overlay[b-xd5s9w8xy3] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.mobile-nav-drawer[b-xd5s9w8xy3] {
    position: fixed;
    top: 0;
    left: -280px;
    width: 280px;
    height: 100vh;
    background-color: var(--white);
    z-index: 1001;
    transition: left 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
}

.mobile-nav-drawer.open[b-xd5s9w8xy3] {
    left: 0;
}

.mobile-nav-header[b-xd5s9w8xy3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background-color: var(--primary);
    color: var(--white);
}

.mobile-nav-title[b-xd5s9w8xy3] {
    font-weight: 600;
    font-size: 1.1rem;
}

.mobile-nav-close[b-xd5s9w8xy3] {
    background: none;
    border: none;
    color: var(--white);
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-nav-content[b-xd5s9w8xy3] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0;
}

.mobile-nav-module[b-xd5s9w8xy3] {
    border-bottom: 1px solid var(--bs-border-color);
}

.mobile-nav-module-header[b-xd5s9w8xy3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1rem;
    background: none;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary);
    cursor: pointer;
    text-align: left;
}

.mobile-nav-module-header:hover[b-xd5s9w8xy3] {
    background-color: var(--bs-light);
}

.mobile-nav-chevron[b-xd5s9w8xy3] {
    transition: transform 0.2s ease-in-out;
}

.mobile-nav-module-header.expanded .mobile-nav-chevron[b-xd5s9w8xy3] {
    transform: rotate(180deg);
}

.mobile-nav-features[b-xd5s9w8xy3] {
    padding: 0 0 0.5rem 0;
    background-color: var(--bs-light);
}

.mobile-nav-feature[b-xd5s9w8xy3] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem 0.75rem 1.5rem;
    color: var(--bs-body-color);
    text-decoration: none;
}

.mobile-nav-feature:hover[b-xd5s9w8xy3] {
    background-color: var(--bs-secondary);
    color: var(--white);
}

.mobile-nav-footer[b-xd5s9w8xy3] {
    border-top: 1px solid var(--bs-border-color);
    padding: 1rem;
}

.mobile-nav-logout[b-xd5s9w8xy3] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    background: none;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
    color: var(--bs-body-color);
    cursor: pointer;
    font-size: 1rem;
}

.mobile-nav-logout:hover[b-xd5s9w8xy3] {
    background-color: var(--bs-light);
}
/* /Components/Shared/SurveyItems/SurveyItemCard.razor.rz.scp.css */
.si-card[b-g6o4kid57s] {
    padding: 1.25rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    background: var(--bs-white);
    position: relative;
}

.si-card-numbered[b-g6o4kid57s] {
    padding-top: 2rem;
    margin-top: 1.25rem;
}

.si-number-badge[b-g6o4kid57s] {
    position: absolute;
    top: -1.25rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--bs-primary);
    color: var(--bs-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
}

.si-number-badge.si-number-badge-required[b-g6o4kid57s] {
    background: var(--bs-warning);
    color: var(--bs-warning-text-emphasis);
}


.si-question[b-g6o4kid57s] {
    margin-bottom: 1rem;
    line-height: 1.5;
}

.si-answers[b-g6o4kid57s] {
}
/* /Components/Shared/SurveyItemWizard.razor.rz.scp.css */
/* Left column */
.left-column[b-qir6cdeo5k] {
}

.editor-tab-content[b-qir6cdeo5k] {
    min-height: 20rem;
    max-height: calc(100vh - 18rem);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.75rem;
    scrollbar-gutter: stable;
}
/* /Components/Shared/SurveyItemWizardParts/WizardAnswerTab.razor.rz.scp.css */
.answer-table-scroll[b-b13d7sb0vc] {
    max-height: 40vh;
    overflow-y: auto;
}

/* Icon picker cell hover */
.icon-cell:hover[b-b13d7sb0vc] {
    background-color: var(--selected-bg);
}

/* Score input */
.score-input[b-b13d7sb0vc] {
    max-width: 10rem;
}

/* Exclude value badge */
.exclude-value-badge[b-b13d7sb0vc] {
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0.35rem 0.6rem;
    transition: all 0.15s ease;
}

.exclude-value-badge:hover[b-b13d7sb0vc] {
    opacity: 0.8;
}
/* /Components/Shared/SurveyItemWizardParts/WizardAssignmentTab.razor.rz.scp.css */
/* Topic picker */
.topic-picker-col[b-7nivwk2p7u] {
    max-height: calc(100vh - 20rem);
    overflow-y: auto;
    width: fit-content;
    max-width: 100%;
}
/* /Components/Shared/SurveyItemWizardParts/WizardClassificationTab.razor.rz.scp.css */
.classification-tab-row[b-oktnvd2nff] {
    height: calc(100vh - 19rem);
    min-height: 18rem;
}

.classification-textarea[b-oktnvd2nff] {
    flex: 1 1 auto;
    min-height: 0;
    resize: none;
}
/* /Components/Shared/SurveyItemWizardParts/WizardIllustrationTab.razor.rz.scp.css */
.illustration-grid-scroll[b-v340i6cznr] {
    max-height: 42vh;
    overflow-y: auto;
}

/* Image grid editor */
.image-grid-editor[b-v340i6cznr] {
    width: auto;
}

.image-grid-cell[b-v340i6cznr] {
    width: 10rem;
    height: 8rem;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    transition: background-color 0.15s ease;
}

.image-grid-cell:hover[b-v340i6cznr] {
    background-color: var(--selected-bg);
}

.image-grid-cell-content[b-v340i6cznr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.image-grid-cell-img[b-v340i6cznr] {
    max-width: 100%;
    max-height: 5rem;
    object-fit: contain;
    border-radius: 0.25rem;
}

.image-grid-cell-desc[b-v340i6cznr] {
    font-size: 0.75rem;
    line-height: 1.2;
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.image-grid-cell-empty[b-v340i6cznr] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.image-grid-cell-empty .material-symbols-outlined[b-v340i6cznr] {
    font-size: 2.5rem;
}

/* Cell editor modal preview */
.cell-editor-preview[b-v340i6cznr] {
    max-width: 100%;
    max-height: 15rem;
    object-fit: contain;
    border-radius: 0.5rem;
}
/* /Components/Shared/SurveyItemWizardParts/WizardPreviewPanel.razor.rz.scp.css */
.right-column[b-3ir01hb6qb] {
}

.right-column-content[b-3ir01hb6qb] {
    background-color: var(--selected-bg);
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
    max-height: 60vh;
    display: flex;
    flex-direction: column;
}

/* Preview panel */
.preview-panel[b-3ir01hb6qb] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* Preview card - simulates survey display */
.preview-card[b-3ir01hb6qb] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    padding: 1.25rem;
    background: var(--bs-white);
    overflow-wrap: break-word;
    word-break: break-word;
}

.preview-question[b-3ir01hb6qb] {
    font-size: 1.1rem;
    margin-bottom: 1.25rem;
    line-height: 1.5;
}

.preview-question[b-3ir01hb6qb]  p {
    margin-top: 0;
    margin-bottom: 0.25rem;
}

.preview-question[b-3ir01hb6qb]  p:last-child {
    margin-bottom: 0;
}

/* Preview image grid */
.preview-image-grid[b-3ir01hb6qb] {
    margin-bottom: 1rem;
}

.preview-image-table[b-3ir01hb6qb] {
    width: 100%;
    border-collapse: collapse;
}

.preview-image-table td[b-3ir01hb6qb] {
    padding: 0.25rem;
    vertical-align: top;
}

.preview-image-cell[b-3ir01hb6qb] {
    text-align: center;
}

.preview-image[b-3ir01hb6qb] {
    max-width: 100%;
    max-height: 8rem;
    border-radius: 0.375rem;
    object-fit: contain;
}

.preview-image-desc[b-3ir01hb6qb] {
    font-size: 0.8rem;
    margin-top: 0.25rem;
    line-height: 1.3;
}

/* Preview answers */
.preview-answers[b-3ir01hb6qb] {
}

/* Preview option (radio/checkbox style) */
.preview-option[b-3ir01hb6qb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border: 0.125rem solid var(--bs-border-color);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    background: var(--bs-white);
}

.preview-option:hover[b-3ir01hb6qb] {
    border-color: var(--bs-primary);
}

.preview-option.selected[b-3ir01hb6qb] {
    border-color: var(--bs-primary);
    background: var(--bs-primary-bg-subtle);
}

/* Radio circle */
.preview-radio[b-3ir01hb6qb] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 0.125rem solid var(--bs-secondary);
    flex-shrink: 0;
    transition: all 0.15s ease;
}

.preview-radio.checked[b-3ir01hb6qb] {
    border-color: var(--bs-primary);
    border-width: 0.35rem;
}

/* Checkbox */
.preview-checkbox[b-3ir01hb6qb] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.25rem;
    border: 0.125rem solid var(--bs-secondary);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.preview-checkbox.checked[b-3ir01hb6qb] {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* Likert preview */
.preview-likert[b-3ir01hb6qb] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.preview-likert.preview-likert-tiles[b-3ir01hb6qb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    gap: 0.5rem;
    align-items: stretch;
}

.preview-likert.preview-likert-tiles .preview-likert-option[b-3ir01hb6qb] {
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    padding: 0.75rem 0.5rem;
}

.preview-likert.preview-likert-tiles .preview-likert-icon[b-3ir01hb6qb] {
    font-size: 2rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preview-likert.preview-likert-tiles .preview-likert-text[b-3ir01hb6qb] {
    margin-top: 0.125rem;
}

/* Icon-only tiles: larger icons, centered */
.preview-likert.preview-likert-tiles.icons-only .preview-likert-option[b-3ir01hb6qb] {
    justify-content: center;
    align-items: center;
}

.preview-likert.preview-likert-tiles.icons-only .preview-likert-icon[b-3ir01hb6qb] {
    font-size: 3rem;
    height: auto;
}

.preview-likert-option[b-3ir01hb6qb] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid var(--bs-border-color);
}

.preview-likert-option:hover[b-3ir01hb6qb] {
    background: var(--bs-light);
    border-color: var(--bs-primary);
}

.preview-likert-option.selected[b-3ir01hb6qb] {
    background: var(--bs-primary);
    color: var(--bs-white);
    border-color: var(--bs-primary);
}

.preview-likert-option.selected .preview-likert-icon[b-3ir01hb6qb],
.preview-binary-option.selected .preview-binary-icon[b-3ir01hb6qb] {
    color: var(--bs-white) !important;
}

.preview-likert-icon[b-3ir01hb6qb] {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.preview-likert-text[b-3ir01hb6qb] {
    font-size: 0.875rem;
    line-height: 1.3;
}

/* Rating preview */
.preview-rating[b-3ir01hb6qb] {
    display: flex;
    justify-content: center;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.preview-rating-icon[b-3ir01hb6qb] {
    cursor: pointer;
}

.preview-rating-icon .material-symbols-outlined[b-3ir01hb6qb] {
    font-size: 3rem;
}

.preview-rating-point[b-3ir01hb6qb] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border: 0.125rem solid var(--bs-border-color);
    cursor: pointer;
    transition: all 0.15s ease;
    background: var(--bs-white);
}

.preview-rating-point:hover[b-3ir01hb6qb] {
    border-color: var(--bs-primary);
    transform: scale(1.1);
}

.preview-rating-point.selected[b-3ir01hb6qb] {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

/* Slider preview */
.preview-slider[b-3ir01hb6qb] {
    padding: 0.5rem 0;
}

.preview-slider-value[b-3ir01hb6qb] {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    color: var(--bs-primary);
    margin-top: 0.25rem;
}

.range-lg[b-3ir01hb6qb]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--bs-primary);
    border: none;
    margin-top: -0.375rem;
    cursor: pointer;
}

.range-lg[b-3ir01hb6qb]::-moz-range-thumb {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--bs-primary);
    border: none;
    cursor: pointer;
}

.range-lg[b-3ir01hb6qb]::-webkit-slider-runnable-track {
    height: 0.75rem;
    border-radius: 0.375rem;
    background: var(--bs-border-color);
}

.range-lg[b-3ir01hb6qb]::-moz-range-track {
    height: 0.75rem;
    border-radius: 0.375rem;
    background: var(--bs-border-color);
}

/* Binary preview */
.preview-binary[b-3ir01hb6qb] {
    display: flex;
    gap: 0.75rem;
}

.preview-binary-option[b-3ir01hb6qb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1.25rem 0.75rem;
    border: 0.125rem solid var(--bs-border-color);
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 0.15s ease;
    background: var(--bs-white);
    text-align: center;
    font-weight: 500;
}

.preview-binary-option:hover[b-3ir01hb6qb] {
    border-color: var(--bs-primary);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
}

.preview-binary-option.selected[b-3ir01hb6qb] {
    border-color: var(--bs-primary);
    background: var(--bs-primary-bg-subtle);
}

.preview-binary-icon[b-3ir01hb6qb] {
    font-size: 2.5rem;
}

/* Free text preview */
.preview-freetext[b-3ir01hb6qb] {
    border: 0.125rem solid var(--bs-border-color);
    border-radius: 0.5rem;
    resize: none;
}

/* /Components/Shared/SurveyItemWizardParts/WizardTextTab.razor.rz.scp.css */
.rich-editor-scroll[b-bo7p12yjpa] {
    max-height: 46vh;
    overflow-y: auto;
}

/* Placeholder list */
.placeholder-list[b-bo7p12yjpa] {
    min-width: 10rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    overflow-y: auto;
    max-height: 46vh;
}

.placeholder-list[b-bo7p12yjpa]  .list-group-item {
    font-family: monospace;
    font-size: 0.85rem;
    padding: 0.4rem 0.75rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.placeholder-list[b-bo7p12yjpa]  .list-group-item:hover {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

/* Perspective picker popup (triggered by "+" button next to perspective tabs) */
.perspective-picker-overlay[b-bo7p12yjpa] {
    position: fixed;
    inset: 0;
    z-index: 10;
}

.perspective-picker-menu[b-bo7p12yjpa] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    min-width: 14rem;
    z-index: 11;
    background-color: var(--white);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 0.25rem 0;
}

.perspective-picker-item[b-bo7p12yjpa] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.4rem 0.9rem;
    border: 0;
    background: transparent;
    cursor: pointer;
    white-space: nowrap;
}

.perspective-picker-item:hover[b-bo7p12yjpa] {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.perspective-picker-divider[b-bo7p12yjpa] {
    margin: 0.25rem 0;
    border-top: 1px solid var(--bs-border-color);
    opacity: 1;
}
/* /Components/Shared/SurveyStatusPicker.razor.rz.scp.css */
/* Scoped styles for SurveyStatusPicker component */

.status-select[b-onvw64xchq] {
    width: auto;
}
/* /Components/Shared/TreeEditor.razor.rz.scp.css */
.tree-view[b-znsulk7qgp] {
    user-select: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tree-view-content[b-znsulk7qgp] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.tree-drop-zone-root[b-znsulk7qgp] {
    height: 0.25rem;
    border-radius: 0.125rem;
    transition: all 0.15s;
    margin-top: 0.25rem;
}

.tree-drop-zone-root:hover[b-znsulk7qgp] {
    height: 0.25rem;
    background-color: var(--bs-primary);
}
/* /Components/Shared/TreeEditorNode.razor.rz.scp.css */
/* Component-specific state styles for the TreeEditor. Shared tree chrome
   (connectors, toggle, indent, node-name layout) lives in wwwroot/css/app.css. */

.tree-node[b-p5ckzxxbky] {
    font-size: 1.3rem;
}

.tree-node-header.selected .tree-node-name[b-p5ckzxxbky] {
    background-color: var(--bs-primary);
    color: white;
}

.tree-node-header.selected.inactive .tree-node-name[b-p5ckzxxbky] {
    background-color: var(--bs-secondary);
    color: black;
}

.tree-node-header.drag-over .tree-node-name[b-p5ckzxxbky] {
    background-color: var(--bs-primary);
    color: white;
    opacity: 0.6;
}

.tree-node-header.selected .badge[b-p5ckzxxbky] {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.tree-node-header.selected.inactive .badge[b-p5ckzxxbky] {
    background-color: rgba(0, 0, 0, 0.15) !important;
    color: black;
}

.permission-icon[b-p5ckzxxbky] {
    color: var(--bs-primary);
}

.permission-icon.permission-icon-shared[b-p5ckzxxbky] {
    color: black;
    background-color: var(--bs-warning);
    border-radius: 0.25rem;
    padding: 0.05rem 0.15rem;
}

.tree-node-header.selected .permission-icon[b-p5ckzxxbky],
.tree-node-header.selected .text-muted[b-p5ckzxxbky],
.tree-node-header.drag-over .permission-icon[b-p5ckzxxbky],
.tree-node-header.drag-over .permission-icon[b-p5ckzxxbky] {
    color: white;
}

.tree-node-header.selected .permission-icon.permission-icon-shared[b-p5ckzxxbky],
.tree-node-header.drag-over .permission-icon.permission-icon-shared[b-p5ckzxxbky] {
    color: black;
}

.tree-node-header.selected.inactive .permission-icon[b-p5ckzxxbky],
.tree-node-header.selected.inactive .text-muted[b-p5ckzxxbky] {
    color: black;
}

.tree-drop-zone[b-p5ckzxxbky] {
    height: 0.25rem;
    border-radius: 0.125rem;
    transition: all 0.15s;
}

.tree-drop-zone:hover[b-p5ckzxxbky] {
    height: 0.25rem;
    background-color: var(--bs-primary);
}

.sort-buttons[b-p5ckzxxbky] {
    flex-shrink: 0;
    gap: 0.15rem;
    align-self: stretch;
}

.sort-btn[b-p5ckzxxbky] {
    padding: 0.15rem 0.4rem;
    align-self: stretch;
}
/* /Components/Shared/TreeListView.razor.rz.scp.css */
.list-scroll[b-5o36dfi159] {
    max-height: 34vh;
    overflow-y: auto;
}

.list-results[b-5o36dfi159] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
    width: 100%;
}

.list-result-item[b-5o36dfi159] {
    padding: 0.4rem 0.75rem;
    cursor: pointer;
    border-bottom: 1px solid var(--bs-border-color);
    transition: background-color 0.15s;
}

.list-result-item:last-child[b-5o36dfi159] {
    border-bottom: none;
}

.list-result-item:hover[b-5o36dfi159] {
    background-color: var(--bs-light);
}

.list-result-item.selected[b-5o36dfi159] {
    background-color: var(--bs-primary);
    color: white;
}

.list-result-item.selected .breadcrumb-ancestor[b-5o36dfi159] {
    color: rgba(255, 255, 255, 0.7);
}

.list-result-item.selected .breadcrumb-separator[b-5o36dfi159] {
    color: rgba(255, 255, 255, 0.5);
}

.list-result-item.selected .badge[b-5o36dfi159] {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.search-breadcrumb[b-5o36dfi159] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.1rem;
}

.breadcrumb-separator[b-5o36dfi159] {
    font-size: 0.9rem;
    color: var(--bs-secondary);
}

.breadcrumb-ancestor[b-5o36dfi159] {
    color: var(--bs-secondary);
}

.breadcrumb-current[b-5o36dfi159] {
    font-weight: 600;
}
/* /Components/Shared/TreePicker.razor.rz.scp.css */
.tree-picker-scroll[b-o1ufq4tetc] {
    max-height: 39vh;
    overflow-y: auto;
}
/* /Components/Shared/TreePickerNode.razor.rz.scp.css */
/* Component-specific state styles for the TreePicker. Shared tree chrome
   (connectors, toggle, indent, node-name layout) lives in wwwroot/css/app.css. */

/* Read-only mode (cascaded from the editor when the user has only Use/ResultsOnly):
   the name area is no longer a target — no pointer cursor, no hover-highlight.
   Expand/collapse stays interactive because .tree-toggle keeps its own pointer
   cursor and click handler. */
.tree-node-readonly .tree-node-header[b-6ras2dg0yt] {
    cursor: default;
}

.tree-node-readonly .tree-node-header:hover .tree-node-name[b-6ras2dg0yt] {
    background-color: transparent;
}

/* Grouping nodes: organizational containers (e.g. "Jahrgangsstufen") that exist only
   to group their children. They stay clickable — a click toggles expand/collapse
   instead of selecting — and look visually distinct via muted text. The `>` keeps
   the muted styling on the grouping node itself and never leaks into its descendant
   value nodes. */
.tree-node-grouping > .tree-node-header .tree-node-name[b-6ras2dg0yt] {
    color: var(--bs-primary);
}

.tree-node-header.assigned .tree-node-name[b-6ras2dg0yt] {
    background-color: var(--bs-primary);
    color: white;
}

.tree-node-header.assigned .badge[b-6ras2dg0yt] {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.picker-action-slot[b-6ras2dg0yt] {
    width: 2.2rem;
    min-width: 2.2rem;
    height: 1.8rem;
    flex-shrink: 0;
}
/* /Components/Shared/UserProfileButton.razor.rz.scp.css */