/* /Components/Layout/MainLayout.razor.rz.scp.css */
.wk-app-shell[b-nql3fg4j0l] {
    display: flex;
    min-height: 100vh;
    background-color: var(--wk-light-gray);
}


/* ---------------------------------------------------------
   SIDEBAR
   --------------------------------------------------------- */

.wk-sidebar[b-nql3fg4j0l] {
    width: var(--wk-sidebar-width);
    min-width: var(--wk-sidebar-width);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: var(--wk-sidebar);
    color: var(--wk-white);
    z-index: 2000;
    transition: transform 0.22s ease;
}

.wk-sidebar-brand[b-nql3fg4j0l] {
    height: var(--wk-header-height);
    display: flex;
    align-items: center;
    padding: 0 22px;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.wk-brand-mark[b-nql3fg4j0l] {
    width: 5px;
    height: 34px;
    flex-shrink: 0;
    background-color: var(--wk-red);
    border-radius: 2px;
}

.wk-brand-text[b-nql3fg4j0l] {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.wk-brand-name[b-nql3fg4j0l] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

.wk-brand-subtitle[b-nql3fg4j0l] {
    margin-top: 3px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.65);
}

.wk-sidebar-navigation[b-nql3fg4j0l] {
    flex: 1;
    overflow-y: auto;
}

.wk-sidebar-footer[b-nql3fg4j0l] {
    padding: 16px 20px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.45);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}


/* ---------------------------------------------------------
   MOBILE CLOSE BUTTON
   --------------------------------------------------------- */

.wk-mobile-close[b-nql3fg4j0l] {
    display: none;
    margin-left: auto;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--wk-white);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

    .wk-mobile-close:hover[b-nql3fg4j0l] {
        background-color: rgba(255, 255, 255, 0.08);
    }


/* ---------------------------------------------------------
   MAIN AREA
   --------------------------------------------------------- */

.wk-main[b-nql3fg4j0l] {
    display: flex;
    flex-direction: column;
    width: calc(100% - var(--wk-sidebar-width));
    min-height: 100vh;
    margin-left: var(--wk-sidebar-width);
}


/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.wk-header[b-nql3fg4j0l] {
    height: var(--wk-header-height);
    min-height: var(--wk-header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
    background-color: var(--wk-white);
}

.wk-header-left[b-nql3fg4j0l] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.wk-header-title[b-nql3fg4j0l] {
    font-size: 20px;
    font-weight: 600;
    color: var(--wk-dark);
}

.wk-header-user[b-nql3fg4j0l] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wk-user-avatar[b-nql3fg4j0l] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--wk-red);
    color: var(--wk-white);
    font-size: 13px;
    font-weight: 700;
}

.wk-user-info[b-nql3fg4j0l] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.wk-user-name[b-nql3fg4j0l] {
    font-size: 14px;
    font-weight: 600;
    color: var(--wk-dark);
}

.wk-user-role[b-nql3fg4j0l] {
    margin-top: 2px;
    font-size: 12px;
    color: var(--wk-text-gray);
}

