/* /Components/InstitutionalData/SynchronizationPanel.razor.rz.scp.css */
.sync-progress__bar[b-81r82xhqpy] {
    height: 0.75rem;
    border-radius: 999px;
    background: var(--color-surface-muted, #e8ecf1);
    overflow: hidden;
    margin: 0.5rem 0;
}

.sync-progress__fill[b-81r82xhqpy] {
    height: 100%;
    background: var(--color-primary, #1f5fbf);
    transition: width 0.4s ease;
}

.sync-summary[b-81r82xhqpy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr));
    gap: 0.75rem;
    margin: 1rem 0;
}

.sync-summary__tile[b-81r82xhqpy] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-border, #d5dbe3);
    border-radius: 0.5rem;
    background: var(--color-surface, #fff);
}

.sync-summary__tile.is-attention[b-81r82xhqpy] {
    border-color: var(--color-warning-border, #e0b33c);
}

.sync-summary__tile.is-danger[b-81r82xhqpy] {
    border-color: var(--color-danger-border, #d9534f);
}

.sync-summary__value[b-81r82xhqpy] {
    font-size: 1.5rem;
    font-weight: 600;
}

.sync-summary__heading[b-81r82xhqpy] {
    margin: 1rem 0 0.25rem;
    font-size: 0.95rem;
}

.sync-legend[b-81r82xhqpy] {
    margin: 0.5rem 0 1rem;
    color: var(--color-text-muted, #5b6675);
}

.sync-summary__label[b-81r82xhqpy] {
    font-size: 0.85rem;
    color: var(--color-text-muted, #5b6675);
}
/* /Components/InstitutionalData/SynchronizationReviewPanel.razor.rz.scp.css */
.review-list[b-hoaqyl46ej] {
    list-style: none;
    margin: 1rem 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.review-item[b-hoaqyl46ej] {
    border: 1px solid var(--color-border, #d5dbe3);
    border-radius: 0.5rem;
    padding: 1rem;
    background: var(--color-surface, #fff);
}

.review-item[data-classification="Conflict"][b-hoaqyl46ej],
.review-item[data-classification="4"][b-hoaqyl46ej] {
    border-color: var(--color-danger-border, #d9534f);
}

.review-diff[b-hoaqyl46ej] {
    margin: 0.5rem 0;
}

.review-actions[b-hoaqyl46ej] {
    margin-top: 0.75rem;
}

@media (max-width: 40rem) {
    .review-diff th[b-hoaqyl46ej],
    .review-diff td[b-hoaqyl46ej] {
        display: block;
        width: 100%;
    }
}

.review-diff__same td[b-hoaqyl46ej] {
    color: var(--color-text-muted, #5b6675);
}

.review-diff--compact[b-hoaqyl46ej] {
    font-size: 0.85rem;
}

.review-related[b-hoaqyl46ej] {
    margin: 0.75rem 0;
    padding: 0.5rem 0.75rem;
    border-left: 3px solid var(--color-warning-border, #e0b33c);
    background: var(--color-surface-muted, #f4f6f9);
}

.review-related h5[b-hoaqyl46ej] {
    margin: 0 0 0.25rem;
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-cd24u3q6ax] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background: linear-gradient(160deg, var(--color-surface-inverse) 0%, var(--color-surface-inverse-deep) 60%, var(--color-surface-inverse-darkest) 100%);
    padding: var(--space-lg);
    box-sizing: border-box;
}

/* B2: two restrained radial glows (brand indigo + accent teal) - visual depth
   without a busy background; purely decorative, sits behind the card. */
.login-shell[b-cd24u3q6ax]::before,
.login-shell[b-cd24u3q6ax]::after {
    content: "";
    position: absolute;
    width: 40rem;
    height: 40rem;
    border-radius: 50%;
    filter: blur(10px);
    pointer-events: none;
}

.login-shell[b-cd24u3q6ax]::before {
    top: -14rem;
    left: -10rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--color-primary-500) 35%, transparent) 0%, transparent 70%);
}

.login-shell[b-cd24u3q6ax]::after {
    bottom: -16rem;
    right: -12rem;
    background: radial-gradient(circle, color-mix(in srgb, var(--color-accent-500) 28%, transparent) 0%, transparent 70%);
}

.login-shell > *[b-cd24u3q6ax] {
    position: relative;
    z-index: 1;
}
/* /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: 16rem;
    flex-shrink: 0;
    background: linear-gradient(180deg, var(--color-surface-inverse) 0%, var(--color-surface-inverse-deep) 100%);
}

.app-main[b-vdhvcmmaf9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--color-canvas);
}

/* B2: a light "glass" tint on the topbar - a translucent surface over the
   canvas gradient behind it, not a heavy blur effect, so text contrast stays
   unaffected (readability first per the brief). */
.app-topbar[b-vdhvcmmaf9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-sm);
    padding: 1.1rem 2rem;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: saturate(1.2) blur(6px);
    -webkit-backdrop-filter: saturate(1.2) blur(6px);
    border-bottom: var(--border-width) solid var(--color-border);
    /* Deliberately NOT position:sticky - Routes.razor's <FocusOnNavigate
       Selector="h1"> auto-focuses the "AkademIQ" heading that lives in this
       bar on every navigation; combined with a sticky top:0 element, the
       browser's default scroll-into-view-on-focus left a dead blank gap
       above the pinned bar after scrolling (reproduced in real-browser
       acceptance). A static topbar has no such conflict. */
}

.app-topbar__title h1[b-vdhvcmmaf9] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-text-primary);
}

.app-topbar__title p[b-vdhvcmmaf9] {
    margin: 0.1rem 0 0;
    font-size: 0.82rem;
    color: var(--color-text-muted);
}

.app-topbar__badges[b-vdhvcmmaf9] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
}

.badge[b-vdhvcmmaf9] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    max-width: 100%;
}

/* v0.33 Stage C (C1): a long build version (e.g. with a commit suffix) wraps at 320 px (400 % zoom) instead of overflowing the top bar. */
.badge--version[b-vdhvcmmaf9] {
    white-space: normal;
    overflow-wrap: anywhere;
    background: var(--color-primary-subtle);
    color: var(--color-primary-text);
}

.badge--env[b-vdhvcmmaf9] {
    background: var(--color-success-bg);
    color: var(--color-success-text);
}

.app-topbar__user[b-vdhvcmmaf9] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.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: var(--color-text-primary);
}

.app-topbar__user-email[b-vdhvcmmaf9] {
    font-size: 0.75rem;
    color: var(--color-text-muted);
}

.app-topbar__user-roles[b-vdhvcmmaf9] {
    font-size: 0.7rem;
    color: var(--color-text-muted);
}

.app-topbar__account[b-vdhvcmmaf9],
.app-topbar__logout[b-vdhvcmmaf9] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    padding: 0.45rem 0.85rem;
    border: var(--border-width) solid var(--color-border-strong);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-text-primary);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--motion-fast) var(--motion-ease);
}

