/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-cd24u3q6ax] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #14213d 0%, #101a33 100%);
    padding: 1.5rem;
    box-sizing: border-box;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-vdhvcmmaf9] {
    display: flex;
    min-height: 100vh;
}

.app-sidebar[b-vdhvcmmaf9] {
    display: flex;
    flex-direction: column;
    width: 15.5rem;
    flex-shrink: 0;
    background: linear-gradient(180deg, #14213d 0%, #101a33 100%);
}

.app-main[b-vdhvcmmaf9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #f4f6fb;
}

.app-topbar[b-vdhvcmmaf9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 1.15rem 2rem;
    background: #fff;
    border-bottom: 1px solid #e4e8f3;
}

.app-topbar__title h1[b-vdhvcmmaf9] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #14213d;
}

.app-topbar__title p[b-vdhvcmmaf9] {
    margin: 0.15rem 0 0;
    font-size: 0.85rem;
    color: #6c7aa0;
}

.app-topbar__badges[b-vdhvcmmaf9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.badge[b-vdhvcmmaf9] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.badge--version[b-vdhvcmmaf9] {
    background: #e3e9ff;
    color: #3b4fd6;
}

.badge--env[b-vdhvcmmaf9] {
    background: #e4f7ee;
    color: #1f8a5f;
}

.app-topbar__user[b-vdhvcmmaf9] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.app-topbar__user-info[b-vdhvcmmaf9] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.3;
}

.app-topbar__user-name[b-vdhvcmmaf9] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #14213d;
}

.app-topbar__user-email[b-vdhvcmmaf9] {
    font-size: 0.75rem;
    color: #6c7aa0;
}

.app-topbar__user-roles[b-vdhvcmmaf9] {
    font-size: 0.7rem;
    color: #8b96b8;
}

.app-topbar__account[b-vdhvcmmaf9] {
    padding: 0.4rem 0.85rem;
    border: 1px solid #d3dbf0;
    border-radius: 0.5rem;
    background: #fff;
    color: #14213d;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.app-topbar__account:hover[b-vdhvcmmaf9] {
    background: #eef1fb;
}

.app-topbar__logout[b-vdhvcmmaf9] {
    padding: 0.4rem 0.85rem;
    border: 1px solid #d3dbf0;
    border-radius: 0.5rem;
    background: #fff;
    color: #14213d;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.app-topbar__logout:hover[b-vdhvcmmaf9] {
    background: #eef1fb;
}

/* RC9 (ACCESS-MODE-PRIVILEGE-ELEVATION-0.15.0-RC9): compact CTA next to
   "Moje konto" for an account eligible to step up into Administrative mode -
   only ever rendered when CurrentWebUser.CanElevate is true. */
.app-topbar__elevate[b-vdhvcmmaf9] {
    padding: 0.4rem 0.85rem;
    border: 1px solid #f0b94d;
    border-radius: 0.5rem;
    background: #fff8ea;
    color: #96650a;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.app-topbar__elevate:hover[b-vdhvcmmaf9] {
    background: #fdecc4;
}

/* RC9: persistent, deliberately non-subtle strip - Administrative is a raised-
   privilege state that must never blend into the ordinary chrome, so it gets
   its own full-width band directly under the topbar rather than a badge. */
.access-mode-banner[b-vdhvcmmaf9] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.65rem 2rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.access-mode-banner--admin[b-vdhvcmmaf9] {
    background: #fff2d6;
    color: #7a4e00;
    border-bottom: 1px solid #f0b94d;
}

.access-mode-banner--readonly[b-vdhvcmmaf9] {
    background: #eef1fb;
    color: #3b4fd6;
    border-bottom: 1px solid #d3dbf0;
}

.access-mode-banner__icon[b-vdhvcmmaf9] {
    font-size: 1rem;
}

.access-mode-banner__form[b-vdhvcmmaf9] {
    margin: 0;
}

.access-mode-banner__disable[b-vdhvcmmaf9] {
    padding: 0.3rem 0.75rem;
    border: 1px solid #96650a;
    border-radius: 0.5rem;
    background: #fff;
    color: #7a4e00;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.access-mode-banner__disable:hover[b-vdhvcmmaf9] {
    background: #fdecc4;
}

.access-mode-banner__enable[b-vdhvcmmaf9] {
    padding: 0.3rem 0.75rem;
    border: 1px solid #3b4fd6;
    border-radius: 0.5rem;
    background: #fff;
    color: #3b4fd6;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
}