.wk-login-link[b-nql3fg4j0l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid var(--wk-red);
    border-radius: 6px;
    color: var(--wk-red);
    background-color: var(--wk-white);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .wk-login-link:hover[b-nql3fg4j0l] {
        background-color: var(--wk-red);
        color: var(--wk-white);
        text-decoration: none;
    }

.wk-header-line[b-nql3fg4j0l] {
    height: 3px;
    min-height: 3px;
    background-color: var(--wk-red);
}


/* ---------------------------------------------------------
   MOBILE MENU BUTTON
   --------------------------------------------------------- */

.wk-mobile-menu-button[b-nql3fg4j0l] {
    display: none;
    width: 40px;
    height: 40px;
    padding: 9px;
    border: 0;
    border-radius: 6px;
    background-color: transparent;
    cursor: pointer;
}

    .wk-mobile-menu-button span[b-nql3fg4j0l] {
        display: block;
        width: 22px;
        height: 2px;
        margin: 4px 0;
        background-color: var(--wk-dark);
        border-radius: 2px;
    }

    .wk-mobile-menu-button:hover[b-nql3fg4j0l] {
        background-color: var(--wk-hover);
    }


/* ---------------------------------------------------------
   CONTENT
   --------------------------------------------------------- */

.wk-content[b-nql3fg4j0l] {
    flex: 1;
    padding: 32px;
    background-color: var(--wk-light-gray);
}


/* ---------------------------------------------------------
   MOBILE OVERLAY
   --------------------------------------------------------- */

.wk-mobile-overlay[b-nql3fg4j0l] {
    display: none;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    :root[b-nql3fg4j0l] {
        --wk-sidebar-width: 220px;
    }

    .wk-header[b-nql3fg4j0l] {
        padding: 0 24px;
    }

    .wk-content[b-nql3fg4j0l] {
        padding: 24px;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 768px) {

    .wk-sidebar[b-nql3fg4j0l] {
        width: min(300px, 84vw);
        min-width: 0;
        transform: translateX(-100%);
        box-shadow: 8px 0 30px rgba(0, 0, 0, 0.20);
    }

    .wk-sidebar-open[b-nql3fg4j0l] {
        transform: translateX(0);
    }

    .wk-sidebar-brand[b-nql3fg4j0l] {
        height: 64px;
        padding: 0 16px;
    }

    .wk-brand-name[b-nql3fg4j0l] {
        font-size: 16px;
    }

    .wk-brand-subtitle[b-nql3fg4j0l] {
        font-size: 10px;
    }

    .wk-mobile-close[b-nql3fg4j0l] {
        display: flex;
    }

    .wk-mobile-overlay[b-nql3fg4j0l] {
        display: block;
        position: fixed;
        inset: 0;
        padding: 0;
        border: 0;
        background-color: rgba(0, 0, 0, 0.42);
        z-index: 1500;
        cursor: pointer;
    }

    .wk-main[b-nql3fg4j0l] {
        width: 100%;
        margin-left: 0;
    }

    .wk-header[b-nql3fg4j0l] {
        height: 64px;
        min-height: 64px;
        padding: 0 16px;
    }

    .wk-mobile-menu-button[b-nql3fg4j0l] {
        display: block;
    }

    .wk-header-title[b-nql3fg4j0l] {
        font-size: 17px;
    }

    .wk-user-info[b-nql3fg4j0l] {
        display: none;
    }

    .wk-user-avatar[b-nql3fg4j0l] {
        width: 36px;
        height: 36px;
    }

    .wk-content[b-nql3fg4j0l] {
        padding: 16px;
    }
}


/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 420px) {

    .wk-header[b-nql3fg4j0l] {
        padding: 0 12px;
    }

    .wk-header-left[b-nql3fg4j0l] {
        gap: 8px;
    }

    .wk-header-title[b-nql3fg4j0l] {
        font-size: 16px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.wk-nav[b-5a6a27png0] {
    padding: 18px 12px;
}

.wk-nav-section[b-5a6a27png0] {
    margin-bottom: 26px;
}

.wk-nav-section-title[b-5a6a27png0] {
    padding: 0 10px 8px 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.2px;
    color: rgba(255, 255, 255, 0.38);
}

/* NavLink ist eine Blazor-Komponente.
   ::deep wird benötigt, damit das erzeugte <a>-Element
   innerhalb der isolierten CSS-Datei erreicht wird. */

.wk-nav[b-5a6a27png0]  .wk-nav-item {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0 12px;
    margin-bottom: 4px;
    gap: 12px;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.78);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .wk-nav[b-5a6a27png0]  .wk-nav-item:hover {
        background-color: rgba(255, 255, 255, 0.08);
        color: var(--wk-white);
        text-decoration: none;
    }

    .wk-nav[b-5a6a27png0]  .wk-nav-item.active {
        background-color: var(--wk-red);
        color: var(--wk-white);
        text-decoration: none;
    }

.wk-nav-icon[b-5a6a27png0] {
    width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
    line-height: 1;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ympc5uwiop],
.components-reconnect-repeated-attempt-visible[b-ympc5uwiop],
.components-reconnect-failed-visible[b-ympc5uwiop],
.components-pause-visible[b-ympc5uwiop],
.components-resume-failed-visible[b-ympc5uwiop],
.components-rejoining-animation[b-ympc5uwiop] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-ympc5uwiop {
    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/Access.razor.rz.scp.css */
.access-page[b-tmrjdcdcc7] {
    min-height: calc(100vh - 4rem);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4rem 1.25rem;
}

.access-card[b-tmrjdcdcc7] {
    width: 100%;
    max-width: 620px;
    padding: 2rem;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    background: #FFFFFF;
    text-align: center;
}

.access-icon[b-tmrjdcdcc7] {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem;
    border-radius: 50%;
    background: #F5F5F5;
    color: #666666;
    font-size: 1.7rem;
    font-weight: 700;
}

    .access-icon.pending[b-tmrjdcdcc7] {
        background: #FFF7E7;
        color: #E5A623;
    }

    .access-icon.active[b-tmrjdcdcc7] {
        background: #E7F3EC;
        color: #3A8F5C;
    }

    .access-icon.rejected[b-tmrjdcdcc7],
    .access-icon.error[b-tmrjdcdcc7] {
        background: #FCF0F1;
        color: #A61B24;
    }

.access-card h1[b-tmrjdcdcc7] {
    margin: 0;
    color: #111111;
    font-size: 1.65rem;
    font-weight: 700;
}

.access-lead[b-tmrjdcdcc7] {
    margin: 0.5rem 0 1.5rem;
    color: #666666;
    line-height: 1.5;
}

.access-message[b-tmrjdcdcc7] {
    margin: 1.25rem 0;
    padding: 1rem;
    border: 1px solid #E1E1E1;
    border-radius: 8px;
    background: #F8F8F8;
    color: #444444;
    line-height: 1.5;
    text-align: left;
}

    .access-message.error[b-tmrjdcdcc7] {
        border-color: #E4B8BB;
        background: #FCF0F1;
        color: #A61B24;
    }

.identity-box[b-tmrjdcdcc7] {
    display: grid;
    gap: 0.75rem;
    margin: 1.25rem 0;
    padding: 1rem;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    text-align: left;
}

    .identity-box > div[b-tmrjdcdcc7] {
        display: grid;
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 1rem;
    }

.identity-label[b-tmrjdcdcc7] {
    color: #666666;
    font-size: 0.8rem;
    font-weight: 600;
}

.identity-value[b-tmrjdcdcc7] {
    min-width: 0;
    color: #111111;
    word-break: break-word;
}

.access-help[b-tmrjdcdcc7] {
    margin-top: 1.5rem;
    color: #666666;
    font-size: 0.9rem;
}

.btn-primary[b-tmrjdcdcc7] {
    min-height: 42px;
    padding: 0.65rem 1rem;
    border: 1px solid #E20C1A;
    border-radius: 6px;
    background: #E20C1A;
    color: #FFFFFF;
    font-weight: 600;
    cursor: pointer;
}

    .btn-primary:disabled[b-tmrjdcdcc7] {
        opacity: 0.55;
        cursor: not-allowed;
    }


@media (max-width: 600px) {

    .access-page[b-tmrjdcdcc7] {
        padding: 1.5rem 1rem;
    }

    .access-card[b-tmrjdcdcc7] {
        padding: 1.4rem;
    }

    .identity-box > div[b-tmrjdcdcc7] {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }
}
/* /Components/Pages/Admin.razor.rz.scp.css */
.admin-page[b-9ykrzd46jb] {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem;
}

.admin-header[b-9ykrzd46jb] {
    margin-bottom: 1.75rem;
}

.admin-eyebrow[b-9ykrzd46jb] {
    margin-bottom: 0.25rem;
    color: #666666;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.admin-header h1[b-9ykrzd46jb] {
    margin: 0;
    color: #111111;
    font-size: 1.85rem;
    font-weight: 700;
}

.admin-header p[b-9ykrzd46jb] {
    margin: 0.4rem 0 0;
    color: #666666;
}

.admin-grid[b-9ykrzd46jb] {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(320px, 1fr) );
    gap: 1rem;
}

.admin-card[b-9ykrzd46jb] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 150px;
    padding: 1.25rem;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background: #FFFFFF;
    color: inherit;
    text-decoration: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

a.admin-card:hover[b-9ykrzd46jb] {
    border-color: #E20C1A;
    box-shadow: 0 0 0 1px #E20C1A;
    transform: translateY(-1px);
    color: inherit;
}

.admin-card-icon[b-9ykrzd46jb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #111111;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 700;
}

.admin-card-content[b-9ykrzd46jb] {
    min-width: 0;
}

    .admin-card-content h2[b-9ykrzd46jb] {
        margin: 0;
        color: #111111;
        font-size: 1.1rem;
        font-weight: 700;
    }

    .admin-card-content p[b-9ykrzd46jb] {
        margin: 0.4rem 0 0;
        color: #666666;
        font-size: 0.88rem;
        line-height: 1.45;
    }

.admin-card-meta[b-9ykrzd46jb] {
    margin-top: 0.75rem;
    color: #666666;
    font-size: 0.76rem;
    font-weight: 600;
}

.admin-card-arrow[b-9ykrzd46jb] {
    color: #E20C1A;
    font-size: 1.8rem;
    font-weight: 300;
}

.admin-card-disabled[b-9ykrzd46jb] {
    background: #FAFAFA;
    opacity: 0.65;
}

    .admin-card-disabled .admin-card-icon[b-9ykrzd46jb] {
        background: #666666;
    }


@media (max-width: 600px) {

    .admin-page[b-9ykrzd46jb] {
        padding: 1rem;
    }

    .admin-grid[b-9ykrzd46jb] {
        grid-template-columns: 1fr;
    }

    .admin-card[b-9ykrzd46jb] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-card-arrow[b-9ykrzd46jb] {
        display: none;
    }
}
/* /Components/Pages/Administration/AdminUsers.razor.rz.scp.css */
.admin-users-page[b-1c4k9vvgq9] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 1.5rem;
}

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

.page-eyebrow[b-1c4k9vvgq9] {
    margin-bottom: 0.25rem;
    color: #666666;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.page-header h1[b-1c4k9vvgq9],
.section-title-row h2[b-1c4k9vvgq9] {
    margin: 0;
    color: #111111;
}

.page-header h1[b-1c4k9vvgq9] {
    font-size: 1.8rem;
    font-weight: 700;
}

.page-header p[b-1c4k9vvgq9],
.section-title-row p[b-1c4k9vvgq9] {
    margin: 0.35rem 0 0;
    color: #666666;
}

.section-title-row[b-1c4k9vvgq9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .section-title-row h2[b-1c4k9vvgq9] {
        font-size: 1.15rem;
    }

    .section-title-row p[b-1c4k9vvgq9] {
        font-size: 0.86rem;
    }

.count-badge[b-1c4k9vvgq9] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    background: #F5F5F5;
    color: #666666;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

    .count-badge.attention[b-1c4k9vvgq9] {
        background: #FFF5DD;
        color: #8A6300;
    }

.registration-section[b-1c4k9vvgq9] {
    margin-bottom: 2rem;
    padding: 1.25rem;
    border: 1px solid #E5A623;
    border-radius: 10px;
    background: #FFFCF4;
}

.registration-grid[b-1c4k9vvgq9] {
    display: grid;
    grid-template-columns: minmax(280px, 390px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.registration-list[b-1c4k9vvgq9] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.registration-card[b-1c4k9vvgq9] {
    width: 100%;
    padding: 0.9rem;
    border: 1px solid #E4D5AF;
    border-radius: 8px;
    background: #FFFFFF;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

    .registration-card:hover[b-1c4k9vvgq9] {
        border-color: #E5A623;
    }

    .registration-card.selected[b-1c4k9vvgq9] {
        border-color: #E5A623;
        box-shadow: 0 0 0 1px #E5A623;
    }

.registration-card-main[b-1c4k9vvgq9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.registration-name[b-1c4k9vvgq9] {
    color: #111111;
    font-weight: 700;
}

.registration-email[b-1c4k9vvgq9] {
    margin-top: 0.15rem;
    color: #666666;
    font-size: 0.83rem;
    word-break: break-word;
}

.registration-card-meta[b-1c4k9vvgq9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.65rem;
    color: #777777;
    font-size: 0.74rem;
}

.registration-detail[b-1c4k9vvgq9] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    background: #FFFFFF;
}

.registration-detail-header[b-1c4k9vvgq9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .registration-detail-header h3[b-1c4k9vvgq9] {
        margin: 0;
        color: #111111;
        font-size: 1.05rem;
    }

.registration-form[b-1c4k9vvgq9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.platform-access-box[b-1c4k9vvgq9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem;
    border: 1px solid #BBDCC9;
    border-radius: 7px;
    background: #EFF8F3;
}

    .platform-access-box > div[b-1c4k9vvgq9] {
        display: flex;
        flex-direction: column;
    }

    .platform-access-box strong[b-1c4k9vvgq9] {
        color: #111111;
    }

    .platform-access-box span:not(.status-badge)[b-1c4k9vvgq9] {
        margin-top: 0.1rem;
        color: #666666;
        font-size: 0.78rem;
    }

.permission-selection[b-1c4k9vvgq9] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.permission-selection-header[b-1c4k9vvgq9] {
    color: #444444;
    font-size: 0.85rem;
    font-weight: 700;
}

.permission-app-card[b-1c4k9vvgq9],
.application-permission-card[b-1c4k9vvgq9] {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    background: #FFFFFF;
}

.permission-app-card[b-1c4k9vvgq9] {
    padding: 0.85rem;
}

    .permission-app-card.administration[b-1c4k9vvgq9],
    .application-permission-card.administration[b-1c4k9vvgq9] {
        background: #FAFAFA;
    }

.permission-app-header[b-1c4k9vvgq9] {
    margin-bottom: 0.6rem;
}

    .permission-app-header > div[b-1c4k9vvgq9] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }

    .permission-app-header strong[b-1c4k9vvgq9] {
        color: #111111;
    }

    .permission-app-header span[b-1c4k9vvgq9] {
        color: #777777;
        font-size: 0.7rem;
        font-weight: 700;
    }

.permission-check[b-1c4k9vvgq9] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.45rem 0;
    cursor: pointer;
}

    .permission-check input[b-1c4k9vvgq9] {
        width: 18px;
        height: 18px;
        margin-top: 0.1rem;
        flex: 0 0 auto;
    }

    .permission-check span[b-1c4k9vvgq9] {
        display: flex;
        flex-direction: column;
        color: #111111;
    }

    .permission-check small[b-1c4k9vvgq9] {
        margin-top: 0.1rem;
        color: #666666;
        line-height: 1.35;
    }

.permission-subgroup[b-1c4k9vvgq9] {
    margin-top: 0.55rem;
    margin-left: 1.7rem;
    padding-top: 0.55rem;
    border-top: 1px solid #EEEEEE;
}

.permission-subgroup-title[b-1c4k9vvgq9] {
    margin-bottom: 0.15rem;
    color: #777777;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.registration-action-row[b-1c4k9vvgq9],
.registration-reject-action[b-1c4k9vvgq9] {
    display: flex;
    justify-content: flex-end;
}

.registration-reject-box[b-1c4k9vvgq9] {
    padding-top: 1rem;
    border-top: 1px solid #EEEEEE;
}

    .registration-reject-box > label[b-1c4k9vvgq9] {
        display: block;
        margin-bottom: 0.35rem;
        color: #444444;
        font-size: 0.82rem;
        font-weight: 600;
    }

    .registration-reject-box textarea[b-1c4k9vvgq9] {
        width: 100%;
        padding: 0.6rem 0.75rem;
        border: 1px solid #D9D9D9;
        border-radius: 6px;
        background: #FFFFFF;
        color: #111111;
        resize: vertical;
    }

.registration-reject-action[b-1c4k9vvgq9] {
    margin-top: 0.6rem;
}

.users-section[b-1c4k9vvgq9] {
    min-width: 0;
}

.toolbar[b-1c4k9vvgq9] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.search-box[b-1c4k9vvgq9] {
    width: min(420px, 100%);
}

    .search-box label[b-1c4k9vvgq9],
    .form-field label[b-1c4k9vvgq9] {
        display: block;
        margin-bottom: 0.35rem;
        color: #444444;
        font-size: 0.85rem;
        font-weight: 600;
    }

    .search-box input[b-1c4k9vvgq9],
    .form-field input[b-1c4k9vvgq9] {
        width: 100%;
        min-height: 42px;
        padding: 0.6rem 0.75rem;
        border: 1px solid #D9D9D9;
        border-radius: 6px;
        background: #FFFFFF;
        color: #111111;
    }

        .search-box input:focus[b-1c4k9vvgq9],
        .form-field input:focus[b-1c4k9vvgq9],
        .registration-reject-box textarea:focus[b-1c4k9vvgq9] {
            outline: none;
            border-color: #666666;
        }

.field-hint[b-1c4k9vvgq9] {
    margin-top: 0.3rem;
    color: #777777;
    font-size: 0.74rem;
    line-height: 1.35;
}

.user-count[b-1c4k9vvgq9] {
    color: #666666;
    font-size: 0.9rem;
}

.content-grid[b-1c4k9vvgq9] {
    display: grid;
    grid-template-columns: minmax(300px, 390px) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.user-list-panel[b-1c4k9vvgq9],
.detail-panel[b-1c4k9vvgq9] {
    min-width: 0;
}

.user-list-panel[b-1c4k9vvgq9] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.user-card[b-1c4k9vvgq9] {
    width: 100%;
    padding: 1rem;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background: #FFFFFF;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .user-card:hover[b-1c4k9vvgq9] {
        border-color: #999999;
    }

    .user-card.selected[b-1c4k9vvgq9] {
        border-color: #E20C1A;
        box-shadow: 0 0 0 1px #E20C1A;
    }

.user-card-header[b-1c4k9vvgq9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.user-name[b-1c4k9vvgq9] {
    color: #111111;
    font-weight: 700;
}

.user-email[b-1c4k9vvgq9] {
    margin-top: 0.15rem;
    color: #666666;
    font-size: 0.86rem;
    word-break: break-word;
}

.user-card-meta[b-1c4k9vvgq9] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.7rem;
    color: #666666;
    font-size: 0.8rem;
}

.role-summary[b-1c4k9vvgq9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.75rem;
}

.role-chip[b-1c4k9vvgq9] {
    display: inline-flex;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: #F5F5F5;
    color: #444444;
    font-size: 0.72rem;
    font-weight: 600;
}

    .role-chip.admin[b-1c4k9vvgq9] {
        background: #111111;
        color: #FFFFFF;
    }

    .role-chip.leader[b-1c4k9vvgq9] {
        background: #EEEEEE;
        color: #111111;
    }

    .role-chip.muted[b-1c4k9vvgq9] {
        background: #FAFAFA;
        color: #888888;
        border: 1px solid #E7E7E7;
    }

.status-badge[b-1c4k9vvgq9] {
    display: inline-flex;
    align-items: center;
    height: fit-content;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

    .status-badge.active[b-1c4k9vvgq9] {
        background: #E7F3EC;
        color: #3A8F5C;
    }

    .status-badge.inactive[b-1c4k9vvgq9] {
        background: #F5F5F5;
        color: #666666;
    }

    .status-badge.pending[b-1c4k9vvgq9] {
        background: #FFF5DD;
        color: #8A6300;
    }

.detail-panel[b-1c4k9vvgq9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.detail-header[b-1c4k9vvgq9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.25rem 0;
}

    .detail-header h2[b-1c4k9vvgq9] {
        margin: 0;
        font-size: 1.4rem;
        color: #111111;
    }

.detail-subtitle[b-1c4k9vvgq9] {
    margin-top: 0.2rem;
    color: #666666;
    font-size: 0.85rem;
}

.section-card[b-1c4k9vvgq9] {
    padding: 1.25rem;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background: #FFFFFF;
}

    .section-card.technical[b-1c4k9vvgq9] {
        background: #FAFAFA;
    }

.section-header[b-1c4k9vvgq9] {
    margin-bottom: 1rem;
}

    .section-header h3[b-1c4k9vvgq9] {
        margin: 0;
        color: #111111;
        font-size: 1.05rem;
    }

    .section-header p[b-1c4k9vvgq9] {
        margin: 0.25rem 0 0;
        color: #666666;
        font-size: 0.85rem;
    }

.form-grid[b-1c4k9vvgq9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-field.full-width[b-1c4k9vvgq9] {
    grid-column: 1 / -1;
}

.checkbox-field[b-1c4k9vvgq9] {
    display: flex;
    align-items: flex-end;
    padding-bottom: 0.5rem;
}

.checkbox-label[b-1c4k9vvgq9] {
    display: flex !important;
    align-items: center;
    gap: 0.55rem;
    margin: 0 !important;
    cursor: pointer;
}

    .checkbox-label input[b-1c4k9vvgq9] {
        width: 18px;
        min-height: auto;
        height: 18px;
    }

.inline-warning[b-1c4k9vvgq9] {
    margin-top: 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #E5A623;
    border-radius: 6px;
    background: #FFF8E8;
    color: #725300;
    font-size: 0.82rem;
    line-height: 1.45;
}

.readonly-grid[b-1c4k9vvgq9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid #EEEEEE;
}

    .readonly-grid > div[b-1c4k9vvgq9] {
        min-width: 0;
    }

.readonly-label[b-1c4k9vvgq9] {
    display: block;
    margin-bottom: 0.2rem;
    color: #666666;
    font-size: 0.75rem;
    font-weight: 600;
}

.readonly-value[b-1c4k9vvgq9] {
    display: block;
    color: #111111;
    font-size: 0.85rem;
    word-break: break-word;
}

.mono[b-1c4k9vvgq9] {
    font-family: Consolas, monospace;
    font-size: 0.78rem;
}

.button-row[b-1c4k9vvgq9] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.25rem;
}

.btn-primary[b-1c4k9vvgq9],
.btn-danger-outline[b-1c4k9vvgq9],
.btn-permission-add[b-1c4k9vvgq9],
.btn-permission-remove[b-1c4k9vvgq9] {
    min-height: 40px;
    padding: 0.55rem 0.9rem;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary[b-1c4k9vvgq9] {
    border: 1px solid #E20C1A;
    background: #E20C1A;
    color: #FFFFFF;
}

.btn-danger-outline[b-1c4k9vvgq9] {
    border: 1px solid #A61B24;
    background: #FFFFFF;
    color: #A61B24;
}

.btn-permission-add[b-1c4k9vvgq9] {
    min-width: 94px;
    border: 1px solid #111111;
    background: #111111;
    color: #FFFFFF;
}

.btn-permission-remove[b-1c4k9vvgq9] {
    min-width: 94px;
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    color: #666666;
}

    .btn-primary:disabled[b-1c4k9vvgq9],
    .btn-danger-outline:disabled[b-1c4k9vvgq9],
    .btn-permission-add:disabled[b-1c4k9vvgq9],
    .btn-permission-remove:disabled[b-1c4k9vvgq9] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.application-permission-list[b-1c4k9vvgq9] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.application-permission-card[b-1c4k9vvgq9] {
    overflow: hidden;
}

.application-header[b-1c4k9vvgq9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid #EEEEEE;
}

.application-title[b-1c4k9vvgq9] {
    color: #111111;
    font-weight: 700;
}

.application-description[b-1c4k9vvgq9] {
    margin-top: 0.2rem;
    color: #666666;
    font-size: 0.8rem;
    line-height: 1.4;
}

.permission-row[b-1c4k9vvgq9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #F0F0F0;
}

    .permission-row:last-child[b-1c4k9vvgq9] {
        border-bottom: none;
    }

    .permission-row > div[b-1c4k9vvgq9] {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .permission-row strong[b-1c4k9vvgq9] {
        color: #111111;
        font-size: 0.88rem;
    }

    .permission-row span[b-1c4k9vvgq9] {
        margin-top: 0.15rem;
        color: #666666;
        font-size: 0.76rem;
        line-height: 1.35;
    }

.technical-role-details[b-1c4k9vvgq9] {
    margin-top: 1rem;
    padding-top: 0.8rem;
    border-top: 1px solid #EEEEEE;
}

    .technical-role-details summary[b-1c4k9vvgq9] {
        color: #666666;
        font-size: 0.78rem;
        cursor: pointer;
    }

.technical-role-list[b-1c4k9vvgq9] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 0.7rem;
}

.technical-role-row[b-1c4k9vvgq9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.65rem;
    border-radius: 5px;
    background: #F7F7F7;
    color: #666666;
    font-family: Consolas, monospace;
    font-size: 0.72rem;
}

.message[b-1c4k9vvgq9] {
    margin-bottom: 1rem;
    padding: 0.8rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.message-success[b-1c4k9vvgq9] {
    border: 1px solid #BBDCC9;
    background: #EFF8F3;
    color: #276743;
}

.message-error[b-1c4k9vvgq9] {
    border: 1px solid #E4B8BB;
    background: #FCF0F1;
    color: #A61B24;
}

.loading-box[b-1c4k9vvgq9],
.empty-state[b-1c4k9vvgq9],
.empty-detail[b-1c4k9vvgq9] {
    padding: 1.5rem;
    border: 1px dashed #D9D9D9;
    border-radius: 8px;
    background: #FAFAFA;
    color: #666666;
}

    .loading-box.small[b-1c4k9vvgq9],
    .empty-state.compact[b-1c4k9vvgq9] {
        padding: 1rem;
    }

.compact-detail[b-1c4k9vvgq9] {
    padding: 1rem;
}

.empty-detail h2[b-1c4k9vvgq9],
.empty-detail h3[b-1c4k9vvgq9] {
    margin-top: 0;
    color: #111111;
}

.empty-detail p[b-1c4k9vvgq9] {
    margin-bottom: 0;
}

.application-permission-card[b-1c4k9vvgq9]  .btn-permission-add,
.application-permission-card[b-1c4k9vvgq9]  .btn-permission-remove {
    min-width: 100px;
    min-height: 40px;
    padding: 0.55rem 0.9rem;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
}

.application-permission-card[b-1c4k9vvgq9]  .btn-permission-add {
    border: 1px solid #111111;
    background: #111111;
    color: #FFFFFF;
}

.application-permission-card[b-1c4k9vvgq9]  .btn-permission-remove {
    border: 1px solid #D9D9D9;
    background: #FFFFFF;
    color: #666666;
}

    .application-permission-card[b-1c4k9vvgq9]  .btn-permission-add:disabled,
    .application-permission-card[b-1c4k9vvgq9]  .btn-permission-remove:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

@media (max-width: 1000px) {
    .registration-grid[b-1c4k9vvgq9],
    .content-grid[b-1c4k9vvgq9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .admin-users-page[b-1c4k9vvgq9] {
        padding: 1rem;
    }

    .user-list-panel[b-1c4k9vvgq9] {
        max-height: none;
    }
}

@media (max-width: 600px) {
    .toolbar[b-1c4k9vvgq9],
    .section-title-row[b-1c4k9vvgq9],
    .registration-detail-header[b-1c4k9vvgq9],
    .application-header[b-1c4k9vvgq9],
    .permission-row[b-1c4k9vvgq9],
    .platform-access-box[b-1c4k9vvgq9] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-box[b-1c4k9vvgq9] {
        width: 100%;
    }

    .form-grid[b-1c4k9vvgq9],
    .readonly-grid[b-1c4k9vvgq9] {
        grid-template-columns: 1fr;
    }

    .permission-row .btn-permission-add[b-1c4k9vvgq9],
    .permission-row .btn-permission-remove[b-1c4k9vvgq9],
    .registration-action-row .btn-primary[b-1c4k9vvgq9],
    .registration-reject-action .btn-danger-outline[b-1c4k9vvgq9] {
        width: 100%;
    }

    .registration-action-row[b-1c4k9vvgq9],
    .registration-reject-action[b-1c4k9vvgq9] {
        justify-content: stretch;
    }
}
/* /Components/Pages/AuthDebug.razor.rz.scp.css */
.wk-auth-debug[b-z05y646g6h] {
    width: 100%;
    max-width: 900px;
}

    .wk-auth-debug h1[b-z05y646g6h] {
        margin: 0;
        font-size: 28px;
        font-weight: 650;
        color: var(--wk-dark);
    }

.wk-eyebrow[b-z05y646g6h] {
    margin-bottom: 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.6px;
    color: var(--wk-red);
}

.wk-intro[b-z05y646g6h] {
    margin: 10px 0 28px 0;
    color: var(--wk-text-gray);
    line-height: 1.6;
}

.wk-auth-card[b-z05y646g6h] {
    overflow: hidden;
    background-color: var(--wk-white);
    border: 1px solid var(--wk-border);
    border-radius: var(--wk-radius);
    box-shadow: var(--wk-shadow);
}

.wk-auth-row[b-z05y646g6h] {
    display: grid;
    grid-template-columns: 210px 1fr;
    gap: 24px;
    padding: 18px 22px;
    border-bottom: 1px solid var(--wk-border);
}

    .wk-auth-row:last-child[b-z05y646g6h] {
        border-bottom: 0;
    }

.wk-auth-label[b-z05y646g6h] {
    font-size: 13px;
    font-weight: 600;
    color: var(--wk-text-gray);
}

.wk-auth-value[b-z05y646g6h] {
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--wk-dark);
    overflow-wrap: anywhere;
}

.wk-auth-technical[b-z05y646g6h] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 13px;
}

.wk-auth-warning[b-z05y646g6h] {
    padding: 20px;
    background-color: var(--wk-white);
    border: 1px solid var(--wk-border);
    border-radius: var(--wk-radius);
}


@media (max-width: 600px) {

    .wk-auth-row[b-z05y646g6h] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .wk-auth-debug h1[b-z05y646g6h] {
        font-size: 24px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.wk-dashboard[b-2lvgobulig] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}


/* ---------------------------------------------------------
   WELCOME
   --------------------------------------------------------- */

.wk-welcome[b-2lvgobulig] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.wk-eyebrow[b-2lvgobulig] {
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: var(--wk-red);
}

.wk-welcome h1[b-2lvgobulig] {
    margin: 0;
    font-size: 32px;
    font-weight: 650;
    line-height: 1.2;
    color: var(--wk-dark);
}

.wk-welcome-text[b-2lvgobulig] {
    max-width: 680px;
    margin: 10px 0 0 0;
    font-size: 15px;
    line-height: 1.6;
    color: var(--wk-text-gray);
}


/* ---------------------------------------------------------
   SECTION
   --------------------------------------------------------- */

.wk-dashboard-section[b-2lvgobulig] {
    width: 100%;
}

.wk-section-header[b-2lvgobulig] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 18px;
}

    .wk-section-header h2[b-2lvgobulig] {
        margin: 0;
        font-size: 20px;
        font-weight: 650;
        color: var(--wk-dark);
    }

    .wk-section-header p[b-2lvgobulig] {
        margin: 5px 0 0 0;
        font-size: 14px;
        color: var(--wk-text-gray);
    }


/* ---------------------------------------------------------
   MODULE GRID
   --------------------------------------------------------- */

.wk-module-grid[b-2lvgobulig] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}


/* ---------------------------------------------------------
   MODULE CARD
   --------------------------------------------------------- */

.wk-module-card[b-2lvgobulig] {
    min-height: 275px;
    display: flex;
    flex-direction: column;
    padding: 26px;
    background-color: var(--wk-white);
    border: 1px solid var(--wk-border);
    border-radius: var(--wk-radius);
    box-shadow: var(--wk-shadow);
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.wk-module-card-active[b-2lvgobulig] {
    cursor: pointer;
    color: inherit;
}

    .wk-module-card-active:hover[b-2lvgobulig] {
        transform: translateY(-2px);
        border-color: var(--wk-red);
        box-shadow: 0 5px 18px rgba(0, 0, 0, 0.10);
        text-decoration: none;
    }

    .wk-module-card-active:focus-visible[b-2lvgobulig] {
        outline: 3px solid rgba(226, 12, 26, 0.20);
        outline-offset: 2px;
    }


/* ---------------------------------------------------------
   CARD TOP
   --------------------------------------------------------- */

.wk-module-top[b-2lvgobulig] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.wk-module-icon[b-2lvgobulig] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 10px;
    background-color: var(--wk-red-light);
    color: var(--wk-red);
    font-size: 24px;
    font-weight: 700;
}

.wk-module-icon-secondary[b-2lvgobulig] {
    background-color: var(--wk-hover);
    color: var(--wk-text-gray);
    font-size: 15px;
}


/* ---------------------------------------------------------
   STATUS
   --------------------------------------------------------- */

.wk-status-badge[b-2lvgobulig] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 650;
}

.wk-status-active[b-2lvgobulig] {
    background-color: rgba(58, 143, 92, 0.12);
    color: var(--wk-green);
}

.wk-status-planned[b-2lvgobulig] {
    background-color: rgba(229, 166, 35, 0.14);
    color: #976B00;
}


/* ---------------------------------------------------------
   CARD CONTENT
   --------------------------------------------------------- */

.wk-module-content[b-2lvgobulig] {
    flex: 1;
    padding-top: 24px;
}

    .wk-module-content h3[b-2lvgobulig] {
        margin: 0;
        font-size: 21px;
        font-weight: 650;
        color: var(--wk-dark);
    }

    .wk-module-content p[b-2lvgobulig] {
        max-width: 520px;
        margin: 10px 0 0 0;
        font-size: 14px;
        line-height: 1.6;
        color: var(--wk-text-gray);
    }


/* ---------------------------------------------------------
   CARD FOOTER
   --------------------------------------------------------- */

.wk-module-footer[b-2lvgobulig] {
    display: flex;
    align-items: center;
    min-height: 28px;
    padding-top: 24px;
    margin-top: 22px;
    border-top: 1px solid var(--wk-border);
}

.wk-module-link[b-2lvgobulig] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 650;
    color: var(--wk-red);
}

.wk-arrow[b-2lvgobulig] {
    font-size: 18px;
    transition: transform 0.15s ease;
}

.wk-module-card-active:hover .wk-arrow[b-2lvgobulig] {
    transform: translateX(4px);
}

.wk-module-disabled[b-2lvgobulig] {
    font-size: 13px;
    font-weight: 500;
    color: var(--wk-text-gray);
}


/* ---------------------------------------------------------
   PREPARED MODULE
   --------------------------------------------------------- */

.wk-module-card-prepared[b-2lvgobulig] {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.72);
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1000px) {

    .wk-module-grid[b-2lvgobulig] {
        grid-template-columns: 1fr;
    }

    .wk-welcome[b-2lvgobulig] {
        margin-bottom: 32px;
    }

    .wk-module-card[b-2lvgobulig] {
        min-height: 245px;
    }
}


/* ---------------------------------------------------------
   SMARTPHONE
   --------------------------------------------------------- */

@media (max-width: 768px) {

    .wk-dashboard[b-2lvgobulig] {
        max-width: none;
    }

    .wk-welcome[b-2lvgobulig] {
        margin-bottom: 28px;
    }

    .wk-eyebrow[b-2lvgobulig] {
        margin-bottom: 6px;
        font-size: 10px;
    }

    .wk-welcome h1[b-2lvgobulig] {
        font-size: 26px;
    }

    .wk-welcome-text[b-2lvgobulig] {
        margin-top: 8px;
        font-size: 14px;
    }

    .wk-section-header[b-2lvgobulig] {
        margin-bottom: 14px;
    }

        .wk-section-header h2[b-2lvgobulig] {
            font-size: 18px;
        }

        .wk-section-header p[b-2lvgobulig] {
            font-size: 13px;
        }

    .wk-module-grid[b-2lvgobulig] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .wk-module-card[b-2lvgobulig] {
        min-height: 0;
        padding: 20px;
    }

    .wk-module-icon[b-2lvgobulig] {
        width: 44px;
        height: 44px;
        font-size: 21px;
    }

    .wk-module-icon-secondary[b-2lvgobulig] {
        font-size: 14px;
    }

    .wk-module-content[b-2lvgobulig] {
        padding-top: 20px;
    }

        .wk-module-content h3[b-2lvgobulig] {
            font-size: 19px;
        }

        .wk-module-content p[b-2lvgobulig] {
            font-size: 14px;
        }

    .wk-module-footer[b-2lvgobulig] {
        padding-top: 18px;
        margin-top: 18px;
    }
}


/* ---------------------------------------------------------
   SMALL SMARTPHONE
   --------------------------------------------------------- */

@media (max-width: 420px) {

    .wk-module-top[b-2lvgobulig] {
        gap: 12px;
    }

    .wk-status-badge[b-2lvgobulig] {
        padding: 4px 8px;
        font-size: 10px;
    }

    .wk-welcome h1[b-2lvgobulig] {
        font-size: 24px;
    }
    .wk-no-access[b-2lvgobulig] {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        padding: 1.25rem;
        border: 1px solid #D9D9D9;
        border-radius: 8px;
        background: #FFFFFF;
    }

    .wk-no-access-content[b-2lvgobulig] {
        min-width: 0;
    }

        .wk-no-access-content h3[b-2lvgobulig] {
            margin: 0;
            color: #111111;
            font-size: 1.05rem;
            font-weight: 700;
        }

        .wk-no-access-content p[b-2lvgobulig] {
            margin: 0.45rem 0 0;
            color: #666666;
            line-height: 1.5;
        }

    .wk-no-access-hint[b-2lvgobulig] {
        font-size: 0.85rem;
    }


    @media (max-width: 600px) {

        .wk-no-access[b-2lvgobulig] {
            padding: 1rem;
        }

    }

}
/* /Components/Pages/Pricing.razor.rz.scp.css */
.pricing-page[b-u6obbnebqm] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.pricing-page-header[b-u6obbnebqm] {
    margin-bottom: 22px;
}

    .pricing-page-header h1[b-u6obbnebqm] {
        margin: 0 0 6px 0;
        font-size: 2rem;
        font-weight: 600;
        color: #111111;
    }

    .pricing-page-header p[b-u6obbnebqm] {
        margin: 0;
        color: #666666;
        font-size: 0.95rem;
    }


/* =========================================================
   FILTER
   ========================================================= */

.pricing-filter-card[b-u6obbnebqm] {
    margin-bottom: 18px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
}

.pricing-filter-grid[b-u6obbnebqm] {
    display: grid;
    grid-template-columns: minmax(320px, 2fr) minmax(180px, 1fr) minmax(130px, 0.7fr) minmax(190px, 1fr);
    gap: 14px;
    align-items: end;
}

.pricing-filter-field[b-u6obbnebqm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .pricing-filter-field label[b-u6obbnebqm] {
        font-size: 0.72rem;
        font-weight: 700;
        color: #666666;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .pricing-filter-field input[b-u6obbnebqm],
    .pricing-filter-field select[b-u6obbnebqm] {
        width: 100%;
        height: 42px;
        box-sizing: border-box;
        padding: 0 12px;
        background: #ffffff;
        border: 1px solid #d9d9d9;
        border-radius: 7px;
        color: #111111;
        font: inherit;
    }

        .pricing-filter-field input:hover[b-u6obbnebqm],
        .pricing-filter-field select:hover[b-u6obbnebqm] {
            border-color: #aaaaaa;
        }

        .pricing-filter-field input:focus[b-u6obbnebqm],
        .pricing-filter-field select:focus[b-u6obbnebqm] {
            outline: none;
            border-color: #666666;
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.04);
        }

.pricing-filter-footer[b-u6obbnebqm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 15px;
    padding-top: 14px;
    border-top: 1px solid #eeeeee;
}

.pricing-result-count[b-u6obbnebqm] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    color: #666666;
    font-size: 0.88rem;
}

.pricing-result-number[b-u6obbnebqm] {
    color: #111111;
    font-size: 1rem;
    font-weight: 700;
}

.pricing-filter-reset[b-u6obbnebqm] {
    padding: 8px 13px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    color: #555555;
    font-weight: 600;
    cursor: pointer;
}

    .pricing-filter-reset:hover[b-u6obbnebqm] {
        background: #f5f5f5;
        color: #111111;
    }


/* =========================================================
   TABLE
   ========================================================= */

.pricing-table-card[b-u6obbnebqm] {
    width: 100%;
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
}

.pricing-table[b-u6obbnebqm] {
    width: 100%;
    border-collapse: collapse;
}

    .pricing-table th[b-u6obbnebqm] {
        padding: 12px 14px;
        background: #f5f5f5;
        border-bottom: 1px solid #d9d9d9;
        color: #666666;
        font-size: 0.76rem;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: 0.025em;
        white-space: nowrap;
    }

    .pricing-table td[b-u6obbnebqm] {
        padding: 13px 14px;
        border-bottom: 1px solid #eeeeee;
        vertical-align: top;
        color: #222222;
    }

    .pricing-table tbody tr:last-child td[b-u6obbnebqm] {
        border-bottom: 0;
    }

    .pricing-table tbody tr:hover[b-u6obbnebqm] {
        background: #fafafa;
    }


/* =========================================================
   COLUMNS
   ========================================================= */

.column-beleg[b-u6obbnebqm] {
    width: 100px;
}

.column-date[b-u6obbnebqm] {
    width: 115px;
}

.column-user[b-u6obbnebqm] {
    width: 210px;
}

.column-skt[b-u6obbnebqm] {
    width: 80px;
}

.column-status[b-u6obbnebqm] {
    width: 180px;
}

.column-action[b-u6obbnebqm] {
    min-width: 300px;
}

.pricing-beleg a[b-u6obbnebqm] {
    color: #111111;
    font-weight: 700;
    text-decoration: none;
}

    .pricing-beleg a:hover[b-u6obbnebqm] {
        color: #e20c1a;
        text-decoration: underline;
    }

.pricing-user[b-u6obbnebqm] {
    min-width: 180px;
}

.pricing-skt[b-u6obbnebqm] {
    font-weight: 700;
}

.pricing-muted[b-u6obbnebqm] {
    color: #999999;
}


/* =========================================================
   STATUS
   ========================================================= */

.pricing-status[b-u6obbnebqm] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    box-sizing: border-box;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.pricing-status-neutral[b-u6obbnebqm] {
    background: #eeeeee;
    color: #555555;
}

.pricing-status-requested[b-u6obbnebqm] {
    background: #fff3d6;
    color: #8a5a00;
}

.pricing-status-approved[b-u6obbnebqm] {
    background: #e5f4eb;
    color: #226b40;
}

.pricing-status-rejected[b-u6obbnebqm] {
    background: #f8e6e8;
    color: #8d1922;
}

.pricing-status-changed[b-u6obbnebqm] {
    background: #f8e6e8;
    color: #8d1922;
}

.pricing-status-check[b-u6obbnebqm] {
    background: #eeeeee;
    color: #555555;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.pricing-action-cell[b-u6obbnebqm] {
    min-width: 300px;
}

.pricing-action-info[b-u6obbnebqm] {
    padding-top: 3px;
    color: #777777;
    font-size: 0.88rem;
}

.pricing-decision[b-u6obbnebqm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .pricing-decision textarea[b-u6obbnebqm] {
        width: 100%;
        min-width: 280px;
        box-sizing: border-box;
        resize: vertical;
        padding: 9px 10px;
        border: 1px solid #d9d9d9;
        border-radius: 7px;
        font: inherit;
    }

        .pricing-decision textarea:focus[b-u6obbnebqm] {
            outline: none;
            border-color: #777777;
        }

.pricing-decision-buttons[b-u6obbnebqm] {
    display: flex;
    gap: 8px;
}

.pricing-request[b-u6obbnebqm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .pricing-request select[b-u6obbnebqm] {
        height: 38px;
        min-width: 135px;
        padding: 0 9px;
        border: 1px solid #d9d9d9;
        border-radius: 6px;
        background: #ffffff;
    }


/* =========================================================
   BUTTONS
   ========================================================= */

.pricing-button[b-u6obbnebqm] {
    min-height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.15s ease, transform 0.05s ease;
}

    .pricing-button:hover:not(:disabled)[b-u6obbnebqm] {
        opacity: 0.9;
    }

    .pricing-button:active:not(:disabled)[b-u6obbnebqm] {
        transform: translateY(1px);
    }

    .pricing-button:disabled[b-u6obbnebqm] {
        opacity: 0.5;
        cursor: default;
    }

.pricing-button-request[b-u6obbnebqm] {
    background: #e20c1a;
    color: #ffffff;
}

.pricing-button-approve[b-u6obbnebqm] {
    background: #3a8f5c;
    color: #ffffff;
}

.pricing-button-reject[b-u6obbnebqm] {
    background: #a61b24;
    color: #ffffff;
}


/* =========================================================
   MESSAGES
   ========================================================= */

.pricing-message[b-u6obbnebqm] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 18px;
    padding: 13px 15px;
    border-radius: 8px;
}

.pricing-message-title[b-u6obbnebqm] {
    font-weight: 700;
}

.pricing-message-success[b-u6obbnebqm] {
    background: #e5f4eb;
    border: 1px solid #b9ddc7;
}

.pricing-message-error[b-u6obbnebqm] {
    background: #f8e6e8;
    border: 1px solid #e8b9be;
}


/* =========================================================
   EMPTY / LOADING
   ========================================================= */

.pricing-state-card[b-u6obbnebqm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 22px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    color: #666666;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1150px) {

    .pricing-filter-grid[b-u6obbnebqm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 700px) {

    .pricing-page-header h1[b-u6obbnebqm] {
        font-size: 1.65rem;
    }

    .pricing-filter-grid[b-u6obbnebqm] {
        grid-template-columns: 1fr;
    }

    .pricing-filter-footer[b-u6obbnebqm] {
        flex-direction: column;
        align-items: stretch;
    }

    .pricing-filter-reset[b-u6obbnebqm] {
        width: 100%;
    }

    .pricing-decision-buttons[b-u6obbnebqm] {
        flex-direction: column;
    }

    .pricing-request[b-u6obbnebqm] {
        flex-direction: column;
        align-items: stretch;
    }

    .pricing-action-cell[b-u6obbnebqm] {
        min-width: 250px;
    }
}
/* /Components/Pages/PricingOrderDetails.razor.rz.scp.css */
.pricing-detail[b-294nonxi50] {
    max-width: 1500px;
}

.back-link[b-294nonxi50] {
    display: inline-block;
    margin-bottom: 20px;
    color: #666666;
    text-decoration: none;
    font-weight: 600;
}

    .back-link:hover[b-294nonxi50] {
        color: #e20c1a;
    }

.detail-title[b-294nonxi50] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px;
}

    .detail-title h1[b-294nonxi50] {
        margin: 0 0 6px 0;
        font-size: 2rem;
    }

    .detail-title p[b-294nonxi50] {
        margin: 0;
        color: #666666;
    }

.detail-status[b-294nonxi50] {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
    white-space: nowrap;
}

    .detail-status.requested[b-294nonxi50] {
        background: #fff3d6;
        color: #8a5a00;
    }

    .detail-status.approved[b-294nonxi50] {
        background: #e5f4eb;
        color: #226b40;
    }

    .detail-status.rejected[b-294nonxi50],
    .detail-status.changed[b-294nonxi50] {
        background: #f8e6e8;
        color: #8d1922;
    }

    .detail-status.neutral[b-294nonxi50] {
        background: #eeeeee;
        color: #555555;
    }

.metric-grid[b-294nonxi50] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.metric-card[b-294nonxi50] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
}

    .metric-card span[b-294nonxi50] {
        font-size: 0.8rem;
        color: #666666;
    }

    .metric-card strong[b-294nonxi50] {
        font-size: 1.35rem;
    }

.detail-meta[b-294nonxi50] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 30px;
}

    .detail-meta > div[b-294nonxi50] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 14px 16px;
        background: #f5f5f5;
        border-radius: 8px;
    }

    .detail-meta span[b-294nonxi50] {
        font-size: 0.78rem;
        color: #666666;
    }

.section-header[b-294nonxi50] {
    margin-bottom: 12px;
}

    .section-header h2[b-294nonxi50] {
        margin: 0 0 4px 0;
    }

    .section-header p[b-294nonxi50] {
        margin: 0;
        color: #666666;
    }

.position-table-wrap[b-294nonxi50] {
    width: 100%;
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
}

.position-table[b-294nonxi50] {
    width: 100%;
    border-collapse: collapse;
}

    .position-table th[b-294nonxi50] {
        padding: 11px 12px;
        text-align: left;
        font-size: 0.78rem;
        color: #666666;
        background: #f5f5f5;
        border-bottom: 1px solid #d9d9d9;
        white-space: nowrap;
    }

    .position-table td[b-294nonxi50] {
        padding: 12px;
        vertical-align: top;
        border-bottom: 1px solid #eeeeee;
    }

    .position-table tbody tr:last-child td[b-294nonxi50] {
        border-bottom: 0;
    }

    .position-table tbody tr:hover[b-294nonxi50] {
        background: #fafafa;
    }

.position-highlight[b-294nonxi50] {
    background: #fffaf2;
}

.article-cell[b-294nonxi50] {
    min-width: 260px;
}

    .article-cell small[b-294nonxi50] {
        color: #666666;
    }

.badge-list[b-294nonxi50] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.detail-badge[b-294nonxi50] {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

    .detail-badge.manual[b-294nonxi50] {
        background: #f8e6e8;
        color: #8d1922;
    }

    .detail-badge.check[b-294nonxi50] {
        background: #fff3d6;
        color: #8a5a00;
    }

    .detail-badge.neutral[b-294nonxi50] {
        background: #eeeeee;
        color: #555555;
    }

.price-source[b-294nonxi50] {
    margin-top: 5px;
    font-size: 0.75rem;
    color: #666666;
}

.reference-missing[b-294nonxi50] {
    color: #666666;
    font-style: italic;
}

.negative-value[b-294nonxi50] {
    color: #a61b24;
    font-weight: 700;
}

.positive-value[b-294nonxi50] {
    color: #3a8f5c;
    font-weight: 700;
}

.detail-loading[b-294nonxi50],
.detail-error[b-294nonxi50] {
    padding: 20px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
}

.detail-error[b-294nonxi50] {
    border-color: #e8b9be;
    background: #f8e6e8;
}

@media (max-width: 1000px) {

    .metric-grid[b-294nonxi50],
    .detail-meta[b-294nonxi50] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {

    .detail-title[b-294nonxi50] {
        flex-direction: column;
    }

    .metric-grid[b-294nonxi50],
    .detail-meta[b-294nonxi50] {
        grid-template-columns: 1fr;
    }
}
/* /Security/PlatformAccessGate.razor.rz.scp.css */
.wk-access-gate[b-b4nkgxwqkf] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 2rem;
}

.wk-access-gate-card[b-b4nkgxwqkf] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    background: #FFFFFF;
}

    .wk-access-gate-card strong[b-b4nkgxwqkf] {
        display: block;
        margin-bottom: 0.2rem;
        color: #111111;
        font-size: 0.95rem;
    }

    .wk-access-gate-card span[b-b4nkgxwqkf] {
        display: block;
        color: #666666;
        font-size: 0.82rem;
    }

.wk-access-gate-spinner[b-b4nkgxwqkf] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border: 3px solid #D9D9D9;
    border-top-color: #E20C1A;
    border-radius: 50%;
    animation: wk-access-gate-spin-b-b4nkgxwqkf 0.8s linear infinite;
}

@keyframes wk-access-gate-spin-b-b4nkgxwqkf {

    to {
        transform: rotate(360deg);
    }
}


@media (max-width: 600px) {

    .wk-access-gate[b-b4nkgxwqkf] {
        min-height: 180px;
        padding: 1rem;
    }

    .wk-access-gate-card[b-b4nkgxwqkf] {
        width: 100%;
    }
}