/* /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;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--white);
    cursor: pointer;
}

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

.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 {
        padding: 0.5rem 1rem;
        border-radius: 0.25rem;
        transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    .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;
}

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

@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);
    display: flex;
    flex-direction: column;
}

.emails-modal-body[b-4myrrodg4v],
.codes-modal-body[b-4myrrodg4v] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.emails-list[b-4myrrodg4v],
.codes-list[b-4myrrodg4v] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

.code-badge[b-4myrrodg4v] {
    font-size: 0.75rem;
}
/* /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/Misc/Index.razor.rz.scp.css */
.card-body.p-0 table td:first-child[b-ejav2fdh6f],
.card-body.p-0 table th:first-child[b-ejav2fdh6f] {
    padding-left: 1rem;
}
/* /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/DimensionEditor.razor.rz.scp.css */
.parent-dropdown[b-bdy6yxvooa] {
    position: relative;
}

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

.parent-dropdown-menu[b-bdy6yxvooa] {
    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-bdy6yxvooa] {
    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-bdy6yxvooa] {
    border-bottom: none;
}

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

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

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

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

.parent-breadcrumb-current[b-bdy6yxvooa] {
    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/Users/Components/AuthenticationTab.razor.rz.scp.css */
.method-card[b-7oslc7qrns] {
    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-7oslc7qrns] {
    background-color: var(--bs-light);
}

.method-card.selected[b-7oslc7qrns] {
    border-color: var(--bs-primary);
    background-color: var(--selected-bg);
}
/* /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;
}
/* /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;
}
/* /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/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);
}

/* /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/AssetPermissionPicker.razor.rz.scp.css */
/* Scoped styles for AssetPermissionPicker component */

.permission-type-select[b-0o2iyt6bc0] {
    min-width: 8rem;
    max-width: 10rem;
}
/* /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;
}

/* Color swatch buttons */
.icon-color-swatch[b-kwf0r3ped8] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 0.125rem solid var(--bs-border-color);
    cursor: pointer;
    transition: all 0.15s ease;
    padding: 0;
}

.icon-color-swatch:hover[b-kwf0r3ped8] {
    transform: scale(1.15);
}

.icon-color-swatch.active[b-kwf0r3ped8] {
    border-color: var(--bs-dark);
    border-width: 0.2rem;
    box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.15);
}


/* /Components/Shared/ItemTemplateWizard.razor.rz.scp.css */
/* Left column */
.left-column[b-xnl2wktpky] {
}

.editor-tab-content[b-xnl2wktpky] {
    min-height: 20rem;
}
/* /Components/Shared/ItemTemplateWizardParts/WizardAnswerTab.razor.rz.scp.css */
/* Icon picker cell hover */
.icon-cell:hover[b-6ar55jpn4m] {
    background-color: var(--selected-bg);
}

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

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

.exclude-value-badge:hover[b-6ar55jpn4m] {
    opacity: 0.8;
}
/* /Components/Shared/ItemTemplateWizardParts/WizardAssignmentTab.razor.rz.scp.css */
/* Topic picker */
.topic-picker-col[b-3af49duin9] {
    max-height: calc(100vh - 20rem);
    overflow-y: auto;
}

/* List results */
.list-results[b-3af49duin9] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
}

.list-result-item[b-3af49duin9] {
    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-3af49duin9] {
    border-bottom: none;
}

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

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

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

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

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

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

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

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

.breadcrumb-current[b-3af49duin9] {
    font-weight: 600;
}
/* /Components/Shared/ItemTemplateWizardParts/WizardIllustrationTab.razor.rz.scp.css */
/* Image grid editor */
.image-grid-editor[b-25v99ankgc] {
    width: auto;
}

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

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

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

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

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

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

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

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

.right-column-content[b-wopaepmr1q] {
    background-color: var(--selected-bg);
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin-top: -0.5rem;
    padding-top: 0.5rem;
}

/* Preview panel */
.preview-panel[b-wopaepmr1q] {
    position: sticky;
    top: 1rem;
}

/* Preview card - simulates survey display */
.preview-card[b-wopaepmr1q] {
    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-wopaepmr1q] {
    font-size: 1.1rem;
    margin-bottom: 1.25rem;
    line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

/* Preview option (radio/checkbox style) */
.preview-option[b-wopaepmr1q] {
    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-wopaepmr1q] {
    border-color: var(--bs-primary);
}

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

/* Radio circle */
.preview-radio[b-wopaepmr1q] {
    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-wopaepmr1q] {
    border-color: var(--bs-primary);
    border-width: 0.35rem;
}

/* Checkbox */
.preview-checkbox[b-wopaepmr1q] {
    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-wopaepmr1q] {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

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

.preview-likert.preview-likert-tiles[b-wopaepmr1q] {
    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-wopaepmr1q] {
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    padding: 0.75rem 0.5rem;
}

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

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

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

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

.preview-likert-option[b-wopaepmr1q] {
    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-wopaepmr1q] {
    background: var(--bs-light);
    border-color: var(--bs-primary);
}

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

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

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

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

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

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

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

.preview-rating-point[b-wopaepmr1q] {
    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-wopaepmr1q] {
    border-color: var(--bs-primary);
    transform: scale(1.1);
}

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

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

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

.range-lg[b-wopaepmr1q]::-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-wopaepmr1q]::-moz-range-thumb {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--bs-primary);
    border: none;
    cursor: pointer;
}

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

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

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