.access-mode-banner__enable:hover[b-vdhvcmmaf9] {
    background: #e3e9ff;
}

@media (max-width: 860px) {
    .access-mode-banner[b-vdhvcmmaf9] {
        padding: 0.65rem 1rem;
    }
}

.app-content[b-vdhvcmmaf9] {
    flex: 1;
    padding: 2rem;
    max-width: 78rem;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

#blazor-error-ui[b-vdhvcmmaf9] {
    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-vdhvcmmaf9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Mobile drawer menu (UX-INFORMATION-ARCHITECTURE-001) - a native
   <details>/<summary> disclosure widget rather than a JS/interactive-render
   toggle, since MainLayout is not on an interactive render mode boundary and
   every other page in this app already opts into interactivity per-page
   rather than globally. Keyboard/focus handling and no-focus-trap guarantees
   come from the browser for free, same rationale as SecondaryActionsMenu. */
.mobile-nav-drawer[b-vdhvcmmaf9] {
    display: none;
}

.mobile-nav-drawer__toggle[b-vdhvcmmaf9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    padding: 0 0.75rem;
    border-radius: 0.5rem;
    font-weight: 700;
    font-size: 0.95rem;
    color: #14213d;
    cursor: pointer;
    list-style: none;
    /* Must outrank .mobile-nav-drawer__panel's z-index (60) - the panel is a
       full-height fixed overlay that would otherwise paint directly over this
       toggle once open, leaving no visible/clickable way to close the drawer
       (found via UX-INFORMATION-ARCHITECTURE-VISUAL-QA-001 screenshot review).
       An opaque background is required too: once stacked above the panel, this
       toggle's dark-navy text would otherwise sit directly on the panel's own
       dark-navy background and become invisible, even though it stays clickable. */
    position: relative;
    z-index: 61;
    background: #fff;
}

.mobile-nav-drawer__toggle[b-vdhvcmmaf9]::-webkit-details-marker {
    display: none;
}

/* Current-area label (UX-INFORMATION-ARCHITECTURE-POLISH-001): must stay
   fully readable at any width down to 320px - no permanent ellipsis, no
   aggressive font shrink. Wrapping to two lines is fine; the toggle's own
   min-height (not a fixed height) lets it grow to fit without clipping. */
.mobile-nav-drawer__current-area[b-vdhvcmmaf9] {
    white-space: normal;
    overflow-wrap: break-word;
    line-height: 1.2;
    text-align: left;
}

.mobile-nav-drawer__toggle:hover[b-vdhvcmmaf9] {
    background: #eef1fb;
}

.mobile-nav-drawer__panel[b-vdhvcmmaf9] {
    position: fixed;
    inset: 0 25% 0 0;
    z-index: 60;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #14213d 0%, #101a33 100%);
    box-shadow: 0 0 0 100vmax rgba(20, 33, 61, 0.45);
}

[b-vdhvcmmaf9] .mobile-nav-drawer__panel .nav-menu {
    flex: 1;
}

@media (max-width: 860px) {
    .app-shell[b-vdhvcmmaf9] {
        flex-direction: column;
    }

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

    .mobile-nav-drawer[b-vdhvcmmaf9] {
        display: block;
    }

    .app-topbar[b-vdhvcmmaf9] {
        padding: 0.85rem 1rem;
    }

    .app-content[b-vdhvcmmaf9] {
        padding: 1.25rem 1rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-brand[b-y696t7ucdz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.5rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.nav-brand__mark[b-y696t7ucdz] {
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.6rem;
    object-fit: cover;
    flex-shrink: 0;
}

.nav-brand__text[b-y696t7ucdz] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.nav-brand__name[b-y696t7ucdz] {
    color: #f4f6fb;
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: 0.01em;
}

.nav-menu[b-y696t7ucdz] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 1rem 0.75rem;
    flex: 1;
}

/* ::deep is required here: <NavLink> is a framework component, so the <a>
   it renders is NOT part of NavMenu.razor's own literal markup and never
   receives this file's CSS-isolation scope attribute - a plain
   ".nav-menu__link" selector silently never matches it. This was the actual
   root cause of the reported "purple links on purple background": these
   rules were never applying at all, so every link fell back to the global
   default `a { color: #3b4fd6 }` (underlined, no hover/active/focus state)
   directly against the dark navy sidebar. Confirmed via computed-style
   inspection in a live browser, not just by reading the CSS. */
[b-y696t7ucdz] .nav-menu__link {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.6rem 0.75rem;
    border-radius: 0.5rem;
    border-left: 3px solid transparent;
    color: #dbe1f4;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 500;
    transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}

[b-y696t7ucdz] .nav-menu__link:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    text-decoration: none;
}

/* Keyboard focus needs its own visible ring - the dark sidebar swallows the
   browser default outline, and hover alone doesn't fire on Tab navigation. */
[b-y696t7ucdz] .nav-menu__link:focus-visible {
    outline: 2px solid #8ab4ff;
    outline-offset: 2px;
}

[b-y696t7ucdz] .nav-menu__link.active {
    background: #3b4fd6;
    border-left-color: #8ab4ff;
    color: #fff;
    font-weight: 700;
}

[b-y696t7ucdz] .nav-menu__link.active:hover {
    background: #34459e;
}

.nav-menu__icon[b-y696t7ucdz] {
    font-size: 1.05rem;
    width: 1.4rem;
    text-align: center;
}

.nav-footer[b-y696t7ucdz] {
    padding: 1rem 1.25rem 1.4rem;
    color: #6c7aa0;
    font-size: 0.72rem;
    line-height: 1.4;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-aqbik7bomp],
.components-reconnect-repeated-attempt-visible[b-aqbik7bomp],
.components-reconnect-failed-visible[b-aqbik7bomp],
.components-pause-visible[b-aqbik7bomp],
.components-resume-failed-visible[b-aqbik7bomp],
.components-rejoining-animation[b-aqbik7bomp] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-aqbik7bomp {
    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/Dashboard.razor.rz.scp.css */
.dashboard-section[b-4b1ddrdiyu] {
    margin-bottom: 1.75rem;
}

.dashboard-section h3[b-4b1ddrdiyu] {
    margin: 0 0 0.75rem;
}

.dashboard-grid[b-4b1ddrdiyu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-card[b-4b1ddrdiyu] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    background: #fff;
    border: 1px solid #e4e8f3;
    border-radius: 0.75rem;
    padding: 1.1rem 1.25rem;
}

.dashboard-card__label[b-4b1ddrdiyu] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #8b96b8;
}

.dashboard-card__value[b-4b1ddrdiyu] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #14213d;
}

.dashboard-cta[b-4b1ddrdiyu] {
    display: inline-block;
}

.dashboard-checklist[b-4b1ddrdiyu] {
    list-style: none;
    margin: 0 0 0.75rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}
/* /Components/Pages/Integracje.razor.rz.scp.css */
.integrations-grid[b-r7rb2pkhc3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.integrations-card[b-r7rb2pkhc3] {
    border: 1px solid #e2e6f2;
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    background: #fff;
}

.integrations-card__description[b-r7rb2pkhc3] {
    color: #495066;
    font-size: 0.9rem;
}

.integrations-card__fields[b-r7rb2pkhc3] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0.5rem 0;
}

.integrations-card__field[b-r7rb2pkhc3] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.integrations-card__field-label[b-r7rb2pkhc3] {
    font-weight: 600;
}

.integrations-card__checkbox[b-r7rb2pkhc3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 600;
}

.integrations-card__actions[b-r7rb2pkhc3] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.integrations-card__test-result[b-r7rb2pkhc3] {
    margin-top: 0.75rem;
    font-size: 0.85rem;
}

.integrations-card__test-result--ok[b-r7rb2pkhc3] {
    color: #1f8a5f;
}

.integrations-card__test-result--fail[b-r7rb2pkhc3] {
    color: #b3412a;
}

.integration-status[b-r7rb2pkhc3] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.integration-status--active[b-r7rb2pkhc3] {
    background: #e4f7ee;
    color: #1f8a5f;
}

.integration-status--disabled[b-r7rb2pkhc3] {
    background: #f1f2f6;
    color: #6c7aa0;
}

.integration-status--not-configured[b-r7rb2pkhc3] {
    background: #fdf3e0;
    color: #a3691a;
}

.integration-status--error[b-r7rb2pkhc3] {
    background: #fbe5e1;
    color: #b3412a;
}

.integration-status--unavailable[b-r7rb2pkhc3] {
    background: #fbe5e1;
    color: #b3412a;
}

.integration-status--not-implemented[b-r7rb2pkhc3] {
    background: #eceef5;
    color: #6c7aa0;
}
/* /Components/Pages/PlaceholderPage.razor.rz.scp.css */
.placeholder-panel[b-0ljq4s6ice] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: #fff;
    border: 1px dashed #c7d0ec;
    border-radius: 0.75rem;
    padding: 1.5rem;
    max-width: 42rem;
    margin-top: 1rem;
}