.app-topbar__account:hover[b-vdhvcmmaf9],
.app-topbar__logout:hover[b-vdhvcmmaf9] {
    background: var(--color-surface-sunken);
}

/* 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] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    padding: 0.45rem 0.85rem;
    border: var(--border-width) solid var(--color-warning-border);
    border-radius: var(--radius-md);
    background: var(--color-warning-bg);
    color: var(--color-warning-text);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--motion-fast) var(--motion-ease);
}

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

.app-content[b-vdhvcmmaf9] {
    flex: 1;
    padding: 2rem;
    max-width: 80rem;
    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: var(--z-error-banner);
}

    #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: var(--space-xs);
    min-height: 2.75rem;
    padding: 0 0.75rem;
    border-radius: var(--radius-md);
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--color-text-primary);
    cursor: pointer;
    list-style: none;
    /* Must outrank .mobile-nav-drawer__panel's z-index - 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.
       Kept as a literal color (not a token) deliberately - this is a one-off
       stacking-context fix, not a themed surface. */
    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 onto additional 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: var(--color-surface-sunken);
}

.mobile-nav-drawer__panel[b-vdhvcmmaf9] {
    position: fixed;
    inset: 0 22% 0 0;
    z-index: 60;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, var(--color-surface-inverse) 0%, var(--color-surface-inverse-deep) 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: var(--space-sm);
    padding: 1.4rem 1.25rem;
    border-bottom: var(--border-width) solid var(--color-border-on-inverse);
}