.preview-binary-option[b-wopaepmr1q] {
    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-wopaepmr1q] {
    border-color: var(--bs-primary);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
}

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

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

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

/* Responsive: stack on small screens */
@media (max-width: 991.98px) {
    .preview-panel[b-wopaepmr1q] {
        position: static;
    }
}
/* /Components/Shared/ItemTemplateWizardParts/WizardTextTab.razor.rz.scp.css */
/* Placeholder list */
.placeholder-list[b-o19dmrzyrm] {
    min-width: 10rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    overflow-y: auto;
    max-height: 12rem;
}

.placeholder-list[b-o19dmrzyrm]  .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-o19dmrzyrm]  .list-group-item:hover {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}
/* /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-question[b-g6o4kid57s] {
    margin-bottom: 1rem;
    line-height: 1.5;
}

.si-answers[b-g6o4kid57s] {
}
/* /Components/Shared/SurveyStatusPicker.razor.rz.scp.css */
/* Scoped styles for SurveyStatusPicker component */

.status-select[b-onvw64xchq] {
    width: auto;
}
/* /Components/Shared/TopicPickerNode.razor.rz.scp.css */
.tree-node[b-iy9axyhkcv] {
    cursor: pointer;
}

.tree-node-header[b-iy9axyhkcv] {
    display: flex;
    align-items: center;
    padding: 0.25rem 0;
    gap: 0.3rem;
}

.tree-node-header:hover .tree-node-name[b-iy9axyhkcv] {
    background-color: var(--bs-light);
}

.tree-toggle[b-iy9axyhkcv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.3rem;
    cursor: pointer;
    flex-shrink: 0;
}

.tree-toggle i[b-iy9axyhkcv] {
    font-size: 0.9rem;
}

.tree-toggle-placeholder[b-iy9axyhkcv] {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.3rem;
    flex-shrink: 0;
}

.tree-node-name[b-iy9axyhkcv] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.1rem 0.5rem;
    border-radius: 0.25rem;
    transition: background-color 0.15s;
}

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

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

.tree-children[b-iy9axyhkcv] {
    padding-left: 1.5rem;
}

/* Connector wrapper for each child node */
.tree-connector[b-iy9axyhkcv] {
    position: relative;
}

/* Vertical line: runs full height of the connector (connects siblings) */
.tree-connector[b-iy9axyhkcv]::after {
    content: '';
    position: absolute;
    left: -0.8rem;
    top: 0;
    bottom: 0;
    border-left: 1px solid var(--bs-secondary);
}

/* Horizontal line: connects vertical line to just before the toggle */
.tree-connector[b-iy9axyhkcv]::before {
    content: '';
    position: absolute;
    left: -0.8rem;
    top: 1.12rem;
    width: 0.6rem;
    border-top: 1px solid var(--bs-secondary);
}

/* Leaf nodes: extend horizontal line close to the topic name */
.tree-connector-leaf[b-iy9axyhkcv]::before {
    top: 1.15rem;
    width: 2rem;
}

/* Last child: vertical line stops at the horizontal connector (L-shape) */
.tree-connector-last[b-iy9axyhkcv]::after {
    bottom: auto;
    height: 1.13rem;
}

/* Last child leaf: match leaf top */
.tree-connector-last.tree-connector-leaf[b-iy9axyhkcv]::after {
    height: 1.16rem;
}

.picker-action-slot[b-iy9axyhkcv] {
    width: 2.2rem;
    min-width: 2.2rem;
    height: 1.8rem;
    flex-shrink: 0;
}
/* /Components/Shared/TreeView.razor.rz.scp.css */
.tree-view[b-m6lt0lmm1l] {
    user-select: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

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

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

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

.list-results[b-m6lt0lmm1l] {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
}

.list-result-item[b-m6lt0lmm1l] {
    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-m6lt0lmm1l] {
    border-bottom: none;
}

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

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

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

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

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

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

.list-result-item.selected .list-permission-icon[b-m6lt0lmm1l] {
    color: white;
}

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

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

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

.breadcrumb-current[b-m6lt0lmm1l] {
    font-weight: 600;
}
/* /Components/Shared/TreeViewNode.razor.rz.scp.css */
.tree-node[b-oy8gcikbga] {
    cursor: pointer;
    font-size: 1.3rem;
}

.tree-node-header[b-oy8gcikbga] {
    display: flex;
    align-items: center;
    padding: 0.05rem 0;
}

.tree-node-header:hover .tree-node-name[b-oy8gcikbga] {
    background-color: var(--bs-light);
}

.tree-toggle[b-oy8gcikbga] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.1rem;
    margin-top: -2px;
    cursor: pointer;
    flex-shrink: 0;
}

.tree-toggle i[b-oy8gcikbga] {
    font-size: 1rem;
}

.tree-toggle-placeholder[b-oy8gcikbga] {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.1rem;
    flex-shrink: 0;
}

.tree-node-name[b-oy8gcikbga] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    transition: background-color 0.15s;
}

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

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

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

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

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

.tree-children[b-oy8gcikbga] {
    padding-left: 1.5rem;
}

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

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

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

.sort-btn[b-oy8gcikbga] {
    padding: 0.15rem 0.4rem;
    align-self: stretch;
}
/* /Components/Shared/UserProfileButton.razor.rz.scp.css */
.profile-icon[b-jgy84d1662] {
    font-size: 1.8rem;
}