.placeholder-panel__icon[b-0ljq4s6ice] {
    font-size: 1.8rem;
    line-height: 1;
}

.placeholder-panel p[b-0ljq4s6ice] {
    margin: 0;
    color: #4a5578;
    line-height: 1.55;
}
/* /Components/Pages/Researchers.razor.rz.scp.css */
/* researchers-button/-table/-status/-muted/-actions live in app.css (shared across the module's pages). */

.researchers-toolbar[b-83kr3p0vmi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin: 1rem 0 1.25rem;
}

.researchers-toolbar input[type="search"][b-83kr3p0vmi] {
    flex: 1;
    min-width: 16rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid #d3dbf0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
}

.researchers-toolbar select[b-83kr3p0vmi] {
    padding: 0.55rem 0.75rem;
    border: 1px solid #d3dbf0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    background: #fff;
}

.researchers-pagination[b-83kr3p0vmi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.25rem;
    font-size: 0.85rem;
    color: #6c7aa0;
}

.researchers-pagination button[b-83kr3p0vmi] {
    padding: 0.4rem 0.85rem;
    border: 1px solid #d3dbf0;
    border-radius: 0.5rem;
    background: #fff;
    cursor: pointer;
    font-size: 0.85rem;
}

.researchers-pagination button:disabled[b-83kr3p0vmi] {
    opacity: 0.4;
    cursor: not-allowed;
}
/* /Components/Shared/ConfirmButton.razor.rz.scp.css */
.confirm-panel[b-wmdqizz7ze] {
    display: inline-flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    background: #fdecea;
    border: 1px solid #f3c4bd;
    border-radius: 0.6rem;
}