.nav-brand__mark[b-y696t7ucdz] {
    display: inline-flex;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--radius-md);
    object-fit: cover;
    flex-shrink: 0;
    box-shadow: var(--shadow-sm);
}

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

.nav-brand__name[b-y696t7ucdz] {
    color: var(--color-on-inverse-strong);
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 0.01em;
}

.nav-menu[b-y696t7ucdz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3xs);
    padding: var(--space-md) var(--space-sm);
    flex: 1;
}

.nav-menu__section-label[b-y696t7ucdz] {
    margin: var(--space-sm) var(--space-sm) var(--space-2xs);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--color-text-on-inverse-muted);
}

/* ::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: var(--space-sm);
    padding: 0.62rem 0.75rem;
    border-radius: var(--radius-md);
    border-left: 3px solid transparent;
    color: var(--color-text-on-inverse);
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 500;
    transition: background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);
}

[b-y696t7ucdz] .nav-menu__link:hover {
    background: var(--color-inverse-hover);
    color: var(--color-on-inverse-strong);
    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 var(--focus-ring-color-on-inverse);
    outline-offset: 2px;
}

[b-y696t7ucdz] .nav-menu__link.active {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-600) 100%);
    border-left-color: var(--focus-ring-color-on-inverse);
    color: var(--color-on-primary);
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

[b-y696t7ucdz] .nav-menu__link.active:hover {
    background: linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary-700) 100%);
}

.nav-menu__icon[b-y696t7ucdz] {
    display: inline-flex;
    flex-shrink: 0;
}

.nav-footer[b-y696t7ucdz] {
    padding: var(--space-md) 1.25rem 1.4rem;
    color: var(--color-text-on-inverse-muted);
    font-size: 0.72rem;
    line-height: 1.4;
    border-top: var(--border-width) solid var(--color-border-on-inverse);
}
/* /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 */
/* Hero header - restrained gradient card, not a full illustration; the WOW
   comes from spacing/typography, not decoration (see design-system.md). */
.dashboard-hero[b-4b1ddrdiyu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
    padding: var(--space-xl) var(--space-xl);
    border-radius: var(--radius-xl);
    background: linear-gradient(120deg, var(--color-hero-start) 0%, var(--color-hero-end) 100%);
    color: #fff;
    box-shadow: var(--shadow-md);
}

.dashboard-hero__eyebrow[b-4b1ddrdiyu] {
    margin: 0 0 0.35rem;
    font-size: var(--text-caption-size);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: var(--text-caption-tracking);
    color: rgba(255, 255, 255, 0.7);
}

.dashboard-hero h2[b-4b1ddrdiyu] {
    margin: 0;
    color: #fff;
    font-size: 1.5rem;
    max-width: 44rem;
}

.dashboard-section[b-4b1ddrdiyu] {
    margin-bottom: 1.75rem;
}

.dashboard-section h3[b-4b1ddrdiyu] {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    margin: 0 0 var(--space-sm);
}

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

