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

main[b-pleuwi5u96] {
    flex: 1;
}

.sidebar[b-pleuwi5u96] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

    .sidebar[b-pleuwi5u96] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-pleuwi5u96], article[b-pleuwi5u96] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

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

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

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

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

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

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

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

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

.bi-lock-nav-menu[b-oh1gm3xs8h] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-oh1gm3xs8h] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-oh1gm3xs8h] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-oh1gm3xs8h] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-oh1gm3xs8h] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

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

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

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

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

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

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

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-i237g14skt],
.components-reconnect-repeated-attempt-visible[b-i237g14skt],
.components-reconnect-failed-visible[b-i237g14skt],
.components-pause-visible[b-i237g14skt],
.components-resume-failed-visible[b-i237g14skt],
.components-rejoining-animation[b-i237g14skt] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-i237g14skt {
    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/AskAi/AskAiChat.razor.rz.scp.css */
/* Colours come from the app theme (wwwroot/app.css: .m-dark / .m-light). Chrome (header, the
   button) uses the shared navy and primary blue so it reads the same in both modes. */

.askai[b-5ctsa30e68] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.5;
}

.askai :focus-visible[b-5ctsa30e68] {
    outline: 3px solid var(--accent);
    outline-offset: 2px;
}

.askai-vh[b-5ctsa30e68] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* ---------- Button ---------- */
.askai-fab[b-5ctsa30e68] {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1051;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 20px 0 16px;
    font: inherit;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid var(--cxbd-ffffff-a28, rgb(255 255 255 / 0.28));
    background: var(--primary);
    color: var(--cxfg-ffffff, #fff);
    cursor: pointer;
    box-shadow: 0 6px 18px rgb(0 0 0 / 0.35);
}

.askai-fab:hover[b-5ctsa30e68] { background: var(--cxbg-185fa8, #185fa8); }

.askai-fab-off[b-5ctsa30e68],
.askai-fab-off:hover[b-5ctsa30e68] {
    background: var(--cxbg-16354f, #16354f);
    border-color: var(--cxbd-6f8ba6, #6f8ba6);
    color: var(--cxfg-c9d8e6, #c9d8e6);
    box-shadow: none;
}

.askai-unread[b-5ctsa30e68] {
    position: absolute;
    top: -3px;
    right: -3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--cxbg-00d4ea, #00d4ea);
    border: 2px solid var(--ceims-navy);
}

/* ---------- Panel ---------- */
.askai-panel[b-5ctsa30e68] {
    position: fixed;
    right: 16px;
    bottom: 76px;
    z-index: 1050;
    width: 400px;
    max-width: calc(100vw - 32px);
    height: 580px;
    max-height: calc(100vh - 92px);
    display: flex;
    flex-direction: column;
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: var(--cxr-12, 12px);
    overflow: hidden;
    box-shadow: 0 18px 48px rgb(0 0 0 / 0.35);
}

.askai-head[b-5ctsa30e68] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 6px 6px 16px;
    background: var(--ceims-navy);
    color: var(--cxfg-ffffff, #fff);
}

.askai-head-icon[b-5ctsa30e68] { display: flex; color: var(--cxfg-00d4ea, #00d4ea); }

.askai-head-text[b-5ctsa30e68] {
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.askai-head-text h2[b-5ctsa30e68] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--cxfg-ffffff, #fff);
}

.askai-status[b-5ctsa30e68] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: var(--cxfg-c9d8e6, #c9d8e6);
}

.askai-status i[b-5ctsa30e68] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

/* On navy in both modes, so the dark-mode status colours. */
.dot-ok[b-5ctsa30e68] { background: var(--cxbg-5fd08a, #5fd08a); }
.dot-warn[b-5ctsa30e68] { background: var(--cxbg-f5c451, #f5c451); }
.dot-bad[b-5ctsa30e68] { background: var(--cxbg-ff9b8f, #ff9b8f); }

.askai-icon-btn[b-5ctsa30e68] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--cxr-8, 8px);
    background: transparent;
    color: var(--cxfg-ffffff, #fff);
    cursor: pointer;
}

.askai-icon-btn:hover[b-5ctsa30e68] { background: var(--cxbg-ffffff-a12, rgb(255 255 255 / 0.12)); }

.askai-context[b-5ctsa30e68] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    margin: 0;
    padding: 0 16px;
    background: var(--raised);
    border-bottom: 1px solid var(--line);
    font-size: 0.85rem;
    color: var(--muted);
    cursor: pointer;
}

.askai-context input[b-5ctsa30e68] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--primary);
}

.askai-context b[b-5ctsa30e68] { color: var(--text); font-weight: 600; }

/* ---------- Thread ---------- */
.askai-thread[b-5ctsa30e68] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.askai-empty[b-5ctsa30e68] {
    margin: auto 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.askai-empty-icon[b-5ctsa30e68] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--raised);
    color: var(--accent);
}

.askai-empty-title[b-5ctsa30e68] { margin: 0 0 4px; font-size: 1.05rem; font-weight: 600; }
.askai-empty-body[b-5ctsa30e68] { margin: 0; font-size: 0.92rem; color: var(--muted); }

.askai-suggestions[b-5ctsa30e68] { display: flex; flex-direction: column; gap: 8px; }

.askai-sugg[b-5ctsa30e68] {
    min-height: 44px;
    padding: 8px 14px;
    font: inherit;
    font-size: 0.92rem;
    text-align: left;
    border-radius: var(--cxr-8, 8px);
    border: 1px solid var(--field-line);
    background: transparent;
    color: var(--text);
    cursor: pointer;
}

.askai-sugg:hover[b-5ctsa30e68] { border-color: var(--primary); background: var(--row-tint); }
.askai-sugg[disabled][b-5ctsa30e68] { opacity: 0.45; cursor: not-allowed; }

.askai-msg-user[b-5ctsa30e68] {
    align-self: flex-end;
    max-width: 85%;
    padding: 10px 14px;
    border-radius: 12px 12px 4px 12px;
    background: var(--primary);
    color: var(--cxfg-ffffff, #fff);
    font-size: 0.95rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.askai-msg-ai[b-5ctsa30e68] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 92%;
}

.askai-who[b-5ctsa30e68] { font-size: 0.8rem; font-weight: 600; color: var(--muted); }

.askai-bubble[b-5ctsa30e68] {
    align-self: flex-start;
    padding: 10px 14px;
    border-radius: 4px 12px 12px 12px;
    background: var(--raised);
    color: var(--text);
    font-size: 0.95rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.askai-sources[b-5ctsa30e68] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--line);
    font-size: 0.85rem;
    white-space: normal;
}

.askai-sources-title[b-5ctsa30e68] { color: var(--muted); font-weight: 600; }

.askai-caret[b-5ctsa30e68] {
    display: inline-block;
    width: 8px;
    height: 1em;
    margin-left: 2px;
    vertical-align: -2px;
    background: var(--accent);
}

.askai-thinking[b-5ctsa30e68] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
}

.askai-dots[b-5ctsa30e68] { display: flex; gap: 4px; }

.askai-dots i[b-5ctsa30e68] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    animation: askai-pulse-b-5ctsa30e68 1.2s infinite ease-in-out;
}

.askai-dots i:nth-child(2)[b-5ctsa30e68] { animation-delay: 0.15s; }
.askai-dots i:nth-child(3)[b-5ctsa30e68] { animation-delay: 0.3s; }

@keyframes askai-pulse-b-5ctsa30e68 {
    0%, 80%, 100% { opacity: 0.3; }
    40% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .askai-dots i[b-5ctsa30e68] { animation: none; }
}

.askai-actions[b-5ctsa30e68] { display: flex; gap: 4px; }

.askai-quiet[b-5ctsa30e68] {
    min-height: 44px;
    padding: 0 8px;
    font: inherit;
    font-size: 0.85rem;
    border: 0;
    background: transparent;
    color: var(--link);
    cursor: pointer;
}

.askai-quiet:hover[b-5ctsa30e68] { text-decoration: underline; }

.askai-alert[b-5ctsa30e68] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
    border: 1px solid var(--bad);
    border-radius: var(--cxr-8, 8px);
}

.askai-alert-title[b-5ctsa30e68] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--bad);
}

.askai-alert-title i[b-5ctsa30e68] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

.askai-alert-body[b-5ctsa30e68] { font-size: 0.9rem; }

.askai-btn-primary[b-5ctsa30e68] {
    min-height: 44px;
    padding: 0 18px;
    font: inherit;
    font-weight: 600;
    border-radius: var(--cxr-8, 8px);
    border: 1px solid var(--primary-line);
    background: var(--primary);
    color: var(--cxfg-ffffff, #fff);
    cursor: pointer;
}

.askai-btn-primary:hover[b-5ctsa30e68] { background: var(--cxbg-185fa8, #185fa8); }

/* ---------- Composer ---------- */
.askai-composer[b-5ctsa30e68] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin: 0;
    padding: 12px 12px 8px;
    border-top: 1px solid var(--line);
}

.askai-composer textarea[b-5ctsa30e68] {
    flex: 1;
    box-sizing: border-box;
    min-height: 44px;
    max-height: 120px;
    padding: 10px 14px;
    font: inherit;
    font-size: 0.95rem;
    border-radius: var(--cxr-6, 6px);
    border: 1px solid var(--field-line);
    background: var(--field);
    color: var(--text);
    resize: none;
}

.askai-composer textarea[b-5ctsa30e68]::placeholder { color: var(--muted); opacity: 0.8; }
.askai-composer textarea[disabled][b-5ctsa30e68] { opacity: 0.6; }

.askai-send[b-5ctsa30e68] {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--cxr-8, 8px);
    border: 1px solid var(--primary-line);
    background: var(--primary);
    color: var(--cxfg-ffffff, #fff);
    cursor: pointer;
}

.askai-send:hover[b-5ctsa30e68] { background: var(--cxbg-185fa8, #185fa8); }
.askai-send[disabled][b-5ctsa30e68] { opacity: 0.45; cursor: not-allowed; }

.askai-stop[b-5ctsa30e68],
.askai-stop:hover[b-5ctsa30e68] {
    border-color: var(--field-line);
    background: transparent;
    color: var(--text);
}

.askai-foot[b-5ctsa30e68] {
    margin: 0;
    padding: 0 16px 12px;
    font-size: 0.8rem;
    color: var(--muted);
}
/* /Components/Pages/AuditView/AuditPanels.razor.rz.scp.css */
/* Scoped to AuditPanels; ::deep so the styles reach the markup this component renders.
   All ::deep rules descend from .ad-tabwrap, which is a plain element in this component's
   own markup and therefore carries the scope attribute — Syncfusion's internal DOM does not. */

[b-q72z566nqg] .full-width-tabs .e-tab-header .e-toolbar-items {
    display: flex !important;
    width: 100% !important;
}

/* ---- white panel behind the tab content ---------------------------------
   The cards are already white; without this the gaps between and around them
   show the dark page background through the transparent Syncfusion panel. */
.ad-tabwrap[b-q72z566nqg]  .e-content,
.ad-tabwrap[b-q72z566nqg]  .e-tab .e-content,
.ad-tabwrap[b-q72z566nqg]  .e-content > .e-item,
.ad-tabwrap[b-q72z566nqg]  .e-tab .e-content > .e-item {
    background: var(--cxbg-ffffff, #ffffff);
}

.ad-tabwrap[b-q72z566nqg]  .e-content > .e-item {
    padding: 14px 16px;
}

/* rounded off under the tab strip, so the white panel reads as one surface */
.ad-tabwrap[b-q72z566nqg]  .e-content {
    border: 1px solid var(--cxbd-e6e9ef, #e6e9ef);
    border-top: none;
    border-radius: 0 0 10px 10px;
}

/* cards sit ON the white panel now, so drop their own chrome to avoid a box-in-a-box */
.ad-tabwrap[b-q72z566nqg]  .ad-card {
    box-shadow: none;
    border: none;
    padding: 0;
    margin-bottom: 12px;
}

[b-q72z566nqg] .ad-head {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 8px 0;
}

[b-q72z566nqg] .ad-chip {
    background: var(--cxbg-eef4fd, #eef4fd);
    color: var(--cxfg-2c3e50, #2c3e50);
    border-radius: var(--cxr-12, 12px);
    padding: 3px 10px;
    font-size: .8rem;
    font-weight: 600;
}

[b-q72z566nqg] .ad-chip-bad { background: var(--cxbg-fdecea, #fdecea); color: var(--cxfg-c0392b, #c0392b); }
[b-q72z566nqg] .ad-chip-warn { background: var(--cxbg-fdf3e3, #fdf3e3); color: var(--cxfg-b9770e, #b9770e); }

[b-q72z566nqg] .ad-err {
    background: var(--cxbg-fdecea, #fdecea);
    color: var(--cxfg-c0392b, #c0392b);
    padding: 10px 12px;
    border-radius: var(--cxr-8, 8px);
    margin: 8px 0;
}

/* ---------------------------------------------------------------- empty states
   Used where a panel has nothing to show. Two variants: a neutral PROMPT for normal
   operation (no organization selected yet) and an amber PROBLEM for a real fault.
   Deliberately not red — a routine prompt styled as an error teaches people to
   ignore the errors that matter. */
[b-q72z566nqg] .ad-state {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 22px 24px;
    border-radius: var(--cxr-12, 12px);
    border: 1px solid var(--cxbd-e6e9ef, #e6e9ef);
    background: linear-gradient(180deg, var(--cxbg-fbfcfe, #fbfcfe) 0%, var(--cxbg-f7f9fc, #f7f9fc) 100%);
    margin: 6px 0 4px;
}

[b-q72z566nqg] .ad-state-icon {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--cxr-10, 10px);
    background: var(--cxbg-eef4fd, #eef4fd);
    color: var(--cxfg-5b86c4, #5b86c4);
}

[b-q72z566nqg] .ad-state-icon svg { width: 22px; height: 22px; }

[b-q72z566nqg] .ad-state-text { min-width: 0; }

[b-q72z566nqg] .ad-state-title {
    font-size: .95rem;
    font-weight: 700;
    color: var(--cxfg-2c3e50, #2c3e50);
    margin-bottom: 4px;
}

[b-q72z566nqg] .ad-state-body {
    margin: 0;
    font-size: .84rem;
    line-height: 1.5;
    color: var(--cxfg-7a8699, #7a8699);
    max-width: 64ch;
}

[b-q72z566nqg] .ad-state-problem {
    border-color: var(--cxbd-f0dfbc, #f0dfbc);
    background: linear-gradient(180deg, var(--cxbg-fffdf7, #fffdf7) 0%, var(--cxbg-fdf8ee, #fdf8ee) 100%);
}

[b-q72z566nqg] .ad-state-problem .ad-state-icon { background: var(--cxbg-fdf3e3, #fdf3e3); color: var(--cxfg-b9770e, #b9770e); }
[b-q72z566nqg] .ad-state-problem .ad-state-title { color: var(--cxfg-8a5d10, #8a5d10); }
[b-q72z566nqg] .ad-state-problem .ad-state-body { color: var(--cxfg-8b7a4f, #8b7a4f); }

[b-q72z566nqg] .ad-card {
    background: var(--cxbg-ffffff, #fff);
    border: 1px solid var(--cxbd-e6e9ef, #e6e9ef);
    border-radius: var(--cxr-12, 12px);
    padding: 14px 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    margin-bottom: 16px;
}

[b-q72z566nqg] .ad-card h3 {
    margin: 0 0 10px;
    font-size: 1rem;
    color: var(--cxfg-2c3e50, #2c3e50);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

[b-q72z566nqg] .ad-tbl {
    width: 100%;
    border-collapse: collapse;
    font-size: .82rem;
}

[b-q72z566nqg] .ad-tbl th {
    text-align: left;
    color: var(--cxfg-7a8699, #7a8699);
    border-bottom: 1px solid var(--cxbd-e6e9ef, #e6e9ef);
    padding: 5px 6px;
    font-weight: 600;
    white-space: nowrap;
}

[b-q72z566nqg] .ad-tbl td {
    padding: 5px 6px;
    border-bottom: 1px solid var(--cxbd-f2f4f7, #f2f4f7);
    vertical-align: top;
}

/* problem rows must be findable at a glance in a long log */
[b-q72z566nqg] .ad-bad { background: var(--cxbg-fffafa, #fffafa); }

[b-q72z566nqg] .ad-sub { color: var(--cxfg-98a4b8, #98a4b8); font-size: .75rem; }
[b-q72z566nqg] .ad-when { color: var(--cxfg-5b6b83, #5b6b83); font-size: .75rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
[b-q72z566nqg] .ad-break { word-break: break-all; max-width: 260px; }
[b-q72z566nqg] .ad-empty { color: var(--cxfg-98a4b8, #98a4b8); font-style: italic; padding: 8px; }
[b-q72z566nqg] .ad-hint { color: var(--cxfg-98a4b8, #98a4b8); font-size: .8rem; margin-bottom: 6px; }

[b-q72z566nqg] .ad-out { font-weight: 700; font-size: .72rem; padding: 1px 6px; border-radius: var(--cxr-8, 8px); }
[b-q72z566nqg] .ad-out-ok { background: var(--cxbg-eef7f0, #eef7f0); color: var(--cxfg-27ae60, #27ae60); }
[b-q72z566nqg] .ad-out-den { background: var(--cxbg-fdecea, #fdecea); color: var(--cxfg-c0392b, #c0392b); }
[b-q72z566nqg] .ad-out-fail { background: var(--cxbg-fdf3e3, #fdf3e3); color: var(--cxfg-b9770e, #b9770e); }
[b-q72z566nqg] .ad-out-err { background: var(--cxbg-c0392b, #c0392b); color: var(--cxfg-ffffff, #fff); }

[b-q72z566nqg] .ad-bulk { color: var(--cxfg-c0392b, #c0392b); font-weight: 700; }
[b-q72z566nqg] .ad-flag {
    background: var(--cxbg-c0392b, #c0392b);
    color: var(--cxfg-ffffff, #fff);
    font-size: .65rem;
    padding: 1px 5px;
    border-radius: var(--cxr-6, 6px);
    margin-left: 4px;
}

[b-q72z566nqg] .ad-src { font-size: .72rem; font-weight: 700; padding: 1px 6px; border-radius: var(--cxr-8, 8px); }
[b-q72z566nqg] .ad-src-sf { background: var(--cxbg-eef4fd, #eef4fd); color: var(--cxfg-2e86de, #2e86de); }
[b-q72z566nqg] .ad-src-org { background: var(--cxbg-f3eefd, #f3eefd); color: var(--cxfg-7d3cc8, #7d3cc8); }

[b-q72z566nqg] .ad-mini {
    border: 1px solid var(--cxbd-c3cad6, #c3cad6);
    background: var(--cxbg-f7f9fc, #f7f9fc);
    border-radius: var(--cxr-6, 6px);
    padding: 2px 8px;
    cursor: pointer;
    font-size: .75rem;
}

[b-q72z566nqg] .ad-sel {
    padding: 4px 8px;
    border: 1px solid var(--cxbd-c3cad6, #c3cad6);
    border-radius: var(--cxr-6, 6px);
    font-size: .82rem;
}

[b-q72z566nqg] .ad-add { display: flex; align-items: center; gap: 8px; margin: 8px 0; flex-wrap: wrap; }
/* /Components/Pages/AuthzUserAdmin/AuthzUserAdmin.razor.rz.scp.css */
/* My Account — follows docs/ceims-style-guide.html. Colors come only from the mode tokens in app.css. */

.acct[b-tmsv5k5ks0] {
    max-width: 1100px;
    padding: 24px 24px 64px;
    color: var(--text);
    line-height: 1.5;
}

.acct :focus-visible[b-tmsv5k5ks0] {
    outline: 3px solid var(--accent);
    outline-offset: 2px;
}

/* ---------- Header: who you are and the state of your sign-in ---------- */
.acct-head[b-tmsv5k5ks0] {
    margin-bottom: 24px;
}

.acct-head h1[b-tmsv5k5ks0] {
    margin: 0 0 4px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--text);
}

.acct-who[b-tmsv5k5ks0] {
    margin: 0 0 16px;
    color: var(--muted);
}

.acct-who strong[b-tmsv5k5ks0] {
    color: var(--text);
    font-weight: 600;
}

.acct-status[b-tmsv5k5ks0] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.acct-chip[b-tmsv5k5ks0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
}

.acct-chip[b-tmsv5k5ks0]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

.acct-chip.ok[b-tmsv5k5ks0] { color: var(--ok); }
.acct-chip.warn[b-tmsv5k5ks0] { color: var(--warn); }
.acct-chip.bad[b-tmsv5k5ks0] { color: var(--bad); }

.acct-live[b-tmsv5k5ks0] {
    min-height: 1.5em;
    margin: 12px 0 0;
    color: var(--muted);
    font-size: 0.9rem;
}

.acct-error[b-tmsv5k5ks0] {
    margin: 0 0 16px;
    padding: 12px 16px;
    border: 1px solid var(--bad);
    border-left-width: 4px;
    border-radius: var(--cxr-8, 8px);
    color: var(--bad);
    font-weight: 600;
}

/* ---------- Panels ---------- */
.acct-pair[b-tmsv5k5ks0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 24px;
}

@media (max-width: 900px) {
    .acct-pair[b-tmsv5k5ks0] { grid-template-columns: 1fr; }
}

.acct-panel[b-tmsv5k5ks0] {
    padding: 24px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--cxr-10, 10px);
}

.acct-pair > .acct-panel[b-tmsv5k5ks0] { margin: 0; }
.acct > .acct-panel[b-tmsv5k5ks0] { margin-bottom: 24px; }

.acct-panel h2[b-tmsv5k5ks0] {
    margin: 0 0 16px;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text);
}

.acct-panel-head[b-tmsv5k5ks0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.acct-panel-head h2[b-tmsv5k5ks0] { margin: 0; }

.acct-note[b-tmsv5k5ks0] {
    margin: -8px 0 16px;
    max-width: 65ch;
    color: var(--muted);
    font-size: 0.92rem;
}

form .acct-note[b-tmsv5k5ks0] { margin: 0 0 16px; }

.acct-hint[b-tmsv5k5ks0] {
    font-size: 0.85rem;
    color: var(--muted);
}

.acct-empty[b-tmsv5k5ks0] {
    margin: 12px 0 0;
    color: var(--muted);
}

.acct-break[b-tmsv5k5ks0] { word-break: break-all; }

/* Label / value rows */
.acct-rows[b-tmsv5k5ks0] {
    margin: 0 0 20px;
}

.acct-rows > div[b-tmsv5k5ks0] {
    display: grid;
    grid-template-columns: 9rem 1fr;
    gap: 12px;
    align-items: center;
    min-height: 44px;
    padding: 6px 0;
    border-top: 1px solid var(--line);
}

.acct-rows > div:first-child[b-tmsv5k5ks0] { border-top: 0; }

.acct-rows dt[b-tmsv5k5ks0] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.92rem;
}

.acct-rows dd[b-tmsv5k5ks0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    margin: 0;
    min-width: 0;
}

@media (max-width: 480px) {
    .acct-rows > div[b-tmsv5k5ks0] { grid-template-columns: 1fr; gap: 2px; }
}

/* Re-issue confirmation: an inline step, not a dialog */
.acct-confirm[b-tmsv5k5ks0] {
    margin: 0 0 20px;
    padding: 16px;
    border: 1px solid var(--warn);
    border-left-width: 4px;
    border-radius: var(--cxr-8, 8px);
}

.acct-confirm p[b-tmsv5k5ks0] {
    margin: 0 0 12px;
    color: var(--text);
}

/* ---------- Fields (style guide: Form fields) ---------- */
.acct-field[b-tmsv5k5ks0] {
    display: grid;
    gap: 6px;
    margin-bottom: 16px;
}

.acct-field label[b-tmsv5k5ks0] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text);
}

.acct-label-row[b-tmsv5k5ks0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.acct-label-row .acct-btn[b-tmsv5k5ks0] { min-height: 32px; }

.acct-field input[b-tmsv5k5ks0],
.acct-cell-input[b-tmsv5k5ks0] {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 14px;
    font: inherit;
    color: var(--text);
    background: var(--field);
    border: 1px solid var(--field-line);
    border-radius: var(--cxr-6, 6px);
}

.acct-field input[b-tmsv5k5ks0]::placeholder {
    color: var(--muted);
    opacity: 0.8;
}

.acct-field input[aria-invalid="true"][b-tmsv5k5ks0] {
    border-color: var(--bad);
    box-shadow: inset 0 0 0 1px var(--bad);
}

.acct-err[b-tmsv5k5ks0] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--bad);
}

.acct-inline[b-tmsv5k5ks0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.acct-inline .acct-field[b-tmsv5k5ks0] {
    flex: 1 1 14rem;
    margin: 0;
}

/* ---------- Buttons (style guide: Buttons and links) ---------- */
.acct-btn[b-tmsv5k5ks0] {
    min-height: 44px;
    padding: 0 20px;
    font: inherit;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: var(--cxr-8, 8px);
    cursor: pointer;
}

.acct-btn-primary[b-tmsv5k5ks0] {
    color: var(--cxfg-ffffff, #fff);
    background: var(--primary);
    border-color: var(--primary-line);
}

.acct-btn-primary:hover[b-tmsv5k5ks0] { background: var(--cxbg-185fa8, #185fa8); }

.acct-btn-secondary[b-tmsv5k5ks0] {
    color: var(--text);
    background: transparent;
    border-color: var(--field-line);
}

.acct-btn-secondary:hover[b-tmsv5k5ks0] { background: var(--row-tint); }

.acct-btn-quiet[b-tmsv5k5ks0] {
    padding: 0 8px;
    color: var(--link);
    background: transparent;
}

.acct-btn-quiet:hover[b-tmsv5k5ks0] { text-decoration: underline; }

.acct-btn[disabled][b-tmsv5k5ks0] {
    opacity: 0.45;
    cursor: not-allowed;
}

.acct-btn-sm[b-tmsv5k5ks0] {
    min-height: 36px;
    padding: 0 12px;
    font-size: 0.9rem;
}

.acct-btn-quiet.acct-btn-sm[b-tmsv5k5ks0] { padding: 0 6px; }

.acct-actions[b-tmsv5k5ks0] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* ---------- Tables ---------- */
.acct-scroll[b-tmsv5k5ks0] { overflow-x: auto; }

.acct-table[b-tmsv5k5ks0] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

.acct-table th[b-tmsv5k5ks0] {
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
    color: var(--muted);
    background: var(--raised);
    white-space: nowrap;
}

.acct-table td[b-tmsv5k5ks0] {
    padding: 10px 12px;
    vertical-align: middle;
    border-top: 1px solid var(--line);
}

.acct-table tbody tr:hover[b-tmsv5k5ks0] { background: var(--row-tint); }

.acct-opt-name[b-tmsv5k5ks0] { display: block; font-weight: 600; }

.acct-opt-key[b-tmsv5k5ks0] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.acct-cell-input[b-tmsv5k5ks0] {
    min-height: 38px;
    min-width: 10rem;
    padding: 0 10px;
}

.acct-row-actions[b-tmsv5k5ks0] { white-space: nowrap; }

/* Options with fixed values (MySidebar, MyTheme, yes/no): a segmented selector in place of
   the text box. Theme tokens only - the selected segment is the primary button's colours. */
.acct-seg[b-tmsv5k5ks0] {
    display: inline-flex;
    padding: 3px;
    gap: 3px;
    border: 1px solid var(--field-line);
    border-radius: var(--cxr-10, 10px);
    background: var(--field);
}

.acct-seg-btn[b-tmsv5k5ks0] {
    min-width: 5.5rem;
    min-height: 32px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: var(--cxr-7, 7px);
    color: var(--muted);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    background: transparent;
    cursor: pointer;
}

.acct-seg-btn:hover:not(:disabled):not(.is-on)[b-tmsv5k5ks0] {
    color: var(--text);
    background: var(--row-tint);
}

.acct-seg-btn.is-on[b-tmsv5k5ks0] {
    color: var(--cxfg-ffffff, #fff);
    background: var(--primary);
    border-color: var(--primary-line);
}

.acct-seg-btn:focus-visible[b-tmsv5k5ks0] {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.acct-seg-btn:disabled[b-tmsv5k5ks0] { cursor: default; }

.acct-managed[b-tmsv5k5ks0] {
    color: var(--muted);
    font-size: 0.85rem;
}

.acct-sr[b-tmsv5k5ks0] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* ---------- New authenticator ---------- */
.acct-issued[b-tmsv5k5ks0] {
    margin-bottom: 24px;
    border-color: var(--ok);
    border-left-width: 4px;
}

.acct-issued-body[b-tmsv5k5ks0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px;
}

.acct-issued-body .acct-rows[b-tmsv5k5ks0] {
    flex: 1 1 20rem;
    min-width: 0;
}

/* The QR is generated by script into this box; it needs a white ground to scan. */
.acct-qr[b-tmsv5k5ks0] {
    padding: 10px;
    background: var(--cxbg-ffffff, #fff);
    border-radius: var(--cxr-8, 8px);
    line-height: 0;
}

.acct code[b-tmsv5k5ks0] {
    padding: 2px 6px;
    font-size: 0.86em;
    color: var(--text);
    background: var(--raised);
    border-radius: 4px;
}

@media (max-width: 600px) {
    .acct[b-tmsv5k5ks0] { padding: 16px 16px 48px; }
    .acct-panel[b-tmsv5k5ks0] { padding: 18px 16px; }
}

/* ---------- Tabs: muted labels, active one gets the accent bar (same marker as the sidebar) ---------- */
.acct-tabs[b-tmsv5k5ks0] {
    display: flex;
    gap: 4px;
    margin: 0 0 24px;
    /* The rule is an inset shadow, not a border, so the active tab's bar can sit on it without a
       negative margin — that margin overflowed and gave the row a vertical scrollbar. */
    box-shadow: inset 0 -1px 0 var(--line);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.acct-tab[b-tmsv5k5ks0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px;
    font: inherit;
    font-weight: 600;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    white-space: nowrap;
}

.acct-tab:hover[b-tmsv5k5ks0] {
    color: var(--text);
    background: var(--row-tint);
}

.acct-tab.is-active[b-tmsv5k5ks0] {
    color: var(--text);
    border-bottom-color: var(--accent);
}

.acct-tab:focus-visible[b-tmsv5k5ks0] { outline-offset: -3px; }

.acct-tab-count[b-tmsv5k5ks0] {
    min-width: 1.6em;
    padding: 0 6px;
    font-size: 0.8rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: center;
    color: var(--muted);
    background: var(--raised);
    border-radius: 999px;
}

.acct-lead[b-tmsv5k5ks0] {
    margin: 0 0 16px;
    max-width: 65ch;
    color: var(--muted);
}

.acct-panel-head .acct-lead[b-tmsv5k5ks0] { margin: 0; }
/* /Components/Pages/CEIMSPages/CEIMSIndex.razor.rz.scp.css */
.ceims-start-page[b-kf4v5gedoh] {
    width: 100%;
    min-height: calc(100vh - 170px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 24px;
    text-align: center;
    color: var(--cxfg-ffffff, #ffffff);
}

.ceims-start-content[b-kf4v5gedoh] {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ceims-start-logo[b-kf4v5gedoh] {
    display: block;
    width: min(520px, 80%);
    height: auto;
    margin-bottom: 40px;
}

.ceims-welcome-title[b-kf4v5gedoh] {
    max-width: 850px;
    margin: 0;
    color: var(--cxfg-ffffff, #ffffff);
    font-size: clamp(1.8rem, 3vw, 3rem);
    font-weight: 500;
    line-height: 1.25;
}

.ceims-session-details[b-kf4v5gedoh] {
    min-width: 320px;
    margin-top: 42px;
    padding-top: 28px;
    border-top: 1px solid var(--cxbd-ffffff-a35, rgba(255, 255, 255, 0.35));
}

.ceims-session-label[b-kf4v5gedoh] {
    color: var(--cxfg-a9c4dc, #a9c4dc);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ceims-session-value[b-kf4v5gedoh] {
    margin-top: 5px;
    color: var(--cxfg-ffffff, #ffffff);
    font-size: 1.25rem;
    font-weight: 500;
}

.ceims-user-label[b-kf4v5gedoh] {
    margin-top: 24px;
}

@media (max-width: 600px) {
    .ceims-start-page[b-kf4v5gedoh] {
        min-height: calc(100vh - 140px);
        padding: 30px 16px;
    }

    .ceims-start-logo[b-kf4v5gedoh] {
        width: min(400px, 90%);
        margin-bottom: 30px;
    }

    .ceims-session-details[b-kf4v5gedoh] {
        min-width: 0;
        width: 100%;
    }
}
/* /Components/Pages/ClaimActions/ClaimStepsPanel.razor.rz.scp.css */
.cs-case[b-2jdcqj2r4q] {
    border-top: 1px solid var(--cxbd-e6e9ef, #e6e9ef);
    padding: 12px 0;
}

.cs-casehead[b-2jdcqj2r4q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.cs-sub[b-2jdcqj2r4q] {
    opacity: 0.8;
}

.cs-row[b-2jdcqj2r4q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.cs-row select[b-2jdcqj2r4q],
.cs-row input[b-2jdcqj2r4q] {
    min-width: 150px;
    padding: 5px 8px;
}

.cs-row input[type="text"][b-2jdcqj2r4q] {
    flex: 1 1 180px;
}

.cs-late[b-2jdcqj2r4q] {
    color: var(--cxfg-c0392b, #c0392b);
    font-weight: 600;
}

.cs-outcome[b-2jdcqj2r4q] {
    margin-top: 8px;
}
/* /Components/Pages/ClaimActions/ClaimWorklistPanel.razor.rz.scp.css */
.wl-tabs[b-61btww79vh] {
    display: flex;
    gap: 6px;
}

.wl-filters[b-61btww79vh] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 14px;
    margin: 8px 0;
}

.wl-filters label[b-61btww79vh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 0.78rem;
}

.wl-filters label.wl-chk[b-61btww79vh] {
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.wl-filters select[b-61btww79vh] {
    min-width: 150px;
    padding: 4px 6px;
}

.wl-summary[b-61btww79vh] {
    margin: 6px 0;
}

.wl-urgent[b-61btww79vh] {
    color: var(--cxfg-c0392b, #c0392b);
    font-weight: 600;
}

.wl-pager[b-61btww79vh] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}
/* /Components/Pages/Claims/ClaimLedgerPanel.razor.rz.scp.css */
/* Panel, table and tag styles come from ClaimDetail.razor's cd-* rules; these cover what the ledger adds. */
.lp-subhead[b-oe4u1rrphd] { margin: 14px 0 6px; font-size: .78rem; font-weight: 700; color: var(--cxfg-5a6a86, #5a6a86); }
.lp-subhead:first-of-type[b-oe4u1rrphd] { margin-top: 0; }
.lp-remits[b-oe4u1rrphd] { margin-bottom: 6px; }
.lp-tag[b-oe4u1rrphd] { margin-left: 6px; }

.lp-strip[b-oe4u1rrphd] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-height: 44px;
    margin: 12px 0 8px;
    padding: 0 12px;
    border-radius: var(--cxr-8, 8px);
    background: var(--cxbg-f4f6f9, #f4f6f9);
    color: var(--cxfg-26334d, #26334d);
}
.lp-strip-meta[b-oe4u1rrphd] { color: var(--cxfg-5a6a86, #5a6a86); font-size: .85rem; }
.lp-strip-btn[b-oe4u1rrphd] { margin-left: auto; min-height: 44px; }

/* One posting day: the band would hold a single circle, so a summary line stands in for it. */
.lp-oneday[b-oe4u1rrphd] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    min-height: 48px;
    margin-bottom: 8px;
    padding: 0 16px;
    border-radius: var(--cxr-10, 10px);
    background: var(--ceims-navy, var(--cxbg-102a43, #102a43));
    color: var(--cxfg-e7f0f8, #e7f0f8);
}
.lp-oneday svg[b-oe4u1rrphd] { color: var(--cxfg-a9c4dc, #a9c4dc); }
.lp-oneday-mix[b-oe4u1rrphd] { display: inline-flex; gap: 12px; flex-wrap: wrap; color: var(--cxfg-a9c4dc, #a9c4dc); font-size: .85rem; }
.lp-oneday-mix > span[b-oe4u1rrphd] { display: inline-flex; align-items: center; gap: 6px; }

.lp-swatch[b-oe4u1rrphd] { display: inline-block; flex: none; width: 9px; height: 9px; border-radius: 50%; }
.lp-swatch-ring[b-oe4u1rrphd] { width: 8px; height: 8px; margin-right: 8px; box-shadow: 0 0 0 1.5px #26334d; vertical-align: middle; }
.lp-note[b-oe4u1rrphd] { display: block; margin: 0 0 6px; }

/* Header buttons keep the cd-tbl th look; the arrow marks only the active column. */
.lp-sort[b-oe4u1rrphd] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    color: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    cursor: pointer;
}
.lp-sort:hover[b-oe4u1rrphd] { color: var(--cxfg-26334d, #26334d); }
.lp-sort:focus-visible[b-oe4u1rrphd] { outline: 2px solid var(--cxbd-0f7c68, #0f7c68); outline-offset: 2px; }
/* /Components/Pages/Components/CEIMSMenuItemPopup.razor.rz.scp.css */
/* Menu item right-click popup. Fixed to the window (it renders outside the sidebar, see the
   component). Two palettes: Classic = the Python rail, Modern = the navy sidebar. */

.mp-backdrop[b-nlqotelaft] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background: transparent;
}

.mp-popup[b-nlqotelaft] {
    position: fixed;
    z-index: 2001;
    box-sizing: border-box;
    display: grid;
    gap: 10px;
    width: 280px;
    padding: 12px;
    border: 1px solid var(--mp-line);
    border-radius: var(--mp-radius);
    color: var(--mp-text);
    background: var(--mp-bg);
    box-shadow: 0 18px 40px rgb(0 0 0 / 45%);
    font-family: var(--mp-font);
    font-size: 13px;
    line-height: 1.35;
    outline: none;
}

.mp-popup *[b-nlqotelaft],
.mp-popup *[b-nlqotelaft]::before,
.mp-popup *[b-nlqotelaft]::after {
    box-sizing: border-box;
}

.mp-head[b-nlqotelaft] {
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mp-line);
}

.mp-title[b-nlqotelaft] {
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mp-route[b-nlqotelaft] {
    overflow: hidden;
    margin-top: 2px;
    color: var(--mp-muted);
    font-family: Consolas, "Cascadia Mono", monospace;
    font-size: 11.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mp-section[b-nlqotelaft] {
    display: grid;
    gap: 6px;
}

.mp-label[b-nlqotelaft] {
    color: var(--mp-label);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.mp-note[b-nlqotelaft] {
    color: var(--mp-muted);
    font-size: 12px;
}

.mp-current[b-nlqotelaft] {
    color: var(--mp-text);
    font-family: Consolas, "Cascadia Mono", monospace;
    font-size: 11.5px;
    word-break: break-all;
}

.mp-ok[b-nlqotelaft] {
    color: var(--mp-accent);
}

/* an action row: icon + label, full width */
.mp-action[b-nlqotelaft] {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid var(--mp-line);
    border-radius: var(--mp-radius-sm);
    color: var(--mp-text);
    font: inherit;
    text-align: left;
    background: var(--mp-btn);
    cursor: pointer;
}

.mp-action svg[b-nlqotelaft] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.mp-action svg.mp-star-on[b-nlqotelaft] {
    fill: #f5c542;
}

.mp-action:hover:not(:disabled)[b-nlqotelaft] {
    border-color: var(--mp-accent-line);
    background: var(--mp-btn-hover);
}

.mp-action:focus-visible[b-nlqotelaft],
.mp-btn:focus-visible[b-nlqotelaft] {
    outline: 2px solid var(--mp-accent);
    outline-offset: 1px;
}

.mp-action:disabled[b-nlqotelaft] {
    opacity: .45;
    cursor: default;
}

.mp-danger[b-nlqotelaft] {
    color: var(--mp-bad);
}

.mp-confirm[b-nlqotelaft] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--mp-bad-line);
    border-radius: var(--mp-radius-sm);
    background: var(--mp-bad-bg);
    font-size: 12px;
}

.mp-confirm strong[b-nlqotelaft] {
    font-family: Consolas, "Cascadia Mono", monospace;
    font-weight: 600;
    word-break: break-all;
}

.mp-confirm-buttons[b-nlqotelaft] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.mp-btn[b-nlqotelaft] {
    min-width: 72px;
    min-height: 28px;
    padding: 4px 12px;
    border: 1px solid var(--mp-line);
    border-radius: var(--mp-radius-sm);
    color: var(--mp-text);
    font: inherit;
    font-weight: 600;
    background: var(--mp-btn);
    cursor: pointer;
}

.mp-btn:hover:not(:disabled)[b-nlqotelaft] {
    background: var(--mp-btn-hover);
}

.mp-btn-danger[b-nlqotelaft] {
    border-color: transparent;
    color: #fff;
    background: #c2413b;
}

.mp-btn-danger:hover:not(:disabled)[b-nlqotelaft] {
    background: #d64b44;
}

.mp-message[b-nlqotelaft] {
    padding: 6px 8px;
    border-radius: var(--mp-radius-sm);
    color: var(--mp-accent);
    background: var(--mp-accent-bg);
    font-size: 12px;
}

.mp-message.mp-error[b-nlqotelaft] {
    color: var(--mp-bad);
    background: var(--mp-bad-bg);
}

/* Classic: the CEIMS 7.1.2 (Python) rail */
.mp-classic[b-nlqotelaft] {
    --mp-bg: #111826;
    --mp-line: rgb(255 255 255 / 12%);
    --mp-text: rgb(255 255 255 / 92%);
    --mp-muted: rgb(229 236 244 / 66%);
    --mp-label: rgb(255 255 255 / 46%);
    --mp-btn: rgb(255 255 255 / 5%);
    --mp-btn-hover: rgb(255 255 255 / 10%);
    --mp-accent: rgb(112 165 255);
    --mp-accent-line: rgb(112 165 255 / 40%);
    --mp-accent-bg: rgb(112 165 255 / 14%);
    --mp-bad: #ff8a80;
    --mp-bad-line: rgb(255 124 124 / 35%);
    --mp-bad-bg: rgb(255 124 124 / 10%);
    --mp-radius: 16px;
    --mp-radius-sm: 10px;
    --mp-font: "Avenir Next", "Segoe UI Variable", "Helvetica Neue", sans-serif;
}

/* Modern: the navy Syncfusion sidebar */
.mp-modern[b-nlqotelaft] {
    --mp-bg: #0b2238;
    --mp-line: rgb(255 255 255 / 18%);
    --mp-text: #e7f0f8;
    --mp-muted: #c9d8e6;
    --mp-label: rgb(201 216 230 / 70%);
    --mp-btn: rgb(255 255 255 / 6%);
    --mp-btn-hover: rgb(255 255 255 / 12%);
    --mp-accent: #00d4ea;
    --mp-accent-line: rgb(0 212 234 / 55%);
    --mp-accent-bg: rgb(0 212 234 / 12%);
    --mp-bad: #ff9a8f;
    --mp-bad-line: rgb(255 124 124 / 40%);
    --mp-bad-bg: rgb(255 124 124 / 12%);
    --mp-radius: 8px;
    --mp-radius-sm: 6px;
    --mp-font: inherit;
}
/* /Components/Pages/Components/CEIMSSidebarMenu.razor.rz.scp.css */
.ceims-sidebar-nav[b-pgz0xpvdzz] {
    --ceims-navy: #102a43;
    --ceims-navy-deep: #0b2238;
    --ceims-header: #102a43;
    --ceims-text: #e7f0f8;
    --ceims-muted: #c9d8e6;
    --ceims-accent: #00d4ea;
    --ceims-active: #087eae;

    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 14px 8px 20px;
    overflow-x: hidden;
    color: var(--ceims-text);
    background: var(--ceims-navy);
}

/* ---- search ---- */
.ceims-nav-search[b-pgz0xpvdzz] {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 4px 12px;
}

.ceims-nav-search-icon[b-pgz0xpvdzz] {
    position: absolute;
    left: 10px;
    width: 17px;
    height: 17px;
    fill: var(--ceims-muted);
    pointer-events: none;
}

.ceims-nav-search-input[b-pgz0xpvdzz] {
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    padding: 0 32px 0 34px;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: 6px;
    outline: none;
    color: var(--ceims-text);
    font: inherit;
    font-size: .9rem;
    background: rgb(255 255 255 / 7%);
}

.ceims-nav-search-input[b-pgz0xpvdzz]::placeholder {
    color: var(--ceims-muted);
    opacity: .75;
}

.ceims-nav-search-input:focus[b-pgz0xpvdzz] {
    border-color: var(--ceims-accent);
    background: rgb(255 255 255 / 11%);
}

/* the browser's own clear glyph would sit on top of ours */
.ceims-nav-search-input[b-pgz0xpvdzz]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.ceims-nav-search-clear[b-pgz0xpvdzz] {
    position: absolute;
    right: 4px;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: var(--ceims-muted);
    font-size: 1.15rem;
    line-height: 1;
    background: transparent;
    cursor: pointer;
}

.ceims-nav-search-clear:hover[b-pgz0xpvdzz],
.ceims-nav-search-clear:focus-visible[b-pgz0xpvdzz] {
    color: #fff;
    background: rgb(255 255 255 / 12%);
}

.ceims-nav-empty[b-pgz0xpvdzz] {
    margin: 4px 8px 12px;
    color: var(--ceims-muted);
    font-size: .88rem;
}

.ceims-start-link[b-pgz0xpvdzz],
.ceims-page-link[b-pgz0xpvdzz],
.ceims-new-tab-link[b-pgz0xpvdzz] {
    color: inherit;
    text-decoration: none;
}

.ceims-start-link[b-pgz0xpvdzz] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    margin: 0 4px 10px;
    padding: 8px 12px;
    border-radius: 6px;
    font-weight: 650;
    background: var(--ceims-navy);
}

.ceims-start-link:hover[b-pgz0xpvdzz],
.ceims-start-link:focus-visible[b-pgz0xpvdzz] {
    color: #fff;
    background: rgb(255 255 255 / 9%);
}

.ceims-start-link.is-active[b-pgz0xpvdzz] {
    box-shadow: inset 4px 0 0 var(--ceims-accent);
    background: var(--ceims-active);
}

.ceims-nav-icon[b-pgz0xpvdzz],
.ceims-group-icon[b-pgz0xpvdzz] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    fill: currentColor;
}

.ceims-group-header[b-pgz0xpvdzz] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-size: .92rem;
    font-weight: 750;
    letter-spacing: .015em;
}

/* Super category: the top of three levels - accent-coloured so it reads as a section. */
.ceims-super-header[b-pgz0xpvdzz] {
    color: var(--ceims-accent);
    font-size: .95rem;
    letter-spacing: .05em;
}

/* Category inside a super category: one step smaller. */
.ceims-sub-header[b-pgz0xpvdzz] {
    font-size: .86rem;
    font-weight: 700;
}

.ceims-sub-header .ceims-group-icon[b-pgz0xpvdzz] {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
}

/* A category title that opens the category's own page. */
.ceims-cat-link[b-pgz0xpvdzz] {
    color: inherit;
    text-decoration: none;
}

.ceims-cat-link:hover[b-pgz0xpvdzz],
.ceims-cat-link:focus-visible[b-pgz0xpvdzz] {
    text-decoration: underline;
}

/* Category inside a category inside a super category (e.g. the report categories inside
   'Reports'): one more step smaller, and indented so the nesting reads. */
.ceims-sub2-header[b-pgz0xpvdzz] {
    font-size: .8rem;
    font-weight: 600;
    padding-left: 10px;
}

.ceims-sub2-header .ceims-group-icon[b-pgz0xpvdzz] {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
}

.ceims-group-items[b-pgz0xpvdzz] {
    padding: 3px 0 8px;
    background: var(--ceims-navy);
}

.ceims-nav-row[b-pgz0xpvdzz] {
    display: flex;
    align-items: stretch;
    min-height: 38px;
    border-left: 4px solid transparent;
    border-radius: 4px;
    color: var(--ceims-muted);
    background: var(--ceims-navy);
}

.ceims-nav-row:hover[b-pgz0xpvdzz],
.ceims-nav-row:focus-within[b-pgz0xpvdzz] {
    color: #fff;
    background: rgb(255 255 255 / 8%);
}

.ceims-nav-row.is-active[b-pgz0xpvdzz] {
    border-left-color: var(--ceims-accent);
    color: #fff;
    background: var(--ceims-active);
}

.ceims-page-link[b-pgz0xpvdzz] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    flex: 1 1 auto;
    padding: 8px 6px 8px 16px;
}

.ceims-page-marker[b-pgz0xpvdzz] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: transparent;
}

.is-active .ceims-page-marker[b-pgz0xpvdzz] {
    border-color: #fff;
    background: #fff;
}

.ceims-page-text[b-pgz0xpvdzz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .91rem;
}

/* a menu found through a page keyword: its name, plus which keyword matched */
.ceims-page-text-stack[b-pgz0xpvdzz] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
}

.ceims-page-keyword[b-pgz0xpvdzz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ceims-accent);
    font-size: .74rem;
    opacity: .85;
}

.ceims-new-tab-link[b-pgz0xpvdzz] {
    display: grid;
    width: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 4px;
    opacity: .45;
}

.ceims-new-tab-link:hover[b-pgz0xpvdzz],
.ceims-new-tab-link:focus-visible[b-pgz0xpvdzz] {
    color: #fff;
    background: rgb(255 255 255 / 12%);
    opacity: 1;
}

.ceims-new-tab-link svg[b-pgz0xpvdzz] {
    width: 15px;
    height: 15px;
    fill: currentColor;
}

/* ---- the nested (category) accordion inside a super category ----
   SfAccordion's CssClass never reached the DOM here - it rendered as a literal
   cssclass="..." attribute, not a class (measured 2026-11-10) - so the rules keyed on
   it were dead; they and the CssClass attributes were removed. The sidebar's navy
   surfaces come from the .ceims-sidebar-nav rules in wwwroot/app.css. These rules hang off the component's scope attribute (on <nav>) and
   Syncfusion's own markers instead: it flags the outer item's panel with .e-nested, and
   everything below hangs off that. Its theme pads nested content
   16px 16px 16px 26px, which is what opened the gap under each category header -
   hence the !important on the paddings. */

/* the super category's panel: hosts the inner accordion */
[b-pgz0xpvdzz] .e-acrdn-panel.e-nested > .e-acrdn-content {
    padding: 2px 0 4px 10px !important;
}

/* the inner accordion: an indent guide line down its left edge (specific enough to
   outrank app.css's blanket border-color override) */
[b-pgz0xpvdzz] .e-acrdn-panel.e-nested .e-accordion {
    padding-left: 4px;
    border-left: 1px solid rgb(255 255 255 / 12%) !important;
}

[b-pgz0xpvdzz] .e-nested .e-accordion .e-acrdn-item {
    margin: 0 0 2px;
}

/* category headers: shorter than super category headers */
[b-pgz0xpvdzz] .e-nested .e-accordion .e-acrdn-header {
    min-height: 34px !important;
    height: 34px !important;
    line-height: 34px !important;
    /* the theme gives nested headers 10px 0 10px 26px: it pushed the title down into the
       gap and further right than the category's own menus */
    padding: 0 0 0 6px !important;
}

/* title and arrow centred in the shorter header (the arrow's box is 42px by default) */
[b-pgz0xpvdzz] .e-nested .e-accordion .e-acrdn-header-content {
    display: flex;
    align-items: center;
    height: 34px;
    padding: 0 8px;
}

[b-pgz0xpvdzz] .e-nested .e-accordion .e-acrdn-header .e-toggle-icon {
    height: 34px !important;
    min-height: 34px !important;
}

/* a category's menu list: starts right under its header */
[b-pgz0xpvdzz] .e-nested .e-accordion .e-acrdn-content {
    padding: 0 0 4px !important;
}

[b-pgz0xpvdzz] .e-nested .e-accordion .ceims-group-items {
    padding: 0 0 2px;
}

@media (prefers-reduced-motion: reduce) {
    .ceims-sidebar-nav *[b-pgz0xpvdzz] {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* a favorite menu (dbo.UserMenuFavorite): small gold star after the name */
.ceims-fav-mark[b-pgz0xpvdzz] {
    width: 11px;
    height: 11px;
    margin-left: 4px;
    vertical-align: -1px;
    fill: #f5c542;
}
/* /Components/Pages/Components/CEIMSSidebarMenuClassic.razor.rz.scp.css */
/* CLASSIC sidebar - after the CEIMS 7.1.2 (Python) rail: app/app/main.py, the
   "classic workspace" <aside class="sidebar"> and its CSS (.sidebar, .brand-*, .nav-search*,
   .sidebar-group*, .nav-button, .nav-item-row, .nav-favorite-toggle). Values are taken from
   there; the rail is dark in both themes, as it was in Python. Plain markup throughout - no
   Syncfusion inside - so nothing here needs ::deep. */

.cx-sidebar[b-chzlwe3m6j] {
    --cx-bg: #0d121c;                          /* Python: rgba(10, 15, 25, .94) */
    --cx-line: rgb(255 255 255 / 9%);
    --cx-text: rgb(255 255 255 / 92%);
    --cx-muted: rgb(229 236 244 / 70%);
    --cx-label: rgb(255 255 255 / 46%);
    --cx-accent: rgb(112 165 255);

    box-sizing: border-box;
    display: grid;
    align-content: start;
    gap: 14px;
    width: 100%;
    min-height: 100%;
    padding: 18px 14px 16px;
    border-right: 1px solid var(--cx-line);
    color: var(--cx-text);
    background: var(--cx-bg);
    font-family: "Avenir Next", "Segoe UI Variable", "Helvetica Neue", sans-serif;
    font-size: 14px;
}

/* Python's dark theme: a shade darker, softer labels */
.cx-sidebar.cx-dark[b-chzlwe3m6j] {
    --cx-bg: #05090f;                          /* Python: rgba(3, 7, 13, .94) */
    --cx-line: rgb(255 255 255 / 7%);
    --cx-muted: rgb(188 200 216 / 72%);
    --cx-accent: rgb(105 161 255);
}

.cx-sidebar *[b-chzlwe3m6j],
.cx-sidebar *[b-chzlwe3m6j]::before,
.cx-sidebar *[b-chzlwe3m6j]::after {
    box-sizing: border-box;
}

/* ---------------------------------------------------------------- brand */
.cx-brand[b-chzlwe3m6j] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.cx-brand-mark[b-chzlwe3m6j] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    color: #fff;
    font-weight: 800;
    letter-spacing: .08em;
    background: linear-gradient(155deg, rgb(112 165 255 / 95%), rgb(17 93 255 / 72%));
    box-shadow: 0 18px 32px rgb(17 93 255 / 22%);
}

.cx-brand-eyebrow[b-chzlwe3m6j] {
    margin-bottom: 5px;
    color: var(--cx-muted);
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.cx-brand-title[b-chzlwe3m6j] {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.15;
}

/* ---------------------------------------------------------------- search */
.cx-search[b-chzlwe3m6j] {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 0 6px;
}

.cx-search-label[b-chzlwe3m6j] {
    color: rgb(255 255 255 / 50%);
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.cx-search-form[b-chzlwe3m6j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 6px;
    align-items: center;
    min-width: 0;
    padding: 8px;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 18px;
    background: rgb(255 255 255 / 5%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 2%);
}

.cx-search-form:focus-within[b-chzlwe3m6j] {
    border-color: rgb(112 165 255 / 34%);
    background: rgb(255 255 255 / 8%);
}

.cx-search-input[b-chzlwe3m6j] {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding: 8px 6px 8px 10px;
    border: 0;
    border-radius: 12px;
    outline: none;
    color: var(--cx-text);
    font: inherit;
    font-size: 13px;
    background: transparent;
}

.cx-search-input[b-chzlwe3m6j]::placeholder {
    color: rgb(255 255 255 / 48%);
}

/* the browser's own clear glyph would sit beside ours */
.cx-search-input[b-chzlwe3m6j]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.cx-search-clear[b-chzlwe3m6j] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 9px;
    color: var(--cx-muted);
    font-size: 1.15rem;
    line-height: 1;
    background: transparent;
    cursor: pointer;
}

.cx-search-clear:hover[b-chzlwe3m6j],
.cx-search-clear:focus-visible[b-chzlwe3m6j] {
    color: #fff;
    background: rgb(255 255 255 / 10%);
    outline: none;
}

.cx-search-go[b-chzlwe3m6j] {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 12px;
    color: var(--cx-text);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    background: rgb(255 255 255 / 9%);
    cursor: pointer;
}

.cx-search-go:hover:not(:disabled)[b-chzlwe3m6j],
.cx-search-go:focus-visible[b-chzlwe3m6j] {
    border-color: rgb(112 165 255 / 34%);
    background: rgb(112 165 255 / 18%);
    outline: none;
}

.cx-search-go:disabled[b-chzlwe3m6j] {
    opacity: .45;
    cursor: default;
}

/* Visually hidden: shown as the input's title tooltip instead; kept for screen readers. */
.cx-search-status[b-chzlwe3m6j] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* ---------------------------------------------------------------- groups */
.cx-nav[b-chzlwe3m6j] {
    display: grid;
    align-content: start;
    gap: 16px;
    min-width: 0;
}

.cx-group[b-chzlwe3m6j] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

/* super category (or a top-level category): Python's .sidebar-group-label */
.cx-group-label[b-chzlwe3m6j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px;
    color: rgb(255 255 255 / 62%);
    font-size: 14px;                           /* level 1: largest */
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    list-style: none;
    cursor: pointer;
    user-select: none;
}

.cx-group-label-static[b-chzlwe3m6j] {
    cursor: default;
}

/* category inside a super category: one step quieter */
.cx-cat-link[b-chzlwe3m6j] {
    color: inherit;
    text-decoration: none;
}

.cx-cat-link:hover[b-chzlwe3m6j],
.cx-cat-link:focus-visible[b-chzlwe3m6j] {
    text-decoration: underline;
}

.cx-sub-label[b-chzlwe3m6j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2px;
    padding: 2px 8px;
    color: rgb(229 236 244 / 68%);
    font-size: 12px;                           /* level 2 */
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    list-style: none;
    cursor: pointer;
    user-select: none;
}

/* the browser's default disclosure triangle, replaced by a small chevron on the right */
.cx-group-label[b-chzlwe3m6j]::-webkit-details-marker,
.cx-sub-label[b-chzlwe3m6j]::-webkit-details-marker {
    display: none;
}

details > .cx-group-label[b-chzlwe3m6j]::after,
details > .cx-sub-label[b-chzlwe3m6j]::after {
    content: "";
    width: 6px;
    height: 6px;
    margin-left: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform 140ms ease;
    opacity: .8;
}

details:not([open]) > .cx-group-label[b-chzlwe3m6j]::after,
details:not([open]) > .cx-sub-label[b-chzlwe3m6j]::after {
    transform: rotate(-45deg);
}

.cx-group-label:hover[b-chzlwe3m6j],
.cx-sub-label:hover[b-chzlwe3m6j],
.cx-group-label:focus-visible[b-chzlwe3m6j],
.cx-sub-label:focus-visible[b-chzlwe3m6j] {
    color: var(--cx-text);
    outline: none;
}

.cx-group-body[b-chzlwe3m6j],
.cx-sub-body[b-chzlwe3m6j] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

/* Indent each level under its label: categories (or a top-level category's menus) step
   in under the super category, and menus step in again under their category. */
.cx-group-body[b-chzlwe3m6j] {
    margin-top: 6px;
    padding-left: 14px;
}

.cx-sub-body[b-chzlwe3m6j] {
    margin-top: 4px;
    padding-left: 16px;
}

/* the pinned group's links are not nested under anything */
.cx-group-pinned > .cx-group-body[b-chzlwe3m6j] {
    padding-left: 0;
}

/* ---------------------------------------------------------------- links */
.cx-row[b-chzlwe3m6j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 6px;
    align-items: center;
    min-width: 0;
}

/* Python's .nav-button */
.cx-nav-button[b-chzlwe3m6j] {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 16px;
    color: var(--cx-text);
    font-size: 12.5px;                         /* level 3: menu items, mixed case */
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: background 160ms ease, border-color 160ms ease;
}

.cx-nav-button:hover[b-chzlwe3m6j],
.cx-nav-button:focus-visible[b-chzlwe3m6j] {
    border-color: rgb(255 255 255 / 8%);
    background: rgb(255 255 255 / 6%);
    outline: none;
}

.cx-nav-button.active[b-chzlwe3m6j] {
    border-color: rgb(112 165 255 / 34%);
    background: linear-gradient(135deg, rgb(112 165 255 / 18%), rgb(32 77 191 / 20%));
    box-shadow: inset 0 0 0 1px rgb(112 165 255 / 6%);
}

/* a menu found through a page keyword: which keyword matched */
/* a favorite menu (dbo.UserMenuFavorite): small gold star after the name */
.cx-fav-mark[b-chzlwe3m6j] {
    width: 11px;
    height: 11px;
    margin-left: 4px;
    vertical-align: -1px;
    fill: #f5c542;
}

.cx-nav-keyword[b-chzlwe3m6j] {
    color: var(--cx-accent);
    font-size: 11px;
    font-weight: 500;
}

/* Python's 32px row toggle (it held the favorite star); here: open in a new tab */
.cx-row-button[b-chzlwe3m6j] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgb(255 255 255 / 14%);
    border-radius: 11px;
    color: var(--cx-muted);
    background: rgb(255 255 255 / 6%);
    transition: border-color 140ms ease, background 140ms ease, transform 140ms ease, color 140ms ease;
}

.cx-row-button:hover[b-chzlwe3m6j],
.cx-row-button:focus-visible[b-chzlwe3m6j] {
    border-color: rgb(112 165 255 / 34%);
    color: #fff;
    background: rgb(112 165 255 / 14%);
    transform: translateY(-1px);
    outline: none;
}

.cx-row-button svg[b-chzlwe3m6j] {
    width: 15px;
    height: 15px;
    fill: currentColor;
}

.cx-empty[b-chzlwe3m6j] {
    padding: 0 8px;
    color: var(--cx-muted);
    font-size: 12px;
}

@media (prefers-reduced-motion: reduce) {
    .cx-sidebar *[b-chzlwe3m6j] {
        transition: none !important;
    }
}
/* /Components/Pages/Components/CEIMSSidebarToolbar.razor.rz.scp.css */
/* Sidebar view toolbar - small square icon buttons, the size of a Word/Office toolbar icon:
   28px square, 16px glyph, four spread evenly across the rail under the search box. */
.sb-toolbar[b-3dysid6qiu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    align-items: center;
}

.sb-tool[b-3dysid6qiu] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--sb-line);
    border-radius: 6px;
    color: var(--sb-icon);
    background: var(--sb-bg);
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.sb-tool svg[b-3dysid6qiu] {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.sb-tool:hover[b-3dysid6qiu] {
    color: var(--sb-icon-hover);
    border-color: var(--sb-line-hover);
    background: var(--sb-bg-hover);
}

.sb-tool:active[b-3dysid6qiu] {
    transform: translateY(1px);
}

.sb-tool:focus-visible[b-3dysid6qiu] {
    outline: 2px solid var(--sb-accent);
    outline-offset: 2px;
}

/* the Favorites toggle while it is on */
.sb-tool.is-on[b-3dysid6qiu] {
    color: var(--sb-accent);
    border-color: var(--sb-accent-line);
    background: var(--sb-accent-bg);
}

/* Classic: the CEIMS 7.1.2 (Python) rail - same tokens as the Classic search box */
.sb-classic[b-3dysid6qiu] {
    --sb-line: rgb(255 255 255 / 10%);
    --sb-line-hover: rgb(112 165 255 / 34%);
    --sb-bg: rgb(255 255 255 / 5%);
    --sb-bg-hover: rgb(255 255 255 / 10%);
    --sb-icon: rgb(229 236 244 / 78%);
    --sb-icon-hover: #fff;
    --sb-accent: rgb(112 165 255);
    --sb-accent-line: rgb(112 165 255 / 45%);
    --sb-accent-bg: rgb(112 165 255 / 16%);

    padding: 0 6px;
}

/* Modern: the navy Syncfusion sidebar - same tokens as its search box */
.sb-modern[b-3dysid6qiu] {
    --sb-line: rgb(255 255 255 / 18%);
    --sb-line-hover: #00d4ea;
    --sb-bg: rgb(255 255 255 / 7%);
    --sb-bg-hover: rgb(255 255 255 / 12%);
    --sb-icon: #c9d8e6;
    --sb-icon-hover: #fff;
    --sb-accent: #00d4ea;
    --sb-accent-line: rgb(0 212 234 / 55%);
    --sb-accent-bg: rgb(0 212 234 / 14%);

    margin: 0 4px 12px;
}

@media (prefers-reduced-motion: reduce) {
    .sb-tool[b-3dysid6qiu] {
        transition: none;
    }

    .sb-tool:active[b-3dysid6qiu] {
        transform: none;
    }
}
/* /Components/Pages/Components/EventTimeline/EventTimeline.razor.rz.scp.css */
/* Tokens from wwwroot/app.css (.m-dark / .m-light). The band sits on shared navy in both modes, like the sidebar. */
.tl[b-bk6v71wemq] {
    --tl-band: var(--ceims-navy);
    --tl-band-deep: var(--ceims-navy-deep);
    --tl-band-text: #e7f0f8;
    --tl-band-muted: #a9c4dc;
    --tl-band-accent: #00d4ea;
    --tl-ease: cubic-bezier(.3, .7, .2, 1);
    display: flex;
    flex-direction: column;
    color: var(--text);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.5;
}

.tl :focus-visible[b-bk6v71wemq] { outline: 3px solid var(--accent); outline-offset: 2px; }

.tl-head[b-bk6v71wemq] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
}

.tl-title-row[b-bk6v71wemq] { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.tl-title[b-bk6v71wemq] { margin: 0; font-size: 1.5rem; font-weight: 600; line-height: 1.25; }
.tl-summary[b-bk6v71wemq] { margin: 2px 0 0; color: var(--muted); }

.tl-seg[b-bk6v71wemq] { display: inline-flex; padding: 3px; border: 1px solid var(--field-line); border-radius: var(--cxr-8, 8px); background: var(--field); }
.tl-seg-btn[b-bk6v71wemq] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px;
    border: 0;
    border-radius: var(--cxr-6, 6px);
    font: inherit;
    font-weight: 600;
    color: var(--text);
    background: transparent;
    cursor: pointer;
}
.tl-seg-btn:hover[b-bk6v71wemq] { background: var(--row-tint); }
.tl-seg-btn[aria-pressed="true"][b-bk6v71wemq] { background: var(--text); color: var(--surface); }

.tl-controls[b-bk6v71wemq] { display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; }
.tl-field[b-bk6v71wemq] { display: grid; gap: 6px; }
.tl-field label[b-bk6v71wemq], .tl-types legend[b-bk6v71wemq] { font-size: 0.95rem; font-weight: 600; }
.tl-field input[b-bk6v71wemq] {
    font: inherit;
    min-height: 46px;
    padding: 0 14px;
    border-radius: var(--cxr-6, 6px);
    border: 1px solid var(--field-line);
    background: var(--field);
    color: var(--text);
    color-scheme: light;
}
.tl.m-dark .tl-field input[b-bk6v71wemq] { color-scheme: dark; }
.tl-field input[aria-invalid="true"][b-bk6v71wemq] { border-color: var(--bad); box-shadow: inset 0 0 0 1px var(--bad); }
.tl-error[b-bk6v71wemq] { margin: 0; font-size: 0.85rem; font-weight: 600; color: var(--bad); }

.tl-types[b-bk6v71wemq] { flex: 1 1 420px; min-width: 0; margin: 0; padding: 0; border: 0; }
.tl-types legend[b-bk6v71wemq] { padding: 0; margin-bottom: 6px; }
.tl-type-list[b-bk6v71wemq] { display: flex; flex-wrap: wrap; gap: 4px 8px; }
.tl-type[b-bk6v71wemq] { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 10px; border-radius: var(--cxr-6, 6px); cursor: pointer; }
.tl-type:hover[b-bk6v71wemq] { background: var(--row-tint); }
.tl-type.is-off[b-bk6v71wemq] { color: var(--muted); }
.tl-type input[b-bk6v71wemq] { width: 18px; height: 18px; margin: 0; accent-color: var(--text); }
.tl-type-label[b-bk6v71wemq] { font-weight: 600; }
.tl-type-count[b-bk6v71wemq] { font-size: 0.85rem; font-variant-numeric: tabular-nums; color: var(--muted); }

/* Ring keeps pale type colors visible on the white light-mode surface. */
.tl-swatch[b-bk6v71wemq] { flex: none; width: 10px; height: 10px; border-radius: 50%; box-shadow: 0 0 0 1.5px var(--text); }
.tl-swatch-band[b-bk6v71wemq] { box-shadow: none; }

/* The band keeps its width on phones and scrolls sideways instead of crushing the days together. */
.tl-scroll[b-bk6v71wemq] { overflow-x: auto; border-radius: 0 0 10px 10px; }
.tl-frame[b-bk6v71wemq] { min-width: 720px; }

.tl-axis[b-bk6v71wemq] {
    position: relative;
    height: 44px;
    padding: 0 24px 0 184px;
    background: var(--tl-band-deep);
    border-bottom: 1px solid var(--cxbd-ffffff-a18, rgb(255 255 255 / 0.18));
}
.tl-track[b-bk6v71wemq] { position: relative; height: 100%; }
.tl-axis-label[b-bk6v71wemq] {
    position: absolute;
    top: 11px;
    transform: translateX(-50%);
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--cxfg-ffffff, #fff);
    white-space: nowrap;
}

.tl-band[b-bk6v71wemq] { position: relative; background: var(--tl-band); overflow: hidden; transition: height .4s var(--tl-ease); }
.tl-band-track[b-bk6v71wemq] { position: absolute; left: 184px; right: 24px; top: 0; bottom: 0; }

.tl-lane-labels[b-bk6v71wemq] { position: absolute; left: 24px; top: 0; bottom: 0; width: 148px; color: var(--tl-band-text); }
.tl-lane-label[b-bk6v71wemq] { position: absolute; left: 0; width: 148px; display: flex; align-items: center; gap: 10px; font-size: 0.95rem; font-weight: 600; }
.tl-lane-name[b-bk6v71wemq] { flex: 1 1 auto; }
.tl-lane-count[b-bk6v71wemq] {
    padding: 0 6px;
    font-size: 0.8rem;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    border-radius: 999px;
    background: var(--cxbg-1d4160, #1d4160);
    color: var(--tl-band-muted);
}
.tl-all[b-bk6v71wemq] { position: absolute; left: 0; width: 148px; }
.tl-all-name[b-bk6v71wemq] { display: block; font-weight: 600; }
.tl-all-count[b-bk6v71wemq] { display: block; font-size: 0.85rem; font-variant-numeric: tabular-nums; color: var(--tl-band-muted); }

.tl-weekend[b-bk6v71wemq] { position: absolute; top: 0; bottom: 0; background: var(--cxbg-ffffff-a05, rgb(255 255 255 / 0.05)); }
.tl-baseline[b-bk6v71wemq] { position: absolute; left: 0; right: 0; height: 1px; background: var(--cxbg-ffffff-a22, rgb(255 255 255 / 0.22)); }
.tl-lane-line[b-bk6v71wemq] { position: absolute; left: -160px; right: 0; height: 1px; background: var(--cxbg-ffffff-a14, rgb(255 255 255 / 0.14)); }
.tl-tick[b-bk6v71wemq] { position: absolute; top: 0; width: 1px; background: var(--tl-band-muted); }
.tl-guide[b-bk6v71wemq] { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: var(--tl-band-accent); opacity: 0.7; }

.tl-day-count[b-bk6v71wemq] {
    position: absolute;
    width: 40px;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--cxfg-c9d8e6, #c9d8e6);
    pointer-events: none;
}
.tl-day-count.is-selected[b-bk6v71wemq] { color: var(--cxfg-ffffff, #fff); }

.tl-dots[b-bk6v71wemq] { position: absolute; inset: 0; }
.tl-dot[b-bk6v71wemq] {
    position: absolute;
    z-index: 1;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--ceims-navy);
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    box-shadow: 0 0 0 2px var(--tl-band);
    transition: left .4s var(--tl-ease), top .4s var(--tl-ease), width .4s var(--tl-ease), height .4s var(--tl-ease);
}
.tl-dot:hover[b-bk6v71wemq] { filter: brightness(1.12); }
.tl-dot:focus-visible[b-bk6v71wemq] { outline-color: var(--tl-band-accent); }
.tl-dot.is-selected[b-bk6v71wemq] { box-shadow: 0 0 0 2px var(--tl-band), 0 0 0 5px var(--tl-band-accent); }
.tl-dot.is-lead[b-bk6v71wemq] { z-index: 2; }
.tl:not(.is-split) .tl-dot.is-stacked[b-bk6v71wemq] { pointer-events: none; }
.tl-dot-pie[b-bk6v71wemq] { position: absolute; inset: 0; border-radius: 50%; transition: opacity .3s ease; }
.tl-dot-count[b-bk6v71wemq] { position: relative; opacity: 0; transition: opacity .3s ease; }
.tl.is-split .tl-dot-pie[b-bk6v71wemq] { opacity: 0; }
.tl.is-split .tl-dot-count[b-bk6v71wemq] { opacity: 1; }

.tl-list[b-bk6v71wemq] { margin-top: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--cxr-10, 10px); overflow: hidden; }
.tl-list-head[b-bk6v71wemq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    min-height: 60px;
    padding: 8px 20px;
    border-bottom: 1px solid var(--line);
}
.tl-list-title[b-bk6v71wemq] { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.tl-list-title h3[b-bk6v71wemq] { margin: 0; font-size: 1.1rem; font-weight: 600; }
.tl-mix[b-bk6v71wemq] { display: flex; flex-wrap: wrap; gap: 8px; }
.tl-chip[b-bk6v71wemq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 10px;
    border-radius: 999px;
    background: var(--raised);
    font-size: 0.85rem;
    font-weight: 600;
}
.tl-chip .tl-swatch[b-bk6v71wemq] { width: 8px; height: 8px; }
.tl-quiet[b-bk6v71wemq] {
    min-height: 44px;
    padding: 0 8px;
    font: inherit;
    font-weight: 600;
    color: var(--link);
    background: transparent;
    border: 0;
    cursor: pointer;
}
.tl-quiet:hover[b-bk6v71wemq] { text-decoration: underline; }

.tl-events[b-bk6v71wemq] { margin: 0; padding: 12px 20px; list-style: none; max-height: 300px; overflow: auto; }
.tl-event[b-bk6v71wemq] { display: grid; grid-template-columns: 88px 24px minmax(0, 1fr); gap: 12px; min-height: 56px; }
.tl-event-time[b-bk6v71wemq] { padding-top: 2px; text-align: right; font-variant-numeric: tabular-nums; color: var(--muted); }
.tl-event-rail[b-bk6v71wemq] { position: relative; display: flex; justify-content: center; }
.tl-event-rail[b-bk6v71wemq]::before { content: ""; position: absolute; top: 0; bottom: 0; width: 2px; background: var(--line); }
.tl-event-dot[b-bk6v71wemq] {
    position: relative;
    margin-top: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-shadow: 0 0 0 1.5px var(--text), 0 0 0 4px var(--surface);
}
.tl-event-body[b-bk6v71wemq] { min-width: 0; padding-bottom: 12px; }
.tl-event-title[b-bk6v71wemq] { display: block; font-weight: 600; }
.tl-event-detail[b-bk6v71wemq] { display: block; color: var(--muted); }
.tl-empty[b-bk6v71wemq] { margin: 0; padding: 20px; color: var(--muted); }

/* Embedded: the host's panel supplies the frame and the event list; filters sit under the band.
   zoom scales the inline px geometry, type and controls together, so it sits at the density of the host's tables. */
.tl.is-embedded[b-bk6v71wemq] { zoom: 0.85; }
.tl.is-embedded .tl-scroll[b-bk6v71wemq] { border-radius: var(--cxr-10, 10px); }
.tl-embed-bar[b-bk6v71wemq] { display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; flex-wrap: wrap; margin-top: 12px; }
.tl.is-embedded .tl-types legend[b-bk6v71wemq] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    .tl-band[b-bk6v71wemq], .tl-dot[b-bk6v71wemq], .tl-dot-pie[b-bk6v71wemq], .tl-dot-count[b-bk6v71wemq] { transition: none; }
}
/* /Components/Pages/IpSecurity/IpSecurity.razor.rz.scp.css */
/* All ::deep rules descend from .ip-tabwrap, a plain element in this component's own
   markup — Syncfusion's internal DOM does not carry the scope attribute. */

[b-ce16azhx6d] .full-width-tabs .e-tab-header .e-toolbar-items {
    display: flex !important;
    width: 100% !important;
}

/* white panel behind the tab content, matching the audit pages */
.ip-tabwrap[b-ce16azhx6d]  .e-content,
.ip-tabwrap[b-ce16azhx6d]  .e-tab .e-content,
.ip-tabwrap[b-ce16azhx6d]  .e-content > .e-item {
    background: var(--cxbg-ffffff, #ffffff);
}

.ip-tabwrap[b-ce16azhx6d]  .e-content > .e-item {
    padding: 14px 16px;
}

.ip-tabwrap[b-ce16azhx6d]  .e-content {
    border: 1px solid var(--cxbd-e6e9ef, #e6e9ef);
    border-top: none;
    border-radius: 0 0 10px 10px;
}

.ip-ctx[b-ce16azhx6d] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 8px 0;
}

.ip-chip[b-ce16azhx6d] {
    background: var(--cxbg-eef4fd, #eef4fd);
    color: var(--cxfg-2c3e50, #2c3e50);
    border-radius: var(--cxr-12, 12px);
    padding: 3px 10px;
    font-size: .8rem;
    font-weight: 600;
}

.ip-chip-on[b-ce16azhx6d] { background: var(--cxbg-eef7f0, #eef7f0); color: var(--cxfg-27ae60, #27ae60); }
.ip-chip-off[b-ce16azhx6d] { background: var(--cxbg-fdecea, #fdecea); color: var(--cxfg-c0392b, #c0392b); }

.ip-busy[b-ce16azhx6d] { color: var(--cxfg-b9770e, #b9770e); font-size: .85rem; }

.ip-err[b-ce16azhx6d] {
    background: var(--cxbg-fdecea, #fdecea);
    color: var(--cxfg-c0392b, #c0392b);
    padding: 10px 12px;
    border-radius: var(--cxr-8, 8px);
    margin: 8px 0;
}

.ip-ok[b-ce16azhx6d] {
    background: var(--cxbg-eef7f0, #eef7f0);
    color: var(--cxfg-1e7e4a, #1e7e4a);
    padding: 10px 12px;
    border-radius: var(--cxr-8, 8px);
    margin: 8px 0;
}

[b-ce16azhx6d] .ip-card { margin-bottom: 8px; }

[b-ce16azhx6d] .ip-card h3 {
    margin: 0 0 10px;
    font-size: 1rem;
    color: var(--cxfg-2c3e50, #2c3e50);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

[b-ce16azhx6d] .ip-hint {
    color: var(--cxfg-7a8699, #7a8699);
    font-size: .8rem;
    background: var(--cxbg-fbfcfe, #fbfcfe);
    border-left: 3px solid var(--cxbd-e6e9ef, #e6e9ef);
    padding: 8px 10px;
    margin-bottom: 10px;
}

[b-ce16azhx6d] .ip-hint code {
    background: var(--cxbg-f2f4f7, #f2f4f7);
    padding: 1px 5px;
    border-radius: 4px;
}

[b-ce16azhx6d] .ip-tbl { width: 100%; border-collapse: collapse; font-size: .82rem; }

[b-ce16azhx6d] .ip-tbl th {
    text-align: left;
    color: var(--cxfg-7a8699, #7a8699);
    border-bottom: 1px solid var(--cxbd-e6e9ef, #e6e9ef);
    padding: 5px 6px;
    font-weight: 600;
    white-space: nowrap;
}

[b-ce16azhx6d] .ip-tbl td { padding: 6px; border-bottom: 1px solid var(--cxbd-f2f4f7, #f2f4f7); vertical-align: top; }

[b-ce16azhx6d] .ip-bad { background: var(--cxbg-fffafa, #fffafa); }
[b-ce16azhx6d] .ip-off { opacity: .55; }

[b-ce16azhx6d] .ip-sub { color: var(--cxfg-98a4b8, #98a4b8); font-size: .76rem; }
[b-ce16azhx6d] .ip-when { color: var(--cxfg-5b6b83, #5b6b83); font-size: .76rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
[b-ce16azhx6d] .ip-empty { color: var(--cxfg-98a4b8, #98a4b8); font-style: italic; padding: 8px; }

[b-ce16azhx6d] .ip-tag { font-size: .72rem; font-weight: 700; padding: 1px 6px; border-radius: var(--cxr-8, 8px); background: var(--cxbg-f2f4f7, #f2f4f7); color: var(--cxfg-7a8699, #7a8699); }
[b-ce16azhx6d] .ip-tag-block { background: var(--cxbg-fdecea, #fdecea); color: var(--cxfg-c0392b, #c0392b); }
[b-ce16azhx6d] .ip-tag-allow { background: var(--cxbg-eef7f0, #eef7f0); color: var(--cxfg-27ae60, #27ae60); }

[b-ce16azhx6d] .ip-flag {
    background: var(--cxbg-c0392b, #c0392b);
    color: var(--cxfg-ffffff, #fff);
    font-size: .65rem;
    padding: 1px 5px;
    border-radius: var(--cxr-6, 6px);
    margin-left: 4px;
}

[b-ce16azhx6d] .ip-mini {
    border: 1px solid var(--cxbd-c3cad6, #c3cad6);
    background: var(--cxbg-f7f9fc, #f7f9fc);
    border-radius: var(--cxr-6, 6px);
    padding: 2px 8px;
    cursor: pointer;
    font-size: .76rem;
}

[b-ce16azhx6d] .ip-sel { padding: 4px 8px; border: 1px solid var(--cxbd-c3cad6, #c3cad6); border-radius: var(--cxr-6, 6px); font-size: .82rem; }
[b-ce16azhx6d] .ip-chk { display: flex; align-items: center; gap: 5px; font-size: .8rem; font-weight: 400; color: var(--cxfg-41506b, #41506b); }

[b-ce16azhx6d] .ip-form { display: flex; flex-wrap: wrap; gap: 12px 18px; margin: 10px 0 14px; align-items: flex-end; }
[b-ce16azhx6d] .ip-fld { display: flex; flex-direction: column; gap: 4px; }
[b-ce16azhx6d] .ip-fld > label { font-size: .76rem; font-weight: 600; color: var(--cxfg-41506b, #41506b); }
/* /Components/Pages/OrgAdmin/OrgAdmin.razor.rz.scp.css */
/* All ::deep rules descend from .og-tabwrap, a plain element in this component's own
   markup — Syncfusion's internal DOM does not carry the scope attribute. */

[b-n2qtqf9i9p] .full-width-tabs .e-tab-header .e-toolbar-items {
    display: flex !important;
    width: 100% !important;
}

/* white panel behind the tab content, matching the audit and security pages */
.og-tabwrap[b-n2qtqf9i9p]  .e-content,
.og-tabwrap[b-n2qtqf9i9p]  .e-tab .e-content,
.og-tabwrap[b-n2qtqf9i9p]  .e-content > .e-item {
    background: var(--cxbg-ffffff, #ffffff);
}

.og-tabwrap[b-n2qtqf9i9p]  .e-content > .e-item {
    padding: 14px 16px;
}

.og-tabwrap[b-n2qtqf9i9p]  .e-content {
    border: 1px solid var(--cxbd-e6e9ef, #e6e9ef);
    border-top: none;
    border-radius: 0 0 10px 10px;
}

.og-ctx[b-n2qtqf9i9p] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 8px 0;
}

.og-chip[b-n2qtqf9i9p] {
    background: var(--cxbg-eef4fd, #eef4fd);
    color: var(--cxfg-2c3e50, #2c3e50);
    border-radius: var(--cxr-12, 12px);
    padding: 3px 10px;
    font-size: .8rem;
    font-weight: 600;
}

.og-chip-sel[b-n2qtqf9i9p] { background: var(--cxbg-eef7f0, #eef7f0); color: var(--cxfg-1e7e4a, #1e7e4a); }

.og-busy[b-n2qtqf9i9p] { color: var(--cxfg-b9770e, #b9770e); font-size: .85rem; }

.og-err[b-n2qtqf9i9p] {
    background: var(--cxbg-fdecea, #fdecea);
    color: var(--cxfg-c0392b, #c0392b);
    padding: 10px 12px;
    border-radius: var(--cxr-8, 8px);
    margin: 8px 0;
}

.og-ok[b-n2qtqf9i9p] {
    background: var(--cxbg-eef7f0, #eef7f0);
    color: var(--cxfg-1e7e4a, #1e7e4a);
    padding: 10px 12px;
    border-radius: var(--cxr-8, 8px);
    margin: 8px 0;
}

[b-n2qtqf9i9p] .og-err {
    background: var(--cxbg-fdecea, #fdecea);
    color: var(--cxfg-c0392b, #c0392b);
    padding: 10px 12px;
    border-radius: var(--cxr-8, 8px);
    margin: 8px 0;
}

[b-n2qtqf9i9p] .og-ok {
    background: var(--cxbg-eef7f0, #eef7f0);
    color: var(--cxfg-1e7e4a, #1e7e4a);
    padding: 10px 12px;
    border-radius: var(--cxr-8, 8px);
    margin: 8px 0;
}

[b-n2qtqf9i9p] .og-card { margin-bottom: 8px; }

[b-n2qtqf9i9p] .og-card h3 {
    margin: 0 0 10px;
    font-size: 1rem;
    color: var(--cxfg-2c3e50, #2c3e50);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

[b-n2qtqf9i9p] .og-card h4 {
    margin: 18px 0 8px;
    font-size: .88rem;
    color: var(--cxfg-41506b, #41506b);
    border-top: 1px solid var(--cxbd-f2f4f7, #f2f4f7);
    padding-top: 14px;
}

[b-n2qtqf9i9p] .og-hint {
    color: var(--cxfg-7a8699, #7a8699);
    font-size: .8rem;
    background: var(--cxbg-fbfcfe, #fbfcfe);
    border-left: 3px solid var(--cxbd-e6e9ef, #e6e9ef);
    padding: 8px 10px;
    margin-bottom: 10px;
}

[b-n2qtqf9i9p] .og-hint-warn {
    background: var(--cxbg-fffdf5, #fffdf5);
    border-left-color: var(--cxbd-e8c46a, #e8c46a);
    color: var(--cxfg-7a6a3f, #7a6a3f);
    margin-top: 12px;
}

[b-n2qtqf9i9p] .og-hint code {
    background: var(--cxbg-f2f4f7, #f2f4f7);
    padding: 1px 5px;
    border-radius: 4px;
}

[b-n2qtqf9i9p] .og-tbl { width: 100%; border-collapse: collapse; font-size: .82rem; }

[b-n2qtqf9i9p] .og-tbl th {
    text-align: left;
    color: var(--cxfg-7a8699, #7a8699);
    border-bottom: 1px solid var(--cxbd-e6e9ef, #e6e9ef);
    padding: 5px 6px;
    font-weight: 600;
    white-space: nowrap;
}

[b-n2qtqf9i9p] .og-tbl td { padding: 6px; border-bottom: 1px solid var(--cxbd-f2f4f7, #f2f4f7); vertical-align: top; }

[b-n2qtqf9i9p] .og-warn-row { background: var(--cxbg-fffdf5, #fffdf5); }
[b-n2qtqf9i9p] .og-off { opacity: .55; }

[b-n2qtqf9i9p] .og-sub { color: var(--cxfg-98a4b8, #98a4b8); font-size: .76rem; }
[b-n2qtqf9i9p] .og-when { color: var(--cxfg-5b6b83, #5b6b83); font-size: .76rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
[b-n2qtqf9i9p] .og-empty { color: var(--cxfg-98a4b8, #98a4b8); font-style: italic; padding: 8px; }
[b-n2qtqf9i9p] .og-bad-text { color: var(--cxfg-c0392b, #c0392b); }

[b-n2qtqf9i9p] .og-actions { white-space: nowrap; }
[b-n2qtqf9i9p] .og-actions button + button { margin-left: 6px; }

[b-n2qtqf9i9p] .og-tag { font-size: .72rem; font-weight: 700; padding: 1px 6px; border-radius: var(--cxr-8, 8px); background: var(--cxbg-f2f4f7, #f2f4f7); color: var(--cxfg-7a8699, #7a8699); }
[b-n2qtqf9i9p] .og-tag-ok { background: var(--cxbg-eef7f0, #eef7f0); color: var(--cxfg-27ae60, #27ae60); }
[b-n2qtqf9i9p] .og-tag-warn { background: var(--cxbg-fdf4e3, #fdf4e3); color: var(--cxfg-b9770e, #b9770e); }
[b-n2qtqf9i9p] .og-tag-bad { background: var(--cxbg-fdecea, #fdecea); color: var(--cxfg-c0392b, #c0392b); }
[b-n2qtqf9i9p] .og-tag-you { background: var(--cxbg-eef4fd, #eef4fd); color: var(--cxfg-2c6fbb, #2c6fbb); margin-left: 6px; }

[b-n2qtqf9i9p] .og-flag {
    background: var(--cxbg-b9770e, #b9770e);
    color: var(--cxfg-ffffff, #fff);
    font-size: .65rem;
    padding: 1px 5px;
    border-radius: var(--cxr-6, 6px);
    margin-left: 4px;
}

[b-n2qtqf9i9p] .og-mini {
    border: 1px solid var(--cxbd-c3cad6, #c3cad6);
    background: var(--cxbg-f7f9fc, #f7f9fc);
    border-radius: var(--cxr-6, 6px);
    padding: 2px 8px;
    cursor: pointer;
    font-size: .76rem;
}

[b-n2qtqf9i9p] .og-mini:disabled { opacity: .45; cursor: not-allowed; }

[b-n2qtqf9i9p] .og-sel { padding: 4px 8px; border: 1px solid var(--cxbd-c3cad6, #c3cad6); border-radius: var(--cxr-6, 6px); font-size: .82rem; }
[b-n2qtqf9i9p] .og-chk { display: flex; align-items: center; gap: 5px; font-size: .8rem; font-weight: 400; color: var(--cxfg-41506b, #41506b); }

.og-chk[b-n2qtqf9i9p] { display: flex; align-items: center; gap: 5px; font-size: .8rem; font-weight: 400; color: var(--cxfg-41506b, #41506b); }

[b-n2qtqf9i9p] .og-form { display: flex; flex-wrap: wrap; gap: 12px 18px; margin: 10px 0 14px; align-items: flex-end; }
[b-n2qtqf9i9p] .og-fld { display: flex; flex-direction: column; gap: 4px; }
[b-n2qtqf9i9p] .og-fld > label { font-size: .76rem; font-weight: 600; color: var(--cxfg-41506b, #41506b); }
[b-n2qtqf9i9p] .og-wide { flex: 1 1 320px; }

[b-n2qtqf9i9p] .og-kv { border-collapse: collapse; font-size: .82rem; margin-bottom: 12px; }
[b-n2qtqf9i9p] .og-kv th {
    text-align: left;
    color: var(--cxfg-7a8699, #7a8699);
    font-weight: 600;
    padding: 4px 16px 4px 0;
    white-space: nowrap;
    vertical-align: top;
}
[b-n2qtqf9i9p] .og-kv td { padding: 4px 0; }

[b-n2qtqf9i9p] .og-kvline { display: flex; align-items: center; gap: 10px; margin: 10px 0; }
/* /Components/Pages/Reports/ReportCategory.razor.rz.scp.css */
/* Palette and structure follow the report list in the role mockup (cr-row / cr-search / cr-tabs),
   light and dark. Dark is used when the app is in dark theme; otherwise the OS preference. */
.rc-page[b-f7ulkwsmrh] {
    --rc-panel: light-dark(#fff, #111722);
    --rc-soft: light-dark(#eef2f8, #171e29);
    --rc-text: light-dark(#24324a, #e6edf5);
    --rc-muted: light-dark(#59697d, #a5afbe);
    --rc-line: light-dark(#dce3ee, #30394a);
    --rc-blue: light-dark(#316ac3, #91b5f5);
    --rc-active: light-dark(#e3ecfb, #1c2a44);

    color-scheme: light dark;
    color: var(--rc-text);
    padding: 8px 4px 28px;
    max-width: 1100px;
}

:root[data-theme="dark"] .rc-page[b-f7ulkwsmrh] { color-scheme: dark; }
:root[data-theme="light"] .rc-page[b-f7ulkwsmrh] { color-scheme: light; }

.rc-crumb[b-f7ulkwsmrh] {
    font-size: 12px;
    color: var(--rc-muted);
}

.rc-title[b-f7ulkwsmrh] {
    margin: 8px 0 4px;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.15;
}

.rc-sub[b-f7ulkwsmrh] {
    margin: 0;
    font-size: 13px;
    color: var(--rc-muted);
}

.rc-label[b-f7ulkwsmrh] {
    display: block;
    margin: 22px 0 6px;
    font-size: 12px;
    color: var(--rc-muted);
}

.rc-search[b-f7ulkwsmrh] {
    display: flex;
    align-items: center;
    gap: 9px;
    background: var(--rc-panel);
    border: 1px solid var(--rc-line);
    border-radius: 12px;
    padding: 12px 13px;
    margin-bottom: 14px;
}

.rc-search:focus-within[b-f7ulkwsmrh] {
    border-color: var(--rc-blue);
}

.rc-search svg[b-f7ulkwsmrh] {
    fill: var(--rc-muted);
    flex: 0 0 auto;
}

.rc-search input[b-f7ulkwsmrh] {
    background: transparent;
    border: 0;
    outline: none;
    width: 100%;
    min-width: 0;
    color: inherit;
    font-size: 14px;
}

.rc-search input[b-f7ulkwsmrh]::placeholder {
    color: var(--rc-muted);
}

.rc-tabs[b-f7ulkwsmrh] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--rc-line);
    padding-bottom: 11px;
    margin-bottom: 20px;
}

.rc-tab[b-f7ulkwsmrh] {
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: inherit;
    padding: 8px 14px;
    font-size: 12px;
    min-height: 36px;
    cursor: pointer;
}

.rc-tab:hover[b-f7ulkwsmrh] {
    background: var(--rc-soft);
}

.rc-tab[aria-selected="true"][b-f7ulkwsmrh] {
    background: var(--rc-active);
    color: var(--rc-blue);
}

.rc-tab-count[b-f7ulkwsmrh] {
    margin-left: 4px;
}

.rc-section[b-f7ulkwsmrh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin: 22px 0 12px;
}

.rc-section h2[b-f7ulkwsmrh] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.rc-small[b-f7ulkwsmrh] {
    font-size: 12px;
    color: var(--rc-muted);
}

.rc-list[b-f7ulkwsmrh] {
    display: grid;
    gap: 9px;
}

.rc-row[b-f7ulkwsmrh] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 15px;
    border: 1px solid var(--rc-line);
    border-radius: 11px;
    background: var(--rc-panel);
    min-width: 0;
}

.rc-row-main[b-f7ulkwsmrh] {
    flex: 1;
    min-width: 0;
}

.rc-row-title[b-f7ulkwsmrh] {
    font-size: 14px;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.rc-row-title:hover[b-f7ulkwsmrh],
.rc-row-title:focus-visible[b-f7ulkwsmrh] {
    color: var(--rc-blue);
}

.rc-row p[b-f7ulkwsmrh] {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--rc-muted);
    overflow-wrap: anywhere;
}

.rc-meta[b-f7ulkwsmrh] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 7px;
    font-size: 11px;
    color: var(--rc-muted);
}

.rc-badge[b-f7ulkwsmrh] {
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    padding: 3px 6px;
    font-size: 11px;
    background: var(--rc-soft);
    color: var(--rc-muted);
    white-space: nowrap;
}

.rc-open[b-f7ulkwsmrh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    padding: 6px 2px;
    color: var(--rc-blue);
    font-size: 12px;
    text-decoration: none;
}

.rc-open svg[b-f7ulkwsmrh] {
    fill: currentColor;
}

.rc-open:hover[b-f7ulkwsmrh],
.rc-open:focus-visible[b-f7ulkwsmrh] {
    text-decoration: underline;
}

/* "Open report" and the open-in-a-new-tab icon side by side */
.rc-actions[b-f7ulkwsmrh] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.rc-actions .rc-open[b-f7ulkwsmrh] {
    margin-top: 0;
}

.rc-new-tab[b-f7ulkwsmrh] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    color: var(--rc-blue);
    opacity: .6;
    text-decoration: none;
}

.rc-new-tab:hover[b-f7ulkwsmrh],
.rc-new-tab:focus-visible[b-f7ulkwsmrh] {
    opacity: 1;
    background: var(--rc-soft);
}

.rc-new-tab svg[b-f7ulkwsmrh] {
    fill: currentColor;
}

.rc-star[b-f7ulkwsmrh] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--rc-muted);
    padding: 5px;
    border-radius: 7px;
    flex-shrink: 0;
    cursor: pointer;
}

.rc-star svg[b-f7ulkwsmrh] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
}

.rc-star:hover[b-f7ulkwsmrh] {
    background: var(--rc-soft);
}

.rc-star[aria-pressed="true"][b-f7ulkwsmrh] {
    color: var(--rc-blue);
    background: var(--rc-active);
}

.rc-star[aria-pressed="true"] svg[b-f7ulkwsmrh] {
    fill: currentColor;
}

.rc-empty[b-f7ulkwsmrh] {
    padding: 27px 15px;
    text-align: center;
    border: 1px dashed var(--rc-line);
    border-radius: 12px;
}

.rc-empty h3[b-f7ulkwsmrh] {
    margin: 0;
    font-size: 1rem;
}

.rc-empty p[b-f7ulkwsmrh] {
    font-size: 13px;
    color: var(--rc-muted);
    max-width: 440px;
    margin: 7px auto 0;
}

.rc-note[b-f7ulkwsmrh] {
    padding: 18px 4px;
    color: var(--rc-muted);
}

.rc-error[b-f7ulkwsmrh] {
    color: #c0392b;
}