.confirm-panel__message[b-wmdqizz7ze] {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 600;
    color: #7a2b21;
}

.confirm-panel__actions[b-wmdqizz7ze] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header__breadcrumb[b-5zg5jh1d6k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
    color: #6c7aa0;
}

.page-header__breadcrumb a[b-5zg5jh1d6k] {
    color: #6c7aa0;
    text-decoration: none;
}

.page-header__breadcrumb a:hover[b-5zg5jh1d6k] {
    color: #3b4fd6;
    text-decoration: underline;
}

.page-header__breadcrumb [aria-current="page"][b-5zg5jh1d6k] {
    color: #14213d;
    font-weight: 600;
}

.page-header__breadcrumb-separator[b-5zg5jh1d6k] {
    color: #c4cee4;
}

.page-header[b-5zg5jh1d6k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-header__titles h2[b-5zg5jh1d6k] {
    margin: 0.15rem 0 0.3rem;
}

.page-header__back[b-5zg5jh1d6k] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #3b4fd6;
    text-decoration: none;
}

.page-header__back:hover[b-5zg5jh1d6k] {
    text-decoration: underline;
}

.page-header__subtitle[b-5zg5jh1d6k] {
    margin: 0;
    color: #6c7aa0;
    font-size: 0.9rem;
}

.page-header__actions[b-5zg5jh1d6k] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}
/* /Components/Shared/RolePicker.razor.rz.scp.css */
.role-picker[b-1q3rhhjmhg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.role-picker__item[b-1q3rhhjmhg] {
    border: 1px solid #e4e8f3;
    border-radius: 0.6rem;
    padding: 0.65rem 0.85rem;
}

.role-picker__checkbox-row[b-1q3rhhjmhg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    color: #14213d;
    cursor: pointer;
}

.role-picker__technical[b-1q3rhhjmhg] {
    font-weight: 400;
    font-size: 0.78rem;
    color: #a3aecb;
}

.role-picker__description[b-1q3rhhjmhg] {
    margin: 0.35rem 0 0 1.6rem;
    font-size: 0.85rem;
    color: #6c7aa0;
}

.role-picker__toggle[b-1q3rhhjmhg] {
    margin: 0.4rem 0 0 1.6rem;
    padding: 0;
    border: none;
    background: none;
    color: #3b4fd6;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

.role-picker__permissions[b-1q3rhhjmhg] {
    margin: 0.5rem 0 0 2.4rem;
    padding: 0;
    list-style: disc;
    font-size: 0.82rem;
    color: #14213d;
}

.role-picker__permissions li[b-1q3rhhjmhg] {
    margin: 0.2rem 0;
}