.dashboard-attention[b-4b1ddrdiyu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.dashboard-checklist[b-4b1ddrdiyu] {
    list-style: none;
    margin: 0 0 var(--space-sm);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.dashboard-checklist li[b-4b1ddrdiyu] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    color: var(--color-text-muted);
    font-size: 0.9rem;
}

.dashboard-checklist li.is-done[b-4b1ddrdiyu] {
    color: var(--color-text-primary);
}

.dashboard-checklist li.is-done .icon[b-4b1ddrdiyu] {
    color: var(--color-success-solid);
}

@media (max-width: 640px) {
    .dashboard-hero[b-4b1ddrdiyu] {
        flex-direction: column;
        align-items: flex-start;
        padding: var(--space-lg);
    }
}
/* /Components/Pages/Integracje.razor.rz.scp.css */
.integrations-grid[b-r7rb2pkhc3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(22rem, 100%), 1fr));
    gap: var(--space-md);
    margin-top: var(--space-md);
}

.integrations-card[b-r7rb2pkhc3] {
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-md) var(--space-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
}

.integrations-card__description[b-r7rb2pkhc3] {
    color: var(--color-text-secondary);
    font-size: 0.9rem;
}

.integrations-card__fields[b-r7rb2pkhc3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
    margin: var(--space-xs) 0;
}

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

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

.integrations-card__checkbox[b-r7rb2pkhc3] {
    display: flex;
    align-items: center;
    gap: var(--space-2xs);
    font-weight: 600;
}

.integrations-card__actions[b-r7rb2pkhc3] {
    display: flex;
    gap: var(--space-xs);
    margin-top: var(--space-xs);
}

.integrations-card__test-result[b-r7rb2pkhc3] {
    margin-top: var(--space-sm);
}
/* /Components/Pages/Researchers.razor.rz.scp.css */
/* v0.17.0: Researchers.razor now composes entirely from shared design-system
   classes (.filter-bar, .search-box, .data-table-wrap/.data-table,
   .status-badge, .pagination, .btn) defined in wwwroot/css/components.css -
   no page-specific overrides are needed here any more. File kept (rather
   than deleted) since Blazor discovers .razor.css files by naming
   convention next to their component. */
/* /Components/Shared/ConfirmButton.razor.rz.scp.css */
/* v0.17.0: .confirm-panel(*) moved to wwwroot/css/components.css (global) -
   found during release visual acceptance that a second page hand-rolls this
   exact panel outside <ConfirmButton> itself and needs the same styling.
   File kept (rather than deleted) since Blazor discovers .razor.css files
   by naming convention next to their component. */
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header__breadcrumb[b-5zg5jh1d6k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2xs);
    margin-bottom: var(--space-sm);
    font-size: 0.85rem;
    color: var(--color-text-muted);
}

.page-header__breadcrumb a[b-5zg5jh1d6k] {
    color: var(--color-text-muted);
    text-decoration: none;
}

.page-header__breadcrumb a:hover[b-5zg5jh1d6k] {
    color: var(--color-primary-text);
    text-decoration: underline;
}

.page-header__breadcrumb [aria-current="page"][b-5zg5jh1d6k] {
    color: var(--color-text-primary);
    font-weight: 600;
}

.page-header__breadcrumb-separator[b-5zg5jh1d6k] {
    color: var(--color-border-strong);
}

.page-header[b-5zg5jh1d6k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}

/* v0.33 Stage C (C1): a title or subtitle with a long unbroken value (an e-mail address as a user's title) wraps instead of widening the page. */
.page-header__titles[b-5zg5jh1d6k] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

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

.page-header__back[b-5zg5jh1d6k] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3xs);
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-primary-text);
    text-decoration: none;
}

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

.page-header__subtitle[b-5zg5jh1d6k] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.9rem;
}

.page-header__actions[b-5zg5jh1d6k] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    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;
    /* v0.33 Stage C (C3): readable (was #a3aecb, 2.2:1) - tokens instead of literal colours. */
    color: var(--color-text-muted);
}

.role-picker__description[b-1q3rhhjmhg] {
    margin: 0.35rem 0 0 1.6rem;
    font-size: 0.85rem;
    color: var(--color-text-muted);
}

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