@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';

/* /Components/Layout/AppAreaTicker.razor.rz.scp.css */
.app-area-ticker[b-bhbj3nxfj0] {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.4rem;
    padding: 0.38rem 1rem;
    border: 0;
    border-bottom: 1px solid #dfe6ed;
    background: rgba(255, 255, 255, 0.9);
    color: #14324c;
    text-align: left;
    overflow: hidden;
    backdrop-filter: blur(10px);
    transition: background-color 0.18s ease;
}

.app-area-ticker:hover[b-bhbj3nxfj0] {
    background: rgba(255, 255, 255, 0.96);
}

.app-area-ticker-accent[b-bhbj3nxfj0] {
    display: none;
}

.app-area-ticker-icon[b-bhbj3nxfj0] {
    width: 1rem;
    height: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.app-area-ticker-line-shell[b-bhbj3nxfj0] {
    min-width: 0;
    overflow: hidden;
}

.app-area-ticker-line[b-bhbj3nxfj0] {
    display: block;
    color: #14324c;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    animation: app-area-ticker-swap-b-bhbj3nxfj0 320ms ease;
}

.app-area-ticker-line-track[b-bhbj3nxfj0] {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
}

.app-area-ticker-line-shell.app-area-ticker-line-shell-marquee .app-area-ticker-line[b-bhbj3nxfj0] {
    text-overflow: clip;
}

.app-area-ticker-action[b-bhbj3nxfj0] {
    display: inline-flex;
    align-items: center;
    color: #2b6a95;
}

.app-area-ticker-action[b-bhbj3nxfj0]  svg {
    width: 0.82rem;
    height: 0.82rem;
}

@keyframes app-area-ticker-swap-b-bhbj3nxfj0 {
    0% {
        opacity: 0;
        transform: translateY(4px);
    }

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

@media (max-width: 640px) {
    .app-area-ticker[b-bhbj3nxfj0] {
        gap: 0.45rem;
        min-height: 2.3rem;
        padding: 0.36rem 0.9rem;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-qz8vlqbul2] {
    --cc-bottom-nav-height: calc(3.75rem + env(safe-area-inset-bottom));
    --cc-mobile-top-nav-height: 4rem;
    --cc-desktop-top-nav-height: 4.1rem;
    --cc-area-ticker-height: 2.3rem;
    --cc-top-offset: calc(var(--cc-desktop-top-nav-height) + var(--cc-area-ticker-height));
    --cc-content-top-space: 0.45rem;
    --cc-content-bottom-space: 6rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    background: linear-gradient(180deg, #f7fafc 0%, #f3f7fb 100%);
}

.maintenance-overlay[b-qz8vlqbul2] {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(247, 250, 252, 0.9);
    backdrop-filter: blur(10px);
}

.maintenance-overlay-card[b-qz8vlqbul2] {
    width: min(100%, 34rem);
    padding: 1.5rem;
    border: 1px solid #d7e3ef;
    border-left: 4px solid #3b82f6;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(20, 50, 76, 0.08);
}

.maintenance-overlay-head[b-qz8vlqbul2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.maintenance-overlay-eyebrow[b-qz8vlqbul2] {
    margin: 0 0 0.5rem;
    color: #5f7590;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.maintenance-overlay-card h1[b-qz8vlqbul2] {
    margin: 0 0 0.75rem;
    color: #14324c;
    font-size: clamp(1.8rem, 4vw, 2.4rem);
    line-height: 1.1;
}

.maintenance-overlay-card p:last-child[b-qz8vlqbul2] {
    margin: 0;
    color: #5f7590;
    font-size: 1rem;
    line-height: 1.6;
}

.maintenance-overlay-icon[b-qz8vlqbul2] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6;
}

.maintenance-overlay-icon[b-qz8vlqbul2]  svg {
    width: 1.55rem;
    height: 1.55rem;
}

main[b-qz8vlqbul2] {
    flex: 1;
    min-width: 0;
    overflow: visible;
}

.content[b-qz8vlqbul2] {
    padding-top: 0.45rem;
    padding-bottom: 6rem;
    overflow-x: clip;
}

.sidebar-toggle-input[b-qz8vlqbul2],
.nav-menu-toggle-input[b-qz8vlqbul2] {
    display: none;
}

.nav-menu-overlay[b-qz8vlqbul2] {
    display: none;
}

.sidebar[b-qz8vlqbul2] {
    background: linear-gradient(180deg, #18364f 0%, #1d4060 100%);
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04);
}

.top-row[b-qz8vlqbul2] {
    position: sticky;
    top: 0;
    z-index: 21;
    min-height: var(--cc-desktop-top-nav-height);
    padding: 0.8rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid #dbe5ee;
    backdrop-filter: blur(14px);
}

.top-row-leading[b-qz8vlqbul2],
.top-row-trailing[b-qz8vlqbul2] {
    display: flex;
    align-items: center;
}

.top-row-leading[b-qz8vlqbul2] {
    gap: 0.9rem;
    min-width: 0;
}

.top-row-brand[b-qz8vlqbul2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.top-row-app-name[b-qz8vlqbul2] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #617489;
    line-height: 1;
}

.top-row-area-name[b-qz8vlqbul2] {
    font-size: 1rem;
    font-weight: 700;
    color: #173650;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-row-menu-btn[b-qz8vlqbul2] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid #d8e2eb;
    border-radius: 6px;
    background: #ffffff;
    color: #173650;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.top-row-menu-btn:hover[b-qz8vlqbul2] {
    background: #f6f9fc;
    border-color: #c4d2df;
}

.top-row-menu-btn-mobile[b-qz8vlqbul2] {
    display: none;
}

.top-row-menu-icon[b-qz8vlqbul2] {
    width: 1rem;
    height: 0.75rem;
    display: block;
    background:
        linear-gradient(#173650, #173650) top / 100% 2px no-repeat,
        linear-gradient(#173650, #173650) center / 100% 2px no-repeat,
        linear-gradient(#173650, #173650) bottom / 100% 2px no-repeat;
}

.toggle-icon-open[b-qz8vlqbul2] {
    display: none;
}

.toggle-icon-close[b-qz8vlqbul2] {
    display: inline;
    font-size: 1rem;
    line-height: 1;
}

.app-area-ticker-shell[b-qz8vlqbul2] {
    position: sticky;
    top: var(--cc-desktop-top-nav-height);
    z-index: 18;
}

@media (max-width: 640.98px) {
    .page[b-qz8vlqbul2] {
        --cc-top-offset: calc(var(--cc-mobile-top-nav-height) + var(--cc-area-ticker-height));
        --cc-content-top-space: 0.35rem;
        --cc-content-bottom-space: calc(var(--cc-bottom-nav-height) + 0.65rem);
        min-height: 100dvh;
    }

    .sidebar[b-qz8vlqbul2] {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: min(82vw, 20rem);
        z-index: 24;
        transform: translateX(-100%);
        transition: transform 0.22s ease;
        overflow-y: auto;
    }

    .nav-menu-toggle-input:checked ~ .page .sidebar[b-qz8vlqbul2] {
        transform: translateX(0);
    }

    .nav-menu-toggle-input:checked ~ .page .nav-menu-overlay[b-qz8vlqbul2] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(8, 16, 24, 0.3);
        z-index: 23;
    }

    .top-row[b-qz8vlqbul2] {
        min-height: var(--cc-mobile-top-nav-height);
        padding: 0.7rem 0.9rem;
    }

    .top-row-menu-btn-mobile[b-qz8vlqbul2] {
        display: inline-flex;
    }

    .top-row-menu-btn-desktop[b-qz8vlqbul2] {
        display: none;
    }

    .content[b-qz8vlqbul2] {
        min-height: calc(100dvh - var(--cc-mobile-top-nav-height));
        padding-top: 0.35rem;
        padding-right: 0.9rem !important;
        padding-bottom: calc(var(--cc-bottom-nav-height) + 0.65rem);
        padding-left: 0.9rem !important;
    }
}

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

    .sidebar[b-qz8vlqbul2] {
        width: 232px;
        flex-shrink: 0;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
        transition: width 0.22s ease, opacity 0.22s ease;
    }

    .sidebar-toggle-input:checked ~ .page .sidebar[b-qz8vlqbul2] {
        width: 0;
        opacity: 0;
        pointer-events: none;
    }

    .sidebar-toggle-input:checked ~ .page main .toggle-icon-open[b-qz8vlqbul2] {
        display: inline;
    }

    .sidebar-toggle-input:checked ~ .page main .toggle-icon-close[b-qz8vlqbul2] {
        display: none;
    }

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

#blazor-error-ui[b-qz8vlqbul2] {
    color-scheme: light only;
    background: #fff7d6;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12);
    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-qz8vlqbul2] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-scrollable[b-8icd32cliy] {
    height: 100%;
    overflow-y: auto;
    padding: 1rem 0 1.1rem;
}

.nav-shell-header[b-8icd32cliy] {
    padding: 0.15rem 1rem 1rem;
}

.nav-shell-app[b-8icd32cliy] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(224, 235, 244, 0.7);
}

.nav-shell-title[b-8icd32cliy] {
    margin-top: 0.2rem;
    font-size: 1.08rem;
    font-weight: 700;
    color: #ffffff;
}

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

.bi-people-nav-menu[b-8icd32cliy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s-1 0-1-1 1-4 1-4 1 0 1 4-1 1-1 1ZM5 14s-1 0-1-1 1-4 1-4 1 0 1 4-1 1-1 1Zm5-6a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM4 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm6 1c-1.33 0-4 .67-4 2v1h8v-1c0-1.33-2.67-2-4-2ZM4 9c-.29 0-.62.02-.97.08C1.92 9.27 1 9.76 1 11v1h4v-1c0-.73.25-1.36.7-1.88A6.97 6.97 0 0 0 4 9Zm8 0c-.62 0-1.22.08-1.7.22.45.52.7 1.15.7 1.78v1h4v-1c0-1.24-.92-1.73-2.03-1.92A8.82 8.82 0 0 0 12 9Z'/%3E%3C/svg%3E");
}

.bi-grid-3x3-gap-nav-menu[b-8icd32cliy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2Zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V2Zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2ZM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V7Zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7Zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7ZM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2Zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2Zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2Z'/%3E%3C/svg%3E");
}

.bi-box-arrow-in-right-nav-menu[b-8icd32cliy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 3.5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 12 4.5v7A1.5 1.5 0 0 1 10.5 13h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-4A.5.5 0 0 1 6 3.5Z'/%3E%3Cpath fill-rule='evenodd' d='M11.854 8.354a.5.5 0 0 0 0-.708L9.707 5.5a.5.5 0 0 0-.707.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793L9 9.793a.5.5 0 0 0 .707.707l2.147-2.146Z'/%3E%3C/svg%3E");
}

.bi-checklist-nav-menu[b-8icd32cliy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 2A.5.5 0 0 0 2 2.5v1a.5.5 0 0 0 1 0v-.293l.646.647a.5.5 0 0 0 .708-.708l-1.5-1.5A.5.5 0 0 0 2.5 2Zm2 1.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm-2 4A.5.5 0 0 0 2 8v1a.5.5 0 0 0 1 0v-.293l.646.647a.5.5 0 0 0 .708-.708l-1.5-1.5A.5.5 0 0 0 2.5 7Zm2 1.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm-2 4A.5.5 0 0 0 2 13v1a.5.5 0 0 0 1 0v-.293l.646.647a.5.5 0 0 0 .708-.708l-1.5-1.5A.5.5 0 0 0 2.5 12Zm2 1.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Z'/%3E%3C/svg%3E");
}

.bi-chat-nav-menu[b-8icd32cliy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 2.5A1.5 1.5 0 0 1 3.5 1h9A1.5 1.5 0 0 1 14 2.5v6A1.5 1.5 0 0 1 12.5 10H6.707L3 13.707V10H3.5A1.5 1.5 0 0 1 2 8.5v-6Z'/%3E%3C/svg%3E");
}

.bi-quiz-nav-menu[b-8icd32cliy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.5a4.5 4.5 0 0 0-3.814 6.89c.292.468.501.744.644 1.005.152.278.253.566.32 1.105h5.7c.067-.539.168-.827.32-1.105.143-.261.352-.537.644-1.005A4.5 4.5 0 0 0 8 1.5Zm0 12.5c-.7 0-1.2.45-1.2 1h2.4c0-.55-.5-1-1.2-1Zm-1.78-2h3.56a1 1 0 0 1-1 1h-1.56a1 1 0 0 1-1-1Zm.03-5.43a.75.75 0 1 1 1.5 0c0 .29-.127.48-.402.753-.356.353-.598.655-.598 1.177v.1h1.5v-.06c0-.29.112-.44.473-.795.404-.4.777-.874.777-1.675a2.25 2.25 0 1 0-4.5 0h1.25Zm1.75 3.43a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Z'/%3E%3C/svg%3E");
}

.bi-journal-text-nav-menu[b-8icd32cliy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 2a.5.5 0 0 0-.5.5V14a1 1 0 0 0 1 1h7.5a.5.5 0 0 0 0-1H6a.5.5 0 0 1-.5-.5V2.5a.5.5 0 0 0-.5-.5Z'/%3E%3Cpath d='M3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v9a.5.5 0 0 1-.5.5H6a1.5 1.5 0 0 0-1.5 1.5V2.5Zm2 1a.5.5 0 0 0-.5.5v.5h7V4a.5.5 0 0 0-.5-.5H5Zm0 2a.5.5 0 0 0-.5.5v.5h7V6a.5.5 0 0 0-.5-.5H5Zm0 2a.5.5 0 0 0-.5.5v.5h4V8a.5.5 0 0 0-.5-.5H5Z'/%3E%3C/svg%3E");
}

.bi-calendar-event-nav-menu[b-8icd32cliy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11 1a.75.75 0 0 1 .75.75V3h1A2.25 2.25 0 0 1 15 5.25v7.5A2.25 2.25 0 0 1 12.75 15h-9.5A2.25 2.25 0 0 1 1 12.75v-7.5A2.25 2.25 0 0 1 3.25 3h1V1.75a.75.75 0 0 1 1.5 0V3h4.5V1.75A.75.75 0 0 1 11 1ZM2.5 6v6.75c0 .414.336.75.75.75h9.5a.75.75 0 0 0 .75-.75V6Z'/%3E%3Cpath d='M4.75 8.25h2.5v2.5h-2.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-8icd32cliy] {
    font-size: 0.95rem;
    padding-bottom: 0.22rem;
}

.nav-item[b-8icd32cliy]  .nav-link {
    color: rgba(255, 255, 255, 0.88);
    background: transparent;
    border-left: 3px solid transparent;
    border-radius: 6px;
    min-height: 2.7rem;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.55rem 0.9rem;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.nav-item[b-8icd32cliy]  a.active {
    background: rgba(255, 255, 255, 0.08);
    border-left-color: #74c8dd;
    color: #ffffff;
}

.nav-item[b-8icd32cliy]  .nav-link:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}

@media (max-width: 640.98px) {
    .nav-scrollable[b-8icd32cliy] {
        padding-top: 1.1rem;
    }
}

@media (min-width: 641px) {
    .nav-scrollable[b-8icd32cliy] {
        height: 100vh;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-82x58c8lv6],
.components-reconnect-repeated-attempt-visible[b-82x58c8lv6],
.components-reconnect-failed-visible[b-82x58c8lv6],
.components-pause-visible[b-82x58c8lv6],
.components-resume-failed-visible[b-82x58c8lv6],
.components-rejoining-animation[b-82x58c8lv6] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-82x58c8lv6 {
    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/Layout/ReleaseNotesOverlay.razor.rz.scp.css */
.release-overlay-backdrop[b-wz7k8ri5am] {
    position: fixed;
    inset: 0;
    z-index: 140;
    display: grid;
    place-items: center;
    padding: 1.2rem;
    background: rgba(16, 27, 40, 0.58);
    backdrop-filter: blur(8px);
}

.release-overlay-dialog[b-wz7k8ri5am] {
    width: min(100%, 40rem);
    max-height: min(88dvh, 52rem);
    overflow: auto;
    display: grid;
    gap: 1rem;
    padding: 1.35rem;
    border: 1px solid rgba(214, 225, 235, 0.92);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}

.release-overlay-badge[b-wz7k8ri5am] {
    width: fit-content;
    padding: 0.34rem 0.7rem;
    border-radius: 999px;
    background: rgba(38, 91, 129, 0.1);
    color: #1d5378;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.release-overlay-dialog h2[b-wz7k8ri5am] {
    margin: 0;
    color: #15334d;
    font-size: clamp(1.55rem, 3vw, 2rem);
    line-height: 1.1;
}

.release-overlay-intro[b-wz7k8ri5am],
.release-overlay-copy p[b-wz7k8ri5am] {
    margin: 0;
    color: #5f7388;
    line-height: 1.55;
}

.release-overlay-list[b-wz7k8ri5am] {
    display: grid;
    gap: 1rem;
}

.release-overlay-item[b-wz7k8ri5am] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
}

.release-overlay-icon[b-wz7k8ri5am] {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
}

.release-overlay-icon-gold[b-wz7k8ri5am] {
    color: #f2b503;
}

.release-overlay-icon-blue[b-wz7k8ri5am] {
    color: #3d79ff;
}

.release-overlay-icon-red[b-wz7k8ri5am] {
    color: #d84d5c;
}

.release-overlay-icon-neutral[b-wz7k8ri5am] {
    color: #52677a;
}

.release-overlay-copy[b-wz7k8ri5am] {
    display: grid;
    gap: 0.18rem;
}

.release-overlay-copy strong[b-wz7k8ri5am] {
    color: #13314a;
    font-size: 1rem;
}

.release-overlay-push[b-wz7k8ri5am] {
    display: grid;
    gap: 0.7rem;
    padding: 0.95rem 1rem;
    border: 1px solid #d8e3ec;
    border-radius: 12px;
    background: #f8fbfe;
}

.release-overlay-push-copy[b-wz7k8ri5am] {
    display: grid;
    gap: 0.2rem;
}

.release-overlay-push-copy strong[b-wz7k8ri5am] {
    color: #13314a;
    font-size: 0.98rem;
}

.release-overlay-push-copy p[b-wz7k8ri5am],
.release-overlay-push-status[b-wz7k8ri5am] {
    margin: 0;
    color: #5f7388;
    line-height: 1.55;
}

.release-overlay-push-action[b-wz7k8ri5am] {
    min-height: 2.8rem;
    width: fit-content;
    padding: 0.7rem 1rem;
    border: 1px solid #2d7ac1;
    border-radius: 10px;
    background: #2f84d8;
    color: #ffffff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.release-overlay-push-action:disabled[b-wz7k8ri5am] {
    opacity: 0.7;
    cursor: default;
}

.release-overlay-actions[b-wz7k8ri5am] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.7rem;
    padding-top: 0.25rem;
}

.release-overlay-primary[b-wz7k8ri5am],
.release-overlay-secondary[b-wz7k8ri5am] {
    min-height: 2.9rem;
    padding: 0.8rem 1.1rem;
    border-radius: 12px;
    border: 1px solid transparent;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.release-overlay-primary[b-wz7k8ri5am] {
    background: linear-gradient(180deg, #2f7fc2 0%, #225f93 100%);
    color: #fff;
    box-shadow: 0 12px 24px rgba(34, 95, 147, 0.18);
}

.release-overlay-secondary[b-wz7k8ri5am] {
    background: #f5f8fb;
    color: #284763;
    border-color: #d8e1ea;
}

.release-overlay-primary:hover[b-wz7k8ri5am],
.release-overlay-secondary:hover[b-wz7k8ri5am] {
    transform: translateY(-1px);
}

@media (max-width: 640px) {
    .release-overlay-backdrop[b-wz7k8ri5am] {
        padding: 0.85rem;
    }

    .release-overlay-dialog[b-wz7k8ri5am] {
        width: 100%;
        max-height: calc(100dvh - 1.7rem);
        padding: 1rem;
        border-radius: 18px;
    }

    .release-overlay-item[b-wz7k8ri5am] {
        gap: 0.75rem;
    }

    .release-overlay-icon[b-wz7k8ri5am] {
        width: 2rem;
        height: 2rem;
        font-size: 1.6rem;
    }

    .release-overlay-actions[b-wz7k8ri5am] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .release-overlay-push-action[b-wz7k8ri5am] {
        width: 100%;
    }
}
/* /Components/Layout/TaskBottomNav.razor.rz.scp.css */
.task-bottom-nav[b-8r95rzyue0] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    min-height: calc(3.55rem + env(safe-area-inset-bottom));
    box-sizing: border-box;
    padding: 0.03rem max(0.42rem, env(safe-area-inset-right)) calc(0.14rem + env(safe-area-inset-bottom)) max(0.42rem, env(safe-area-inset-left));
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.12rem;
    align-items: stretch;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 251, 254, 0.98) 100%);
    border-top: 1px solid rgba(199, 212, 224, 0.95);
    box-shadow: 0 -10px 28px rgba(15, 34, 50, 0.1);
    backdrop-filter: blur(18px);
}

.task-bottom-nav-blank[b-8r95rzyue0] {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-template-columns: none;
}

.task-bottom-nav-quiz[b-8r95rzyue0] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.task-bottom-nav-system[b-8r95rzyue0] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.task-bottom-nav-planning[b-8r95rzyue0] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.task-bottom-nav-users[b-8r95rzyue0] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.task-bottom-placeholder[b-8r95rzyue0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    padding: 0 1rem;
    border-radius: 12px;
    color: #7a8ea1;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-8r95rzyue0] .task-bottom-link {
    position: relative;
    min-width: 0;
    min-height: 2.85rem;
    padding: 0.04rem 0.08rem 0.04rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    border-radius: 12px;
    color: #667b8f;
    font-size: 0.61rem;
    font-weight: 650;
    line-height: 1;
    text-align: center;
    text-decoration: none !important;
    justify-self: stretch;
    transition: color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
    -webkit-tap-highlight-color: transparent;
}

[b-8r95rzyue0] .task-bottom-link:hover {
    color: #173650;
    text-decoration: none !important;
}

[b-8r95rzyue0] .task-bottom-link:focus-visible {
    outline: 2px solid rgba(37, 140, 251, 0.55);
    outline-offset: -2px;
    text-decoration: none !important;
}

[b-8r95rzyue0] .task-bottom-link.active {
    color: #173650;
    text-decoration: none !important;
}

.task-bottom-icon-wrap[b-8r95rzyue0] {
    width: 2rem;
    height: 1.05rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: currentColor;
    margin: 0 auto;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

[b-8r95rzyue0] .task-bottom-link.active .task-bottom-icon-wrap {
    color: #215a84;
    background: rgba(33, 90, 132, 0.08);
    box-shadow: none;
    transform: translateY(-1px);
}

.task-bottom-icon[b-8r95rzyue0] {
    width: 0.98rem;
    height: 0.98rem;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
    margin: 0 auto;
}

.task-bottom-label[b-8r95rzyue0] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

[b-8r95rzyue0] .task-bottom-link.active .task-bottom-label {
    color: #173650;
}

@media (max-width: 359.98px) {
    [b-8r95rzyue0] .task-bottom-link {
        font-size: 0.55rem;
    }

    .task-bottom-icon-wrap[b-8r95rzyue0] {
        width: 1.8rem;
        height: 1rem;
    }

    .task-bottom-icon[b-8r95rzyue0] {
        width: 0.9rem;
        height: 0.9rem;
    }
}

@media (min-width: 641px) {
    .task-bottom-nav[b-8r95rzyue0] {
        left: 236px;
        padding-right: 1.2rem;
        padding-left: 1.2rem;
    }

    [b-8r95rzyue0] .task-bottom-link:hover {
        background: rgba(226, 237, 247, 0.68);
        transform: translateY(-1px);
    }

    [b-8r95rzyue0] .task-bottom-link:hover .task-bottom-icon-wrap {
        background: rgba(33, 90, 132, 0.1);
    }
}
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.user-menu[b-8hnqhf4uem] {
    position: relative;
    z-index: 110;
    display: flex;
    align-items: center;
}

.user-menu-button[b-8hnqhf4uem] {
    appearance: none;
    -webkit-appearance: none;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7e1ea;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: none;
    cursor: pointer;
    overflow: hidden;
    flex-shrink: 0;
}

.user-menu-icon[b-8hnqhf4uem] {
    width: 1.05rem;
    height: 1.05rem;
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23173650' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0 1c-2.673 0-5 1.34-5 3v1h10v-1c0-1.66-2.327-3-5-3Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.user-menu-dropdown[b-8hnqhf4uem] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    min-width: 11.5rem;
    padding: 0.35rem 0;
    border: 1px solid #dbe5ee;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(18, 33, 49, 0.12);
    z-index: 120;
    pointer-events: auto;
    touch-action: manipulation;
}

.user-menu-name[b-8hnqhf4uem] {
    padding: 0.55rem 0.9rem;
    color: #173650;
    font-size: 0.92rem;
    font-weight: 600;
    border-bottom: 1px solid #ebf1f6;
}

.user-menu-link[b-8hnqhf4uem] {
    display: block;
    width: 100%;
    padding: 0.6rem 0.9rem;
    border: 0;
    background: transparent;
    color: #25425e;
    text-decoration: none;
    font-size: 0.92rem;
    text-align: left;
    cursor: pointer;
}

.user-menu-link:hover[b-8hnqhf4uem] {
    background: #f6f9fc;
    color: #173650;
}

@media (max-width: 640.98px) {
    .user-menu-dropdown[b-8hnqhf4uem] {
        position: fixed;
        top: calc(4rem + env(safe-area-inset-top) + 0.45rem);
        right: 0.9rem;
        min-width: min(14rem, calc(100vw - 1.8rem));
        z-index: 240;
        border-radius: 10px;
        box-shadow: 0 18px 40px rgba(18, 33, 49, 0.18);
    }

    .user-menu-link[b-8hnqhf4uem] {
        min-height: 2.9rem;
        display: flex;
        align-items: center;
    }
}
/* /Components/MasterData/TaskCategoryEditorModal.razor.rz.scp.css */
.masterdata-modal-backdrop[b-y2dbewrkt2] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: max(0.75rem, env(safe-area-inset-top)) 1rem max(0.75rem, env(safe-area-inset-bottom));
    overflow: hidden;
    overscroll-behavior: contain;
    background: rgba(12, 24, 38, 0.42);
    backdrop-filter: blur(10px);
}

.masterdata-modal[b-y2dbewrkt2] {
    width: min(560px, 100%);
    max-height: calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    background: #fbfdff;
    border: 1px solid rgba(211, 223, 235, 0.95);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(9, 22, 35, 0.14);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.masterdata-modal[b-y2dbewrkt2]  .masterdata-modal-form {
    display: flex;
    flex: 1;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
}

.masterdata-modal-header[b-y2dbewrkt2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem 0.95rem;
    border-bottom: 1px solid #e7eef5;
    background: linear-gradient(180deg, rgba(244, 248, 252, 0.95) 0%, rgba(251, 253, 255, 0.9) 100%);
}

.masterdata-modal-header h3[b-y2dbewrkt2] {
    margin: 0;
    color: #16324b;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.masterdata-modal-subtitle[b-y2dbewrkt2] {
    margin-top: 0.25rem;
    color: #60758a;
    font-size: 0.9rem;
}

.masterdata-modal-close[b-y2dbewrkt2] {
    border: 1px solid transparent;
    background: transparent;
    color: #7a8fa3;
    font-size: 1.15rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.3rem 0.45rem;
    border-radius: 8px;
}

.masterdata-modal-close:hover[b-y2dbewrkt2] {
    border-color: #d6e2ed;
    background: #f4f8fb;
    color: #15324b;
}

.masterdata-modal-body[b-y2dbewrkt2] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1.2rem 1.25rem 1rem;
}

.masterdata-form-field[b-y2dbewrkt2] {
    margin-bottom: 1rem;
}

.masterdata-modal-body[b-y2dbewrkt2]  :is(.form-control, .form-select) {
    border-radius: 8px;
    border-color: #d4e0ea;
    background: #ffffff;
    box-shadow: none;
}

.masterdata-modal-body[b-y2dbewrkt2]  :is(.form-control, .form-select):focus {
    border-color: #7ba7d0;
    box-shadow: 0 0 0 0.18rem rgba(62, 118, 170, 0.12);
}

.masterdata-modal-footer[b-y2dbewrkt2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.25rem 1.1rem;
    border-top: 1px solid #e7eef5;
    background: #f8fbfd;
    flex-shrink: 0;
}

.masterdata-modal-actions[b-y2dbewrkt2] {
    display: flex;
    gap: 0.75rem;
}

@media (max-width: 640px) {
    .masterdata-modal[b-y2dbewrkt2] {
        max-height: calc(100dvh - 1.5rem);
    }

    .masterdata-modal-footer[b-y2dbewrkt2],
    .masterdata-modal-actions[b-y2dbewrkt2] {
        flex-direction: column;
    }
}
/* /Components/MasterData/TaskPackageEditorModal.razor.rz.scp.css */
.masterdata-modal-backdrop[b-z10s71tqpz] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: max(0.75rem, env(safe-area-inset-top)) 1rem max(0.75rem, env(safe-area-inset-bottom));
    overflow: hidden;
    overscroll-behavior: contain;
    background: rgba(12, 24, 38, 0.42);
    backdrop-filter: blur(10px);
}

.masterdata-modal[b-z10s71tqpz] {
    width: min(560px, 100%);
    max-height: calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    background: #fbfdff;
    border: 1px solid rgba(211, 223, 235, 0.95);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(9, 22, 35, 0.14);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .masterdata-modal[b-z10s71tqpz]  .masterdata-modal-form {
        display: flex;
        flex: 1;
        min-height: 0;
        flex-direction: column;
        overflow: hidden;
    }

.masterdata-modal-header[b-z10s71tqpz] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem 0.95rem;
    border-bottom: 1px solid #e7eef5;
    background: linear-gradient(180deg, rgba(244, 248, 252, 0.95) 0%, rgba(251, 253, 255, 0.9) 100%);
}

    .masterdata-modal-header h3[b-z10s71tqpz] {
        margin: 0;
        color: #16324b;
        font-size: 1.1rem;
        font-weight: 700;
        letter-spacing: -0.01em;
    }

.masterdata-modal-subtitle[b-z10s71tqpz] {
    margin-top: 0.25rem;
    color: #60758a;
    font-size: 0.9rem;
}

.masterdata-modal-close[b-z10s71tqpz] {
    border: 1px solid transparent;
    background: transparent;
    color: #7a8fa3;
    font-size: 1.15rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.3rem 0.45rem;
    border-radius: 8px;
}

    .masterdata-modal-close:hover[b-z10s71tqpz] {
        border-color: #d6e2ed;
        background: #f4f8fb;
        color: #15324b;
    }

.masterdata-modal-body[b-z10s71tqpz] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1.2rem 1.25rem 1rem;
}

.masterdata-form-field[b-z10s71tqpz] {
    margin-bottom: 1rem;
}

.masterdata-modal-body[b-z10s71tqpz]  :is(.form-control, .form-select) {
    border-radius: 8px;
    border-color: #d4e0ea;
    background: #ffffff;
    box-shadow: none;
}

    .masterdata-modal-body[b-z10s71tqpz]  :is(.form-control, .form-select):focus {
        border-color: #7ba7d0;
        box-shadow: 0 0 0 0.18rem rgba(62, 118, 170, 0.12);
    }

.masterdata-modal-footer[b-z10s71tqpz] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.25rem 1.1rem;
    border-top: 1px solid #e7eef5;
    background: #f8fbfd;
    flex-shrink: 0;
}

.masterdata-modal-actions[b-z10s71tqpz] {
    display: flex;
    gap: 0.75rem;
}

@media (max-width: 640px) {
    .masterdata-modal[b-z10s71tqpz] {
        max-height: calc(100dvh - 1.5rem);
    }

    .masterdata-modal-footer[b-z10s71tqpz],
    .masterdata-modal-actions[b-z10s71tqpz] {
        flex-direction: column;
    }
}
/* /Components/MasterData/TaskPlaceEditorModal.razor.rz.scp.css */
.masterdata-modal-backdrop[b-g3ivux40x9] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: max(0.75rem, env(safe-area-inset-top)) 1rem max(0.75rem, env(safe-area-inset-bottom));
    overflow: hidden;
    overscroll-behavior: contain;
    background: rgba(12, 24, 38, 0.42);
    backdrop-filter: blur(10px);
}

.masterdata-modal[b-g3ivux40x9] {
    width: min(560px, 100%);
    max-height: calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    background: #fbfdff;
    border: 1px solid rgba(211, 223, 235, 0.95);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(9, 22, 35, 0.14);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.masterdata-modal[b-g3ivux40x9]  .masterdata-modal-form {
    display: flex;
    flex: 1;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
}

.masterdata-modal-header[b-g3ivux40x9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem 0.95rem;
    border-bottom: 1px solid #e7eef5;
    background: linear-gradient(180deg, rgba(244, 248, 252, 0.95) 0%, rgba(251, 253, 255, 0.9) 100%);
}

.masterdata-modal-header h3[b-g3ivux40x9] {
    margin: 0;
    color: #16324b;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.masterdata-modal-subtitle[b-g3ivux40x9] {
    margin-top: 0.25rem;
    color: #60758a;
    font-size: 0.9rem;
}

.masterdata-modal-close[b-g3ivux40x9] {
    border: 1px solid transparent;
    background: transparent;
    color: #7a8fa3;
    font-size: 1.15rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.3rem 0.45rem;
    border-radius: 8px;
}

.masterdata-modal-close:hover[b-g3ivux40x9] {
    border-color: #d6e2ed;
    background: #f4f8fb;
    color: #15324b;
}

.masterdata-modal-body[b-g3ivux40x9] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1.2rem 1.25rem 1rem;
}

.masterdata-form-field[b-g3ivux40x9] {
    margin-bottom: 1rem;
}

.masterdata-modal-body[b-g3ivux40x9]  :is(.form-control, .form-select) {
    border-radius: 8px;
    border-color: #d4e0ea;
    background: #ffffff;
    box-shadow: none;
}

.masterdata-modal-body[b-g3ivux40x9]  :is(.form-control, .form-select):focus {
    border-color: #7ba7d0;
    box-shadow: 0 0 0 0.18rem rgba(62, 118, 170, 0.12);
}

.masterdata-modal-footer[b-g3ivux40x9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.25rem 1.1rem;
    border-top: 1px solid #e7eef5;
    background: #f8fbfd;
    flex-shrink: 0;
}

.masterdata-modal-actions[b-g3ivux40x9] {
    display: flex;
    gap: 0.75rem;
}

@media (max-width: 640px) {
    .masterdata-modal[b-g3ivux40x9] {
        max-height: calc(100dvh - 1.5rem);
    }

    .masterdata-modal-footer[b-g3ivux40x9],
    .masterdata-modal-actions[b-g3ivux40x9] {
        flex-direction: column;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.controlcenter-about[b-2he49ejn66] {
    display: grid;
    gap: 1.25rem;
    padding: 1.5rem 0 2rem;
}

.controlcenter-about-head[b-2he49ejn66] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.controlcenter-about-head-icon[b-2he49ejn66] {
    width: 2.75rem;
    height: 2.75rem;
    display: grid;
    place-items: center;
    border: 1px solid #dbe6ef;
    border-left: 4px solid #5f9fe6;
    border-radius: 8px;
    background: #ffffff;
    color: #2f84d8;
}

.controlcenter-about-head h1[b-2he49ejn66] {
    margin: 0;
    color: #12283c;
    font-size: clamp(1.75rem, 4vw, 2.3rem);
    line-height: 1.08;
}

.controlcenter-about-release-list[b-2he49ejn66] {
    display: grid;
    gap: 1rem;
}

.controlcenter-about-release-card[b-2he49ejn66] {
    display: grid;
    gap: 1rem;
    padding: 1.2rem 1.25rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid #5f9fe6;
    border-radius: 8px;
    background: #ffffff;
}

.controlcenter-about-release-head[b-2he49ejn66] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
}

.controlcenter-about-release-head h2[b-2he49ejn66] {
    margin: 0 0 0.15rem;
    color: #173650;
    font-size: 1.05rem;
}

.controlcenter-about-release-head span[b-2he49ejn66] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.controlcenter-about-release-intro[b-2he49ejn66] {
    margin: 0;
    color: #60758a;
    line-height: 1.6;
}

.controlcenter-about-release-items[b-2he49ejn66] {
    display: grid;
    gap: 0.8rem;
}

.controlcenter-about-release-item[b-2he49ejn66] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border: 1px solid #e3ebf2;
    border-radius: 8px;
    background: #ffffff;
}

.controlcenter-about-release-item-icon[b-2he49ejn66] {
    width: 2.2rem;
    height: 2.2rem;
    display: grid;
    place-items: center;
    border: 1px solid #dbe6ef;
    border-radius: 8px;
    color: #2f84d8;
}

.controlcenter-about-release-item-copy[b-2he49ejn66] {
    display: grid;
    gap: 0.2rem;
}

.controlcenter-about-release-item-copy strong[b-2he49ejn66] {
    color: #173650;
    font-size: 0.92rem;
}

.controlcenter-about-release-item-copy p[b-2he49ejn66] {
    margin: 0;
    color: #60758a;
    line-height: 1.55;
}

@media (max-width: 700px) {
    .controlcenter-about-release-card[b-2he49ejn66] {
        padding: 1rem;
    }

    .controlcenter-about-release-item[b-2he49ejn66] {
        padding: 0.8rem 0.9rem;
    }
}
/* /Components/Pages/AppInstall.razor.rz.scp.css */
.app-install-message[b-rne1f25jwz] {
    color: #4f6b85;
    font-size: 0.96rem;
    line-height: 1.6;
}

.app-install-message + .app-install-message[b-rne1f25jwz] {
    margin-top: 0.85rem;
}

.app-install-message-success[b-rne1f25jwz],
.app-install-message-info[b-rne1f25jwz] {
    border: 1px solid #d9e6f2;
    border-radius: 6px;
    background: #f7fbff;
    padding: 0.85rem 1rem;
}

.app-install-platform-grid[b-rne1f25jwz] {
    display: grid;
    gap: 1rem;
    margin-top: 1.2rem;
}

.app-install-platform[b-rne1f25jwz] {
    border: 1px solid #d8e3ec;
    border-radius: 6px;
    background: #ffffff;
    padding: 1rem;
}

.app-install-platform-active[b-rne1f25jwz] {
    border-color: #8fc0ef;
    background: #f8fbff;
    box-shadow: inset 0 0 0 1px rgba(143, 192, 239, 0.35);
}

.app-install-platform-head[b-rne1f25jwz] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 0.75rem;
}

.app-install-platform-head strong[b-rne1f25jwz] {
    color: #143a5c;
    font-size: 0.96rem;
}

.app-install-platform-head span[b-rne1f25jwz] {
    color: #6a8299;
    font-size: 0.8rem;
}

.app-install-platform ol[b-rne1f25jwz] {
    margin: 0;
    padding-left: 1.15rem;
    color: #45617b;
    font-size: 0.9rem;
    line-height: 1.55;
}

.app-install-platform li + li[b-rne1f25jwz] {
    margin-top: 0.3rem;
}

.app-install-actions[b-rne1f25jwz] {
    display: flex;
    justify-content: flex-start;
    margin-top: 1.2rem;
}

@media (min-width: 860px) {
    .app-install-platform-grid[b-rne1f25jwz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .app-install-platform[b-rne1f25jwz] {
        min-height: 100%;
    }
}
/* /Components/Pages/CompleteTasks.razor.rz.scp.css */
.complete-tasks-page[b-kld98cxwv0] {
    box-sizing: border-box;
    display: grid;
    height: calc(100dvh - var(--cc-top-offset) - var(--cc-content-top-space) - var(--cc-bottom-nav-height));
    min-height: 0;
    overflow: hidden;
    padding: 0.4rem 0 0;
}

@media (min-width: 641px) {
    .complete-tasks-page[b-kld98cxwv0] {
        height: calc(100dvh - var(--cc-top-offset) - var(--cc-content-top-space) - var(--cc-bottom-nav-height) - 0.2rem);
    }
}

.complete-tasks-state[b-kld98cxwv0] {
    display: grid;
}

.complete-tasks-empty[b-kld98cxwv0],
.complete-tasks-empty-panel[b-kld98cxwv0] {
    display: grid;
    gap: 0.5rem;
    padding: 1.1rem 1.15rem;
    border: 1px solid #d8e2ec;
    border-radius: 6px;
    background: #ffffff;
    color: #60758a;
}

.complete-tasks-empty-panel h2[b-kld98cxwv0] {
    margin: 0;
    color: #16324a;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.complete-tasks-empty-panel p[b-kld98cxwv0],
.complete-tasks-empty[b-kld98cxwv0] {
    margin: 0;
    line-height: 1.5;
}

.complete-tasks-empty-actions[b-kld98cxwv0] {
    display: flex;
    justify-content: flex-start;
}

.complete-selection-context[b-kld98cxwv0] {
    display: grid;
    gap: 0.45rem;
}

.complete-selection-context-title[b-kld98cxwv0] {
    color: #16324a;
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.complete-selection-grid[b-kld98cxwv0] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.complete-selection-card[b-kld98cxwv0] {
    min-height: 6rem;
}

.complete-selection-card .app-action-card-description[b-kld98cxwv0] {
    max-width: 22ch;
}

.complete-quick-panel[b-kld98cxwv0] {
    height: 100%;
}

.complete-quick-grid[b-kld98cxwv0] {
    display: grid;
    gap: 0.9rem;
}

.complete-quick-grid[b-kld98cxwv0] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.complete-quick-grid > :first-child[b-kld98cxwv0],
.complete-quick-grid > :nth-child(2)[b-kld98cxwv0] {
    grid-column: 1 / -1;
}

.complete-quick-footer[b-kld98cxwv0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    width: 100%;
}

.complete-quick-meta[b-kld98cxwv0] {
    color: #60758a;
    font-size: 0.88rem;
    line-height: 1.45;
}

.complete-quick-actions[b-kld98cxwv0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

@media (max-width: 779px) {
    .complete-selection-grid[b-kld98cxwv0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.7rem;
    }

    .complete-quick-footer[b-kld98cxwv0] {
        flex-direction: column;
        align-items: stretch;
    }

    .complete-quick-actions[b-kld98cxwv0] {
        justify-content: stretch;
    }
}

@media (max-width: 699px) {
    .complete-quick-grid[b-kld98cxwv0],
    .complete-selection-grid[b-kld98cxwv0] {
        grid-template-columns: 1fr;
    }

    .complete-selection-card[b-kld98cxwv0] {
        min-height: 5.8rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-page[b-my0h14m040] {
    box-sizing: border-box;
    display: grid;
    height: calc(100dvh - var(--cc-top-offset) - var(--cc-content-top-space) - var(--cc-bottom-nav-height));
    min-height: 0;
    overflow: hidden;
    padding: 0.4rem 0 0;
}

@media (min-width: 641px) {
    .dashboard-page[b-my0h14m040] {
        height: calc(100dvh - var(--cc-top-offset) - var(--cc-content-top-space) - var(--cc-bottom-nav-height) - 0.2rem);
    }
}

.dashboard-overview-card[b-my0h14m040],
.dashboard-card[b-my0h14m040] {
    position: relative;
    display: grid;
    overflow: hidden;
    border: 1px solid #dbe6ef;
    border-radius: 8px;
    background: #ffffff;
}

.dashboard-overview-accent[b-my0h14m040],
.dashboard-card-accent[b-my0h14m040] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #5f9fe6;
}

.dashboard-card-accent-green[b-my0h14m040] {
    background: #5aa177;
}

.dashboard-card-accent-gold[b-my0h14m040] {
    background: #d7a63e;
}

.dashboard-card-accent-slate[b-my0h14m040] {
    background: #7f95aa;
}

.dashboard-overview-body[b-my0h14m040],
.dashboard-card-body[b-my0h14m040] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem 1.05rem 1rem 1.2rem;
}

.dashboard-overview-head[b-my0h14m040],
.dashboard-card-head[b-my0h14m040] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.9rem;
}

.dashboard-overview-title-group[b-my0h14m040],
.dashboard-card-title-group[b-my0h14m040] {
    display: grid;
    gap: 0.2rem;
}

.dashboard-overview-title[b-my0h14m040],
.dashboard-card-title[b-my0h14m040] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.dashboard-overview-title-group strong[b-my0h14m040],
.dashboard-card-title-group h2[b-my0h14m040] {
    margin: 0;
    color: #173650;
    letter-spacing: 0;
}

.dashboard-overview-title-group strong[b-my0h14m040] {
    font-size: clamp(1.35rem, 3.8vw, 1.9rem);
    line-height: 1.08;
}

.dashboard-card-title-group h2[b-my0h14m040] {
    font-size: 1.02rem;
}

.dashboard-overview-copy[b-my0h14m040],
.dashboard-empty[b-my0h14m040],
.dashboard-ranking-item span[b-my0h14m040],
.dashboard-completion-item span[b-my0h14m040],
.dashboard-week-day-label span[b-my0h14m040],
.dashboard-week-legend-item span[b-my0h14m040],
.dashboard-metric-copy[b-my0h14m040],
.dashboard-week-scale span[b-my0h14m040] {
    color: #60758a;
}

.dashboard-overview-copy[b-my0h14m040] {
    font-size: 0.92rem;
    line-height: 1.55;
}

.dashboard-overview-actions[b-my0h14m040] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.dashboard-overview-button[b-my0h14m040] {
    min-height: 2.55rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid #d8e3ec;
    border-radius: 8px;
    background: #ffffff;
    color: #173650;
    font-size: 0.84rem;
    font-weight: 800;
    text-decoration: none;
}

.dashboard-overview-button-primary[b-my0h14m040] {
    border-color: #2d7ac1;
    background: #2f84d8;
    color: #ffffff;
}

.dashboard-overview-icon[b-my0h14m040],
.dashboard-card-icon[b-my0h14m040] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #dbe6ef;
    background: #f6f9fc;
    color: #173650;
    flex-shrink: 0;
}

.dashboard-overview-icon[b-my0h14m040] {
    width: 2.45rem;
    height: 2.45rem;
}

.dashboard-overview-icon[b-my0h14m040]  svg,
.dashboard-card-icon[b-my0h14m040]  svg {
    width: 1rem;
    height: 1rem;
}

.dashboard-card-icon-blue[b-my0h14m040] {
    color: #2f84d8;
}

.dashboard-card-icon-green[b-my0h14m040] {
    color: #4c9b69;
}

.dashboard-card-icon-slate[b-my0h14m040] {
    color: #60758a;
}

.dashboard-card-icon-plain[b-my0h14m040] {
    width: 1.8rem;
    height: 1.8rem;
    border: 0;
    background: transparent;
}

.dashboard-card-icon-plain[b-my0h14m040]  svg {
    width: 1.35rem;
    height: 1.35rem;
}

.dashboard-metric-grid[b-my0h14m040] {
    display: grid;
    gap: 1rem;
}

.dashboard-analysis-entry-grid[b-my0h14m040] {
    display: grid;
    gap: 1rem;
}

.dashboard-analysis-tabs[b-my0h14m040] {
    margin-top: -0.2rem;
}

.dashboard-day-nav[b-my0h14m040] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.dashboard-day-nav-label[b-my0h14m040] {
    min-width: 8.5rem;
    color: #14324c;
    font-size: 0.86rem;
    font-weight: 800;
    text-align: center;
}

.dashboard-empty[b-my0h14m040] {
    margin: 0;
    font-size: 0.92rem;
}

.dashboard-champion-card[b-my0h14m040],
.dashboard-ranking-item[b-my0h14m040],
.dashboard-completion-item[b-my0h14m040] {
    display: grid;
    gap: 0.5rem;
    padding: 0.9rem 0.95rem;
    border: 1px solid #dde6ee;
    border-radius: 8px;
    background: #ffffff;
}

.dashboard-champion-card[b-my0h14m040] {
    background: #f6f9fc;
}

.dashboard-champion-content[b-my0h14m040] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.8rem;
}

.dashboard-champion-rank[b-my0h14m040],
.dashboard-ranking-position[b-my0h14m040] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #173650;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 800;
}

.dashboard-champion-text[b-my0h14m040],
.dashboard-ranking-list[b-my0h14m040],
.dashboard-completion-list[b-my0h14m040] {
    display: grid;
    gap: 0.45rem;
}

.dashboard-ranking-list-compact[b-my0h14m040] {
    gap: 0.55rem;
}

.dashboard-champion-text strong[b-my0h14m040],
.dashboard-ranking-item strong[b-my0h14m040],
.dashboard-completion-item strong[b-my0h14m040],
.dashboard-week-day-label strong[b-my0h14m040] {
    color: #14324c;
}

.dashboard-champion-text strong[b-my0h14m040] {
    font-size: 1.15rem;
}

.dashboard-champion-points[b-my0h14m040],
.dashboard-points[b-my0h14m040] {
    width: fit-content;
    padding: 0.34rem 0.55rem;
    border: 1px solid #cfe0ef;
    border-radius: 8px;
    background: #f4f8fc;
    color: #215179;
    font-size: 0.78rem;
    font-weight: 700;
}

.dashboard-ranking-item[b-my0h14m040] {
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-ranking-item-compact[b-my0h14m040] {
    padding: 0.75rem 0.85rem;
    border-radius: 6px;
}

.dashboard-ranking-item-leading[b-my0h14m040] {
    background: #f6f9fc;
}

.dashboard-ranking-copy[b-my0h14m040] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.dashboard-ranking-meta[b-my0h14m040] {
    display: grid;
    justify-items: end;
    gap: 0.08rem;
    text-align: right;
}

.dashboard-ranking-meta strong[b-my0h14m040] {
    color: #14324c;
    font-size: 0.95rem;
    line-height: 1.1;
}

.dashboard-ranking-meta span[b-my0h14m040] {
    color: #60758a;
    font-size: 0.74rem;
    line-height: 1.2;
}

.dashboard-completion-head[b-my0h14m040] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.dashboard-completion-list-analysis[b-my0h14m040] {
    gap: 0.55rem;
}

.dashboard-completion-item-analysis[b-my0h14m040] {
    gap: 0.3rem;
    padding: 0.8rem 0.9rem;
}

.dashboard-completion-points[b-my0h14m040] {
    color: #14324c;
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

.dashboard-completion-meta[b-my0h14m040] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    color: #60758a;
    font-size: 0.78rem;
    line-height: 1.4;
}

.dashboard-metric-card[b-my0h14m040] {
    min-height: 100%;
}

.dashboard-metric-value[b-my0h14m040] {
    color: #173650;
    font-size: clamp(1.8rem, 5vw, 2.4rem);
    font-weight: 900;
    line-height: 1;
}

.dashboard-metric-value-small[b-my0h14m040] {
    font-size: clamp(1.05rem, 3vw, 1.35rem);
    line-height: 1.2;
}

.dashboard-week-legend[b-my0h14m040] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem 1rem;
}

.dashboard-week-legend-item[b-my0h14m040] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.84rem;
    font-weight: 700;
}

.dashboard-week-legend-dot[b-my0h14m040] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
}

.dashboard-week-chart-shell[b-my0h14m040] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: stretch;
}

.dashboard-week-axis[b-my0h14m040] {
    min-width: 3rem;
    display: grid;
    gap: 0.35rem;
    align-content: start;
}

.dashboard-week-axis-title[b-my0h14m040] {
    color: #60758a;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: right;
}

.dashboard-week-scale[b-my0h14m040] {
    height: 11rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 1.55rem;
    font-size: 0.76rem;
    font-weight: 700;
    text-align: right;
}

.dashboard-week-chart[b-my0h14m040] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: end;
}

.dashboard-week-day[b-my0h14m040] {
    display: grid;
    gap: 0.55rem;
}

.dashboard-week-bars[b-my0h14m040] {
    height: 11rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    align-items: end;
    padding-top: 0.2rem;
    border-bottom: 1px solid #dbe6ef;
    background-image: repeating-linear-gradient(
        to top,
        rgba(190, 205, 219, 0.9) 0,
        rgba(190, 205, 219, 0.9) 1px,
        transparent 1px,
        transparent 25%
    );
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.dashboard-week-bar-track[b-my0h14m040] {
    height: 100%;
    display: flex;
    align-items: end;
}

.dashboard-week-bar[b-my0h14m040] {
    width: 100%;
    min-height: 0;
    border-radius: 8px 8px 4px 4px;
    background: #5f9fe6;
}

.dashboard-week-bar-empty[b-my0h14m040] {
    opacity: 0.14;
}

.dashboard-week-bar-blue[b-my0h14m040],
.dashboard-week-legend-dot.dashboard-week-bar-blue[b-my0h14m040] {
    background: #4a90e2;
}

.dashboard-week-bar-green[b-my0h14m040],
.dashboard-week-legend-dot.dashboard-week-bar-green[b-my0h14m040] {
    background: #5aa177;
}

.dashboard-week-bar-gold[b-my0h14m040],
.dashboard-week-legend-dot.dashboard-week-bar-gold[b-my0h14m040] {
    background: #d7a63e;
}

.dashboard-week-bar-slate[b-my0h14m040],
.dashboard-week-legend-dot.dashboard-week-bar-slate[b-my0h14m040] {
    background: #7f95aa;
}

.dashboard-week-day-label[b-my0h14m040] {
    display: grid;
    min-height: 2rem;
    align-content: start;
    gap: 0.1rem;
    text-align: center;
}

.dashboard-week-day-label strong[b-my0h14m040] {
    font-size: 0.84rem;
}

@media (max-width: 759px) {
    .dashboard-overview-actions[b-my0h14m040] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .dashboard-overview-button[b-my0h14m040] {
        text-align: center;
    }

    .dashboard-champion-content[b-my0h14m040],
    .dashboard-ranking-item[b-my0h14m040] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .dashboard-week-chart-shell[b-my0h14m040] {
        grid-template-columns: 2.75rem minmax(0, 1fr);
        gap: 0.45rem;
    }

    .dashboard-week-axis[b-my0h14m040] {
        min-width: 2.35rem;
        gap: 0.2rem;
    }

    .dashboard-week-scale[b-my0h14m040] {
        height: 9rem;
        padding-bottom: 1.55rem;
        font-size: 0.72rem;
        text-align: left;
    }

    .dashboard-week-chart[b-my0h14m040] {
        gap: 0.5rem;
        min-width: 0;
    }

    .dashboard-week-bars[b-my0h14m040] {
        height: 9rem;
        gap: 0.25rem;
    }
}

@media (min-width: 760px) {
    .dashboard-analysis-entry-grid[b-my0h14m040] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-metric-grid[b-my0h14m040] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-metric-grid-personal[b-my0h14m040] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* /Components/Pages/InvitationActivation.razor.rz.scp.css */
.invitation-activation-card[b-u4djdvjvjv] {
    width: min(30rem, 100%);
}

.invitation-activation-copy p[b-u4djdvjvjv] {
    margin: 0;
    color: #60758a;
    font-size: 0.9rem;
    line-height: 1.5;
}

.invitation-activation-meta[b-u4djdvjvjv] {
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem 0.9rem;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #f8fbfe;
    color: #60758a;
    font-size: 0.86rem;
}

.invitation-activation-meta-row[b-u4djdvjvjv] {
    display: grid;
    gap: 0.12rem;
}

.invitation-activation-meta-label[b-u4djdvjvjv] {
    color: #687d91;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.invitation-activation-meta strong[b-u4djdvjvjv] {
    color: #16324a;
    font-size: 0.95rem;
}

.invitation-activation-message[b-u4djdvjvjv] {
    padding: 0.72rem 0.85rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid #5f9fe6;
    border-radius: 6px;
    background: #f8fbfe;
    color: #395267;
    font-size: 0.86rem;
    font-weight: 700;
}

.invitation-activation-message-error[b-u4djdvjvjv] {
    border-color: #f1c3c3;
    border-left-color: #ef5b65;
    background: #fff7f7;
    color: #9f1d1d;
}

.invitation-activation-message-success[b-u4djdvjvjv] {
    border-color: #cfe5c8;
    border-left-color: #63b34c;
    background: #f7fcf5;
    color: #2f6f28;
}

.invitation-activation-form[b-u4djdvjvjv],
.invitation-activation-actions[b-u4djdvjvjv] {
    display: grid;
    gap: 0.75rem;
}

.invitation-activation-submit[b-u4djdvjvjv] {
    justify-self: start;
    min-width: 13rem;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-auth-card[b-jxxssczdb3] {
    width: min(27rem, 100%);
}

.login-form[b-jxxssczdb3] {
    display: grid;
    gap: 0.75rem;
}

.login-message[b-jxxssczdb3] {
    padding: 0.72rem 0.85rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid #5f9fe6;
    border-radius: 6px;
    background: #f8fbfe;
    color: #395267;
    font-size: 0.86rem;
    font-weight: 700;
}

.login-message-error[b-jxxssczdb3] {
    border-color: #f1c3c3;
    border-left-color: #ef5b65;
    background: #fff7f7;
    color: #9f1d1d;
}

.login-submit[b-jxxssczdb3] {
    justify-self: start;
    min-width: 10.5rem;
}

.login-secondary-link[b-jxxssczdb3] {
    color: #1c568e;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
}

.login-secondary-link:hover[b-jxxssczdb3],
.login-secondary-link:focus-visible[b-jxxssczdb3] {
    text-decoration: underline;
}
/* /Components/Pages/MasterData.razor.rz.scp.css */
.masterdata-page[b-w6bvhjfluj] {
    display: grid;
    gap: 1rem;
    padding: 1rem 0 2rem;
}

.masterdata-header-card[b-w6bvhjfluj],
.masterdata-card[b-w6bvhjfluj],
.masterdata-note-card[b-w6bvhjfluj] {
    display: grid;
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid #d8e2ec;
    border-radius: 12px;
    background: #fcfeff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.masterdata-header-card[b-w6bvhjfluj] {
    position: relative;
    overflow: hidden;
}

.masterdata-header-card[b-w6bvhjfluj]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, #2a6db3 0%, #5e9ad5 100%);
}

.masterdata-header-card h1[b-w6bvhjfluj],
.masterdata-card h2[b-w6bvhjfluj],
.masterdata-note-card h2[b-w6bvhjfluj] {
    margin: 0 0 0.45rem;
    color: #16324a;
    letter-spacing: -0.02em;
}

.masterdata-header-card p[b-w6bvhjfluj],
.masterdata-card p[b-w6bvhjfluj],
.masterdata-note-card p[b-w6bvhjfluj],
.masterdata-empty[b-w6bvhjfluj] {
    margin: 0;
    color: #60758a;
    line-height: 1.55;
}

.masterdata-grid[b-w6bvhjfluj] {
    display: grid;
    gap: 1rem;
}

.masterdata-overview-grid[b-w6bvhjfluj] {
    display: grid;
    gap: 1rem;
}

.masterdata-overview-card[b-w6bvhjfluj] {
    align-content: start;
}

.masterdata-link-button[b-w6bvhjfluj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0 1rem;
    border: 1px solid #c7d9eb;
    border-radius: 10px;
    background: #ffffff;
    color: #215a84;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.masterdata-link-button:hover[b-w6bvhjfluj],
.masterdata-link-button:focus-visible[b-w6bvhjfluj] {
    border-color: #9ebddd;
    background: #f5f9fd;
    color: #173650;
    outline: none;
    text-decoration: none;
}

.masterdata-card-header[b-w6bvhjfluj] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
}

.masterdata-list[b-w6bvhjfluj] {
    display: grid;
    gap: 0.7rem;
}

.masterdata-list-item[b-w6bvhjfluj] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem;
    text-align: left;
    border: 1px solid #dde6ee;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    color: inherit;
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.masterdata-list-item:hover[b-w6bvhjfluj],
.masterdata-list-item:focus-visible[b-w6bvhjfluj] {
    border-color: #9ebddd;
    box-shadow: 0 12px 24px rgba(32, 74, 114, 0.08);
    transform: translateY(-1px);
    outline: none;
}

.masterdata-list-item strong[b-w6bvhjfluj] {
    color: #14324c;
}

.masterdata-list-item span[b-w6bvhjfluj] {
    color: #60758a;
    font-size: 0.88rem;
}

@media (min-width: 760px) {
    .masterdata-overview-grid[b-w6bvhjfluj],
    .masterdata-grid[b-w6bvhjfluj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Messages.razor.rz.scp.css */
.messages-page[b-acsjw8tiel] {
    padding: 1.25rem 0 2rem;
}

.messages-shell[b-acsjw8tiel] {
    display: grid;
    gap: 1rem;
}

.messages-badge[b-acsjw8tiel] {
    width: fit-content;
    padding: 0.32rem 0.7rem;
    border: 1px solid #d7e3ed;
    border-radius: 999px;
    background: #f6fafe;
    color: #25506f;
    font-size: 0.78rem;
    font-weight: 700;
}

.messages-header h1[b-acsjw8tiel] {
    margin: 0.7rem 0 0.5rem;
    color: #12283c;
}

.messages-header p[b-acsjw8tiel],
.messages-empty[b-acsjw8tiel],
.message-card p[b-acsjw8tiel],
.message-card-meta span[b-acsjw8tiel] {
    color: #61788d;
}

.messages-header p[b-acsjw8tiel],
.message-card p[b-acsjw8tiel] {
    margin: 0;
}

.messages-panel[b-acsjw8tiel],
.messages-status[b-acsjw8tiel] {
    padding: 1.15rem;
    border: 1px solid #dce6ee;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.messages-status[b-acsjw8tiel] {
    color: #173650;
    font-weight: 600;
}

.messages-panel h2[b-acsjw8tiel] {
    margin: 0 0 1rem;
    color: #173650;
    font-size: 1.02rem;
}

.messages-grid[b-acsjw8tiel],
.messages-form[b-acsjw8tiel],
.messages-list[b-acsjw8tiel] {
    display: grid;
    gap: 0.9rem;
}

.messages-label[b-acsjw8tiel] {
    color: #395267;
    font-size: 0.9rem;
    font-weight: 700;
}

[b-acsjw8tiel] .messages-input,
[b-acsjw8tiel] .messages-textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 0.78rem 0.92rem;
    border: 1px solid #d5e0e9;
    border-radius: 8px;
    background: #ffffff;
    color: #173650;
    font: inherit;
    line-height: 1.45;
    appearance: none;
}

[b-acsjw8tiel] .messages-input:focus,
[b-acsjw8tiel] .messages-textarea:focus {
    outline: none;
    border-color: #2b74b3;
    box-shadow: 0 0 0 0.18rem rgba(43, 116, 179, 0.12);
}

.messages-textarea[b-acsjw8tiel] {
    min-height: 8rem;
    resize: vertical;
}

.message-card[b-acsjw8tiel] {
    display: grid;
    gap: 0.75rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dfe8ef;
    border-radius: 8px;
    background: #ffffff;
}

.message-card-outgoing[b-acsjw8tiel] {
    background: linear-gradient(180deg, #eef6fc 0%, #f9fbfd 100%);
    border-color: #d1e0eb;
}

.message-card-meta[b-acsjw8tiel] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.message-card-meta strong[b-acsjw8tiel] {
    display: block;
    color: #173650;
    font-size: 0.95rem;
}

.message-unread[b-acsjw8tiel] {
    width: fit-content;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: #173650;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
}

[b-acsjw8tiel] .validation-message {
    color: #b42347;
    font-size: 0.84rem;
}

@media (min-width: 900px) {
    .messages-grid[b-acsjw8tiel] {
        grid-template-columns: minmax(18rem, 0.9fr) minmax(0, 1.2fr);
        align-items: start;
    }
}

[b-acsjw8tiel] select.messages-input {
    cursor: pointer;
}
/* /Components/Pages/Planning.razor.rz.scp.css */
.planning-page[b-hw0zlxajau] {
    padding: 1.25rem 0 2rem;
}

.planning-shell[b-hw0zlxajau] {
    display: grid;
    gap: 1rem;
}

.planning-header-card[b-hw0zlxajau],
.planning-create-card[b-hw0zlxajau],
.planning-list-card[b-hw0zlxajau],
.planning-empty-state[b-hw0zlxajau],
.planning-status-message[b-hw0zlxajau] {
    width: 100%;
    padding: 1rem 1.05rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid var(--planning-accent, #4d8ad6);
    border-radius: 6px;
    background: #ffffff;
}

.planning-header-card[b-hw0zlxajau] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.planning-header-copy[b-hw0zlxajau] {
    display: grid;
    gap: 0.25rem;
}

.planning-eyebrow[b-hw0zlxajau],
.planning-card-head h2[b-hw0zlxajau],
.planning-header-card h1[b-hw0zlxajau],
.planning-summary-card span[b-hw0zlxajau] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.15;
}

.planning-eyebrow[b-hw0zlxajau],
.planning-summary-card span[b-hw0zlxajau] {
    color: #60758a;
}

.planning-header-card h1[b-hw0zlxajau],
.planning-card-head h2[b-hw0zlxajau] {
    margin: 0;
    color: #14324c;
}

.planning-header-card p[b-hw0zlxajau],
.planning-card-head p[b-hw0zlxajau] {
    margin: 0;
    color: #60758a;
    line-height: 1.55;
    font-size: 0.92rem;
}

.planning-header-actions[b-hw0zlxajau] {
    display: grid;
    gap: 0.7rem;
    justify-items: end;
}

.planning-workspace-picker[b-hw0zlxajau] {
    display: grid;
    gap: 0.3rem;
}

.planning-workspace-picker span[b-hw0zlxajau],
.planning-form-grid label span[b-hw0zlxajau],
.planning-membership-chip span[b-hw0zlxajau],
.planning-entry-head span[b-hw0zlxajau],
.planning-entry-card small[b-hw0zlxajau] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 700;
}

.planning-workspace-picker[b-hw0zlxajau]  select,
.planning-form-grid[b-hw0zlxajau]  input,
.planning-form-grid[b-hw0zlxajau]  textarea {
    min-height: 2.7rem;
    padding: 0.62rem 0.78rem;
    border: 1px solid #d8e3ec;
    border-radius: 6px;
    background: #ffffff;
    color: #14324c;
    box-shadow: none;
}

.planning-action-link[b-hw0zlxajau],
.planning-submit-link[b-hw0zlxajau] {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    color: #1c568e;
    font-size: 0.94rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.planning-action-link:hover[b-hw0zlxajau],
.planning-submit-link:hover[b-hw0zlxajau] {
    color: #14324c;
}

.planning-membership-strip[b-hw0zlxajau] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.planning-tab-strip[b-hw0zlxajau] {
    width: 100%;
    display: flex;
    gap: 0.7rem;
    padding-bottom: 0.1rem;
    overflow-x: auto;
}

.planning-tab[b-hw0zlxajau] {
    appearance: none;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #60758a;
    font-size: 0.86rem;
    font-weight: 800;
    padding: 0.45rem 0.15rem 0.55rem;
    white-space: nowrap;
    cursor: pointer;
}

.planning-tab-active[b-hw0zlxajau] {
    color: #14324c;
    border-bottom-color: #14324c;
}

.planning-membership-chip[b-hw0zlxajau] {
    display: grid;
    gap: 0.16rem;
    justify-items: start;
    padding: 0.8rem 0.92rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid var(--planning-accent, #4d8ad6);
    border-radius: 6px;
    background: #ffffff;
    text-align: left;
}

.planning-membership-chip strong[b-hw0zlxajau] {
    color: #14324c;
    font-size: 0.84rem;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.planning-membership-chip-active[b-hw0zlxajau] {
    border-color: #c8d9e8;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.planning-summary-grid[b-hw0zlxajau] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.planning-summary-card[b-hw0zlxajau] {
    position: relative;
    display: grid;
    gap: 0.2rem;
    padding: 0.9rem 0.95rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid var(--planning-accent, #4d8ad6);
    border-radius: 6px;
    background: #ffffff;
}

.planning-summary-icon[b-hw0zlxajau] {
    position: absolute;
    top: 0.9rem;
    right: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--planning-accent, #4d8ad6);
}

.planning-summary-icon[b-hw0zlxajau]  svg {
    width: 1.2rem;
    height: 1.2rem;
    stroke-width: 2.1;
}

.planning-summary-card strong[b-hw0zlxajau] {
    color: #14324c;
    font-size: 1.02rem;
    line-height: 1.2;
    padding-right: 1.9rem;
}

.planning-summary-card small[b-hw0zlxajau] {
    color: #60758a;
    font-size: 0.78rem;
    line-height: 1.45;
    padding-right: 1.2rem;
}

.planning-card-head[b-hw0zlxajau] {
    display: grid;
    gap: 0.2rem;
    margin-bottom: 0.95rem;
}

.planning-form-grid[b-hw0zlxajau] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.planning-subsection-grid[b-hw0zlxajau] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.planning-form-grid label[b-hw0zlxajau] {
    display: grid;
    gap: 0.35rem;
}

.planning-form-grid-full[b-hw0zlxajau] {
    grid-column: 1 / -1;
}

.planning-checkbox[b-hw0zlxajau] {
    display: flex !important;
    align-items: center;
    gap: 0.55rem;
    align-self: end;
}

.planning-checkbox[b-hw0zlxajau]  input {
    min-height: auto;
}

.planning-form-grid[b-hw0zlxajau]  textarea {
    min-height: 6.5rem;
    resize: vertical;
}

.planning-submit-link[b-hw0zlxajau] {
    margin-top: 0.9rem;
}

.planning-form-actions[b-hw0zlxajau] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.9rem;
}

.planning-entry-list[b-hw0zlxajau] {
    display: grid;
    gap: 0.75rem;
}

.planning-selection-card[b-hw0zlxajau] {
    display: grid;
    gap: 0.16rem;
    padding: 0.82rem 0.9rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid var(--planning-accent, #4d8ad6);
    border-radius: 6px;
    background: #ffffff;
    text-align: left;
}

.planning-selection-card strong[b-hw0zlxajau] {
    color: #14324c;
    font-size: 0.84rem;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.planning-selection-card span[b-hw0zlxajau] {
    color: #60758a;
    font-size: 0.78rem;
}

.planning-selection-card-active[b-hw0zlxajau] {
    border-color: #c8d9e8;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.planning-entry-card[b-hw0zlxajau] {
    display: grid;
    gap: 0.28rem;
    padding: 0.88rem 0.95rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid var(--planning-accent, #4d8ad6);
    border-radius: 6px;
    background: #ffffff;
}

.planning-entry-head[b-hw0zlxajau] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: baseline;
}

.planning-entry-head strong[b-hw0zlxajau] {
    color: #14324c;
    font-size: 0.84rem;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.planning-entry-card p[b-hw0zlxajau] {
    margin: 0;
    color: #4f6477;
    line-height: 1.55;
    font-size: 0.92rem;
}

.planning-empty-state[b-hw0zlxajau],
.planning-status-message[b-hw0zlxajau] {
    color: #60758a;
}

.planning-empty-state-inline[b-hw0zlxajau],
.planning-status-message[b-hw0zlxajau] {
    width: 100%;
}

@media (max-width: 720px) {
    .planning-header-card[b-hw0zlxajau],
    .planning-summary-grid[b-hw0zlxajau],
    .planning-form-grid[b-hw0zlxajau],
    .planning-subsection-grid[b-hw0zlxajau] {
        grid-template-columns: minmax(0, 1fr);
    }

    .planning-entry-head[b-hw0zlxajau] {
        display: grid;
    }

    .planning-header-actions[b-hw0zlxajau],
    .planning-workspace-picker[b-hw0zlxajau] {
        justify-items: stretch;
    }

    .planning-membership-strip[b-hw0zlxajau] {
        grid-template-columns: minmax(0, 1fr);
    }

    .planning-form-actions[b-hw0zlxajau] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/PlanningAdmin.razor.rz.scp.css */
.planning-admin-page[b-jp2pcnmrht] {
    padding: 1.25rem 0 2rem;
}

.planning-admin-shell[b-jp2pcnmrht] {
    display: grid;
    gap: 1rem;
}

.planning-admin-card[b-jp2pcnmrht],
.planning-admin-status[b-jp2pcnmrht],
.planning-admin-empty[b-jp2pcnmrht] {
    width: 100%;
    padding: 1rem 1.05rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid #4d8ad6;
    border-radius: 6px;
    background: #ffffff;
}

.planning-admin-head[b-jp2pcnmrht] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.planning-admin-eyebrow[b-jp2pcnmrht],
.planning-admin-head h1[b-jp2pcnmrht],
.planning-admin-card h2[b-jp2pcnmrht],
.planning-admin-workspace-card strong[b-jp2pcnmrht],
.planning-admin-list-item strong[b-jp2pcnmrht] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.15;
}

.planning-admin-eyebrow[b-jp2pcnmrht] {
    color: #60758a;
}

.planning-admin-head h1[b-jp2pcnmrht],
.planning-admin-card h2[b-jp2pcnmrht] {
    margin: 0;
    color: #14324c;
}

.planning-admin-head p[b-jp2pcnmrht],
.planning-admin-copy[b-jp2pcnmrht] {
    margin: 0.2rem 0 0;
    color: #60758a;
    line-height: 1.55;
    font-size: 0.92rem;
}

.planning-admin-tab-strip[b-jp2pcnmrht] {
    width: 100%;
    display: flex;
    gap: 0.65rem;
    padding-bottom: 0.15rem;
    overflow-x: auto;
}

.planning-admin-tab[b-jp2pcnmrht] {
    appearance: none;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #60758a;
    font-size: 0.86rem;
    font-weight: 800;
    padding: 0.45rem 0.15rem 0.55rem;
    white-space: nowrap;
    cursor: pointer;
}

.planning-admin-tab-active[b-jp2pcnmrht] {
    color: #14324c;
    border-bottom-color: #14324c;
}

.planning-admin-link[b-jp2pcnmrht] {
    appearance: none;
    min-height: 2.7rem;
    padding: 0.68rem 0.95rem;
    border: 1px solid #d8e3ec;
    border-radius: 6px;
    background: #ffffff;
    color: #1c568e;
    font-size: 0.9rem;
    font-weight: 800;
    cursor: pointer;
}

.planning-admin-link-secondary[b-jp2pcnmrht] {
    min-height: auto;
    padding: 0.5rem 0.8rem;
    font-size: 0.82rem;
}

.planning-admin-layout[b-jp2pcnmrht],
.planning-admin-subsection-grid[b-jp2pcnmrht] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 1rem;
}

.planning-admin-workspace-list[b-jp2pcnmrht],
.planning-admin-members-grid[b-jp2pcnmrht],
.planning-admin-list[b-jp2pcnmrht] {
    display: grid;
    gap: 0.75rem;
}

.planning-admin-workspace-card[b-jp2pcnmrht],
.planning-admin-list-item[b-jp2pcnmrht] {
    position: relative;
    display: grid;
    gap: 0.16rem;
    padding: 0.86rem 0.92rem 0.86rem 1rem;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
    text-align: left;
}

.planning-admin-workspace-card-active[b-jp2pcnmrht],
.planning-admin-list-item-active[b-jp2pcnmrht] {
    border-color: #c6d8e8;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

.planning-admin-workspace-accent[b-jp2pcnmrht] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    border-radius: 6px 0 0 6px;
}

.planning-admin-workspace-card small[b-jp2pcnmrht],
.planning-admin-workspace-card span[b-jp2pcnmrht],
.planning-admin-list-item span[b-jp2pcnmrht],
.planning-admin-member-option span[b-jp2pcnmrht],
.planning-admin-members-head span[b-jp2pcnmrht],
.planning-admin-form-grid label span[b-jp2pcnmrht] {
    color: #60758a;
    font-size: 0.78rem;
}

.planning-admin-form-head[b-jp2pcnmrht] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.planning-admin-form-grid[b-jp2pcnmrht] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.planning-admin-form-grid label[b-jp2pcnmrht] {
    display: grid;
    gap: 0.35rem;
}

.planning-admin-form-grid[b-jp2pcnmrht]  input,
.planning-admin-form-grid[b-jp2pcnmrht]  textarea,
.planning-admin-form-grid[b-jp2pcnmrht]  select {
    min-height: 2.7rem;
    padding: 0.62rem 0.78rem;
    border: 1px solid #d8e3ec;
    border-radius: 6px;
    background: #ffffff;
    color: #14324c;
    box-shadow: none;
}

.planning-admin-form-grid[b-jp2pcnmrht]  textarea {
    min-height: 6.5rem;
    resize: vertical;
}

.planning-admin-form-grid-full[b-jp2pcnmrht] {
    grid-column: 1 / -1;
}

.planning-admin-checkbox[b-jp2pcnmrht] {
    display: flex !important;
    align-items: center;
    gap: 0.55rem;
    align-self: end;
}

.planning-admin-members[b-jp2pcnmrht] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
}

.planning-admin-members-head[b-jp2pcnmrht] {
    display: grid;
    gap: 0.12rem;
}

.planning-admin-members-head strong[b-jp2pcnmrht],
.planning-admin-member-option strong[b-jp2pcnmrht] {
    color: #14324c;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.15;
}

.planning-admin-member-option[b-jp2pcnmrht] {
    display: flex;
    gap: 0.7rem;
    align-items: start;
    padding: 0.78rem 0.88rem;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
}

.planning-admin-member-option div[b-jp2pcnmrht] {
    display: grid;
    gap: 0.08rem;
}

.planning-admin-empty-inline[b-jp2pcnmrht] {
    width: 100%;
}

@media (max-width: 760px) {
    .planning-admin-head[b-jp2pcnmrht],
    .planning-admin-layout[b-jp2pcnmrht],
    .planning-admin-subsection-grid[b-jp2pcnmrht],
    .planning-admin-form-grid[b-jp2pcnmrht] {
        grid-template-columns: minmax(0, 1fr);
    }

    .planning-admin-form-head[b-jp2pcnmrht] {
        align-items: start;
        flex-direction: column;
    }
}
/* /Components/Pages/Profile.razor.rz.scp.css */
.profile-page[b-9nbpn3lsc2] {
    padding: 1.25rem 0 2rem;
}

.profile-shell[b-9nbpn3lsc2] {
    display: grid;
    gap: 1rem;
}

.profile-hero[b-9nbpn3lsc2] {
    display: grid;
    gap: 1rem;
}

.profile-badge[b-9nbpn3lsc2] {
    width: fit-content;
    padding: 0.32rem 0.7rem;
    border: 1px solid #d7e3ed;
    border-radius: 999px;
    background: #f6fafe;
    color: #25506f;
    font-size: 0.78rem;
    font-weight: 700;
}

.profile-hero h1[b-9nbpn3lsc2] {
    margin: 0.7rem 0 0.5rem;
    color: #12283c;
}

.profile-hero p[b-9nbpn3lsc2] {
    margin: 0;
    color: #597085;
    max-width: 65ch;
}

.profile-hero-card[b-9nbpn3lsc2],
.profile-panel[b-9nbpn3lsc2],
.profile-status[b-9nbpn3lsc2] {
    border: 1px solid #dce6ee;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.profile-hero-card[b-9nbpn3lsc2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.15rem;
}

.profile-hero-card[b-9nbpn3lsc2]  .user-avatar {
    flex: 0 0 auto;
    aspect-ratio: 1 / 1;
}

.profile-hero-text[b-9nbpn3lsc2] {
    display: grid;
    gap: 0.2rem;
}

.profile-hero-text strong[b-9nbpn3lsc2] {
    color: #173650;
    font-size: 1.08rem;
}

.profile-hero-text span[b-9nbpn3lsc2],
.profile-hero-text p[b-9nbpn3lsc2] {
    color: #637a8e;
    margin: 0;
}

.profile-status[b-9nbpn3lsc2],
.profile-panel[b-9nbpn3lsc2] {
    padding: 1.15rem;
}

.profile-status[b-9nbpn3lsc2] {
    color: #173650;
    font-weight: 600;
}

.profile-status-inline[b-9nbpn3lsc2] {
    margin-bottom: 1rem;
}

.profile-grid[b-9nbpn3lsc2] {
    display: grid;
    gap: 1rem;
}

.profile-panel h2[b-9nbpn3lsc2] {
    margin: 0 0 1rem;
    color: #173650;
    font-size: 1.02rem;
}

.profile-form[b-9nbpn3lsc2] {
    display: grid;
    gap: 0.75rem;
}

.profile-label[b-9nbpn3lsc2] {
    color: #395267;
    font-size: 0.9rem;
    font-weight: 700;
}

[b-9nbpn3lsc2] .profile-input,
[b-9nbpn3lsc2] .profile-textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 0.78rem 0.92rem;
    border: 1px solid #d5e0e9;
    border-radius: 8px;
    background: #ffffff;
    color: #173650;
    font: inherit;
    line-height: 1.45;
    appearance: none;
}

[b-9nbpn3lsc2] .profile-input:focus,
[b-9nbpn3lsc2] .profile-textarea:focus {
    outline: none;
    border-color: #2b74b3;
    box-shadow: 0 0 0 0.18rem rgba(43, 116, 179, 0.12);
}

.profile-textarea[b-9nbpn3lsc2] {
    min-height: 6.5rem;
    resize: vertical;
}

.profile-choice-group[b-9nbpn3lsc2] {
    display: grid;
    gap: 0.7rem;
}

.profile-avatar-options[b-9nbpn3lsc2],
.profile-color-options[b-9nbpn3lsc2] {
    display: grid;
    gap: 0.7rem;
}

.profile-avatar-options[b-9nbpn3lsc2] {
    grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
}

.profile-color-options[b-9nbpn3lsc2] {
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
}

.profile-avatar-option[b-9nbpn3lsc2],
.profile-color-option[b-9nbpn3lsc2] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.8rem 0.85rem;
    border: 1px solid #dde7ef;
    border-radius: 8px;
    background: #ffffff;
    color: #4e667a;
    cursor: pointer;
}

.profile-avatar-option input[b-9nbpn3lsc2],
.profile-color-option input[b-9nbpn3lsc2] {
    margin: 0;
}

.profile-avatar-option span:last-child[b-9nbpn3lsc2],
.profile-color-option span:last-child[b-9nbpn3lsc2] {
    font-size: 0.9rem;
    font-weight: 600;
}

.profile-avatar-option span:last-child[b-9nbpn3lsc2] {
    min-width: 0;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
}

.profile-color-swatch[b-9nbpn3lsc2] {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

.profile-error[b-9nbpn3lsc2] {
    padding: 0.8rem 0.9rem;
    border: 1px solid #f0c5cf;
    border-radius: 8px;
    background: #fff6f8;
    color: #9b3150;
}

.profile-meta[b-9nbpn3lsc2] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2ebf2;
}

.profile-meta span[b-9nbpn3lsc2] {
    display: block;
    color: #70859a;
    font-size: 0.86rem;
}

.profile-meta strong[b-9nbpn3lsc2] {
    color: #173650;
    font-size: 0.95rem;
}

.profile-panel-copy[b-9nbpn3lsc2],
.profile-push-state[b-9nbpn3lsc2] {
    margin: 0 0 1rem;
    color: #637a8e;
}

.profile-push-meta[b-9nbpn3lsc2] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
}

.profile-push-meta span[b-9nbpn3lsc2] {
    display: block;
    color: #70859a;
    font-size: 0.86rem;
}

.profile-push-meta strong[b-9nbpn3lsc2] {
    color: #173650;
    font-size: 0.95rem;
}

.profile-push-actions[b-9nbpn3lsc2] {
    margin-top: 1rem;
}

.profile-notification-areas[b-9nbpn3lsc2] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2ebf2;
}

.profile-notification-areas-head[b-9nbpn3lsc2] {
    display: grid;
    gap: 0.16rem;
}

.profile-notification-areas-head strong[b-9nbpn3lsc2] {
    color: #173650;
    font-size: 0.92rem;
}

.profile-notification-areas-head span[b-9nbpn3lsc2] {
    color: #637a8e;
    font-size: 0.84rem;
}

.profile-notification-area-list[b-9nbpn3lsc2] {
    display: grid;
    gap: 0.7rem;
}

.profile-notification-area[b-9nbpn3lsc2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.78rem 0.85rem;
    border: 1px solid #dde7ef;
    border-radius: 8px;
    background: #ffffff;
}

.profile-notification-area-copy[b-9nbpn3lsc2] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.profile-notification-area-copy strong[b-9nbpn3lsc2] {
    color: #173650;
    font-size: 0.9rem;
}

.profile-notification-area-copy span[b-9nbpn3lsc2] {
    color: #637a8e;
    font-size: 0.82rem;
    line-height: 1.45;
}

.profile-push-actions .btn-secondary[b-9nbpn3lsc2] {
    border: 1px solid #cbd9e5;
    border-radius: 8px;
    background: #f8fbfd;
    color: #224765;
    padding: 0.7rem 1rem;
    font-weight: 600;
}

[b-9nbpn3lsc2] .validation-message {
    color: #b42347;
    font-size: 0.84rem;
}

@media (min-width: 900px) {
    .profile-hero[b-9nbpn3lsc2] {
        grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.9fr);
        align-items: start;
    }

    .profile-grid[b-9nbpn3lsc2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.profile-avatar-option[b-9nbpn3lsc2]  .user-avatar {
    flex: 0 0 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    aspect-ratio: 1 / 1;
}
/* /Components/Pages/QuickComplete.razor.rz.scp.css */
.quick-complete-page[b-no8zmogkp0] {
    display: grid;
    gap: 1rem;
    padding: 1rem 0 2rem;
}

.quick-complete-header[b-no8zmogkp0],
.quick-complete-feedback[b-no8zmogkp0],
.general-task-card[b-no8zmogkp0] {
    display: grid;
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid #d8e2ec;
    border-radius: 12px;
    background: #fcfeff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.quick-complete-header[b-no8zmogkp0] {
    position: relative;
    overflow: hidden;
}

.quick-complete-header[b-no8zmogkp0]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, #2a6db3 0%, #5e9ad5 100%);
}

.quick-complete-header h1[b-no8zmogkp0],
.general-task-header h2[b-no8zmogkp0] {
    margin: 0 0 0.45rem;
    color: #16324a;
    letter-spacing: -0.02em;
}

.quick-complete-header h1[b-no8zmogkp0] {
    font-size: clamp(1.65rem, 5vw, 2.2rem);
}

.general-task-header h2[b-no8zmogkp0] {
    font-size: 1rem;
}

.quick-complete-header p[b-no8zmogkp0],
.quick-complete-feedback[b-no8zmogkp0],
.general-task-header p[b-no8zmogkp0] {
    margin: 0;
    color: #60758a;
    line-height: 1.55;
}

.quick-complete-feedback[b-no8zmogkp0] {
    color: #22593b;
    border-color: #cfe2d6;
    background: #f6fbf7;
}

.general-task-header[b-no8zmogkp0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.general-task-points[b-no8zmogkp0] {
    flex-shrink: 0;
    padding: 0.42rem 0.65rem;
    border: 1px solid #cfe0ef;
    border-radius: 8px;
    background: #f4f8fc;
    color: #215179;
    font-size: 0.85rem;
    font-weight: 800;
}

.general-task-grid[b-no8zmogkp0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.general-task-field[b-no8zmogkp0] {
    min-width: 0;
}

.general-task-field-wide[b-no8zmogkp0] {
    grid-column: 1 / -1;
}

.general-task-actions[b-no8zmogkp0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #edf3f8;
}

.general-task-buttons[b-no8zmogkp0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.general-task-meta[b-no8zmogkp0] {
    color: #60758a;
    font-size: 0.9rem;
}

@media (min-width: 700px) {
    .quick-complete-page[b-no8zmogkp0] {
        padding-top: 1.5rem;
    }
}

@media (max-width: 699px) {
    .general-task-grid[b-no8zmogkp0] {
        grid-template-columns: 1fr;
    }

    .general-task-actions[b-no8zmogkp0] {
        flex-direction: column;
        align-items: stretch;
    }

    .general-task-buttons[b-no8zmogkp0] {
        justify-content: stretch;
    }

    .general-task-points[b-no8zmogkp0] {
        align-self: flex-start;
    }
}
/* /Components/Pages/Quiz.razor.rz.scp.css */
.quiz-page[b-z5g32eezyv] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    height: calc(100dvh - var(--cc-top-offset) - var(--cc-content-top-space) - var(--cc-bottom-nav-height));
    min-height: 0;
    gap: 0;
    padding: 0.4rem 0 0;
    box-sizing: border-box;
    overflow: hidden;
    overflow-x: clip;
}

.quiz-dashboard-shell[b-z5g32eezyv] {
    display: grid;
    gap: 1rem;
    min-height: 0;
}

.quiz-page > .quiz-dashboard-shell:not(.app-tabbed-content)[b-z5g32eezyv],
.quiz-page > .quiz-newmatch-shell[b-z5g32eezyv],
.quiz-page > .quiz-match-overview[b-z5g32eezyv] {
    min-height: 0;
    overflow-y: auto;
    overflow-x: clip;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.5rem;
}

@media (min-width: 641px) {
    .quiz-page[b-z5g32eezyv] {
        height: calc(100dvh - var(--cc-top-offset) - var(--cc-content-top-space) - var(--cc-bottom-nav-height) - 0.2rem);
    }
}

.quiz-info-section[b-z5g32eezyv] {
    display: grid;
    gap: 0;
    border: 1px solid #d7e2ec;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.quiz-info-section-toggle[b-z5g32eezyv] {
    width: 100%;
    padding: 0.95rem 1rem 0.95rem 1.05rem;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
}

.quiz-info-section-static-head[b-z5g32eezyv] {
    padding: 0.95rem 1rem 0.95rem 1.05rem;
}

.quiz-info-section-toggle:hover[b-z5g32eezyv] {
    background: rgba(245, 249, 253, 0.72);
}

.quiz-info-section-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.3rem;
}

.quiz-info-section-copy h2[b-z5g32eezyv] {
    margin: 0;
    color: #16324a;
    font-size: clamp(1.9rem, 4vw, 2.5rem);
    line-height: 1;
    letter-spacing: -0.02em;
}

.quiz-info-section-copy p[b-z5g32eezyv] {
    margin: 0;
    color: #60758a;
    max-width: 60ch;
}

.quiz-info-section-body[b-z5g32eezyv] {
    display: grid;
    gap: 0.9rem;
    padding: 0 0.95rem 0.95rem;
    border-top: 1px solid #e7eef5;
}

.quiz-history-panel[b-z5g32eezyv] {
    display: grid;
    gap: 0.75rem;
    padding: 0.1rem 0 0.15rem;
}

.quiz-history-head[b-z5g32eezyv] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: baseline;
}

.quiz-history-head h3[b-z5g32eezyv] {
    margin: 0;
    color: #16324a;
    font-size: 0.98rem;
}

.quiz-history-head span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.quiz-history-list[b-z5g32eezyv] {
    display: grid;
    gap: 0.6rem;
}

.quiz-history-item[b-z5g32eezyv] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    padding: 0.78rem 0.9rem 0.78rem 1rem;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.035);
    overflow: hidden;
}

.quiz-history-accent[b-z5g32eezyv] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #8aa0b5;
}

.quiz-history-item-win .quiz-history-accent[b-z5g32eezyv] {
    background: #6dbd45;
}

.quiz-history-item-loss .quiz-history-accent[b-z5g32eezyv] {
    background: #e16273;
}

.quiz-history-item-draw .quiz-history-accent[b-z5g32eezyv] {
    background: #e5b84d;
}

.quiz-history-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.quiz-history-copy strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 0.92rem;
    font-weight: 700;
}

.quiz-history-copy span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.77rem;
    font-weight: 600;
}

.quiz-history-score[b-z5g32eezyv] {
    color: #14324c;
    font-size: 1rem;
    font-weight: 800;
    white-space: nowrap;
}

.quiz-history-empty[b-z5g32eezyv] {
    padding: 0.9rem 1rem;
    border: 1px dashed #d6e2ed;
    border-radius: 8px;
    color: #60758a;
    background: #fbfdff;
}

.quiz-actions-stack[b-z5g32eezyv] {
    display: grid;
    gap: 0.9rem;
}

.quiz-action-card[b-z5g32eezyv] {
    min-height: auto;
}

.quiz-action-card-body[b-z5g32eezyv] {
    height: auto;
    grid-template-rows: auto auto;
    gap: 0.48rem;
}

.quiz-action-card-head[b-z5g32eezyv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.8rem;
}

.quiz-action-card-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.quiz-action-card-title-row[b-z5g32eezyv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.quiz-action-card-title[b-z5g32eezyv] {
    color: #16324a;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.quiz-action-card-subtitle[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.35;
}

.quiz-action-card-icon[b-z5g32eezyv] {
    width: 2rem;
    height: 2rem;
    font-size: 1.45rem;
    align-self: flex-start;
}

.quiz-action-card-link[b-z5g32eezyv] {
    width: fit-content;
    font-size: 0.84rem !important;
    font-weight: 800;
    color: #1c568e;
}

.quiz-actions-panel[b-z5g32eezyv] {
    display: grid;
    gap: 0.8rem;
    padding: 0.92rem 1rem 0.82rem 1.15rem;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
    position: relative;
    overflow: hidden;
}

.quiz-actions-panel-button[b-z5g32eezyv] {
    width: 100%;
    text-align: left;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.quiz-actions-panel[b-z5g32eezyv]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #6bc7d8;
}

.quiz-action-card-cyan[b-z5g32eezyv]::before {
    background: #6bc7d8;
}

.quiz-action-card-cyan .quiz-action-card-icon[b-z5g32eezyv] {
    color: #6bc7d8;
}

.quiz-actions-panel-head[b-z5g32eezyv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.85rem;
}

.quiz-actions-panel-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.22rem;
}

.quiz-actions-panel-link[b-z5g32eezyv] {
    color: #1c568e;
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
}

.quiz-action-card-link[b-z5g32eezyv]  svg,
.quiz-actions-panel-link[b-z5g32eezyv]  svg {
    width: 0.82rem;
    height: 0.82rem;
}

.quiz-actions-shortcuts[b-z5g32eezyv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.quiz-actions-list[b-z5g32eezyv] {
    display: grid;
    gap: 0.6rem;
}

.quiz-actions-item[b-z5g32eezyv] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.78rem 0.88rem 0.78rem 0.98rem;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.quiz-actions-item-user[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.quiz-actions-item-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.quiz-actions-item-copy strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 0.92rem;
}

.quiz-actions-item-copy span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
}

.quiz-actions-item-count[b-z5g32eezyv] {
    color: #14324c;
    font-size: 1rem;
    font-weight: 800;
}

.quiz-actions-summary[b-z5g32eezyv] {
    display: grid;
    flex-wrap: wrap;
    gap: 0.12rem;
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 700;
}

.quiz-actions-summary span:last-child[b-z5g32eezyv] {
    color: #284763;
}

.quiz-provider-log-panel[b-z5g32eezyv] {
    display: grid;
    gap: 0.75rem;
}

.quiz-provider-log-list[b-z5g32eezyv] {
    display: grid;
    gap: 0.7rem;
}

.quiz-provider-log-item[b-z5g32eezyv] {
    position: relative;
    display: grid;
    gap: 0.45rem;
    padding: 0.82rem 0.95rem 0.82rem 1rem;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.035);
    overflow: hidden;
}

.quiz-provider-log-item-success .quiz-history-accent[b-z5g32eezyv] {
    background: #3b82f6;
}

.quiz-provider-log-item-failure .quiz-history-accent[b-z5g32eezyv] {
    background: #e16273;
}

.quiz-provider-log-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.quiz-provider-log-head[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.quiz-provider-log-head strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 0.95rem;
}

.quiz-provider-log-meta[b-z5g32eezyv],
.quiz-provider-log-outcome[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.77rem;
    font-weight: 600;
}

.quiz-provider-log-error[b-z5g32eezyv] {
    color: #9a3d50;
    font-size: 0.8rem;
    font-weight: 700;
}

.quiz-provider-log-badge[b-z5g32eezyv] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.quiz-provider-log-badge-success[b-z5g32eezyv] {
    background: #f2f8ff;
    color: #2b6a95;
}

.quiz-provider-log-badge-failure[b-z5g32eezyv] {
    background: #fff2f4;
    color: #a64559;
}

.quiz-provider-log-details[b-z5g32eezyv] {
    margin-top: 0.15rem;
}

.quiz-provider-log-details summary[b-z5g32eezyv] {
    cursor: pointer;
    color: #2b6a95;
    font-size: 0.78rem;
    font-weight: 700;
}

.quiz-provider-log-pre[b-z5g32eezyv] {
    margin: 0.45rem 0 0;
    padding: 0.75rem 0.85rem;
    border: 1px solid #e2eaf1;
    border-radius: 8px;
    background: #f8fbfe;
    color: #173650;
    font-size: 0.74rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.quiz-leaderboard-shell[b-z5g32eezyv] {
    display: grid;
    gap: 0.85rem;
}

.quiz-leaderboard-list[b-z5g32eezyv] {
    display: grid;
    gap: 0.75rem;
}

.quiz-highlights-grid[b-z5g32eezyv] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
}

.quiz-highlight-card[b-z5g32eezyv] {
    min-height: auto;
}

.quiz-highlight-main[b-z5g32eezyv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
}

.quiz-highlight-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.quiz-highlight-copy strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 0.98rem;
}

.quiz-highlight-copy span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.8rem;
    font-weight: 700;
}

.quiz-leaderboard-card[b-z5g32eezyv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    min-height: auto;
    padding: 0.9rem 1rem 0.9rem 1.15rem;
    border-color: #d8e4ef;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.035);
}

.quiz-leaderboard-rank[b-z5g32eezyv] {
    min-width: 2.5rem;
    color: #2f597f;
    font-size: 0.9rem;
    font-weight: 800;
}

.quiz-leaderboard-user[b-z5g32eezyv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-width: 0;
}

.quiz-leaderboard-user-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.quiz-leaderboard-user-copy strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 0.98rem;
}

.quiz-leaderboard-user-copy span[b-z5g32eezyv],
.quiz-leaderboard-metrics span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 700;
}

.quiz-leaderboard-metrics[b-z5g32eezyv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.9rem;
}

.quiz-leaderboard-metrics div[b-z5g32eezyv] {
    display: grid;
    gap: 0.12rem;
    justify-items: end;
}

.quiz-leaderboard-metrics strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 1rem;
}

.quiz-dashboard-head[b-z5g32eezyv] {
    display: grid;
    gap: 0.45rem;
    padding: 0.2rem 0;
}

.quiz-dashboard-head h1[b-z5g32eezyv] {
    margin: 0;
    color: #16324a;
    font-size: clamp(1.9rem, 4vw, 2.5rem);
    letter-spacing: -0.02em;
}

.quiz-dashboard-head p[b-z5g32eezyv] {
    margin: 0;
    color: #60758a;
    max-width: 58ch;
}

.quiz-dashboard-grid[b-z5g32eezyv] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
}

.quiz-metric-card[b-z5g32eezyv] {
    position: relative;
    min-height: 7.2rem;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.quiz-metric-card-button[b-z5g32eezyv] {
    width: 100%;
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.quiz-metric-card-button:hover[b-z5g32eezyv] {
    border-color: #c6d7e5;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.1);
    transform: translateY(-2px) scale(1.01);
}

.quiz-metric-card-button:hover .quiz-metric-cta[b-z5g32eezyv] {
    color: #173650;
}

.quiz-metric-card-button:active[b-z5g32eezyv] {
    transform: translateY(1px) scale(0.995);
    box-shadow: 0 5px 12px rgba(15, 23, 42, 0.09);
}

.quiz-metric-card-button:focus-visible[b-z5g32eezyv] {
    outline: 2px solid rgba(37, 140, 251, 0.45);
    outline-offset: 2px;
}

.quiz-metric-card-highlight[b-z5g32eezyv] {
    grid-column: 1 / -1;
}

.quiz-metric-card-accent[b-z5g32eezyv] {
    background: linear-gradient(180deg, #fbfdff 0%, #f7faff 100%);
}

.quiz-metric-accent[b-z5g32eezyv] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #7ea0be;
}

.quiz-metric-card-blue .quiz-metric-accent[b-z5g32eezyv] {
    background: #3b82f6;
}

.quiz-metric-card-blue .quiz-metric-icon[b-z5g32eezyv] {
    color: #3b82f6;
}

.quiz-metric-card-green .quiz-metric-accent[b-z5g32eezyv] {
    background: #6dbd45;
}

.quiz-metric-card-green .quiz-metric-icon[b-z5g32eezyv] {
    color: #6dbd45;
}

.quiz-metric-card-red .quiz-metric-accent[b-z5g32eezyv] {
    background: #e16273;
}

.quiz-metric-card-red .quiz-metric-icon[b-z5g32eezyv] {
    color: #e16273;
}

.quiz-metric-card-gold .quiz-metric-accent[b-z5g32eezyv] {
    background: #e5b84d;
}

.quiz-metric-card-gold .quiz-metric-icon[b-z5g32eezyv] {
    color: #e5b84d;
}

.quiz-metric-card-indigo .quiz-metric-accent[b-z5g32eezyv] {
    background: #6bc7d8;
}

.quiz-metric-card-indigo .quiz-metric-icon[b-z5g32eezyv] {
    color: #6bc7d8;
}

.quiz-metric-body[b-z5g32eezyv] {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0.45rem;
    padding: 0.85rem 1rem 0.95rem 1.15rem;
}

.quiz-metric-card-head[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.quiz-metric-title-group[b-z5g32eezyv],
.quiz-title-with-badge[b-z5g32eezyv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.quiz-metric-title[b-z5g32eezyv] {
    display: block;
    font-size: 0.88rem;
    font-weight: 500;
    line-height: 1.2;
    color: #284763;
}

.quiz-metric-cta[b-z5g32eezyv] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    color: #2b6a95;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.quiz-soon-badge[b-z5g32eezyv] {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: 0.08rem 0.45rem;
    border: 1px solid #d8e3ec;
    border-radius: 999px;
    background: #f8fbfe;
    color: #60758a;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.quiz-metric-cta[b-z5g32eezyv]  svg {
    width: 0.82rem;
    height: 0.82rem;
}

.quiz-metric-body-highlight[b-z5g32eezyv] {
    gap: 0.65rem;
}

.quiz-metric-card-head-highlight[b-z5g32eezyv] {
    align-items: flex-start;
}

.quiz-metric-visual[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    gap: 0.8rem;
}

.quiz-metric-visual-highlight[b-z5g32eezyv] {
    align-items: center;
}

.quiz-metric-visual-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.quiz-metric-visual-copy span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.83rem;
    font-weight: 700;
    line-height: 1.25;
}

.quiz-metric-icon[b-z5g32eezyv] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.95rem;
    background: transparent;
    opacity: 0.92;
}

.quiz-metric-icon-blue[b-z5g32eezyv] {
    color: #3b82f6;
}

.quiz-metric-card.quiz-action-card > .quiz-action-card-body.quiz-metric-body[b-z5g32eezyv] {
    height: auto;
    grid-template-rows: auto auto;
    align-content: start;
    gap: 0.28rem;
    padding: 0.85rem 1rem 0.8rem 1.15rem;
}

.quiz-metric-card.quiz-action-card .quiz-action-card-head[b-z5g32eezyv] {
    margin-bottom: 0;
}

.quiz-metric-card.quiz-action-card .quiz-action-card-copy[b-z5g32eezyv] {
    gap: 0.14rem;
}

.quiz-metric-card.quiz-action-card .quiz-action-card-subtitle[b-z5g32eezyv] {
    margin-bottom: 0;
}

.quiz-action-card-link[b-z5g32eezyv],
.quiz-actions-panel-link[b-z5g32eezyv] {
    color: #1c568e !important;
    font-size: 0.84rem !important;
    font-weight: 800;
}

.quiz-metric-card.quiz-action-card .quiz-action-card-link[b-z5g32eezyv],
.quiz-actions-panel .quiz-actions-panel-link[b-z5g32eezyv] {
    margin-top: 0;
}

.quiz-metric-icon-green[b-z5g32eezyv] {
    color: inherit;
}

.quiz-metric-icon-red[b-z5g32eezyv] {
    color: inherit;
}

.quiz-metric-icon-gold[b-z5g32eezyv] {
    color: inherit;
}

.quiz-metric-icon-indigo[b-z5g32eezyv] {
    color: inherit;
}

.quiz-metric-visual strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 700;
    line-height: 1;
}

.quiz-stage[b-z5g32eezyv] {
    display: grid;
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid #d8e2ec;
    border-radius: 12px;
    background: #fcfeff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    color: #16324a;
}

.quiz-stage-copy h1[b-z5g32eezyv] {
    margin: 0.55rem 0 0.45rem;
    color: #16324a;
    font-size: clamp(1.9rem, 4vw, 2.5rem);
    letter-spacing: -0.02em;
    text-shadow: none;
}

.quiz-stage-copy p[b-z5g32eezyv],
.quiz-stage-stats span[b-z5g32eezyv] {
    color: #60758a;
}

.quiz-stage-copy p[b-z5g32eezyv] {
    max-width: 58ch;
    margin: 0;
}

.quiz-badge[b-z5g32eezyv] {
    width: fit-content;
    padding: 0.32rem 0.7rem;
    border: 1px solid rgba(57, 98, 133, 0.18);
    border-radius: 8px;
    background: rgba(244, 248, 252, 0.9);
    color: #173650;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.quiz-stage-stats[b-z5g32eezyv] {
    display: grid;
    gap: 0.75rem;
}

.quiz-stage-stats div[b-z5g32eezyv] {
    display: grid;
    gap: 0.15rem;
    padding: 0.9rem 1rem;
    border: 1px solid #dde6ee;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.quiz-stage-stats strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 1rem;
}

.quiz-status[b-z5g32eezyv] {
    padding: 0.95rem 1rem;
    border: 1px solid #d5e5ef;
    border-radius: 8px;
    background: #f7fbfe;
    color: #173650;
    font-weight: 600;
}

.quiz-status-inline[b-z5g32eezyv] {
    margin-bottom: 0.2rem;
    padding: 0.78rem 0.88rem;
}

.quiz-grid[b-z5g32eezyv] {
    display: grid;
    gap: 1rem;
}

.quiz-setup-panel[b-z5g32eezyv],
.quiz-overview-panel[b-z5g32eezyv] {
    padding: 1.2rem;
    border: 1px solid #d8e2ec;
    border-radius: 12px;
    background: #fcfeff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.quiz-setup-panel[b-z5g32eezyv] {
    padding: 1rem;
}

.quiz-setup-header[b-z5g32eezyv],
.quiz-overview-header[b-z5g32eezyv] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: baseline;
    margin-bottom: 1rem;
}

.quiz-setup-header h2[b-z5g32eezyv],
.quiz-overview-header h2[b-z5g32eezyv] {
    margin: 0;
    color: #16324a;
    font-size: 1.05rem;
}

.quiz-setup-header span[b-z5g32eezyv],
.quiz-overview-header span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
}

.quiz-match-overview[b-z5g32eezyv] {
    display: grid;
    gap: 0.9rem;
}

.quiz-newmatch-shell[b-z5g32eezyv] {
    display: grid;
    gap: 0.9rem;
}

.quiz-newmatch-card[b-z5g32eezyv] {
    min-height: auto;
    padding: 0.95rem 1rem 1rem 1.15rem;
}

.quiz-newmatch-head[b-z5g32eezyv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.quiz-newmatch-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.quiz-newmatch-copy h2[b-z5g32eezyv] {
    margin: 0;
    color: #16324a;
    font-size: 1.05rem;
}

.quiz-newmatch-icon[b-z5g32eezyv] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6;
    font-size: 1.95rem;
    flex-shrink: 0;
}

.quiz-newmatch-form[b-z5g32eezyv] {
    gap: 0.8rem;
}

.quiz-match-ready-icon[b-z5g32eezyv] {
    color: #6dbd45;
}

.quiz-match-ready-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.28rem;
    margin-bottom: 0.9rem;
}

.quiz-match-ready-copy strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 1rem;
}

.quiz-match-ready-copy p[b-z5g32eezyv] {
    margin: 0;
    color: #60758a;
    line-height: 1.55;
}


.quiz-daily-card-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.35rem;
}

.quiz-daily-card-copy strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 1rem;
}

.quiz-daily-card-copy p[b-z5g32eezyv] {
    margin: 0;
    color: #60758a;
    line-height: 1.55;
}

.quiz-daily-note[b-z5g32eezyv] {
    font-size: 0.82rem;
    font-weight: 700;
}

.quiz-opponent-trigger[b-z5g32eezyv] {
    width: 100%;
    padding: 0.82rem 0.96rem;
    border: 1px solid #d8e3ec;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    color: #173650;
    text-align: left;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
}

.quiz-opponent-trigger:hover[b-z5g32eezyv] {
    border-color: #c1d3e1;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
}

.quiz-opponent-trigger:focus-visible[b-z5g32eezyv] {
    outline: none;
    border-color: #9ebddd;
    box-shadow: 0 0 0 0.18rem rgba(32, 74, 114, 0.08);
    transform: translateY(-1px);
}

.quiz-opponent-trigger-content[b-z5g32eezyv],
.quiz-opponent-trigger-placeholder[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.quiz-opponent-trigger-user[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.quiz-opponent-trigger-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
}

.quiz-opponent-trigger-copy strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 0.95rem;
}

.quiz-opponent-trigger-copy span[b-z5g32eezyv],
.quiz-opponent-trigger-action[b-z5g32eezyv],
.quiz-opponent-trigger-placeholder[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 700;
}

.quiz-opponent-trigger-action[b-z5g32eezyv] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
}

.quiz-picker-overlay[b-z5g32eezyv] {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: grid;
    place-items: end center;
    padding: 1rem;
    background: rgba(10, 23, 35, 0.38);
    backdrop-filter: blur(8px);
    overflow-y: auto;
}

.quiz-picker-dialog[b-z5g32eezyv] {
    width: min(100%, 32rem);
    max-height: min(78vh, 40rem);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.9rem;
    min-height: 0;
    padding: 1rem;
    border: 1px solid #d8e2ec;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
    overflow: hidden;
}

.quiz-picker-head[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.quiz-picker-head h3[b-z5g32eezyv] {
    margin: 0;
    color: #16324a;
    font-size: 1rem;
}

.quiz-picker-close[b-z5g32eezyv] {
    width: 2.3rem;
    height: 2.3rem;
    border: 1px solid #d6e0e9;
    border-radius: 10px;
    background: #fbfdff;
    color: #4a657d;
}

.quiz-picker-list[b-z5g32eezyv] {
    display: grid;
    gap: 0.7rem;
    min-height: 0;
    max-height: 100%;
    padding-right: 0.1rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
}

.quiz-picker-user[b-z5g32eezyv] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 0.9rem;
    border: 1px solid #dbe5ee;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    color: #14324c;
    text-align: left;
}

.quiz-picker-user:hover[b-z5g32eezyv],
.quiz-picker-user-active[b-z5g32eezyv] {
    border-color: #c4d6e6;
    background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
}

.quiz-picker-user-main[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.quiz-picker-user-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
}

.quiz-picker-user-copy strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 0.94rem;
}

.quiz-picker-user-copy span[b-z5g32eezyv],
.quiz-picker-user-chevron[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 700;
}

.quiz-overview-header-flat[b-z5g32eezyv] {
    margin-bottom: 0;
}

.quiz-overview-header-flat p[b-z5g32eezyv] {
    margin: 0.28rem 0 0;
    color: #60758a;
}

.quiz-match-cards[b-z5g32eezyv] {
    display: grid;
    gap: 0.9rem;
}

.quiz-match-total-card[b-z5g32eezyv],
.quiz-match-section-card[b-z5g32eezyv] {
    min-height: auto;
}

.quiz-match-section-card[b-z5g32eezyv] {
    display: grid;
    gap: 0;
}

.quiz-match-section-toggle[b-z5g32eezyv] {
    width: 100%;
    padding: 0.82rem 1rem 0.82rem 1.15rem;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
}

.quiz-match-section-head[b-z5g32eezyv] {
    display: grid;
    gap: 0.22rem;
}

.quiz-metric-visual-compact[b-z5g32eezyv] {
    justify-content: flex-start;
    align-items: center;
}

.quiz-metric-body-compact[b-z5g32eezyv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    min-height: 0;
    padding: 0.82rem 1rem 0.82rem 1.15rem;
}

.quiz-metric-visual-spread[b-z5g32eezyv] {
    min-width: 0;
    justify-content: flex-end;
    align-items: center;
}

.quiz-form[b-z5g32eezyv],
.quiz-match-list[b-z5g32eezyv] {
    display: grid;
    gap: 0.85rem;
}

.quiz-label[b-z5g32eezyv] {
    color: #395267;
    font-size: 0.9rem;
    font-weight: 700;
}

.quiz-select-wrap[b-z5g32eezyv] {
    position: relative;
    padding: 0;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
}

[b-z5g32eezyv] .quiz-input {
    width: 100%;
    box-sizing: border-box;
    padding: 0.82rem 0.96rem;
    border: 1px solid #d8e3ec;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    color: #173650;
    font: inherit;
    line-height: 1.45;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
    appearance: none;
    -webkit-appearance: none;
}

[b-z5g32eezyv] .quiz-input:hover {
    border-color: #c1d3e1;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
}

[b-z5g32eezyv] .quiz-input:focus {
    outline: none;
    border-color: #9ebddd;
    box-shadow: 0 0 0 0.18rem rgba(32, 74, 114, 0.08);
    transform: translateY(-1px);
}

.quiz-select-wrap[b-z5g32eezyv]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.1rem;
    width: 0.55rem;
    height: 0.55rem;
    border-right: 2px solid #698198;
    border-bottom: 2px solid #698198;
    transform: translateY(-65%) rotate(45deg);
    pointer-events: none;
}

[b-z5g32eezyv] .quiz-select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 2.9rem;
    cursor: pointer;
}

[b-z5g32eezyv] .quiz-select::-ms-expand {
    display: none;
}

.quiz-primary-button[b-z5g32eezyv] {
    width: 100%;
    align-self: start;
    min-height: 48px;
    margin-top: 0.35rem;
    border-radius: 10px;
    box-shadow: none;
    font-size: 1rem;
    font-weight: 600;
    text-transform: none;
}

.quiz-primary-button:disabled[b-z5g32eezyv] {
    opacity: 0.65;
}

.quiz-empty[b-z5g32eezyv] {
    color: #60758a;
}

.quizduel-card[b-z5g32eezyv] {
    display: grid;
    gap: 0.9rem;
    padding: 0.95rem 1rem;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid rgba(60, 122, 163, 0.35);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(92, 194, 243, 0.92) 0%, rgba(51, 146, 203, 0.92) 48%, rgba(36, 115, 173, 0.94) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 12px 28px rgba(28, 76, 118, 0.15);
}

.quizduel-scoreboard[b-z5g32eezyv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
}

.quizduel-player[b-z5g32eezyv] {
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.quizduel-player strong[b-z5g32eezyv],
.quizduel-score[b-z5g32eezyv] {
    color: #ffffff;
    text-shadow: 0 2px 0 rgba(17, 70, 108, 0.25);
}

.quizduel-player strong[b-z5g32eezyv] {
    font-size: 0.95rem;
    text-align: center;
}

.quizduel-score[b-z5g32eezyv] {
    display: grid;
    justify-items: center;
    gap: 0.1rem;
}

.quizduel-score-main[b-z5g32eezyv] {
    font-size: clamp(2rem, 6vw, 2.8rem);
    line-height: 0.95;
    font-weight: 900;
}

.quizduel-score-sub[b-z5g32eezyv] {
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    opacity: 0.9;
}

.quizduel-rounds[b-z5g32eezyv] {
    display: grid;
    gap: 0.45rem;
}

.quizduel-round-row[b-z5g32eezyv] {
    display: grid;
    grid-template-columns: minmax(2.6rem, 1fr) minmax(0, 8.8rem) minmax(2.6rem, 1fr);
    align-items: center;
    gap: 0.5rem;
}

.quizduel-track[b-z5g32eezyv] {
    display: flex;
    justify-content: center;
    min-width: 0;
}

.quizduel-round-label[b-z5g32eezyv] {
    min-width: 0;
    width: 100%;
    padding: 0.42rem 0.8rem;
    border: 1px solid rgba(18, 67, 102, 0.5);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(25, 84, 125, 0.92) 0%, rgba(20, 68, 103, 0.92) 100%);
    color: #ffffff;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.quizduel-round-label span[b-z5g32eezyv] {
    display: block;
    font-size: 0.67rem;
    font-weight: 800;
    text-transform: uppercase;
    opacity: 0.85;
}

.quizduel-round-label strong[b-z5g32eezyv] {
    display: block;
    font-size: 0.86rem;
    font-weight: 800;
}

.quizduel-dot[b-z5g32eezyv] {
    width: min(100%, 2.3rem);
    height: 1.15rem;
    border-radius: 0.42rem;
    border: 1px solid rgba(21, 62, 90, 0.24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.quizduel-dot-open[b-z5g32eezyv] {
    background: linear-gradient(180deg, rgba(235, 245, 252, 0.75) 0%, rgba(205, 225, 238, 0.82) 100%);
}

.quizduel-dot-correct[b-z5g32eezyv] {
    background: linear-gradient(180deg, #63ee5e 0%, #2fc629 100%);
}

.quizduel-dot-wrong[b-z5g32eezyv] {
    background: linear-gradient(180deg, #ff5b52 0%, #e02e2b 100%);
}

.quizduel-footer[b-z5g32eezyv] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: center;
}

.quizduel-actions[b-z5g32eezyv] {
    display: flex;
    gap: 0.65rem;
    align-items: center;
}

.quizduel-turn[b-z5g32eezyv] {
    min-height: 2.55rem;
    padding: 0.55rem 0.9rem;
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    background: rgba(19, 71, 107, 0.3);
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.9rem;
    font-weight: 800;
    text-transform: uppercase;
}

.quizduel-turn-active[b-z5g32eezyv] {
    background: rgba(14, 66, 101, 0.82);
}

.quizduel-turn-completed[b-z5g32eezyv] {
    background: rgba(14, 66, 101, 0.62);
}

.quizduel-play-button[b-z5g32eezyv] {
    min-width: 8rem;
    min-height: 2.9rem;
    border: 1px solid #40a534;
    border-radius: 8px;
    background: linear-gradient(180deg, #5ee94e 0%, #2fc229 100%);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.quizduel-secondary-button[b-z5g32eezyv] {
    min-width: 8rem;
    min-height: 2.9rem;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 8px;
    background: rgba(16, 70, 108, 0.32);
    color: #ffffff;
    font-size: 0.96rem;
    font-weight: 800;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

[b-z5g32eezyv] .validation-message {
    color: #b42347;
    font-size: 0.84rem;
}

.quizduel-player[b-z5g32eezyv]  .user-avatar {
    width: 3.8rem;
    height: 3.8rem;
}

@media (min-width: 960px) {
    .quiz-stage[b-z5g32eezyv] {
        grid-template-columns: minmax(0, 1.2fr) minmax(19rem, 0.8fr);
        align-items: start;
    }

    .quiz-grid[b-z5g32eezyv] {
        grid-template-columns: minmax(19rem, 0.72fr) minmax(0, 1.28fr);
        align-items: start;
    }
}

.quiz-match-group-body[b-z5g32eezyv] {
    display: grid;
    gap: 0.75rem;
    padding: 0.3rem 0.9rem 0.9rem;
    border-left: 2px solid #d4e0eb;
    margin-left: 0.25rem;
}

.quiz-match-group-chevron[b-z5g32eezyv],
.quiz-match-summary-chevron[b-z5g32eezyv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6e8498;
    font-size: 1rem;
    transition: transform 0.18s ease, color 0.18s ease;
}

.quiz-match-group-chevron-open[b-z5g32eezyv],
.quiz-match-summary-chevron-open[b-z5g32eezyv] {
    transform: rotate(180deg);
    color: #173650;
}

.quiz-match-summary-card[b-z5g32eezyv] {
    position: relative;
    border: 1px solid #dbe5ee;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.035);
    overflow: hidden;
    min-width: 0;
}

.quiz-match-summary-card[b-z5g32eezyv]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: transparent;
    display: none;
}

.quiz-match-summary-card-win[b-z5g32eezyv]::before {
    background: #6dbd45;
}

.quiz-match-summary-card-loss[b-z5g32eezyv]::before {
    background: #e16273;
}

.quiz-match-summary-card-draw[b-z5g32eezyv]::before {
    background: #e5b84d;
}

.quiz-match-summary-button[b-z5g32eezyv] {
    width: 100%;
    padding: 0.95rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    text-align: left;
    color: #14324c;
}

.quiz-match-summary-title strong[b-z5g32eezyv] {
    font-size: 1rem;
}

.quiz-match-summary-title-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.quiz-match-summary-title[b-z5g32eezyv],
.quiz-match-summary-meta[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.quiz-match-summary-title span[b-z5g32eezyv],
.quiz-match-summary-meta span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.84rem;
    font-weight: 700;
}

.quiz-match-summary-main[b-z5g32eezyv] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.quiz-match-summary-actions[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.quiz-match-action-button[b-z5g32eezyv],
.quiz-match-secondary-button[b-z5g32eezyv] {
    min-height: 2.6rem;
    padding: 0.52rem 0.9rem;
    border-radius: 8px;
    font-size: 0.84rem;
    font-weight: 800;
    white-space: nowrap;
}

.quiz-match-action-button[b-z5g32eezyv] {
    border: 1px solid #2d7ac1;
    background: #2f84d8;
    color: #ffffff;
}

.quiz-match-secondary-button[b-z5g32eezyv] {
    border: 1px solid #d3dde7;
    background: #f8fbfd;
    color: #284763;
}

.quiz-match-summary-time[b-z5g32eezyv] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem;
}

.quiz-match-summary-time span[b-z5g32eezyv] {
    color: #6f8498;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.quiz-match-summary-time strong[b-z5g32eezyv] {
    color: #284763;
    font-size: 0.82rem;
    font-weight: 700;
}

.quiz-match-result-icon[b-z5g32eezyv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #60758a;
}

.quiz-match-result-icon-win[b-z5g32eezyv] {
    color: #55b938;
}

.quiz-match-result-icon-loss[b-z5g32eezyv] {
    color: #e15b68;
}

.quiz-match-result-icon-draw[b-z5g32eezyv] {
    color: #d9aa32;
}

.quiz-match-result-icon[b-z5g32eezyv]  svg {
    width: 1.3rem;
    height: 1.3rem;
    stroke-width: 2.45;
}

.quiz-match-result-icon-win[b-z5g32eezyv]  svg {
    stroke: #55b938 !important;
}

.quiz-match-result-icon-loss[b-z5g32eezyv]  svg {
    stroke: #e15b68 !important;
}

.quiz-match-result-icon-draw[b-z5g32eezyv]  svg {
    stroke: #d9aa32 !important;
}

.quiz-match-summary-status[b-z5g32eezyv] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.7rem;
    border: 1px solid #e1e8ef;
    border-radius: 8px;
    background: #f9fbfd;
    color: #50677b;
}

.quiz-match-summary-status-active[b-z5g32eezyv] {
    background: #f4f8fc;
    color: #2a567b;
}

.quiz-match-summary-status-completed[b-z5g32eezyv] {
    background: #f4f8fc;
    color: #2a567b;
}

.quiz-match-summary-status-win[b-z5g32eezyv] {
    background: #eef8e7;
    color: #40762b;
    border-color: #cfe6bf;
}

.quiz-match-summary-status-loss[b-z5g32eezyv] {
    background: #fff2f4;
    color: #a64559;
    border-color: #f0c5cf;
}

.quiz-match-summary-status-draw[b-z5g32eezyv] {
    background: #fff8ea;
    color: #9c6f18;
    border-color: #efdca8;
}

.quiz-match-summary-list[b-z5g32eezyv] {
    display: grid;
    gap: 0.7rem;
}

.quiz-match-summary-note[b-z5g32eezyv] {
    padding: 0.72rem 0.85rem;
    border: 1px dashed #d7e2ec;
    border-radius: 8px;
    background: #fbfdff;
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 700;
}

.quiz-wordplay-card[b-z5g32eezyv] {
    min-height: auto;
    padding: 0.95rem 1rem 1rem 1.15rem;
}

.quiz-wordplay-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.28rem;
}

.quiz-wordplay-copy strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 1rem;
}

.quiz-wordplay-copy p[b-z5g32eezyv] {
    margin: 0;
    color: #60758a;
    line-height: 1.55;
}

.quiz-wordplay-layout[b-z5g32eezyv] {
    display: grid;
    gap: 1rem;
}

.quiz-wordplay-board-card[b-z5g32eezyv],
.quiz-wordplay-panel[b-z5g32eezyv] {
    display: grid;
    gap: 0.9rem;
    padding: 0.95rem 1rem 1rem 1.15rem;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
}

.quiz-wordplay-board-head[b-z5g32eezyv],
.quiz-wordplay-panel-head[b-z5g32eezyv] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.8rem;
}

.quiz-wordplay-board-head h3[b-z5g32eezyv],
.quiz-wordplay-panel-head h3[b-z5g32eezyv] {
    margin: 0;
    color: #16324a;
    font-size: 0.98rem;
}

.quiz-wordplay-board-head span[b-z5g32eezyv],
.quiz-wordplay-panel-head span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 700;
}

.quiz-wordplay-reset-button[b-z5g32eezyv] {
    min-width: auto;
}

.quiz-wordplay-score[b-z5g32eezyv] {
    display: grid;
    gap: 0.42rem;
}

.quiz-wordplay-score-main[b-z5g32eezyv] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.quiz-wordplay-score-main strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 1.7rem;
    line-height: 1;
}

.quiz-wordplay-score-main span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.82rem;
    font-weight: 700;
}

.quiz-wordplay-progress[b-z5g32eezyv] {
    height: 0.6rem;
    border-radius: 999px;
    background: #e9f1f7;
    overflow: hidden;
}

.quiz-wordplay-progress-fill[b-z5g32eezyv] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #6dbd45 0%, #86cb63 100%);
}

.quiz-wordplay-current[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.78rem 0.88rem;
    border: 1px dashed #d7e2ec;
    border-radius: 8px;
    background: #fbfdff;
}

.quiz-wordplay-current-copy[b-z5g32eezyv] {
    display: grid;
    gap: 0.12rem;
}

.quiz-wordplay-current-copy span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.quiz-wordplay-current-copy strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 1.05rem;
    letter-spacing: 0.04em;
}

.quiz-wordplay-current-points[b-z5g32eezyv] {
    color: #2c6d25;
    font-size: 0.92rem;
    font-weight: 800;
    white-space: nowrap;
}

.quiz-wordplay-status[b-z5g32eezyv] {
    padding: 0.75rem 0.88rem;
    border: 1px solid #d8e3ec;
    border-radius: 8px;
    background: #f7fbfe;
    color: #284763;
    font-size: 0.82rem;
    font-weight: 700;
}

.quiz-wordplay-board[b-z5g32eezyv] {
    position: relative;
    width: 20rem;
    height: 21.25rem;
    margin: 0 auto;
    padding: 0.2rem 0;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}

.quiz-wordplay-cell[b-z5g32eezyv] {
    position: relative;
    left: calc(var(--word-col) * 3.75rem);
    top: calc(var(--word-row) * 3.9rem + (var(--word-offset) * 1.98rem));
    position: absolute;
    width: 4.45rem;
    height: 4.12rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #173650;
    box-shadow: none;
    font-size: 1.62rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: transform 0.12s ease, border-color 0.14s ease, box-shadow 0.14s ease, background-color 0.14s ease;
    isolation: isolate;
}

.quiz-wordplay-cell[b-z5g32eezyv]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #f5f9fc 0%, #eef4f8 100%);
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.04);
    z-index: 0;
}

.quiz-wordplay-cell:hover[b-z5g32eezyv] {
    transform: translateY(-1px);
}

.quiz-wordplay-cell:hover[b-z5g32eezyv]::before {
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.07);
}

.quiz-wordplay-cell span[b-z5g32eezyv] {
    position: relative;
    z-index: 1;
    transform: translateY(-1px);
}

.quiz-wordplay-cell-active[b-z5g32eezyv] {
    color: #ffffff;
    transform: translateY(-1px);
}

.quiz-wordplay-cell-active[b-z5g32eezyv]::before {
    background: linear-gradient(180deg, #9fd05e 0%, #79b343 100%);
    box-shadow:
        inset 0 0 0 1px #78bb52,
        0 8px 18px rgba(79, 126, 36, 0.24);
}

.quiz-wordplay-side[b-z5g32eezyv] {
    display: grid;
    gap: 1rem;
}

.quiz-wordplay-found-list[b-z5g32eezyv] {
    display: grid;
    gap: 0.6rem;
}

.quiz-wordplay-found-item[b-z5g32eezyv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.72rem 0.82rem;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: #ffffff;
}

.quiz-wordplay-found-item strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 0.88rem;
}

.quiz-wordplay-found-item span[b-z5g32eezyv] {
    color: #2c6d25;
    font-size: 0.78rem;
    font-weight: 800;
}

.quiz-wordplay-facts[b-z5g32eezyv] {
    display: grid;
    gap: 0.7rem;
}

.quiz-wordplay-facts div[b-z5g32eezyv] {
    display: grid;
    gap: 0.12rem;
    padding: 0.72rem 0.82rem;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: #ffffff;
}

.quiz-wordplay-facts span[b-z5g32eezyv] {
    color: #60758a;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.quiz-wordplay-facts strong[b-z5g32eezyv] {
    color: #14324c;
    font-size: 0.88rem;
}

@media (min-width: 960px) {
    .quiz-wordplay-layout[b-z5g32eezyv] {
        grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
        align-items: start;
    }
}

@media (max-width: 640px) {
    .quiz-dashboard-grid[b-z5g32eezyv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.7rem;
    }

    .quiz-highlights-grid[b-z5g32eezyv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.7rem;
    }

    .quiz-metric-card-highlight[b-z5g32eezyv] {
        grid-column: 1 / -1;
    }

    .quiz-newmatch-card[b-z5g32eezyv] {
        padding: 0.82rem 0.82rem 0.88rem 0.98rem;
    }

    .quiz-newmatch-head[b-z5g32eezyv] {
        margin-bottom: 0.85rem;
    }

    .quiz-picker-overlay[b-z5g32eezyv] {
        padding: 0.75rem;
    }

    .quiz-picker-dialog[b-z5g32eezyv] {
        width: 100%;
        max-height: min(82vh, 42rem);
        padding: 0.9rem;
        border-radius: 14px;
    }

    .quiz-metric-body[b-z5g32eezyv] {
        gap: 0.38rem;
        padding: 0.78rem 0.82rem 0.78rem 0.98rem;
    }

    .quiz-match-total-card[b-z5g32eezyv],
    .quiz-match-section-card[b-z5g32eezyv] {
        aspect-ratio: auto;
        min-height: auto;
    }

    .quiz-match-total-card .quiz-metric-visual strong[b-z5g32eezyv],
    .quiz-match-section-card .quiz-metric-visual strong[b-z5g32eezyv] {
        font-size: 1.55rem;
    }

    .quiz-metric-icon[b-z5g32eezyv] {
        width: 2rem;
        height: 2rem;
        font-size: 1.65rem;
    }

    .quiz-metric-title[b-z5g32eezyv] {
        font-size: 0.84rem;
    }

    .quiz-metric-visual[b-z5g32eezyv] {
        gap: 0.55rem;
    }

    .quiz-metric-card-head[b-z5g32eezyv] {
        align-items: start;
        flex-direction: column;
        gap: 0.28rem;
    }

    .quiz-metric-body-compact[b-z5g32eezyv] {
        gap: 0.75rem;
        padding: 0.78rem 0.82rem 0.78rem 0.98rem;
    }

    .quiz-match-group-body[b-z5g32eezyv] {
        padding: 0.3rem 0.65rem 0.75rem;
        margin-left: 0.15rem;
    }

    .quiz-match-section-toggle[b-z5g32eezyv] {
        padding: 0.78rem 0.82rem 0.78rem 0.98rem;
    }

    .quiz-match-summary-button[b-z5g32eezyv] {
        padding: 0.85rem 0.9rem;
    }

    .quiz-leaderboard-card[b-z5g32eezyv] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.7rem;
        padding: 0.82rem 0.88rem 0.82rem 1rem;
    }

    .quiz-leaderboard-metrics[b-z5g32eezyv] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        gap: 0.75rem;
        padding-left: 3.25rem;
    }

    .quiz-leaderboard-metrics div[b-z5g32eezyv] {
        justify-items: start;
    }

    .quiz-info-section-toggle[b-z5g32eezyv] {
        padding: 0.82rem 0.88rem 0.82rem 0.95rem;
    }

    .quiz-info-section-static-head[b-z5g32eezyv] {
        padding: 0.82rem 0.88rem 0.82rem 0.95rem;
    }

    .quiz-info-section-body[b-z5g32eezyv] {
        padding: 0 0.82rem 0.82rem;
    }

    .quiz-info-section-copy h2[b-z5g32eezyv] {
        font-size: clamp(1.75rem, 7vw, 2.2rem);
    }

    .quiz-history-head[b-z5g32eezyv] {
        align-items: start;
        flex-direction: column;
        gap: 0.2rem;
    }

    .quiz-history-item[b-z5g32eezyv] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.45rem;
        padding: 0.72rem 0.82rem 0.72rem 0.92rem;
    }

    .quiz-history-score[b-z5g32eezyv] {
        justify-self: start;
    }

    .quiz-actions-panel-head[b-z5g32eezyv] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
    }

    .quiz-actions-shortcuts[b-z5g32eezyv] {
        justify-content: stretch;
    }

    .quiz-actions-panel-link[b-z5g32eezyv] {
        flex: 1 1 0;
        text-align: left;
        justify-content: flex-start;
    }

    .quiz-actions-item[b-z5g32eezyv] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.45rem;
    }

    .quiz-actions-item-count[b-z5g32eezyv] {
        justify-self: start;
    }

    .quizduel-card[b-z5g32eezyv] {
        padding: 0.8rem 0.75rem;
    }

    .quizduel-scoreboard[b-z5g32eezyv] {
        gap: 0.5rem;
    }

    .quizduel-player[b-z5g32eezyv]  .user-avatar {
        width: 3.1rem;
        height: 3.1rem;
    }

    .quizduel-player strong[b-z5g32eezyv] {
        font-size: 0.88rem;
    }

    .quizduel-score-main[b-z5g32eezyv] {
        font-size: clamp(1.6rem, 5vw, 2.1rem);
    }

    .quizduel-round-row[b-z5g32eezyv] {
        grid-template-columns: minmax(2.1rem, 1fr) minmax(0, 7.4rem) minmax(2.1rem, 1fr);
        gap: 0.35rem;
    }

    .quizduel-round-label[b-z5g32eezyv] {
        padding: 0.36rem 0.55rem;
    }

    .quizduel-round-label strong[b-z5g32eezyv] {
        font-size: 0.8rem;
    }

    .quizduel-dot[b-z5g32eezyv] {
        height: 1rem;
    }

    .quizduel-footer[b-z5g32eezyv] {
        flex-wrap: wrap;
    }

    .quizduel-actions[b-z5g32eezyv] {
        width: 100%;
        flex-wrap: wrap;
    }

    .quizduel-turn[b-z5g32eezyv],
    .quizduel-play-button[b-z5g32eezyv],
    .quizduel-secondary-button[b-z5g32eezyv] {
        width: 100%;
        justify-content: center;
    }

    .quiz-match-summary-button[b-z5g32eezyv] {
        flex-direction: column;
        align-items: stretch;
    }

    .quiz-match-summary-actions[b-z5g32eezyv] {
        width: 100%;
        justify-content: stretch;
    }

    .quiz-match-action-button[b-z5g32eezyv],
    .quiz-match-secondary-button[b-z5g32eezyv] {
        width: 100%;
    }

    .quiz-wordplay-card[b-z5g32eezyv],
    .quiz-wordplay-board-card[b-z5g32eezyv],
    .quiz-wordplay-panel[b-z5g32eezyv] {
        padding: 0.82rem 0.82rem 0.88rem 0.98rem;
    }

    .quiz-wordplay-board-head[b-z5g32eezyv],
    .quiz-wordplay-panel-head[b-z5g32eezyv],
    .quiz-wordplay-score-main[b-z5g32eezyv],
    .quiz-wordplay-current[b-z5g32eezyv] {
        flex-direction: column;
        align-items: stretch;
    }

    .quiz-wordplay-board[b-z5g32eezyv] {
        width: 15.45rem;
        height: 16.55rem;
    }

    .quiz-wordplay-cell[b-z5g32eezyv] {
        left: calc(var(--word-col) * 2.92rem);
        top: calc(var(--word-row) * 3.04rem + (var(--word-offset) * 1.54rem));
        width: 3.6rem;
        height: 3.34rem;
        font-size: 1.32rem;
    }
}
/* /Components/Pages/QuizMatch.razor.rz.scp.css */
.quizplay-page[b-tlfs5nnkif] {
    padding: 0;
    min-height: 100%;
}

.quizplay-shell[b-tlfs5nnkif] {
    min-height: calc(100dvh - var(--cc-bottom-nav-height, 3.75rem) - 6.35rem);
    padding: 0 0 0.55rem;
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: 0.55rem;
    background: transparent;
    overflow: hidden;
}

.quizplay-topbar[b-tlfs5nnkif],
.quizplay-scoreboard[b-tlfs5nnkif],
.quizplay-progress-board[b-tlfs5nnkif],
.quizplay-question-card[b-tlfs5nnkif],
.quizplay-complete-card[b-tlfs5nnkif],
.quizplay-loading[b-tlfs5nnkif],
.quizplay-timer-shell[b-tlfs5nnkif] {
    margin: 0;
    border: 1px solid #dce5ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(28, 45, 73, 0.06);
}

.quizplay-topbar[b-tlfs5nnkif] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.75rem;
}

.quizplay-back[b-tlfs5nnkif],
.quizplay-spacer[b-tlfs5nnkif] {
    min-width: 4.25rem;
}

.quizplay-back[b-tlfs5nnkif] {
    min-height: 2rem;
    border: 1px solid #d6e1ea;
    border-radius: 8px;
    background: #f8fbfd;
    color: #264466;
    font-size: 0.85rem;
    font-weight: 800;
    transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.quizplay-back:hover[b-tlfs5nnkif] {
    background: #f1f7fb;
    border-color: #bfd2e1;
    transform: translateY(-1px);
}

.quizplay-title[b-tlfs5nnkif] {
    color: #173650;
    font-size: clamp(1.05rem, 2.8vw, 1.25rem);
    font-weight: 900;
    text-align: center;
    line-height: 1.1;
}

.quizplay-scoreboard[b-tlfs5nnkif] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.4rem;
    padding: 0.8rem 0.75rem;
}

.quizplay-player[b-tlfs5nnkif] {
    display: grid;
    justify-items: center;
    gap: 0.16rem;
    min-width: 0;
}

.quizplay-player strong[b-tlfs5nnkif] {
    color: #264466;
    font-size: 0.88rem;
    line-height: 1.15;
    text-align: center;
}

.quizplay-score[b-tlfs5nnkif] {
    display: grid;
    gap: 0.14rem;
    justify-items: center;
}

.quizplay-score span[b-tlfs5nnkif] {
    color: #173650;
    font-size: clamp(1.55rem, 5vw, 2.2rem);
    font-weight: 900;
    line-height: 0.95;
}

.quizplay-progress-board[b-tlfs5nnkif] {
    padding: 0.75rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
}

.quizplay-progress-column[b-tlfs5nnkif] {
    display: grid;
    gap: 0.28rem;
}

.quizplay-progress-row[b-tlfs5nnkif] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.28rem;
}

.quizplay-progress-pill[b-tlfs5nnkif] {
    min-height: 0.72rem;
    border-radius: 999px;
    border: 1px solid #dde6ef;
}

.quizplay-progress-open[b-tlfs5nnkif] {
    background: #f3f7fb;
}

.quizplay-progress-correct[b-tlfs5nnkif] {
    background: #55c271;
    border-color: #55c271;
}

.quizplay-progress-wrong[b-tlfs5nnkif] {
    background: #ef7b72;
    border-color: #ef7b72;
}

.quizplay-progress-center[b-tlfs5nnkif] {
    min-width: 2.8rem;
    padding: 0.22rem 0.4rem;
    border-left: 4px solid #5f8fd2;
    background: #f7fafc;
    color: #264466;
    font-size: 0.74rem;
    font-weight: 800;
    text-align: center;
}

.quizplay-loading[b-tlfs5nnkif] {
    padding: 1rem;
    color: #264466;
    font-weight: 700;
}

.quizplay-question-stage[b-tlfs5nnkif] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto minmax(0, auto) minmax(0, 1fr);
    gap: 0.55rem;
    align-content: start;
}

.quizplay-timer-shell[b-tlfs5nnkif] {
    display: grid;
    gap: 0.38rem;
    padding: 0.7rem 0.8rem;
}

.quizplay-timer-meta[b-tlfs5nnkif] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #60758a;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.quizplay-timer-meta strong[b-tlfs5nnkif] {
    color: #173650;
}

.quizplay-timer-track[b-tlfs5nnkif] {
    height: 0.34rem;
    border-radius: 999px;
    background: #e9f0f6;
    overflow: hidden;
}

.quizplay-timer-fill[b-tlfs5nnkif] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #67bd7e 0%, #f1ca5d 68%, #e88579 100%);
    transition: width 0.1s linear;
}

.quizplay-question-header[b-tlfs5nnkif] {
    display: grid;
    gap: 0.28rem;
    justify-items: start;
}

.quizplay-question-badge[b-tlfs5nnkif] {
    min-width: 2rem;
    min-height: 2rem;
    padding: 0 0.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-left: 4px solid #5f8fd2;
    background: #ffffff;
    color: #264466;
    font-size: 0.92rem;
    font-weight: 900;
    line-height: 1;
}

.quizplay-question-badge span[b-tlfs5nnkif] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.quizplay-question-category[b-tlfs5nnkif] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.quizplay-question-card[b-tlfs5nnkif] {
    min-height: 7.2rem;
    padding: 1rem 1rem 1.05rem;
    border-left: 4px solid #5f8fd2;
    display: grid;
    align-content: center;
    overflow: auto;
}

.quizplay-question-card p[b-tlfs5nnkif] {
    margin: 0;
    color: #2f455c;
    font-size: clamp(1rem, 2.9vw, 1.32rem);
    line-height: 1.42;
}

.quizplay-answer-grid[b-tlfs5nnkif] {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    align-content: start;
}

.quizplay-answer[b-tlfs5nnkif] {
    min-height: 3.55rem;
    padding: 0.85rem 0.75rem;
    border: 1px solid #dce5ee;
    border-left: 4px solid #5f8fd2;
    border-radius: 8px;
    background: #ffffff;
    color: #264466;
    font-size: 0.95rem;
    font-weight: 700;
    text-align: left;
    box-shadow: 0 8px 18px rgba(28, 45, 73, 0.05);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background-color 0.16s ease;
}

.quizplay-answer:hover:not(:disabled)[b-tlfs5nnkif] {
    transform: translateY(-1px);
    border-color: #bfd2e1;
    box-shadow: 0 10px 22px rgba(28, 45, 73, 0.08);
    background: #fbfdff;
}

.quizplay-answer:disabled[b-tlfs5nnkif] {
    opacity: 1;
    cursor: default;
}

.quizplay-answer-correct[b-tlfs5nnkif] {
    border-left-color: #55c271;
    border-color: #bfe7ca;
    background: #f2fbf4;
    color: #1f6032;
}

.quizplay-answer-wrong[b-tlfs5nnkif] {
    border-left-color: #ef7b72;
    border-color: #f2c2bc;
    background: #fff6f5;
    color: #8b3027;
}

.quizplay-answer-muted[b-tlfs5nnkif] {
    opacity: 0.52;
}

.quizplay-answer-timeout[b-tlfs5nnkif] {
    border-left-color: #a1afbc;
    border-color: #d5dde6;
    background: #f6f8fa;
    color: #5d7286;
}

.quizplay-complete-card[b-tlfs5nnkif] {
    padding: 1rem;
    border-left: 4px solid #5f8fd2;
}

.quizplay-complete-headline[b-tlfs5nnkif] {
    display: grid;
    gap: 0.18rem;
}

.quizplay-complete-headline span[b-tlfs5nnkif] {
    color: #6e8297;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.quizplay-complete-headline strong[b-tlfs5nnkif] {
    color: #173650;
    font-size: 1.05rem;
}

.quizplay-complete-card p[b-tlfs5nnkif] {
    margin: 0.7rem 0 0;
    color: #60758a;
    line-height: 1.5;
}

.quizplay-review-shell[b-tlfs5nnkif] {
    min-height: 0;
    display: grid;
    gap: 0.55rem;
}

.quizplay-review-list[b-tlfs5nnkif] {
    min-height: 0;
    display: grid;
    gap: 0.55rem;
    overflow: auto;
    padding-right: 0.05rem;
}

.quizplay-review-card[b-tlfs5nnkif] {
    border: 1px solid #dce5ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(28, 45, 73, 0.06);
    overflow: hidden;
}

.quizplay-review-card-head[b-tlfs5nnkif] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    padding: 0.82rem 0.9rem 0.2rem;
}

.quizplay-review-head-copy[b-tlfs5nnkif] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.quizplay-review-head-copy strong[b-tlfs5nnkif] {
    color: #264466;
    font-size: 0.9rem;
}

.quizplay-review-head-copy span[b-tlfs5nnkif] {
    color: #60758a;
    font-size: 0.76rem;
    font-weight: 700;
}

.quizplay-review-prompt[b-tlfs5nnkif] {
    margin: 0;
    padding: 0.15rem 0.9rem 0.85rem;
    color: #2f455c;
    font-size: 0.92rem;
    line-height: 1.45;
}

.quizplay-review-answers[b-tlfs5nnkif] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    padding: 0 0.9rem 0.9rem;
}

.quizplay-review-answer-block[b-tlfs5nnkif] {
    display: grid;
    gap: 0.14rem;
    padding: 0.7rem 0.75rem;
    border: 1px solid #dce5ee;
    border-radius: 8px;
    background: #fbfdff;
    min-width: 0;
}

.quizplay-review-answer-block span[b-tlfs5nnkif] {
    color: #60758a;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.quizplay-review-answer-block strong[b-tlfs5nnkif] {
    font-size: 0.84rem;
    line-height: 1.35;
    word-break: break-word;
}

.quizplay-review-answer-correct[b-tlfs5nnkif] {
    color: #2f7d46;
}

.quizplay-review-answer-wrong[b-tlfs5nnkif] {
    color: #a64559;
}

.quizplay-review-answer-empty[b-tlfs5nnkif] {
    color: #7a8ea1;
}

.quizplay-player[b-tlfs5nnkif]  .user-avatar {
    width: 3.2rem;
    height: 3.2rem;
}

@media (min-width: 760px) {
    .quizplay-shell[b-tlfs5nnkif] {
        min-height: calc(100dvh - 8rem);
        gap: 0.7rem;
    }

    .quizplay-question-stage[b-tlfs5nnkif] {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 640px) {
    .quizplay-shell[b-tlfs5nnkif] {
        min-height: calc(100dvh - var(--cc-mobile-top-nav-height, 4.1rem) - var(--cc-area-ticker-height, 2.3rem) - var(--cc-bottom-nav-height, 3.75rem) - 1.3rem);
        gap: 0.45rem;
        padding-bottom: 0.35rem;
    }

    .quizplay-topbar[b-tlfs5nnkif],
    .quizplay-scoreboard[b-tlfs5nnkif],
    .quizplay-progress-board[b-tlfs5nnkif],
    .quizplay-question-card[b-tlfs5nnkif],
    .quizplay-complete-card[b-tlfs5nnkif],
    .quizplay-loading[b-tlfs5nnkif],
    .quizplay-timer-shell[b-tlfs5nnkif] {
        box-shadow: 0 6px 18px rgba(28, 45, 73, 0.05);
    }

    .quizplay-topbar[b-tlfs5nnkif],
    .quizplay-scoreboard[b-tlfs5nnkif],
    .quizplay-progress-board[b-tlfs5nnkif],
    .quizplay-timer-shell[b-tlfs5nnkif],
    .quizplay-question-card[b-tlfs5nnkif],
    .quizplay-complete-card[b-tlfs5nnkif],
    .quizplay-loading[b-tlfs5nnkif] {
        padding-left: 0.72rem;
        padding-right: 0.72rem;
    }

    .quizplay-scoreboard[b-tlfs5nnkif] {
        padding-top: 0.72rem;
        padding-bottom: 0.72rem;
    }

    .quizplay-player[b-tlfs5nnkif]  .user-avatar {
        width: 2.9rem;
        height: 2.9rem;
    }

    .quizplay-player strong[b-tlfs5nnkif] {
        font-size: 0.8rem;
    }

    .quizplay-score span[b-tlfs5nnkif] {
        font-size: clamp(1.35rem, 5vw, 1.8rem);
    }

    .quizplay-question-stage[b-tlfs5nnkif] {
        gap: 0.45rem;
    }

    .quizplay-question-card[b-tlfs5nnkif] {
        min-height: 6rem;
        max-height: 23vh;
        padding-top: 0.9rem;
        padding-bottom: 0.95rem;
    }

    .quizplay-question-card p[b-tlfs5nnkif] {
        font-size: 0.98rem;
        line-height: 1.36;
    }

    .quizplay-answer-grid[b-tlfs5nnkif] {
        gap: 0.52rem;
    }

    .quizplay-review-answers[b-tlfs5nnkif] {
        grid-template-columns: 1fr;
    }

    .quizplay-answer[b-tlfs5nnkif] {
        min-height: 3.15rem;
        padding: 0.72rem 0.65rem;
        font-size: 0.86rem;
    }
}

@media (max-width: 640px) and (max-height: 760px) {
    .quizplay-shell[b-tlfs5nnkif] {
        min-height: calc(100dvh - var(--cc-mobile-top-nav-height, 4.1rem) - var(--cc-area-ticker-height, 2.3rem) - var(--cc-bottom-nav-height, 3.75rem) - 1.05rem);
        gap: 0.36rem;
    }

    .quizplay-topbar[b-tlfs5nnkif] {
        padding-top: 0.42rem;
        padding-bottom: 0.42rem;
    }

    .quizplay-back[b-tlfs5nnkif] {
        min-height: 1.84rem;
    }

    .quizplay-player[b-tlfs5nnkif]  .user-avatar {
        width: 2.6rem;
        height: 2.6rem;
    }

    .quizplay-progress-pill[b-tlfs5nnkif] {
        min-height: 0.62rem;
    }

    .quizplay-question-card[b-tlfs5nnkif] {
        min-height: 5.3rem;
        max-height: 20vh;
        padding-top: 0.72rem;
        padding-bottom: 0.8rem;
    }

    .quizplay-question-card p[b-tlfs5nnkif] {
        font-size: 0.9rem;
        line-height: 1.28;
    }

    .quizplay-answer[b-tlfs5nnkif] {
        min-height: 2.85rem;
        padding: 0.58rem 0.55rem;
        font-size: 0.78rem;
    }
}
/* /Components/Pages/Start.razor.rz.scp.css */
.start-page[b-f9e6k321su] {
    display: grid;
    gap: 0.75rem;
    padding: 0.75rem 0 1rem;
}

.start-grid[b-f9e6k321su] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.start-grid[b-f9e6k321su]  .start-area-card {
    height: 100%;
}

@media (min-width: 780px) {
    .start-grid[b-f9e6k321su] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.85rem;
    }
}
/* /Components/Pages/SystemCardReference.razor.rz.scp.css */
.card-reference-page[b-w7i2sgxn01] {
    padding: 1.5rem 0 2rem;
    display: grid;
    gap: 1rem;
}

.card-reference-status[b-w7i2sgxn01],
.card-reference-empty[b-w7i2sgxn01],
.card-reference-head[b-w7i2sgxn01],
.card-reference-block[b-w7i2sgxn01] {
    width: 100%;
}

.card-reference-empty[b-w7i2sgxn01],
.card-reference-head[b-w7i2sgxn01],
.card-reference-block[b-w7i2sgxn01] {
    padding: 1.2rem 1.25rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid #5f9fe6;
    border-radius: 6px;
    background: #ffffff;
}

.card-reference-badge[b-w7i2sgxn01] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.card-reference-head h1[b-w7i2sgxn01],
.card-reference-block-head h2[b-w7i2sgxn01] {
    margin: 0;
    color: #14324c;
}

.card-reference-head p[b-w7i2sgxn01],
.card-reference-block-head p[b-w7i2sgxn01] {
    margin: 0.35rem 0 0;
    color: #60758a;
    line-height: 1.6;
}

.card-reference-component-note[b-w7i2sgxn01] {
    margin-top: 0.45rem;
    color: #60758a;
    font-size: 0.76rem;
    line-height: 1.45;
}

.card-reference-component-note code[b-w7i2sgxn01] {
    color: #14324c;
    font-size: 0.75rem;
    font-weight: 700;
}

.card-reference-rule-grid[b-w7i2sgxn01],
.card-reference-example-grid[b-w7i2sgxn01],
.card-reference-area-grid[b-w7i2sgxn01] {
    display: grid;
    gap: 0.9rem;
    margin-top: 1rem;
}

.card-reference-admin-grid[b-w7i2sgxn01]  .app-data-grid-head-copy strong {
    color: #14324c;
}

.card-reference-admin-grid[b-w7i2sgxn01]  .app-data-grid-head-copy span {
    color: #60758a;
    font-size: 0.78rem;
    line-height: 1.5;
}

.card-reference-button-layout[b-w7i2sgxn01] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    margin-top: 1rem;
}

.card-reference-button-card[b-w7i2sgxn01] {
    display: grid;
    gap: 0.5rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
}

.card-reference-button-card strong[b-w7i2sgxn01] {
    color: #14324c;
}

.card-reference-button-card > span[b-w7i2sgxn01] {
    color: #60758a;
    font-size: 0.78rem;
    line-height: 1.45;
}

.card-reference-button-row[b-w7i2sgxn01] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.15rem;
}

.card-reference-admin-mobile-card[b-w7i2sgxn01] {
    display: grid;
    gap: 0.65rem;
}

.card-reference-admin-mobile-top[b-w7i2sgxn01] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.75rem;
}

.card-reference-admin-mobile-copy[b-w7i2sgxn01] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.card-reference-admin-mobile-copy strong[b-w7i2sgxn01] {
    color: #14324c;
}

.card-reference-admin-mobile-copy span[b-w7i2sgxn01] {
    color: #60758a;
    font-size: 0.78rem;
    line-height: 1.45;
}

.card-reference-admin-mobile-actions[b-w7i2sgxn01] {
    justify-content: flex-end;
    width: auto;
}

.card-reference-admin-mobile-meta[b-w7i2sgxn01] {
    display: grid;
    gap: 0.55rem;
}

.card-reference-admin-mobile-field[b-w7i2sgxn01] {
    display: grid;
    gap: 0.2rem;
}

.card-reference-admin-mobile-label[b-w7i2sgxn01] {
    color: #687d91;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.card-reference-rule-grid[b-w7i2sgxn01] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.card-reference-area-grid[b-w7i2sgxn01] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.card-reference-area-grid[b-w7i2sgxn01]  .card-reference-area-card {
    height: 100%;
}

@media (min-width: 900px) {
    .card-reference-area-grid[b-w7i2sgxn01] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.card-reference-example-grid-actions[b-w7i2sgxn01] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card-reference-example-grid-metrics[b-w7i2sgxn01] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card-reference-example-grid-insights[b-w7i2sgxn01] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.card-reference-example-grid-form-panels[b-w7i2sgxn01] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.card-reference-rule-card[b-w7i2sgxn01] {
    display: grid;
    gap: 0.2rem;
    padding: 0.9rem 1rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid #5f9fe6;
    border-radius: 6px;
    background: #ffffff;
}

.card-reference-rule-card strong[b-w7i2sgxn01] {
    color: #14324c;
}

.card-reference-rule-card span[b-w7i2sgxn01] {
    color: #60758a;
    line-height: 1.55;
}

.card-ref-action-card[b-w7i2sgxn01],
.card-ref-metric-card[b-w7i2sgxn01],
.card-ref-list-card[b-w7i2sgxn01],
.card-ref-state-card[b-w7i2sgxn01],
.card-ref-grid-card[b-w7i2sgxn01] {
    position: relative;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}

.card-ref-accent[b-w7i2sgxn01] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--card-accent, #5f9fe6);
}

.card-ref-accent-blue[b-w7i2sgxn01] { --card-accent: #3b82f6; }
.card-ref-accent-cyan[b-w7i2sgxn01] { --card-accent: #6bc7d8; }
.card-ref-accent-teal[b-w7i2sgxn01] { --card-accent: #59c4cc; }
.card-ref-accent-green[b-w7i2sgxn01] { --card-accent: #55b938; }
.card-ref-accent-yellow[b-w7i2sgxn01] { --card-accent: #d9aa32; }
.card-ref-accent-indigo[b-w7i2sgxn01] { --card-accent: #5f9fe6; }
.card-ref-accent-slate[b-w7i2sgxn01] { --card-accent: #91a4b6; }

.card-ref-action-body[b-w7i2sgxn01] {
    display: grid;
    gap: 0.3rem;
    padding: 0.95rem 1rem 0.85rem 1.15rem;
}

.card-ref-action-head[b-w7i2sgxn01] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: start;
}

.card-ref-action-copy[b-w7i2sgxn01] {
    display: grid;
    gap: 0.14rem;
}

.card-ref-action-title-row[b-w7i2sgxn01] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.card-ref-action-title[b-w7i2sgxn01] {
    color: #16324a;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.card-ref-action-subtitle[b-w7i2sgxn01] {
    color: #60758a;
    font-size: 0.8rem;
    line-height: 1.45;
}

.card-ref-action-badge[b-w7i2sgxn01] {
    display: inline-flex;
    align-items: center;
    min-height: 1.1rem;
    padding: 0.05rem 0.34rem;
    border: 1px solid #d8e3ec;
    border-radius: 4px;
    background: #fbfdff;
    color: #60758a;
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.card-ref-action-badge-yellow[b-w7i2sgxn01] {
    border-color: #eadca8;
    background: #fff9e8;
    color: #9a7410;
}

.card-ref-action-icon[b-w7i2sgxn01],
.card-ref-metric-icon[b-w7i2sgxn01],
.card-ref-state-icon[b-w7i2sgxn01] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.45rem;
}

.card-ref-action-icon-blue[b-w7i2sgxn01],
.card-ref-metric-icon-blue[b-w7i2sgxn01] { color: #3b82f6; }
.card-ref-action-icon-cyan[b-w7i2sgxn01] { color: #6bc7d8; }
.card-ref-action-icon-teal[b-w7i2sgxn01] { color: #59c4cc; }
.card-ref-metric-icon-green[b-w7i2sgxn01] { color: #55b938; }
.card-ref-metric-icon-yellow[b-w7i2sgxn01] { color: #d9aa32; }
.card-ref-state-icon[b-w7i2sgxn01] { color: #91a4b6; }

.card-ref-action-link[b-w7i2sgxn01] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    width: fit-content;
    color: #1c568e;
    font-size: 0.84rem;
    font-weight: 800;
}

.card-ref-action-link[b-w7i2sgxn01]  svg {
    width: 0.84rem;
    height: 0.84rem;
}

.card-ref-action-detail[b-w7i2sgxn01] {
    display: grid;
    gap: 0.12rem;
    margin-top: 0.5rem;
    padding: 0.78rem 0.88rem;
    border: 1px dashed #d8e3ec;
    border-radius: 6px;
    background: #fbfdff;
}

.card-ref-action-detail strong[b-w7i2sgxn01] {
    color: #173650;
    font-size: 0.82rem;
}

.card-ref-action-detail span[b-w7i2sgxn01] {
    color: #60758a;
    font-size: 0.76rem;
    line-height: 1.45;
}

.card-ref-metric-card[b-w7i2sgxn01] {
    display: grid;
    gap: 0.3rem;
    padding: 0.95rem 1rem 0.9rem 1.15rem;
}

.card-ref-metric-label[b-w7i2sgxn01] {
    color: #60758a;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.card-ref-metric-row[b-w7i2sgxn01] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.7rem;
}

.card-ref-metric-row strong[b-w7i2sgxn01] {
    color: #14324c;
    font-size: 1.55rem;
    line-height: 1;
}

.card-ref-metric-card small[b-w7i2sgxn01] {
    color: #60758a;
    font-size: 0.78rem;
    line-height: 1.45;
}

.card-ref-list-card[b-w7i2sgxn01] {
    display: grid;
    gap: 0.95rem;
    padding: 0.95rem 1rem 0.95rem 1.15rem;
}

.card-ref-list-head[b-w7i2sgxn01] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
}

.card-ref-list-head strong[b-w7i2sgxn01],
.card-ref-list-item-head strong[b-w7i2sgxn01],
.card-ref-grid-head strong[b-w7i2sgxn01],
.card-ref-state-copy strong[b-w7i2sgxn01] {
    color: #14324c;
}

.card-ref-list-head span[b-w7i2sgxn01],
.card-ref-list-item span[b-w7i2sgxn01],
.card-ref-grid-head span[b-w7i2sgxn01],
.card-ref-state-copy span[b-w7i2sgxn01] {
    color: #60758a;
    font-size: 0.78rem;
    line-height: 1.45;
}

.card-ref-list-meta[b-w7i2sgxn01] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #5f9fe6;
}

.card-ref-list-items[b-w7i2sgxn01] {
    display: grid;
    gap: 0.75rem;
}

.card-ref-list-item[b-w7i2sgxn01] {
    display: grid;
    gap: 0.14rem;
    padding: 0.82rem 0.9rem;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
}

.card-ref-list-item-head[b-w7i2sgxn01] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: center;
}

.card-ref-list-result[b-w7i2sgxn01] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.card-ref-list-result-green[b-w7i2sgxn01] { color: #55b938; }
.card-ref-list-result-yellow[b-w7i2sgxn01] { color: #d9aa32; }

.card-ref-state-card[b-w7i2sgxn01] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    padding: 0.95rem 1rem 0.95rem 1.15rem;
}

.card-ref-state-copy[b-w7i2sgxn01] {
    display: grid;
    gap: 0.2rem;
}

.card-ref-state-copy p[b-w7i2sgxn01] {
    margin: 0;
    color: #60758a;
    line-height: 1.55;
}

.card-reference-form-stack[b-w7i2sgxn01],
.card-reference-role-list[b-w7i2sgxn01] {
    display: grid;
    gap: 0.75rem;
}

.card-reference-form-field[b-w7i2sgxn01] {
    display: grid;
    gap: 0.4rem;
    color: #395267;
    font-weight: 700;
}

.card-reference-role-option[b-w7i2sgxn01] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #dce7f0;
    border-radius: 6px;
    background: #ffffff;
    text-align: left;
}

.card-reference-role-option strong[b-w7i2sgxn01] {
    color: #173650;
    font-size: 0.9rem;
}

.card-reference-role-option span[b-w7i2sgxn01] {
    color: #60758a;
    font-size: 0.82rem;
    line-height: 1.45;
}

.card-reference-role-option-active[b-w7i2sgxn01] {
    border-color: #2f84d8;
    background: #eef6ff;
}

.card-reference-auth-card[b-w7i2sgxn01] {
    width: min(30rem, 100%);
}

.card-reference-tabbed-demo[b-w7i2sgxn01] {
    height: 20rem;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
    padding: 0.9rem 1rem;
}

.card-reference-tabbed-demo-content[b-w7i2sgxn01] {
    display: grid;
    gap: 0.75rem;
    padding: 0.25rem 0 0.25rem;
    color: #60758a;
    line-height: 1.55;
}

.card-reference-tabbed-demo-content p[b-w7i2sgxn01] {
    margin: 0;
}

.card-reference-auth-card[b-w7i2sgxn01]  .invitation-activation-meta {
    display: grid;
    gap: 0.18rem;
    padding: 0.85rem 0.9rem;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #f8fbfe;
    color: #60758a;
    font-size: 0.86rem;
}

.card-reference-auth-card[b-w7i2sgxn01]  .invitation-activation-meta strong {
    color: #16324a;
    font-size: 0.95rem;
}

@media (max-width: 860px) {
    .card-reference-rule-grid[b-w7i2sgxn01],
    .card-reference-example-grid-actions[b-w7i2sgxn01],
    .card-reference-example-grid-metrics[b-w7i2sgxn01],
    .card-reference-example-grid-insights[b-w7i2sgxn01],
    .card-reference-example-grid-form-panels[b-w7i2sgxn01],
    .card-reference-button-layout[b-w7i2sgxn01] {
        grid-template-columns: 1fr;
    }

    .card-reference-head[b-w7i2sgxn01],
    .card-reference-block[b-w7i2sgxn01],
    .card-reference-empty[b-w7i2sgxn01] {
        padding-right: 1rem;
        padding-left: 1rem;
        overflow: hidden;
    }

    .card-reference-head h1[b-w7i2sgxn01],
    .card-reference-block-head h2[b-w7i2sgxn01] {
        overflow-wrap: anywhere;
    }

    .card-ref-state-card[b-w7i2sgxn01] {
        grid-template-columns: minmax(0, 1fr);
    }

    .card-ref-state-icon[b-w7i2sgxn01] {
        display: none;
    }

    .card-reference-admin-mobile-top[b-w7i2sgxn01] {
        align-items: center;
    }
}
/* /Components/Pages/SystemHub.razor.rz.scp.css */
.system-page[b-gphh8ct75h] {
    display: grid;
    gap: 1rem;
    padding: 0.15rem 0 1.25rem;
}

.system-maintenance-panel[b-gphh8ct75h] {
    margin-top: 0.15rem;
}

.system-maintenance-copy[b-gphh8ct75h] {
    display: grid;
    gap: 0.25rem;
}

.system-maintenance-copy strong[b-gphh8ct75h] {
    color: #14324c;
    font-size: 0.95rem;
}

.system-maintenance-copy span[b-gphh8ct75h] {
    color: #60758a;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.5;
}

.system-maintenance-actions[b-gphh8ct75h] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.system-head[b-gphh8ct75h] {
    display: grid;
    gap: 0.45rem;
}

.system-badge[b-gphh8ct75h] {
    width: fit-content;
    padding: 0.32rem 0.7rem;
    border: 1px solid rgba(57, 98, 133, 0.18);
    border-radius: 8px;
    background: rgba(244, 248, 252, 0.9);
    color: #173650;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.system-head h1[b-gphh8ct75h] {
    margin: 0;
    color: #16324a;
    font-size: clamp(1.9rem, 4vw, 2.5rem);
    letter-spacing: -0.02em;
}

.system-head p[b-gphh8ct75h] {
    margin: 0;
    color: #60758a;
    max-width: 58ch;
}

.system-tabs[b-gphh8ct75h] {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    width: fit-content;
    max-width: 100%;
}

.system-tabs-three[b-gphh8ct75h] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.system-tab[b-gphh8ct75h] {
    min-height: 2rem;
    padding: 0 0 0.5rem;
    border: 0;
    background: transparent;
    color: #60758a;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: color 0.18s ease, border-color 0.18s ease;
}

.system-tab:hover[b-gphh8ct75h] {
    color: #173650;
}

.system-tab-active[b-gphh8ct75h] {
    color: #173650;
    border-bottom-color: #173650;
}

.system-list[b-gphh8ct75h],
.system-quiz-grid[b-gphh8ct75h],
.system-icons-grid[b-gphh8ct75h] {
    display: grid;
    gap: 0.75rem;
}

.system-card[b-gphh8ct75h],
.system-metric-card[b-gphh8ct75h],
.system-icon-card[b-gphh8ct75h] {
    position: relative;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.035);
    overflow: hidden;
}

.system-card[b-gphh8ct75h] {
    display: grid;
    gap: 0.45rem;
    padding: 0.82rem 0.95rem 0.82rem 1rem;
}

.system-card-accent[b-gphh8ct75h],
.system-metric-accent[b-gphh8ct75h],
.system-icon-card-accent[b-gphh8ct75h] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #8aa0b5;
}

.system-card-blue .system-card-accent[b-gphh8ct75h],
.system-metric-card-blue .system-metric-accent[b-gphh8ct75h],
.system-icon-card-accent[b-gphh8ct75h] {
    background: #3b82f6;
}

.system-card-red .system-card-accent[b-gphh8ct75h] {
    background: #e16273;
}

.system-metric-card-indigo .system-metric-accent[b-gphh8ct75h] {
    background: #6bc7d8;
}

.system-metric-card-gold .system-metric-accent[b-gphh8ct75h] {
    background: #e5b84d;
}

.system-card-main[b-gphh8ct75h],
.system-icon-card-body[b-gphh8ct75h] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.system-card-head[b-gphh8ct75h],
.system-section-head[b-gphh8ct75h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.system-card-head strong[b-gphh8ct75h],
.system-icon-copy strong[b-gphh8ct75h] {
    color: #14324c;
    font-size: 0.95rem;
}

.system-card-meta[b-gphh8ct75h],
.system-card-copy[b-gphh8ct75h],
.system-icon-copy span[b-gphh8ct75h],
.system-provider-copy span[b-gphh8ct75h] {
    color: #60758a;
    font-size: 0.77rem;
    font-weight: 600;
}

.system-card-error[b-gphh8ct75h] {
    color: #9a3d50;
    font-size: 0.8rem;
    font-weight: 700;
}

.system-card-badge[b-gphh8ct75h] {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    background: #f2f8ff;
    color: #2b6a95;
}

.system-card-badge-success[b-gphh8ct75h] {
    background: #f2f8ff;
    color: #2b6a95;
}

.system-card-badge-failure[b-gphh8ct75h] {
    background: #fff2f4;
    color: #a64559;
}

.system-card-details[b-gphh8ct75h] {
    margin-top: 0.15rem;
}

.system-card-details summary[b-gphh8ct75h] {
    cursor: pointer;
    color: #2b6a95;
    font-size: 0.78rem;
    font-weight: 700;
}

.system-card-pre[b-gphh8ct75h] {
    margin: 0.45rem 0 0;
    padding: 0.75rem 0.85rem;
    border: 1px solid #e2eaf1;
    border-radius: 8px;
    background: #f8fbfe;
    color: #173650;
    font-size: 0.74rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.system-empty[b-gphh8ct75h],
.system-status[b-gphh8ct75h] {
    padding: 0.9rem 1rem;
    border: 1px dashed #d6e2ed;
    border-radius: 8px;
    color: #60758a;
    background: #fbfdff;
}

.system-metric-card[b-gphh8ct75h] {
    min-height: 7rem;
}

.system-metric-body[b-gphh8ct75h] {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0.45rem;
    padding: 0.85rem 1rem 0.95rem 1.15rem;
}

.system-metric-title[b-gphh8ct75h] {
    display: block;
    font-size: 0.88rem;
    font-weight: 500;
    line-height: 1.2;
    color: #284763;
}

.system-metric-visual[b-gphh8ct75h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.system-metric-icon[b-gphh8ct75h] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.95rem;
    color: #3b82f6;
}

.system-metric-card-indigo .system-metric-icon[b-gphh8ct75h] {
    color: #6bc7d8;
}

.system-metric-card-gold .system-metric-icon[b-gphh8ct75h] {
    color: #e5b84d;
}

.system-metric-visual strong[b-gphh8ct75h],
.system-provider-copy strong[b-gphh8ct75h] {
    color: #14324c;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 700;
    line-height: 1;
}

.system-provider-copy[b-gphh8ct75h] {
    display: grid;
    gap: 0.22rem;
    align-content: center;
}

.system-section[b-gphh8ct75h] {
    display: grid;
    gap: 0.75rem;
}

.system-section-head h3[b-gphh8ct75h] {
    margin: 0;
    color: #16324a;
    font-size: 0.98rem;
}

.system-section-head span[b-gphh8ct75h] {
    color: #60758a;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.system-chip-list[b-gphh8ct75h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.system-chip[b-gphh8ct75h] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.75rem;
    border: 1px solid #d9e5ef;
    border-radius: 999px;
    background: #fbfdff;
    color: #284763;
    font-size: 0.82rem;
    font-weight: 700;
}

.system-icons-grid[b-gphh8ct75h] {
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.system-icon-card-body[b-gphh8ct75h] {
    height: 100%;
    padding: 0.9rem 1rem 1rem 1.15rem;
}

.system-icon-preview[b-gphh8ct75h] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6;
    font-size: 1.95rem;
}

.system-icon-copy[b-gphh8ct75h] {
    display: grid;
    gap: 0.18rem;
}

.system-icon-code code[b-gphh8ct75h] {
    display: inline-block;
    padding: 0.28rem 0.48rem;
    border-radius: 6px;
    background: #f4f8fb;
    color: #173650;
    font-size: 0.78rem;
    font-weight: 700;
}

@media (max-width: 640px) {
    .system-quiz-grid[b-gphh8ct75h] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 641px) {
    .system-quiz-grid[b-gphh8ct75h] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Pages/TaskHub.razor.rz.scp.css */
.tasks-home[b-w92x4e4l2w] {
    padding: 1.5rem 0 2rem;
}

.tasks-home-grid[b-w92x4e4l2w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.tasks-home-card[b-w92x4e4l2w] {
    height: 100%;
    min-height: 8.25rem;
}

.tasks-home-fallback[b-w92x4e4l2w] {
    padding: 1.2rem 1.25rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid #5f9fe6;
    border-radius: 6px;
    background: #ffffff;
}

.tasks-home-empty[b-w92x4e4l2w] {
    color: #61788d;
    font-size: 0.92rem;
    line-height: 1.5;
}

@media (min-width: 980px) {
    .tasks-home-grid[b-w92x4e4l2w] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .tasks-home-grid[b-w92x4e4l2w] {
        gap: 0.8rem;
    }

    .tasks-home-card[b-w92x4e4l2w] {
        min-height: 7.75rem;
    }
}
/* /Components/Pages/Tasks.razor.rz.scp.css */
.tasks-page[b-c6o3lpkv9f] {
    display: grid;
    gap: 1rem;
    padding: 1rem 0 2rem;
}

.tasks-header-card[b-c6o3lpkv9f],
.tasks-filter-card[b-c6o3lpkv9f],
.tasks-empty-card[b-c6o3lpkv9f] {
    display: grid;
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid #d8e2ec;
    border-radius: 12px;
    background: #fcfeff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.tasks-header-card[b-c6o3lpkv9f] {
    position: relative;
    overflow: hidden;
}

.tasks-header-card[b-c6o3lpkv9f]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, #2a6db3 0%, #5e9ad5 100%);
}

.tasks-header-copy[b-c6o3lpkv9f],
.tasks-filter-header > div:first-child[b-c6o3lpkv9f] {
    min-width: 0;
}

.tasks-badge[b-c6o3lpkv9f] {
    display: inline-flex;
    width: fit-content;
    padding: 0.22rem 0.55rem;
    margin-bottom: 0.8rem;
    border: 1px solid #c8d8ea;
    border-radius: 6px;
    background: #f4f8fc;
    color: #1e4b73;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tasks-header-card h1[b-c6o3lpkv9f],
.tasks-filter-card h2[b-c6o3lpkv9f],
.tasks-empty-card h2[b-c6o3lpkv9f] {
    margin: 0 0 0.45rem;
    color: #16324a;
    font-size: clamp(1.65rem, 5vw, 2.25rem);
    letter-spacing: -0.02em;
}

.tasks-filter-card h2[b-c6o3lpkv9f] {
    font-size: 1rem;
}

.tasks-header-card p[b-c6o3lpkv9f],
.tasks-filter-card p[b-c6o3lpkv9f],
.tasks-empty-card p[b-c6o3lpkv9f],
.task-card p[b-c6o3lpkv9f] {
    margin: 0;
    color: #60758a;
    line-height: 1.55;
}

.tasks-header-meta[b-c6o3lpkv9f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1rem;
}

.tasks-header-meta span[b-c6o3lpkv9f] {
    padding: 0.45rem 0.7rem;
    border: 1px solid #dde7f0;
    border-radius: 8px;
    background: #ffffff;
    color: #36516a;
    font-size: 0.82rem;
    font-weight: 600;
}

.tasks-filter-card[b-c6o3lpkv9f] {
    gap: 0.9rem;
    background: #ffffff;
}

.tasks-filter-header[b-c6o3lpkv9f] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
}

.tasks-filter-actions[b-c6o3lpkv9f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.tasks-filter-grid[b-c6o3lpkv9f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    padding-top: 0.35rem;
    border-top: 1px solid #edf3f8;
}

.tasks-filter-field[b-c6o3lpkv9f] {
    min-width: 0;
}

.tasks-add-button[b-c6o3lpkv9f] {
    width: 100%;
    align-self: start;
    min-height: 48px;
    border-radius: 10px;
    box-shadow: none;
}

.task-list[b-c6o3lpkv9f] {
    display: grid;
    gap: 0.75rem;
}

.task-card[b-c6o3lpkv9f] {
    width: 100%;
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    text-align: left;
    border: 1px solid #dde6ee;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.035);
    color: inherit;
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.task-card:hover[b-c6o3lpkv9f],
.task-card:focus-visible[b-c6o3lpkv9f] {
    border-color: #9ebddd;
    box-shadow: 0 12px 24px rgba(32, 74, 114, 0.08);
    transform: translateY(-1px);
    outline: none;
}

.task-card-top[b-c6o3lpkv9f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
}

.task-card-title[b-c6o3lpkv9f] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.task-card-icon[b-c6o3lpkv9f] {
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 0.85rem;
    background: linear-gradient(135deg, #e8f1fb 0%, #d8e8f8 100%);
    border: 1px solid #c7daee;
    color: #225784;
}

.task-card-icon-svg[b-c6o3lpkv9f] {
    width: 1.2rem;
    height: 1.2rem;
    fill: currentColor;
}

.task-card-top strong[b-c6o3lpkv9f] {
    color: #14324c;
    font-size: 1rem;
    letter-spacing: -0.01em;
}

.task-card-points[b-c6o3lpkv9f] {
    flex-shrink: 0;
    padding: 0.32rem 0.55rem;
    border: 1px solid #cfe0ef;
    border-radius: 8px;
    background: #f4f8fc;
    color: #215179;
    font-size: 0.8rem;
    font-weight: 700;
}

.task-card-tags[b-c6o3lpkv9f],
.task-card-meta[b-c6o3lpkv9f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.task-card-tags span[b-c6o3lpkv9f],
.task-card-meta span[b-c6o3lpkv9f] {
    padding: 0.34rem 0.55rem;
    border: 1px solid #e1e8ef;
    border-radius: 7px;
    background: #f9fbfd;
    color: #50677b;
    font-size: 0.78rem;
    font-weight: 600;
}

.task-card-tags span[b-c6o3lpkv9f] {
    background: #f4f8fc;
    color: #2a567b;
}

@media (min-width: 700px) {
    .tasks-page[b-c6o3lpkv9f] {
        padding-top: 1.5rem;
    }

    .tasks-header-card[b-c6o3lpkv9f] {
        grid-template-columns: 1fr auto;
        align-items: end;
    }

    .tasks-filter-grid[b-c6o3lpkv9f] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .tasks-add-button[b-c6o3lpkv9f] {
        width: auto;
        min-width: 180px;
    }

    .task-list[b-c6o3lpkv9f] {
        grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    }
}

@media (max-width: 699px) {
    .tasks-filter-header[b-c6o3lpkv9f],
    .tasks-filter-grid[b-c6o3lpkv9f] {
        grid-template-columns: 1fr;
    }

    .tasks-filter-header[b-c6o3lpkv9f] {
        display: grid;
        align-items: stretch;
    }

    .tasks-filter-actions[b-c6o3lpkv9f] {
        justify-content: stretch;
    }

    .tasks-filter-grid[b-c6o3lpkv9f] {
        display: grid;
    }

    .tasks-header-meta span[b-c6o3lpkv9f] {
        flex: 1 1 calc(50% - 0.55rem);
        justify-content: center;
        text-align: center;
    }
}
/* /Components/Pages/UserCreate.razor.rz.scp.css */
.controlcenter-user-create[b-qucoh8brwf] {
    padding: 1.5rem 0 2rem;
}

.controlcenter-user-create-shell[b-qucoh8brwf] {
    width: 100%;
    display: grid;
    gap: 1rem;
}

.controlcenter-user-create-topbar[b-qucoh8brwf] {
    display: flex;
}

.controlcenter-user-create-empty[b-qucoh8brwf] {
    padding: 0.95rem 1rem;
    border: 1px solid #dbe7ef;
    border-radius: 6px;
    background: #f7fbfe;
    color: #395267;
    font-size: 0.92rem;
}

.controlcenter-user-create-header-icon[b-qucoh8brwf] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, #6eb4ff 0%, #215a84 100%);
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.controlcenter-user-create-header-icon[b-qucoh8brwf]  svg {
    width: 2rem;
    height: 2rem;
}

.controlcenter-user-create-form[b-qucoh8brwf],
.controlcenter-user-create-panel-grid[b-qucoh8brwf] {
    display: grid;
    gap: 1rem;
}

.controlcenter-user-create-submit[b-qucoh8brwf] {
    display: flex;
    justify-content: flex-start;
}

.controlcenter-user-create-result-actions[b-qucoh8brwf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.controlcenter-user-create-panel-grid[b-qucoh8brwf] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.controlcenter-user-create-panel[b-qucoh8brwf] {
    height: 100%;
}

.controlcenter-user-create-grid[b-qucoh8brwf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1rem;
}

.controlcenter-user-create-role-list[b-qucoh8brwf],
.controlcenter-user-create-area-grid[b-qucoh8brwf],
.controlcenter-user-create-workspace-list[b-qucoh8brwf] {
    display: grid;
    gap: 0.75rem;
}

.controlcenter-user-create-role-option[b-qucoh8brwf],
.controlcenter-user-create-area-card[b-qucoh8brwf],
.controlcenter-user-create-workspace-item[b-qucoh8brwf] {
    border-radius: 6px;
}

.controlcenter-user-create-role-option[b-qucoh8brwf] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #dce7f0;
    background: #ffffff;
    text-align: left;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.controlcenter-user-create-role-option:hover[b-qucoh8brwf],
.controlcenter-user-create-role-option:focus-visible[b-qucoh8brwf] {
    border-color: #bfd0df;
    background: #f7fbff;
    box-shadow: 0 6px 16px rgba(20, 50, 76, 0.06);
    outline: none;
}

.controlcenter-user-create-role-option strong[b-qucoh8brwf] {
    color: #173650;
    font-size: 0.9rem;
}

.controlcenter-user-create-role-option span[b-qucoh8brwf] {
    color: #60758a;
    font-size: 0.82rem;
    line-height: 1.45;
}

.controlcenter-user-create-role-option-active[b-qucoh8brwf] {
    border-color: #2f84d8;
    background: #eef6ff;
}

.controlcenter-user-create-area-grid[b-qucoh8brwf] {
    grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr));
}

.controlcenter-user-create-area-card[b-qucoh8brwf] {
    display: grid;
    gap: 0.7rem;
    padding: 0.9rem;
    border: 1px solid #dce7f0;
    background: #ffffff;
}

.controlcenter-user-create-area-head[b-qucoh8brwf] {
    display: grid;
    gap: 0.12rem;
}

.controlcenter-user-create-area-head strong[b-qucoh8brwf] {
    color: #173650;
    font-size: 0.9rem;
}

.controlcenter-user-create-area-options[b-qucoh8brwf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.controlcenter-user-create-area-option[b-qucoh8brwf] {
    min-height: 2.6rem;
    padding: 0.5rem 0.55rem;
    border: 1px solid #d8e3ec;
    border-radius: 6px;
    background: #ffffff;
    color: #395267;
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.controlcenter-user-create-area-option:hover[b-qucoh8brwf],
.controlcenter-user-create-area-option:focus-visible[b-qucoh8brwf] {
    border-color: #bfd0df;
    background: #f7fbff;
    outline: none;
}

.controlcenter-user-create-area-option-active[b-qucoh8brwf] {
    border-color: #2f84d8;
    background: #eef6ff;
    color: #185085;
}

.controlcenter-user-create-workspace-item[b-qucoh8brwf] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #dce7f0;
    background: #ffffff;
}

.controlcenter-user-create-workspace-item input[b-qucoh8brwf] {
    margin: 0;
}

.controlcenter-user-create-workspace-copy[b-qucoh8brwf] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.controlcenter-user-create-workspace-copy strong[b-qucoh8brwf] {
    color: #173650;
    font-size: 0.9rem;
}

.controlcenter-user-create-workspace-copy span[b-qucoh8brwf] {
    color: #60758a;
    font-size: 0.8rem;
    line-height: 1.45;
}

.controlcenter-user-create-field[b-qucoh8brwf] {
    display: grid;
    gap: 0.35rem;
}

.controlcenter-user-create-field label[b-qucoh8brwf] {
    color: #395267;
    font-size: 0.88rem;
    font-weight: 700;
}

.controlcenter-user-create-color-wrap[b-qucoh8brwf] {
    min-height: 2.75rem;
    padding: 0.35rem 0.7rem;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid #d8e3ec;
    border-radius: 6px;
    background: #ffffff;
}

.controlcenter-user-create-color-wrap span[b-qucoh8brwf],
.controlcenter-user-create-result-copy[b-qucoh8brwf],
.controlcenter-user-create-note[b-qucoh8brwf] {
    color: #60758a;
    font-size: 0.88rem;
    line-height: 1.5;
}

.controlcenter-user-create-color-input[b-qucoh8brwf] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
}

.controlcenter-user-create-action[b-qucoh8brwf] {
    min-width: 13.5rem;
}

[b-qucoh8brwf] .validation-message {
    color: #b42347;
    font-size: 0.82rem;
}

@media (max-width: 860px) {
    .controlcenter-user-create-panel-grid[b-qucoh8brwf] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .controlcenter-user-create-grid[b-qucoh8brwf] {
        grid-template-columns: 1fr;
    }

    .controlcenter-user-create-result-actions[b-qucoh8brwf] {
        width: 100%;
    }

    .controlcenter-user-create-area-grid[b-qucoh8brwf] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/UserDetail.razor.rz.scp.css */
.controlcenter-user-detail[b-iymnw8vkpn] {
    padding: 1.5rem 0 2rem;
}

.controlcenter-user-detail-shell[b-iymnw8vkpn] {
    width: 100%;
    display: grid;
    gap: 1rem;
}

.controlcenter-user-detail-topbar[b-iymnw8vkpn] {
    display: flex;
}

.controlcenter-user-detail-status[b-iymnw8vkpn],
.controlcenter-user-detail-empty[b-iymnw8vkpn] {
    padding: 0.95rem 1rem;
    border: 1px solid #dbe7ef;
    border-radius: 6px;
    background: #f7fbfe;
    color: #395267;
    font-size: 0.92rem;
}

.controlcenter-user-detail-status-error[b-iymnw8vkpn] {
    border-color: #f0c6cd;
    background: #fff6f7;
    color: #9d2742;
}

.controlcenter-user-detail-grid[b-iymnw8vkpn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.controlcenter-user-detail-tabs[b-iymnw8vkpn] {
    width: fit-content;
    max-width: 100%;
}

.controlcenter-user-detail-panel-content[b-iymnw8vkpn],
.controlcenter-user-detail-role-list[b-iymnw8vkpn],
.controlcenter-user-detail-area-grid[b-iymnw8vkpn],
.controlcenter-user-detail-fact-list[b-iymnw8vkpn],
.controlcenter-user-detail-notification-list[b-iymnw8vkpn],
.controlcenter-user-detail-subscription-list[b-iymnw8vkpn] {
    display: grid;
    gap: 0.75rem;
}

.controlcenter-user-detail-area-grid[b-iymnw8vkpn] {
    grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr));
}

.controlcenter-user-detail-fact-list[b-iymnw8vkpn] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.controlcenter-user-detail-fact-item[b-iymnw8vkpn] {
    display: grid;
    gap: 0.16rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #dce7f0;
    border-radius: 6px;
    background: #ffffff;
}

.controlcenter-user-detail-fact-label[b-iymnw8vkpn] {
    color: #687d91;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.controlcenter-user-detail-fact-value[b-iymnw8vkpn] {
    color: #173650;
    font-size: 0.9rem;
    line-height: 1.4;
}

.controlcenter-user-detail-field[b-iymnw8vkpn] {
    display: grid;
    gap: 0.4rem;
    color: #395267;
    font-weight: 700;
}

.controlcenter-user-detail-select[b-iymnw8vkpn] {
    width: 100%;
}

.controlcenter-user-detail-note[b-iymnw8vkpn] {
    margin: 0;
    color: #60758a;
    line-height: 1.6;
}

.controlcenter-user-detail-invite-block[b-iymnw8vkpn] {
    display: grid;
    gap: 0.75rem;
}

.controlcenter-user-detail-status-actions[b-iymnw8vkpn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.controlcenter-user-detail-role-option[b-iymnw8vkpn],
.controlcenter-user-detail-area-card[b-iymnw8vkpn] {
    border-radius: 6px;
}

.controlcenter-user-detail-role-option[b-iymnw8vkpn] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #dce7f0;
    background: #ffffff;
    text-align: left;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.controlcenter-user-detail-role-option:hover[b-iymnw8vkpn],
.controlcenter-user-detail-role-option:focus-visible[b-iymnw8vkpn] {
    border-color: #bfd0df;
    background: #f7fbff;
    box-shadow: 0 6px 16px rgba(20, 50, 76, 0.06);
    outline: none;
}

.controlcenter-user-detail-role-option strong[b-iymnw8vkpn] {
    color: #173650;
    font-size: 0.9rem;
}

.controlcenter-user-detail-role-option span[b-iymnw8vkpn] {
    color: #60758a;
    font-size: 0.82rem;
    line-height: 1.45;
}

.controlcenter-user-detail-role-option-active[b-iymnw8vkpn] {
    border-color: #2f84d8;
    background: #eef6ff;
}

.controlcenter-user-detail-area-card[b-iymnw8vkpn] {
    display: grid;
    gap: 0.7rem;
    padding: 0.9rem;
    border: 1px solid #dce7f0;
    background: #ffffff;
}

.controlcenter-user-detail-area-head[b-iymnw8vkpn] {
    display: grid;
    gap: 0.12rem;
}

.controlcenter-user-detail-area-head strong[b-iymnw8vkpn] {
    color: #173650;
    font-size: 0.9rem;
}

.controlcenter-user-detail-area-options[b-iymnw8vkpn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.controlcenter-user-detail-area-option[b-iymnw8vkpn] {
    min-height: 2.6rem;
    padding: 0.5rem 0.55rem;
    border: 1px solid #d8e3ec;
    border-radius: 6px;
    background: #ffffff;
    color: #395267;
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.controlcenter-user-detail-area-option:hover[b-iymnw8vkpn],
.controlcenter-user-detail-area-option:focus-visible[b-iymnw8vkpn] {
    border-color: #bfd0df;
    background: #f7fbff;
    outline: none;
}

.controlcenter-user-detail-area-option-active[b-iymnw8vkpn] {
    border-color: #2f84d8;
    background: #eef6ff;
    color: #185085;
}

.controlcenter-user-detail[b-iymnw8vkpn]  .controlcenter-user-detail-save {
    justify-self: start;
    min-width: 11.5rem;
}

.controlcenter-user-detail[b-iymnw8vkpn]  .controlcenter-user-detail-save:disabled,
.controlcenter-user-detail-role-option:disabled[b-iymnw8vkpn],
.controlcenter-user-detail-area-option:disabled[b-iymnw8vkpn] {
    opacity: 0.65;
}

.controlcenter-user-detail-delete-actions[b-iymnw8vkpn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.controlcenter-user-detail[b-iymnw8vkpn]  .controlcenter-user-detail-delete-button {
    justify-self: start;
}

.controlcenter-user-detail-notification-item[b-iymnw8vkpn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    min-height: 3.1rem;
    padding: 0.72rem 0.9rem;
    border: 1px solid #dce7f0;
    border-radius: 6px;
    background: #ffffff;
}

.controlcenter-user-detail-notification-item-disabled[b-iymnw8vkpn] {
    background: #fbfdff;
}

.controlcenter-user-detail-notification-copy[b-iymnw8vkpn] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.controlcenter-user-detail-notification-copy strong[b-iymnw8vkpn] {
    color: #173650;
    font-size: 0.9rem;
}

.controlcenter-user-detail-notification-copy span[b-iymnw8vkpn] {
    color: #60758a;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.45;
}

.controlcenter-user-detail-subscription-item[b-iymnw8vkpn] {
    display: grid;
    gap: 0.35rem;
    padding: 0.85rem 0.9rem;
    border: 1px solid #dce7f0;
    border-radius: 6px;
    background: #ffffff;
}

.controlcenter-user-detail-subscription-head[b-iymnw8vkpn],
.controlcenter-user-detail-subscription-meta[b-iymnw8vkpn] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.controlcenter-user-detail-subscription-head strong[b-iymnw8vkpn] {
    color: #173650;
    font-size: 0.9rem;
}

.controlcenter-user-detail-subscription-head span[b-iymnw8vkpn],
.controlcenter-user-detail-subscription-meta span[b-iymnw8vkpn],
.controlcenter-user-detail-subscription-agent[b-iymnw8vkpn] {
    color: #60758a;
    font-size: 0.82rem;
    line-height: 1.45;
}

@media (max-width: 760px) {
    .controlcenter-user-detail-grid[b-iymnw8vkpn] {
        grid-template-columns: 1fr;
    }

    .controlcenter-user-detail-fact-list[b-iymnw8vkpn] {
        grid-template-columns: 1fr;
    }

    .controlcenter-user-detail-area-grid[b-iymnw8vkpn] {
        grid-template-columns: 1fr;
    }

    .controlcenter-user-detail-area-options[b-iymnw8vkpn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/UserList.razor.rz.scp.css */
.controlcenter-users[b-ouxcd9dvzx] {
    padding: 1.25rem 0 2rem;
}

.controlcenter-section-card[b-ouxcd9dvzx] {
    width: 100%;
    padding: 1.1rem 1.15rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid #5f9fe6;
    border-radius: 6px;
    background: #ffffff;
}

.controlcenter-user-overview-head[b-ouxcd9dvzx] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
}

.controlcenter-user-overview-copy h1[b-ouxcd9dvzx] {
    margin: 0;
    color: #12283c;
    font-size: clamp(1.5rem, 3.6vw, 2rem);
    line-height: 1.1;
}

.controlcenter-user-grid[b-ouxcd9dvzx]  .app-data-grid-table {
    table-layout: fixed;
    min-width: 34rem;
}

.controlcenter-user-grid[b-ouxcd9dvzx]  thead th {
    padding: 0.42rem 0.7rem;
    font-size: 0.65rem;
}

.controlcenter-user-grid[b-ouxcd9dvzx]  tbody th,
.controlcenter-user-grid[b-ouxcd9dvzx]  tbody td {
    padding: 0.26rem 0.7rem;
    font-size: 0.81rem;
    line-height: 1.25;
    vertical-align: middle;
}

.controlcenter-user-grid[b-ouxcd9dvzx]  thead th:nth-child(1),
.controlcenter-user-grid[b-ouxcd9dvzx]  tbody th:nth-child(1) { width: 37%; }

.controlcenter-user-grid[b-ouxcd9dvzx]  thead th:nth-child(2),
.controlcenter-user-grid[b-ouxcd9dvzx]  tbody td:nth-child(2) { width: 27%; }

.controlcenter-user-grid[b-ouxcd9dvzx]  thead th:nth-child(3),
.controlcenter-user-grid[b-ouxcd9dvzx]  tbody td:nth-child(3) { width: 7.75rem; }

.controlcenter-user-grid[b-ouxcd9dvzx]  thead th:nth-child(4),
.controlcenter-user-grid[b-ouxcd9dvzx]  tbody td:nth-child(4) { width: 3.2rem; text-align: right; }

.controlcenter-user-grid[b-ouxcd9dvzx]  thead th:last-child {
    text-align: right;
}

.controlcenter-user-name[b-ouxcd9dvzx] {
    display: block;
    color: #173650;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.controlcenter-user-username[b-ouxcd9dvzx] {
    color: #4f667a;
    font-size: 0.79rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.controlcenter-user-col-action[b-ouxcd9dvzx] {
    white-space: nowrap;
}

.controlcenter-user-grid[b-ouxcd9dvzx]  .app-data-grid-status {
    min-height: 0.92rem;
    padding: 0.04rem 0.34rem;
    font-size: 0.62rem;
}

.controlcenter-user-grid[b-ouxcd9dvzx]  .app-button-icon-only.app-button-compact {
    width: 1.85rem;
    min-height: 1.85rem;
}

.controlcenter-empty-state[b-ouxcd9dvzx] {
    color: #61788d;
    font-size: 0.92rem;
    line-height: 1.5;
}

.controlcenter-user-mobile-row[b-ouxcd9dvzx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.65rem;
}

.controlcenter-user-mobile-main[b-ouxcd9dvzx] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.controlcenter-user-mobile-main strong[b-ouxcd9dvzx] {
    color: #12283c;
    font-size: 0.88rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.controlcenter-user-mobile-username[b-ouxcd9dvzx] {
    color: #6a7d90;
    font-size: 0.75rem;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.controlcenter-user-mobile-actions[b-ouxcd9dvzx] {
    justify-content: flex-end;
    width: auto;
}

@media (max-width: 720px) {
    .controlcenter-users[b-ouxcd9dvzx] {
        padding: 1rem 0 1.5rem;
    }

    .controlcenter-user-overview-head[b-ouxcd9dvzx] {
        flex-direction: column;
        align-items: stretch;
    }

    .controlcenter-user-grid[b-ouxcd9dvzx]  .app-data-grid-shell {
        border: 0;
        background: transparent;
    }

    .controlcenter-user-grid[b-ouxcd9dvzx]  .app-data-grid-accent {
        display: none;
    }

    .controlcenter-user-grid[b-ouxcd9dvzx]  .app-data-grid-head {
        padding: 0 0 0.6rem 0;
        border-bottom: 0;
        background: transparent;
    }

    .controlcenter-user-grid[b-ouxcd9dvzx]  .app-data-grid-scroll {
        border: 0;
        background: transparent;
        overflow: visible;
    }

    .controlcenter-user-grid[b-ouxcd9dvzx]  .app-data-grid-mobile-card {
        padding: 0.65rem 0.2rem 0.65rem 0;
    }

    .controlcenter-user-grid[b-ouxcd9dvzx]  .app-button-icon-only.app-button-compact {
        width: 2rem;
        min-height: 2rem;
    }
}
/* /Components/Pages/Users.razor.rz.scp.css */
.users-home[b-ignm8d6d0z] {
    padding: 1.5rem 0 2rem;
}

.users-home-grid[b-ignm8d6d0z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.users-home-card[b-ignm8d6d0z] {
    height: 100%;
    min-height: 8.25rem;
}

.users-home-card-users[b-ignm8d6d0z] {
    --app-card-accent: #ef4f5f;
}

.users-home-card-locked[b-ignm8d6d0z] {
    --app-card-accent: #b9c6d2;
}

.users-home-fallback[b-ignm8d6d0z] {
    padding: 1.2rem 1.25rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid #5f9fe6;
    border-radius: 6px;
    background: #ffffff;
}

.users-home-empty[b-ignm8d6d0z] {
    color: #61788d;
    font-size: 0.92rem;
    line-height: 1.5;
}

@media (min-width: 980px) {
    .users-home-grid[b-ignm8d6d0z] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .users-home-grid[b-ignm8d6d0z] {
        gap: 0.8rem;
    }

    .users-home-card[b-ignm8d6d0z] {
        min-height: 7.75rem;
    }
}
/* /Components/Shared/AppActionCard.razor.rz.scp.css */
.app-action-card[b-2pqyvqnv3t] {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 0;
    padding: 0;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
    color: inherit;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
}

button.app-action-card[b-2pqyvqnv3t] {
    appearance: none;
    font: inherit;
    cursor: pointer;
    margin: 0;
}

.app-action-card-clickable[b-2pqyvqnv3t] {
    cursor: pointer;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.app-action-card-clickable:hover[b-2pqyvqnv3t],
.app-action-card-clickable:focus-visible[b-2pqyvqnv3t] {
    border-color: color-mix(in srgb, var(--app-card-accent, #3b82f6) 55%, #dbe6ef);
    box-shadow: 0 8px 22px rgba(20, 50, 76, 0.08);
    transform: translateY(-1px);
    outline: none;
}

.app-action-card:disabled[b-2pqyvqnv3t] {
    cursor: not-allowed;
    opacity: 0.68;
}

.app-action-card-subdued[b-2pqyvqnv3t] {
    border-color: #e2eaf1;
    background: #fbfdff;
}

.app-action-card-subdued:hover[b-2pqyvqnv3t],
.app-action-card-subdued:focus-visible[b-2pqyvqnv3t] {
    border-color: #e2eaf1;
    box-shadow: none;
    transform: none;
}

.app-action-card-subdued .app-action-card-title[b-2pqyvqnv3t],
.app-action-card-subdued .app-action-card-icon[b-2pqyvqnv3t] {
    color: #8ea0b1;
}

.app-action-card-subdued .app-action-card-accent[b-2pqyvqnv3t] {
    background: #c8d4df;
}

.app-action-card-blue[b-2pqyvqnv3t] { --app-card-accent: #3b82f6; }
.app-action-card-cyan[b-2pqyvqnv3t] { --app-card-accent: #6bc7d8; }
.app-action-card-teal[b-2pqyvqnv3t] { --app-card-accent: #59c4cc; }
.app-action-card-green[b-2pqyvqnv3t] { --app-card-accent: #55b938; }
.app-action-card-yellow[b-2pqyvqnv3t] { --app-card-accent: #d9aa32; }
.app-action-card-red[b-2pqyvqnv3t] { --app-card-accent: #ef5b65; }
.app-action-card-indigo[b-2pqyvqnv3t] { --app-card-accent: #5f9fe6; }
.app-action-card-slate[b-2pqyvqnv3t] { --app-card-accent: #91a4b6; }

.app-action-card-body[b-2pqyvqnv3t] {
    position: relative;
    display: grid;
    gap: 0.3rem;
    grid-template-rows: auto 1fr;
    align-content: start;
    box-sizing: border-box;
    min-height: 100%;
    padding: 0.95rem 1rem 0.85rem 1.15rem;
}

.app-action-card-accent[b-2pqyvqnv3t] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--app-card-accent, #3b82f6);
}

.app-action-card-head[b-2pqyvqnv3t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: start;
}

.app-action-card-copy[b-2pqyvqnv3t] {
    display: grid;
    gap: 0.24rem;
}

.app-action-card-title-row[b-2pqyvqnv3t] {
    display: block;
}

.app-action-card-title[b-2pqyvqnv3t] {
    color: #16324a;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.app-action-card-description[b-2pqyvqnv3t] {
    color: #60758a;
    font-size: 0.8rem;
    line-height: 1.45;
}

.app-action-card-badge[b-2pqyvqnv3t] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    min-height: 1.15rem;
    padding: 0.14rem 0.42rem;
    border: 1px solid #d8e3ec;
    border-radius: 4px;
    background: #fbfdff;
    color: #60758a;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
    width: fit-content;
}

.app-action-card-badge-icon[b-2pqyvqnv3t] {
    width: 0.78rem;
    height: 0.78rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.app-action-card-badge-icon[b-2pqyvqnv3t]  svg {
    width: 0.78rem;
    height: 0.78rem;
}

.app-action-card-badge-text[b-2pqyvqnv3t] {
    display: inline-flex;
    align-items: center;
}

.app-action-card-badge-neutral[b-2pqyvqnv3t] {
    border-color: #d8e3ec;
    background: #fbfdff;
    color: #60758a;
}

.app-action-card-badge-info[b-2pqyvqnv3t] {
    border-color: #cfe0f5;
    background: #f3f8fe;
    color: #245f96;
}

.app-action-card-badge-warning[b-2pqyvqnv3t] {
    border-color: #eadca8;
    background: #fff9e8;
    color: #9a7410;
}

.app-action-card-badge-error[b-2pqyvqnv3t] {
    border-color: #efc2c7;
    background: #fff2f3;
    color: #af4452;
}

.app-action-card-badge-success[b-2pqyvqnv3t] {
    border-color: #c8e1ba;
    background: #f4fbef;
    color: #4d8f32;
}

.app-action-card-icon[b-2pqyvqnv3t] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--app-card-accent, #3b82f6);
    font-size: 1.45rem;
}

.app-action-card-footer[b-2pqyvqnv3t] {
    display: grid;
    gap: 0.5rem;
    align-self: end;
    align-content: end;
}

.app-action-card-link[b-2pqyvqnv3t] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    width: fit-content;
    color: #1c568e;
    font-size: 0.84rem;
    font-weight: 800;
}

.app-action-card-link[b-2pqyvqnv3t]  svg {
    width: 0.84rem;
    height: 0.84rem;
}

.app-action-card-detail[b-2pqyvqnv3t] {
    display: grid;
    gap: 0.12rem;
    padding: 0.78rem 0.88rem;
    border: 1px dashed #d8e3ec;
    border-radius: 6px;
    background: #fbfdff;
}

.app-action-card-compact-entry .app-action-card-body[b-2pqyvqnv3t] {
    gap: 0.22rem;
}

.app-action-card-compact-entry .app-action-card-head[b-2pqyvqnv3t] {
    gap: 0.65rem;
}

.app-action-card-compact-entry .app-action-card-copy[b-2pqyvqnv3t] {
    gap: 0.12rem;
}

.app-action-card-compact-entry .app-action-card-title[b-2pqyvqnv3t] {
    font-size: 0.78rem;
}

.app-action-card-compact-entry .app-action-card-description[b-2pqyvqnv3t] {
    font-size: 0.77rem;
    line-height: 1.35;
}

.app-action-card-compact-entry .app-action-card-link[b-2pqyvqnv3t] {
    font-size: 0.78rem;
    font-weight: 700;
}

.app-action-card-compact-entry .app-action-card-icon[b-2pqyvqnv3t] {
    width: 1.82rem;
    height: 1.82rem;
    font-size: 1.34rem;
}

.app-action-card-area-entry[b-2pqyvqnv3t] {
    min-height: 5.6rem;
}

.app-action-card-area-entry .app-action-card-body[b-2pqyvqnv3t] {
    padding: 0.82rem 0.86rem 0.82rem 1rem;
}

.app-action-card-area-entry .app-action-card-head[b-2pqyvqnv3t] {
    gap: 0.45rem;
    align-items: start;
}

.app-action-card-area-entry .app-action-card-copy[b-2pqyvqnv3t] {
    gap: 0;
}

.app-action-card-area-entry .app-action-card-title[b-2pqyvqnv3t] {
    font-size: 0.76rem;
}

.app-action-card-area-entry .app-action-card-icon[b-2pqyvqnv3t] {
    width: 1.7rem;
    height: 1.7rem;
    font-size: 1.42rem;
}

.app-action-card-area-entry .app-action-card-badge[b-2pqyvqnv3t] {
    position: absolute;
    left: 1rem;
    bottom: 0.72rem;
    min-height: 1rem;
    padding: 0.08rem 0.34rem;
    font-size: 0.58rem;
    letter-spacing: 0.02em;
}

@media (min-width: 780px) {
    .app-action-card-area-entry[b-2pqyvqnv3t] {
        min-height: 6.2rem;
    }

    .app-action-card-area-entry .app-action-card-head[b-2pqyvqnv3t] {
        gap: 0.85rem;
    }

    .app-action-card-area-entry .app-action-card-title[b-2pqyvqnv3t] {
        font-size: 0.78rem;
    }

    .app-action-card-area-entry .app-action-card-icon[b-2pqyvqnv3t] {
        width: 1.85rem;
        height: 1.85rem;
        font-size: 1.55rem;
    }
}
/* /Components/Shared/AppAuthCard.razor.rz.scp.css */
.app-auth-card-page[b-jr4n1hr0uw] {
    min-height: calc(100dvh - var(--cc-desktop-top-nav-height) - var(--cc-area-ticker-height) - 7.25rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0;
}

.app-auth-card[b-jr4n1hr0uw] {
    --app-auth-accent: #5f9fe6;
    --app-auth-card-max-width: 27rem;
    position: relative;
    width: min(var(--app-auth-card-max-width), 100%);
    display: grid;
    gap: 0.95rem;
    padding: 1.15rem 1.2rem 1.2rem 1.35rem;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
    box-sizing: border-box;
}

.app-auth-card-blue[b-jr4n1hr0uw] { --app-auth-accent: #3b82f6; }
.app-auth-card-cyan[b-jr4n1hr0uw] { --app-auth-accent: #6bc7d8; }
.app-auth-card-teal[b-jr4n1hr0uw] { --app-auth-accent: #59c4cc; }
.app-auth-card-green[b-jr4n1hr0uw] { --app-auth-accent: #55b938; }
.app-auth-card-yellow[b-jr4n1hr0uw] { --app-auth-accent: #d9aa32; }
.app-auth-card-red[b-jr4n1hr0uw] { --app-auth-accent: #ef5b65; }
.app-auth-card-indigo[b-jr4n1hr0uw] { --app-auth-accent: #5f9fe6; }
.app-auth-card-slate[b-jr4n1hr0uw] { --app-auth-accent: #91a4b6; }

.app-auth-card-accent[b-jr4n1hr0uw] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--app-auth-accent, #5f9fe6);
}

.app-auth-card-head[b-jr4n1hr0uw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.app-auth-card-copy[b-jr4n1hr0uw] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.app-auth-card-kicker[b-jr4n1hr0uw] {
    color: #60758a;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.app-auth-card-copy h1[b-jr4n1hr0uw] {
    margin: 0;
    color: #16324a;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.15;
}

.app-auth-card-copy p[b-jr4n1hr0uw] {
    margin: 0.12rem 0 0;
    color: #60758a;
    font-size: 0.86rem;
    line-height: 1.45;
}

.app-auth-card-icon[b-jr4n1hr0uw] {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: var(--app-auth-accent, #5f9fe6);
    font-size: 1.55rem;
}

.app-auth-card-body[b-jr4n1hr0uw] {
    display: grid;
    gap: 0.85rem;
}

@media (max-width: 640.98px) {
    .app-auth-card-page[b-jr4n1hr0uw] {
        min-height: calc(100dvh - var(--cc-mobile-top-nav-height) - var(--cc-area-ticker-height) - var(--cc-bottom-nav-height) - 1.35rem);
        padding: 0;
    }

    .app-auth-card[b-jr4n1hr0uw] {
        padding: 1rem 1rem 1.05rem 1.15rem;
    }

    .app-auth-card-copy h1[b-jr4n1hr0uw] {
        font-size: 1.22rem;
    }

    .app-auth-card-icon[b-jr4n1hr0uw] {
        width: 2.15rem;
        height: 2.15rem;
        font-size: 1.4rem;
    }
}
/* /Components/Shared/AppButton.razor.rz.scp.css */
.app-button[b-eh12xcgptl] {
    border-radius: 6px;
    border: 1px solid #d8e3ec;
    background: #ffffff;
    color: #1c568e;
    font: inherit;
    text-decoration: none;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

button.app-button[b-eh12xcgptl] {
    appearance: none;
    cursor: pointer;
    margin: 0;
}

.app-button-standard[b-eh12xcgptl],
.app-button-compact[b-eh12xcgptl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    line-height: 1;
    white-space: nowrap;
}

.app-button-standard[b-eh12xcgptl] {
    min-height: 2.75rem;
    height: 2.75rem;
    padding: 0.6rem 0.95rem;
}

.app-button-compact[b-eh12xcgptl] {
    min-height: 2.25rem;
    height: 2.25rem;
    padding: 0.42rem 0.72rem;
}

.app-button-primary[b-eh12xcgptl] {
    border-color: #2d7ac1;
    background: #2f84d8;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 800;
}

.app-button-primary:hover[b-eh12xcgptl],
.app-button-primary:focus-visible[b-eh12xcgptl] {
    background: #236fb8;
    border-color: #236fb8;
    box-shadow: 0 6px 16px rgba(24, 80, 133, 0.16);
    outline: none;
}

.app-button-primary:disabled[b-eh12xcgptl] {
    opacity: 0.65;
}

.app-button-danger[b-eh12xcgptl] {
    border-color: #c4495f;
    background: #d4546a;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 800;
}

.app-button-danger:hover[b-eh12xcgptl],
.app-button-danger:focus-visible[b-eh12xcgptl] {
    background: #bd3d55;
    border-color: #bd3d55;
    box-shadow: 0 6px 16px rgba(157, 39, 66, 0.18);
    outline: none;
}

.app-button-danger:disabled[b-eh12xcgptl] {
    opacity: 0.65;
}

.app-button-secondary[b-eh12xcgptl] {
    font-size: 0.8rem;
    font-weight: 800;
}

.app-button-secondary:hover[b-eh12xcgptl],
.app-button-secondary:focus-visible[b-eh12xcgptl] {
    border-color: #bfd0df;
    background: #f7fbff;
    color: #173650;
    outline: none;
}

.app-button-icon-only[b-eh12xcgptl] {
    padding: 0;
}

.app-button-icon-only.app-button-standard[b-eh12xcgptl] {
    width: 2.75rem;
}

.app-button-icon-only.app-button-compact[b-eh12xcgptl] {
    width: 2.25rem;
}

.app-button-icon-only:hover[b-eh12xcgptl],
.app-button-icon-only:focus-visible[b-eh12xcgptl] {
    border-color: #bfd0df;
    background: #f7fbff;
    color: #173650;
    transform: translateY(-1px);
    outline: none;
}

.app-button-icon[b-eh12xcgptl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.app-button-icon[b-eh12xcgptl]  svg {
    width: 0.95rem;
    height: 0.95rem;
}

.app-button-icon-only.app-button-compact .app-button-icon[b-eh12xcgptl]  svg {
    width: 0.92rem;
    height: 0.92rem;
}

.app-button-icon-only.app-button-standard .app-button-icon[b-eh12xcgptl]  svg {
    width: 1rem;
    height: 1rem;
}

.app-button-label[b-eh12xcgptl] {
    display: inline-flex;
    align-items: center;
}

@media (max-width: 720px) {
    .app-button-standard[b-eh12xcgptl] {
        min-height: 2.5rem;
        height: 2.5rem;
    }

    .app-button-compact[b-eh12xcgptl] {
        min-height: 2.1rem;
        height: 2.1rem;
    }

    .app-button-icon-only.app-button-standard[b-eh12xcgptl] {
        width: 2.5rem;
    }

    .app-button-icon-only.app-button-compact[b-eh12xcgptl] {
        width: 2.1rem;
    }
}
/* /Components/Shared/AppDataGrid.razor.rz.scp.css */
.app-data-grid[b-gg8eujbquj] {
    position: relative;
}

.app-data-grid-blue[b-gg8eujbquj] { --app-card-accent: #3b82f6; }
.app-data-grid-cyan[b-gg8eujbquj] { --app-card-accent: #6bc7d8; }
.app-data-grid-teal[b-gg8eujbquj] { --app-card-accent: #59c4cc; }
.app-data-grid-green[b-gg8eujbquj] { --app-card-accent: #55b938; }
.app-data-grid-yellow[b-gg8eujbquj] { --app-card-accent: #d9aa32; }
.app-data-grid-red[b-gg8eujbquj] { --app-card-accent: #ef5b65; }
.app-data-grid-indigo[b-gg8eujbquj] { --app-card-accent: #5f9fe6; }
.app-data-grid-slate[b-gg8eujbquj] { --app-card-accent: #91a4b6; }

.app-data-grid-shell[b-gg8eujbquj] {
    position: relative;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}

.app-data-grid-accent[b-gg8eujbquj] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--app-card-accent, #3b82f6);
}

.app-data-grid-head[b-gg8eujbquj] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem 0.8rem 1.15rem;
}

.app-data-grid-head-copy[b-gg8eujbquj] {
    display: grid;
    gap: 0.24rem;
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.app-data-grid-head-actions[b-gg8eujbquj] {
    display: flex;
    align-items: start;
    justify-content: flex-end;
    flex: 0 0 auto;
    min-width: 0;
    max-width: 100%;
}

.app-data-grid-body[b-gg8eujbquj] {
    padding: 0 1rem 1rem 1.15rem;
}

.app-data-grid-toolbar[b-gg8eujbquj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.55rem;
    width: 100%;
}

.app-data-grid-scroll[b-gg8eujbquj] {
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
    overflow-x: auto;
}

.app-data-grid-desktop-surface[b-gg8eujbquj] {
    display: block;
}

.app-data-grid-mobile-surface[b-gg8eujbquj] {
    display: none;
}

.app-data-grid-table[b-gg8eujbquj] {
    width: 100%;
    border-collapse: collapse;
    min-width: 42rem;
}

.app-data-grid[b-gg8eujbquj]  th {
    padding: 0.78rem 0.9rem;
    background: #f7fafc;
    color: #60758a;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-align: left;
    text-transform: uppercase;
}

.app-data-grid[b-gg8eujbquj]  td {
    padding: 0.86rem 0.9rem;
    border-top: 1px solid #e6edf3;
    color: #284763;
    vertical-align: middle;
}

.app-data-grid[b-gg8eujbquj]  tbody tr:hover {
    background: #fbfdff;
}

.app-data-grid-admin .app-data-grid-head[b-gg8eujbquj] {
    align-items: center;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #edf3f8;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.app-data-grid-admin .app-data-grid-body[b-gg8eujbquj] {
    padding-top: 0.5rem;
}

.app-data-grid-admin .app-data-grid-scroll[b-gg8eujbquj] {
    border-color: #d8e3ec;
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.app-data-grid-admin .app-data-grid-table[b-gg8eujbquj] {
    min-width: 48rem;
}

.app-data-grid-admin[b-gg8eujbquj]  th {
    padding: 0.8rem 0.9rem;
    background: #f5f8fc;
    color: #6a7d90;
    font-size: 0.69rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #dfe8f0;
}

.app-data-grid-admin[b-gg8eujbquj]  td {
    padding: 0.86rem 0.9rem;
    border-top: 1px solid #e8eef4;
    color: #36526d;
    font-size: 0.83rem;
    line-height: 1.4;
    background: #ffffff;
}

.app-data-grid-admin[b-gg8eujbquj]  tbody th[scope="row"] {
    color: #173650;
    font-size: 0.84rem;
    font-weight: 800;
    text-transform: none;
    letter-spacing: 0;
    background: #ffffff;
    border-top: 1px solid #e8eef4;
}

.app-data-grid-admin[b-gg8eujbquj]  tbody tr:hover {
    background: #f8fbfe;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-status {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    min-height: 1.2rem;
    padding: 0.08rem 0.42rem;
    border: 1px solid #d8e3ec;
    border-radius: 4px;
    background: #fbfdff;
    color: #60758a;
    font-size: 0.67rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-status-success {
    border-color: #c8e1ba;
    background: #f4fbef;
    color: #4d8f32;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-status-warning {
    border-color: #eadca8;
    background: #fff9e8;
    color: #9a7410;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-status-error {
    border-color: #efc2c7;
    background: #fff2f3;
    color: #af4452;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-status-info {
    border-color: #cfe0f5;
    background: #f3f8fe;
    color: #245f96;
}

.app-data-grid-toolbar[b-gg8eujbquj]  .app-data-grid-toolbar-search {
    min-width: min(100%, 13rem);
    width: min(100%, 13rem);
    max-width: 100%;
    min-height: 2.25rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid #d8e3ec;
    border-radius: 6px;
    background: #ffffff;
    color: #173650;
    font: inherit;
}

.app-data-grid-toolbar[b-gg8eujbquj]  .app-data-grid-toolbar-search::placeholder {
    color: #90a1b2;
}

.app-data-grid-toolbar[b-gg8eujbquj]  .app-data-grid-toolbar-select,
.app-data-grid-toolbar[b-gg8eujbquj]  .app-data-grid-toolbar-button,
.app-data-grid[b-gg8eujbquj]  .app-data-grid-icon-button,
.app-data-grid[b-gg8eujbquj]  .app-data-grid-ghost-button {
    min-height: 2.25rem;
    border: 1px solid #d8e3ec;
    border-radius: 6px;
    background: #ffffff;
    color: #1c568e;
    font: inherit;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.app-data-grid-toolbar[b-gg8eujbquj]  .app-data-grid-toolbar-select,
.app-data-grid-toolbar[b-gg8eujbquj]  .app-data-grid-toolbar-button,
.app-data-grid[b-gg8eujbquj]  .app-data-grid-ghost-button {
    padding: 0.42rem 0.72rem;
    font-size: 0.8rem;
    font-weight: 800;
    white-space: nowrap;
}

.app-data-grid-toolbar[b-gg8eujbquj]  .app-data-grid-toolbar-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}

.app-data-grid-toolbar[b-gg8eujbquj]  .app-data-grid-toolbar-button {
    border-color: #2d7ac1;
    background: #2f84d8;
    color: #ffffff;
}

.app-data-grid-toolbar[b-gg8eujbquj]  .app-data-grid-toolbar-button:hover,
.app-data-grid-toolbar[b-gg8eujbquj]  .app-data-grid-toolbar-button:focus-visible {
    background: #236fb8;
    border-color: #236fb8;
    box-shadow: 0 6px 16px rgba(24, 80, 133, 0.16);
    outline: none;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-icon-button {
    width: 2.25rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-icon-button svg,
.app-data-grid[b-gg8eujbquj]  .app-data-grid-ghost-button svg,
.app-data-grid-toolbar[b-gg8eujbquj]  .app-data-grid-toolbar-button svg {
    width: 0.92rem;
    height: 0.92rem;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-action-group {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    flex-wrap: nowrap;
    width: 100%;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-compact-copy {
    display: grid;
    gap: 0.1rem;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-compact-copy strong {
    color: #173650;
    font-size: 0.84rem;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-compact-copy span {
    color: #60758a;
    font-size: 0.78rem;
    line-height: 1.35;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-mobile-list {
    display: grid;
    gap: 0.65rem;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-mobile-card {
    border: 1px solid #dbe6ef;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.8rem 0.9rem;
}

.app-data-grid[b-gg8eujbquj]  .app-data-grid-mobile-empty {
    padding: 0.2rem 0;
}

@media (max-width: 860px) {
    .app-data-grid-head[b-gg8eujbquj] {
        display: grid;
    }

    .app-data-grid-head-actions[b-gg8eujbquj] {
        justify-content: stretch;
        width: 100%;
    }

    .app-data-grid-toolbar[b-gg8eujbquj] {
        justify-content: stretch;
        align-items: stretch;
    }

    .app-data-grid-toolbar > *[b-gg8eujbquj] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .app-data-grid-body[b-gg8eujbquj] {
        padding-right: 0.82rem;
        padding-left: 0.98rem;
    }

    .app-data-grid-table[b-gg8eujbquj] {
        min-width: 0;
    }

    .app-data-grid-admin .app-data-grid-head[b-gg8eujbquj] {
        align-items: start;
        gap: 0.8rem;
    }

    .app-data-grid-admin .app-data-grid-shell[b-gg8eujbquj] {
        overflow: visible;
    }

    .app-data-grid-structured .app-data-grid-desktop-surface[b-gg8eujbquj] {
        display: none;
    }

    .app-data-grid-structured .app-data-grid-mobile-surface[b-gg8eujbquj] {
        display: block;
    }

    .app-data-grid-structured .app-data-grid-body[b-gg8eujbquj] {
        padding: 0.45rem 0.82rem 0 0.98rem;
    }

    .app-data-grid-structured .app-data-grid-mobile-card[b-gg8eujbquj] {
        overflow: hidden;
    }

    .app-data-grid-admin.app-data-grid-structured[b-gg8eujbquj]  .app-data-grid-mobile-list {
        gap: 0;
        border: 1px solid #d8e3ec;
        border-radius: 6px;
        background: #ffffff;
        overflow: hidden;
        margin-bottom: 0.45rem;
    }

    .app-data-grid-admin.app-data-grid-structured[b-gg8eujbquj]  .app-data-grid-mobile-card {
        border: 0;
        border-top: 1px solid #e8eef4;
        border-radius: 0;
        background: #ffffff;
        padding: 0.72rem 0.82rem;
    }

    .app-data-grid-admin.app-data-grid-structured[b-gg8eujbquj]  .app-data-grid-mobile-card:first-child {
        border-top: 0;
    }

    .app-data-grid-admin[b-gg8eujbquj]  thead {
        display: none;
    }

    .app-data-grid-admin[b-gg8eujbquj]  table,
    .app-data-grid-admin[b-gg8eujbquj]  tbody,
    .app-data-grid-admin[b-gg8eujbquj]  tr,
    .app-data-grid-admin[b-gg8eujbquj]  th,
    .app-data-grid-admin[b-gg8eujbquj]  td {
        display: block;
        width: 100%;
    }

    .app-data-grid-admin[b-gg8eujbquj]  tbody tr {
        padding: 0.5rem 0;
        border-top: 1px solid #e6edf3;
        background: #ffffff;
    }

    .app-data-grid-admin[b-gg8eujbquj]  tbody tr:first-child {
        border-top: 0;
    }

    .app-data-grid-admin[b-gg8eujbquj]  tbody th,
    .app-data-grid-admin[b-gg8eujbquj]  tbody td {
        border-top: 0;
        padding: 0.34rem 0.82rem;
        background: transparent;
    }

    .app-data-grid-admin[b-gg8eujbquj]  tbody th[scope="row"],
    .app-data-grid-admin[b-gg8eujbquj]  tbody td[data-label] {
        display: grid;
        grid-template-columns: minmax(5.6rem, 6.25rem) minmax(0, 1fr);
        align-items: start;
        gap: 0.6rem;
        text-align: left;
    }

    .app-data-grid-admin[b-gg8eujbquj]  tbody th[scope="row"]::before,
    .app-data-grid-admin[b-gg8eujbquj]  tbody td[data-label]::before {
        content: attr(data-label);
        color: #687d91;
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .app-data-grid-admin[b-gg8eujbquj]  td:last-child,
    .app-data-grid-admin[b-gg8eujbquj]  th:last-child {
        text-align: left;
    }

    .app-data-grid-admin[b-gg8eujbquj]  .app-data-grid-action-group {
        justify-content: flex-start;
        width: auto;
    }
}
/* /Components/Shared/AppDetailHeaderCard.razor.rz.scp.css */
.app-detail-header-card[b-pjatqsr1rk] {
    --app-detail-header-accent: #5f9fe6;
    position: relative;
    display: grid;
    gap: 0.9rem;
    width: 100%;
    padding: 1.2rem 1.25rem;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
    box-sizing: border-box;
}

.app-detail-header-card-blue[b-pjatqsr1rk] { --app-detail-header-accent: #3b82f6; }
.app-detail-header-card-cyan[b-pjatqsr1rk] { --app-detail-header-accent: #6bc7d8; }
.app-detail-header-card-teal[b-pjatqsr1rk] { --app-detail-header-accent: #59c4cc; }
.app-detail-header-card-green[b-pjatqsr1rk] { --app-detail-header-accent: #55b938; }
.app-detail-header-card-yellow[b-pjatqsr1rk] { --app-detail-header-accent: #d9aa32; }
.app-detail-header-card-red[b-pjatqsr1rk] { --app-detail-header-accent: #ef5b65; }
.app-detail-header-card-indigo[b-pjatqsr1rk] { --app-detail-header-accent: #5f9fe6; }
.app-detail-header-card-slate[b-pjatqsr1rk] { --app-detail-header-accent: #91a4b6; }

.app-detail-header-card-accent[b-pjatqsr1rk] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--app-detail-header-accent, #5f9fe6);
}

.app-detail-header-card-main[b-pjatqsr1rk] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.app-detail-header-card-leading[b-pjatqsr1rk] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.app-detail-header-card-copy[b-pjatqsr1rk] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.app-detail-header-card-copy h1[b-pjatqsr1rk] {
    margin: 0;
    color: #173650;
    font-size: clamp(1.6rem, 3.6vw, 2.2rem);
    line-height: 1.08;
}

.app-detail-header-card-copy p[b-pjatqsr1rk] {
    margin: 0;
    color: #60758a;
    line-height: 1.45;
}

.app-detail-header-card-meta[b-pjatqsr1rk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 1rem;
    color: #60758a;
    font-size: 0.86rem;
    font-weight: 600;
}

@media (max-width: 760px) {
    .app-detail-header-card[b-pjatqsr1rk] {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
/* /Components/Shared/AppFormField.razor.rz.scp.css */
.app-form-field[b-r57hx7lty8] {
    display: grid;
    gap: 0.35rem;
}

.app-form-field-label[b-r57hx7lty8] {
    color: #395267;
    font-size: 0.88rem;
    font-weight: 700;
}

.app-form-field-control[b-r57hx7lty8] {
    display: grid;
}

.app-form-field-control[b-r57hx7lty8]  .app-form-control {
    width: 100%;
    min-height: 2.75rem;
    box-sizing: border-box;
    padding: 0.82rem 0.96rem;
    border: 1px solid #d8e3ec;
    border-radius: 6px;
    background: #ffffff;
    color: #173650;
    font: inherit;
    line-height: 1.45;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.app-form-field-control[b-r57hx7lty8]  textarea.app-form-control {
    min-height: 6.25rem;
    resize: vertical;
}

.app-form-field-control[b-r57hx7lty8]  select.app-form-control {
    padding: 0.62rem 2.5rem 0.62rem 0.9rem;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2360758a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 0.9rem center;
    background-repeat: no-repeat;
    background-size: 0.95rem;
    appearance: none;
}

.app-form-field-control[b-r57hx7lty8]  .app-form-control:hover {
    border-color: #bfd0df;
    background-color: #fdfefe;
}

.app-form-field-control[b-r57hx7lty8]  .app-form-control:focus,
.app-form-field-control[b-r57hx7lty8]  .app-form-control:focus-visible {
    border-color: #2f84d8;
    box-shadow: 0 0 0 3px rgba(47, 132, 216, 0.14);
    outline: none;
}

.app-form-field-validation[b-r57hx7lty8]  .validation-message,
.app-form-field-validation[b-r57hx7lty8]  .validation-message span {
    color: #b42347;
    font-size: 0.82rem;
}

@media (max-width: 720px) {
    .app-form-field-control[b-r57hx7lty8]  .app-form-control {
        min-height: 2.5rem;
        font-size: 16px;
    }
}
/* /Components/Shared/AppFormPanel.razor.rz.scp.css */
.app-form-panel[b-65en4lmhla] {
    --app-form-panel-accent: #3b82f6;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 0.8rem;
    height: 100%;
    min-height: 100%;
    padding: 1rem 1.05rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid var(--app-form-panel-accent, #3b82f6);
    border-radius: 6px;
    background: #ffffff;
    box-sizing: border-box;
}

.app-form-panel-blue[b-65en4lmhla] { --app-form-panel-accent: #3b82f6; }
.app-form-panel-cyan[b-65en4lmhla] { --app-form-panel-accent: #6bc7d8; }
.app-form-panel-teal[b-65en4lmhla] { --app-form-panel-accent: #59c4cc; }
.app-form-panel-green[b-65en4lmhla] { --app-form-panel-accent: #67b26f; }
.app-form-panel-yellow[b-65en4lmhla] { --app-form-panel-accent: #f0b74b; }
.app-form-panel-red[b-65en4lmhla] { --app-form-panel-accent: #ef5b65; }
.app-form-panel-indigo[b-65en4lmhla] { --app-form-panel-accent: #5f9fe6; }
.app-form-panel-slate[b-65en4lmhla] { --app-form-panel-accent: #91a4b6; }

.app-form-panel-wide[b-65en4lmhla] {
    grid-column: 1 / -1;
}

.app-form-panel-head[b-65en4lmhla] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 0.8rem;
}

.app-form-panel-head-copy[b-65en4lmhla] {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
}

.app-form-panel-head-copy h2[b-65en4lmhla] {
    margin: 0;
    color: #173650;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.app-form-panel-head-copy span[b-65en4lmhla] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.4;
}

.app-form-panel-icon[b-65en4lmhla] {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #5f9fe6;
    flex: 0 0 auto;
}

.app-form-panel-icon[b-65en4lmhla]  svg {
    width: 1.35rem;
    height: 1.35rem;
}

.app-form-panel-body[b-65en4lmhla] {
    display: grid;
    gap: 0.8rem;
    min-height: 0;
    align-content: start;
}

.app-form-panel-footer[b-65en4lmhla] {
    display: grid;
    gap: 0.5rem;
    justify-items: start;
    align-self: end;
    align-content: end;
}

@media (max-width: 760px) {
    .app-form-panel[b-65en4lmhla] {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
/* /Components/Shared/AppInsightCard.razor.rz.scp.css */
.app-insight-card[b-13mmw2u1wp] {
    position: relative;
    display: grid;
    width: 100%;
    overflow: hidden;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
    text-align: left;
    color: inherit;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
}

.app-insight-card-clickable[b-13mmw2u1wp] {
    cursor: pointer;
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.app-insight-card-clickable:hover[b-13mmw2u1wp] {
    border-color: #c9d9e7;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

.app-insight-card-active[b-13mmw2u1wp] {
    border-color: #c9d9e7;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
}

.app-insight-card-body[b-13mmw2u1wp] {
    position: relative;
    display: grid;
    gap: 0.75rem;
    padding: 0.95rem 1rem 0.95rem 1.15rem;
}

.app-insight-card-accent[b-13mmw2u1wp] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--app-insight-accent, #5f9fe6);
}

.app-insight-card-blue[b-13mmw2u1wp] { --app-insight-accent: #3b82f6; }
.app-insight-card-cyan[b-13mmw2u1wp] { --app-insight-accent: #6bc7d8; }
.app-insight-card-teal[b-13mmw2u1wp] { --app-insight-accent: #59c4cc; }
.app-insight-card-green[b-13mmw2u1wp] { --app-insight-accent: #55b938; }
.app-insight-card-yellow[b-13mmw2u1wp] { --app-insight-accent: #d9aa32; }
.app-insight-card-red[b-13mmw2u1wp] { --app-insight-accent: #e16b77; }
.app-insight-card-indigo[b-13mmw2u1wp] { --app-insight-accent: #5f9fe6; }
.app-insight-card-slate[b-13mmw2u1wp] { --app-insight-accent: #91a4b6; }

.app-insight-card-head[b-13mmw2u1wp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: start;
}

.app-insight-card-copy[b-13mmw2u1wp],
.app-insight-card-content[b-13mmw2u1wp] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.app-insight-card-title[b-13mmw2u1wp] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.app-insight-card-headline[b-13mmw2u1wp],
.app-insight-card-value[b-13mmw2u1wp] {
    color: #14324c;
}

.app-insight-card-headline[b-13mmw2u1wp] {
    font-size: 1.02rem;
    line-height: 1.25;
}

.app-insight-card-value[b-13mmw2u1wp] {
    font-size: 1.05rem;
    line-height: 1.3;
}

.app-insight-card-description[b-13mmw2u1wp] {
    color: #60758a;
    font-size: 0.82rem;
    line-height: 1.5;
}

.app-insight-card-icon[b-13mmw2u1wp] {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--app-insight-accent, #5f9fe6);
    flex-shrink: 0;
}

.app-insight-card-icon[b-13mmw2u1wp]  svg {
    width: 1.35rem;
    height: 1.35rem;
}
/* /Components/Shared/AppMetricCard.razor.rz.scp.css */
.app-metric-card[b-wx2si7ezp2] {
    position: relative;
    display: grid;
    gap: 0.3rem;
    padding: 0.95rem 1rem 0.9rem 1.15rem;
    border: 1px solid #dbe6ef;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}

.app-metric-card-blue[b-wx2si7ezp2] { --app-card-accent: #3b82f6; }
.app-metric-card-cyan[b-wx2si7ezp2] { --app-card-accent: #6bc7d8; }
.app-metric-card-teal[b-wx2si7ezp2] { --app-card-accent: #59c4cc; }
.app-metric-card-green[b-wx2si7ezp2] { --app-card-accent: #55b938; }
.app-metric-card-yellow[b-wx2si7ezp2] { --app-card-accent: #d9aa32; }
.app-metric-card-red[b-wx2si7ezp2] { --app-card-accent: #ef5b65; }
.app-metric-card-indigo[b-wx2si7ezp2] { --app-card-accent: #5f9fe6; }
.app-metric-card-slate[b-wx2si7ezp2] { --app-card-accent: #91a4b6; }

.app-metric-card-accent[b-wx2si7ezp2] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--app-card-accent, #3b82f6);
}

.app-metric-card-label[b-wx2si7ezp2] {
    color: #60758a;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.app-metric-card-row[b-wx2si7ezp2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.7rem;
}

.app-metric-card-row strong[b-wx2si7ezp2] {
    color: #14324c;
    font-size: 1.55rem;
    line-height: 1;
}

.app-metric-card-icon[b-wx2si7ezp2] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--app-card-accent, #3b82f6);
    font-size: 1.45rem;
}

.app-metric-card small[b-wx2si7ezp2] {
    color: #60758a;
    font-size: 0.78rem;
    line-height: 1.45;
}
/* /Components/Shared/AppNotificationHost.razor.rz.scp.css */
.app-notification-host[b-nth1hd0s8w] {
    position: fixed;
    top: calc(var(--cc-top-offset, 0px) + 0.75rem);
    left: 50%;
    z-index: 26;
    display: grid;
    gap: 0.55rem;
    width: min(calc(100vw - 1.2rem), 28rem);
    transform: translateX(-50%);
    pointer-events: none;
}

.app-notification[b-nth1hd0s8w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: start;
    padding: 0.78rem 0.85rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid #91a4b6;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 34px rgba(16, 34, 50, 0.12);
    backdrop-filter: blur(14px);
    pointer-events: auto;
}

.app-notification-icon[b-nth1hd0s8w] {
    width: 1.1rem;
    height: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #60758a;
}

.app-notification-icon[b-nth1hd0s8w]  svg,
.app-notification-dismiss[b-nth1hd0s8w]  svg {
    width: 1rem;
    height: 1rem;
}

.app-notification-copy[b-nth1hd0s8w] {
    display: grid;
    gap: 0.16rem;
}

.app-notification-title[b-nth1hd0s8w] {
    color: #16324a;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.app-notification-message[b-nth1hd0s8w] {
    color: #60758a;
    font-size: 0.78rem;
    line-height: 1.4;
}

.app-notification-dismiss[b-nth1hd0s8w] {
    appearance: none;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #60758a;
    cursor: pointer;
}

.app-notification-dismiss:hover[b-nth1hd0s8w],
.app-notification-dismiss:focus-visible[b-nth1hd0s8w] {
    border-color: #dbe6ef;
    background: #f5f8fb;
    outline: none;
}

.app-notification-info[b-nth1hd0s8w] {
    border-color: #cfe0f5;
    border-left-color: #5f9fe6;
}

.app-notification-info .app-notification-icon[b-nth1hd0s8w] {
    color: #245f96;
}

.app-notification-success[b-nth1hd0s8w] {
    border-color: #c8e1ba;
    border-left-color: #55b938;
}

.app-notification-success .app-notification-icon[b-nth1hd0s8w] {
    color: #4d8f32;
}

.app-notification-warning[b-nth1hd0s8w] {
    border-color: #eadca8;
    border-left-color: #d9aa32;
}

.app-notification-warning .app-notification-icon[b-nth1hd0s8w] {
    color: #9a7410;
}

.app-notification-error[b-nth1hd0s8w] {
    border-color: #efc2c7;
    border-left-color: #ef5b65;
}

.app-notification-error .app-notification-icon[b-nth1hd0s8w] {
    color: #af4452;
}

@media (max-width: 640.98px) {
    .app-notification-host[b-nth1hd0s8w] {
        top: calc(var(--cc-top-offset, 0px) + 0.5rem);
        width: min(calc(100vw - 1rem), 26rem);
    }

    .app-notification[b-nth1hd0s8w] {
        gap: 0.65rem;
        padding: 0.72rem 0.78rem;
    }
}
/* /Components/Shared/AppPageBackLink.razor.rz.scp.css */
.app-page-back-link[b-k69apw5f3i] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    min-height: 2rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1c568e;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 800;
    text-decoration: none;
    transition: color 0.16s ease, transform 0.16s ease;
}

button.app-page-back-link[b-k69apw5f3i] {
    appearance: none;
    cursor: pointer;
    margin: 0;
}

.app-page-back-link:hover[b-k69apw5f3i],
.app-page-back-link:focus-visible[b-k69apw5f3i] {
    color: #173650;
    outline: none;
    transform: translateX(-1px);
}

.app-page-back-link[b-k69apw5f3i]  svg {
    width: 0.92rem;
    height: 0.92rem;
}
/* /Components/Shared/AppRankingPanel.razor.rz.scp.css */
.app-ranking-panel[b-qjglk6qgku] {
    --app-ranking-panel-accent: #3b82f6;
    display: grid;
    gap: 0.8rem;
    padding: 1rem 1.05rem;
    border: 1px solid #dbe6ef;
    border-left: 4px solid var(--app-ranking-panel-accent, #3b82f6);
    border-radius: 6px;
    background: #ffffff;
    box-sizing: border-box;
}

.app-ranking-panel-blue[b-qjglk6qgku] { --app-ranking-panel-accent: #3b82f6; }
.app-ranking-panel-cyan[b-qjglk6qgku] { --app-ranking-panel-accent: #6bc7d8; }
.app-ranking-panel-teal[b-qjglk6qgku] { --app-ranking-panel-accent: #59c4cc; }
.app-ranking-panel-green[b-qjglk6qgku] { --app-ranking-panel-accent: #67b26f; }
.app-ranking-panel-yellow[b-qjglk6qgku] { --app-ranking-panel-accent: #f0b74b; }
.app-ranking-panel-red[b-qjglk6qgku] { --app-ranking-panel-accent: #ef5b65; }
.app-ranking-panel-indigo[b-qjglk6qgku] { --app-ranking-panel-accent: #5f9fe6; }
.app-ranking-panel-slate[b-qjglk6qgku] { --app-ranking-panel-accent: #91a4b6; }

.app-ranking-panel-head[b-qjglk6qgku] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 0.8rem;
}

.app-ranking-panel-head-copy[b-qjglk6qgku] {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
}

.app-ranking-panel-title[b-qjglk6qgku] {
    color: #60758a;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.app-ranking-panel-head-copy h2[b-qjglk6qgku] {
    margin: 0;
    color: #173650;
    font-size: 1.02rem;
    letter-spacing: 0;
}

.app-ranking-panel-empty[b-qjglk6qgku],
.app-ranking-panel-copy span[b-qjglk6qgku] {
    color: #60758a;
}

.app-ranking-panel-head-copy h2[b-qjglk6qgku],
.app-ranking-panel-empty[b-qjglk6qgku],
.app-ranking-panel-copy strong[b-qjglk6qgku],
.app-ranking-panel-points[b-qjglk6qgku] {
    color: #14324c;
}

.app-ranking-panel-head-copy h2[b-qjglk6qgku] {
    line-height: 1.2;
}

.app-ranking-panel-head-copy > span:not(.app-ranking-panel-title)[b-qjglk6qgku] {
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.4;
}

.app-ranking-panel-icon[b-qjglk6qgku] {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--app-ranking-panel-accent, #3b82f6);
    flex: 0 0 auto;
}

.app-ranking-panel-icon[b-qjglk6qgku]  svg {
    width: 1.35rem;
    height: 1.35rem;
}

.app-ranking-panel-body[b-qjglk6qgku] {
    display: grid;
    gap: 0.6rem;
}

.app-ranking-panel-empty[b-qjglk6qgku] {
    margin: 0;
    font-size: 0.92rem;
}

.app-ranking-panel-list[b-qjglk6qgku] {
    display: grid;
    gap: 0.5rem;
}

.app-ranking-panel-row[b-qjglk6qgku] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #dde6ee;
    border-radius: 6px;
    background: #ffffff;
}

.app-ranking-panel-row-button[b-qjglk6qgku] {
    width: 100%;
    text-align: left;
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.app-ranking-panel-row-leading[b-qjglk6qgku] {
    background: #f6f9fc;
}

.app-ranking-panel-row-selected[b-qjglk6qgku] {
    border-color: #c9d9e7;
    background: #eef6ff;
}

.app-ranking-panel-rank[b-qjglk6qgku] {
    min-width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d2dfea;
    border-radius: 999px;
    background: #ffffff;
    color: #173650;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1;
}

.app-ranking-panel-row-selected .app-ranking-panel-rank[b-qjglk6qgku] {
    border-color: #b8d1e8;
    background: #ffffff;
}

.app-ranking-panel-copy[b-qjglk6qgku] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.app-ranking-panel-copy strong[b-qjglk6qgku] {
    font-size: 0.96rem;
}

.app-ranking-panel-copy span[b-qjglk6qgku] {
    font-size: 0.78rem;
    line-height: 1.4;
}

.app-ranking-panel-points[b-qjglk6qgku] {
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .app-ranking-panel[b-qjglk6qgku] {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .app-ranking-panel-row[b-qjglk6qgku] {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }
}
/* /Components/Shared/AppTabbedContent.razor.rz.scp.css */
.app-tabbed-content[b-h6emvwa7v1] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.8rem;
    min-height: 0;
}

.app-tabbed-content-fill[b-h6emvwa7v1] {
    height: 100%;
}

.app-tabbed-content-tabs[b-h6emvwa7v1] {
    min-height: 0;
}

.app-tabbed-content-body[b-h6emvwa7v1] {
    min-height: 0;
    overflow-y: auto;
    overflow-x: clip;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.app-tabbed-content-body-inner[b-h6emvwa7v1] {
    display: grid;
    gap: 0.9rem;
    min-height: min-content;
    padding-bottom: 0.5rem;
}
/* /Components/Shared/AppTabs.razor.rz.scp.css */
.app-tabs[b-8g4ot9654s] {
    display: flex;
    align-items: end;
    gap: 0.55rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.app-tabs[b-8g4ot9654s]::-webkit-scrollbar {
    display: none;
}

.app-tabs-item[b-8g4ot9654s] {
    min-height: 2.3rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0.8rem 0.38rem;
    border: 0;
    border-bottom: 1px solid transparent;
    background: transparent;
    color: #60758a;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: inset 0 -1px 0 #dbe6ef;
}

.app-tabs-item:hover[b-8g4ot9654s],
.app-tabs-item:focus-visible[b-8g4ot9654s] {
    color: #14324c;
    outline: none;
}

.app-tabs-item-active[b-8g4ot9654s] {
    border-bottom-color: #14324c;
    color: #14324c;
    box-shadow: inset 0 -1px 0 #14324c;
}

.app-tabs-item small[b-8g4ot9654s] {
    min-width: 1.3rem;
    padding: 0.05rem 0.35rem;
    border: 1px solid #d8e3ec;
    border-radius: 999px;
    background: #f8fbfe;
    color: #60758a;
    font-size: 0.68rem;
    font-weight: 800;
    text-align: center;
}

.app-tabs-stretch[b-8g4ot9654s] {
    display: flex;
    width: 100%;
}

.app-tabs-stretch .app-tabs-item[b-8g4ot9654s] {
    flex: 1 1 0;
    justify-content: center;
}

.app-tabs-stretch.app-tabs-compact[b-8g4ot9654s] {
    gap: 0.35rem;
}

.app-tabs-stretch.app-tabs-compact .app-tabs-item[b-8g4ot9654s] {
    padding-left: 0.55rem;
    padding-right: 0.55rem;
}

.app-tabs-compact .app-tabs-item[b-8g4ot9654s] {
    min-height: 2.1rem;
    padding-top: 0.12rem;
    padding-bottom: 0.32rem;
    font-size: 0.82rem;
}

.app-tabs-nested[b-8g4ot9654s] {
    margin-top: -0.1rem;
}

.app-tabs-nested .app-tabs-item[b-8g4ot9654s] {
    min-height: 1.95rem;
    padding: 0.12rem 0.65rem 0.28rem;
    color: #72869a;
    font-size: 0.79rem;
    font-weight: 700;
}

.app-tabs-nested .app-tabs-item-active[b-8g4ot9654s] {
    color: #173650;
    border-bottom-color: #2d5f8f;
}

@media (max-width: 640px) {
    .app-tabs[b-8g4ot9654s] {
        gap: 0.35rem;
    }

    .app-tabs-item[b-8g4ot9654s] {
        min-height: 2.15rem;
        padding: 0.14rem 0.65rem 0.3rem;
        font-size: 0.81rem;
    }

    .app-tabs-compact .app-tabs-item[b-8g4ot9654s] {
        min-height: 2rem;
        padding-left: 0.45rem;
        padding-right: 0.45rem;
        padding-bottom: 0.26rem;
        font-size: 0.8rem;
    }

    .app-tabs-nested[b-8g4ot9654s] {
        margin-top: -0.05rem;
    }

    .app-tabs-nested .app-tabs-item[b-8g4ot9654s],
    .app-tabs-nested.app-tabs-compact .app-tabs-item[b-8g4ot9654s] {
        min-height: 1.9rem;
        padding: 0.12rem 0.48rem 0.24rem;
        font-size: 0.78rem;
    }
}
/* /Components/Tasks/TaskCompletionModal.razor.rz.scp.css */
.task-completion-backdrop[b-zvpzz3cmyv] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: max(0.75rem, env(safe-area-inset-top)) 1rem max(0.75rem, env(safe-area-inset-bottom));
    overflow: hidden;
    overscroll-behavior: contain;
    background: rgba(12, 24, 38, 0.42);
    backdrop-filter: blur(10px);
}

.task-completion-modal[b-zvpzz3cmyv] {
    width: min(620px, 100%);
    height: calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    max-height: calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow: hidden;
    background: #fbfdff;
    border: 1px solid rgba(211, 223, 235, 0.95);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(9, 22, 35, 0.14);
    display: flex;
    flex-direction: column;
    margin: auto 0;
}

.task-completion-header[b-zvpzz3cmyv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem 0.95rem;
    border-bottom: 1px solid #e7eef5;
    background: linear-gradient(180deg, rgba(244, 248, 252, 0.95) 0%, rgba(251, 253, 255, 0.9) 100%);
}

.task-completion-heading[b-zvpzz3cmyv] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.task-completion-icon[b-zvpzz3cmyv] {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 8px;
    border: 1px solid #c9d9e9;
    background: #f5f9fc;
    position: relative;
    flex: 0 0 auto;
}

.task-completion-icon[b-zvpzz3cmyv]::before,
.task-completion-icon[b-zvpzz3cmyv]::after {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, #21537a 0%, #467db0 100%);
    border-radius: 999px;
}

.task-completion-icon[b-zvpzz3cmyv]::before {
    top: 1rem;
    left: 0.48rem;
    width: 0.42rem;
    height: 0.14rem;
    transform: rotate(40deg);
}

.task-completion-icon[b-zvpzz3cmyv]::after {
    top: 0.83rem;
    left: 0.73rem;
    width: 0.82rem;
    height: 0.14rem;
    transform: rotate(-45deg);
}

.task-completion-header h3[b-zvpzz3cmyv] {
    margin: 0;
    color: #16324b;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.task-completion-subtitle[b-zvpzz3cmyv] {
    margin-top: 0.3rem;
    color: #60758a;
    font-size: 0.9rem;
}

.task-completion-close[b-zvpzz3cmyv] {
    border: 1px solid transparent;
    background: transparent;
    color: #7a8fa3;
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    padding: 0.3rem 0.45rem;
    border-radius: 8px;
}

.task-completion-close:hover[b-zvpzz3cmyv] {
    border-color: #d6e2ed;
    background: #f4f8fb;
    color: #15324b;
}

.task-completion-body[b-zvpzz3cmyv] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
    padding: 1.2rem 1.25rem 1rem;
}

.task-completion-block[b-zvpzz3cmyv] {
    margin-bottom: 1rem;
}

.task-completion-label[b-zvpzz3cmyv] {
    display: block;
    margin-bottom: 0.35rem;
    color: #708395;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.task-completion-block strong[b-zvpzz3cmyv] {
    color: #14324c;
    font-size: 1rem;
}

.task-completion-block p[b-zvpzz3cmyv] {
    margin: 0;
    color: #60758a;
    line-height: 1.55;
}

.task-completion-meta[b-zvpzz3cmyv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.task-completion-meta span[b-zvpzz3cmyv] {
    padding: 0.34rem 0.55rem;
    border: 1px solid #e1e8ef;
    border-radius: 7px;
    background: #f4f8fc;
    color: #2a567b;
    font-size: 0.78rem;
    font-weight: 600;
}

.task-completion-footer[b-zvpzz3cmyv] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0.95rem 1.25rem 1.1rem;
    border-top: 1px solid #e7eef5;
    background: #f8fbfd;
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .task-completion-modal[b-zvpzz3cmyv] {
        height: calc(100dvh - 1.5rem);
        max-height: calc(100dvh - 1.5rem);
    }

    .task-completion-footer[b-zvpzz3cmyv] {
        flex-direction: column;
    }
}
/* /Components/Tasks/TaskEditorModal.razor.rz.scp.css */
.task-modal-backdrop[b-5ed1m1jc9j] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: max(0.75rem, env(safe-area-inset-top)) 1rem max(0.75rem, env(safe-area-inset-bottom));
    overflow: hidden;
    overscroll-behavior: contain;
    background: rgba(12, 24, 38, 0.42);
    backdrop-filter: blur(10px);
}

.task-modal[b-5ed1m1jc9j] {
    width: min(640px, 100%);
    height: calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    max-height: calc(100dvh - 1.5rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow: hidden;
    background: #fbfdff;
    border: 1px solid rgba(211, 223, 235, 0.95);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(9, 22, 35, 0.14);
    display: flex;
    flex-direction: column;
    margin: auto 0;
}

.task-modal[b-5ed1m1jc9j]  .task-modal-form {
    display: flex;
    flex: 1;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
}

.task-modal-header[b-5ed1m1jc9j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.25rem 0.95rem;
    border-bottom: 1px solid #e7eef5;
    background:
        linear-gradient(180deg, rgba(244, 248, 252, 0.95) 0%, rgba(251, 253, 255, 0.9) 100%);
    flex-shrink: 0;
}

.task-modal-heading[b-5ed1m1jc9j] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.task-modal-icon[b-5ed1m1jc9j] {
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid #c9d9e9;
    border-radius: 8px;
    background: #f5f9fc;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
    padding: 0.35rem;
    flex: 0 0 auto;
}

.task-modal-icon span[b-5ed1m1jc9j] {
    border-radius: 3px;
    background: linear-gradient(180deg, #21537a 0%, #467db0 100%);
}

.task-modal-kicker[b-5ed1m1jc9j] {
    margin-bottom: 0.25rem;
    color: #648096;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.task-modal-header h3[b-5ed1m1jc9j] {
    margin: 0;
    color: #16324b;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.task-modal-close[b-5ed1m1jc9j] {
    border: 1px solid transparent;
    background: transparent;
    color: #7a8fa3;
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    padding: 0.3rem 0.45rem;
    border-radius: 8px;
}

.task-modal-close:hover[b-5ed1m1jc9j] {
    border-color: #d6e2ed;
    background: #f4f8fb;
    color: #15324b;
}

.task-modal-body[b-5ed1m1jc9j] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
    padding: 1.2rem 1.25rem 1rem;
    background: #fbfdff;
}

.task-form-field[b-5ed1m1jc9j] {
    margin-bottom: 1rem;
}

.task-form-field :is(.form-control, .form-select)[b-5ed1m1jc9j],
.task-modal-body[b-5ed1m1jc9j]  :is(.form-control, .form-select) {
    border-radius: 8px;
    border-color: #d4e0ea;
    background: #ffffff;
    box-shadow: none;
}

.task-modal-body[b-5ed1m1jc9j]  :is(.form-control, .form-select):focus {
    border-color: #7ba7d0;
    box-shadow: 0 0 0 0.18rem rgba(62, 118, 170, 0.12);
}

.task-modal-body[b-5ed1m1jc9j]  .form-label {
    color: #24425c;
    font-weight: 600;
    margin-bottom: 0.42rem;
}

.task-modal-body[b-5ed1m1jc9j]  .form-text {
    color: #73879b;
}

.task-form-grid[b-5ed1m1jc9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.task-form-grid--triple[b-5ed1m1jc9j] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.task-icon-preview[b-5ed1m1jc9j] {
    display: grid;
    gap: 0.45rem;
    margin-bottom: 1rem;
}

.task-icon-preview-label[b-5ed1m1jc9j] {
    color: #24425c;
    font-size: 0.92rem;
    font-weight: 600;
}

.task-icon-preview-chip[b-5ed1m1jc9j] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid #dbe5ee;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    color: #35546f;
    font-weight: 600;
}

.task-icon-preview-visual[b-5ed1m1jc9j] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: 0.8rem;
    background: linear-gradient(135deg, #e8f1fb 0%, #d8e8f8 100%);
    border: 1px solid #c7daee;
    color: #225784;
}

.task-icon-preview-svg[b-5ed1m1jc9j] {
    width: 1.2rem;
    height: 1.2rem;
    fill: currentColor;
}

.task-modal-footer[b-5ed1m1jc9j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.95rem 1.25rem 1.1rem;
    border-top: 1px solid #e7eef5;
    background: #f8fbfd;
    flex-shrink: 0;
}

.task-modal-actions[b-5ed1m1jc9j] {
    display: flex;
    gap: 0.75rem;
}

.task-package-list[b-5ed1m1jc9j] {
    display: grid;
    gap: 0.7rem;
}

.task-package-option[b-5ed1m1jc9j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #dbe5ee;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
    color: #35546f;
    cursor: pointer;
}

.task-package-option:hover[b-5ed1m1jc9j] {
    border-color: #c6d8ea;
    background: #f7fbff;
}

.task-package-option input[b-5ed1m1jc9j] {
    margin: 0;
    flex: 0 0 auto;
}

.task-package-option-icon[b-5ed1m1jc9j] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #e8f1fb 0%, #d8e8f8 100%);
    border: 1px solid #c7daee;
    color: #225784;
    flex: 0 0 auto;
}

.task-package-option[b-5ed1m1jc9j]  .task-package-option-svg {
    width: 1.05rem;
    height: 1.05rem;
    fill: currentColor;
}

.task-package-option-name[b-5ed1m1jc9j] {
    font-weight: 600;
}

@media (max-width: 640px) {
    .task-modal-backdrop[b-5ed1m1jc9j] {
        padding: 0.75rem;
    }

    .task-modal[b-5ed1m1jc9j] {
        height: calc(100dvh - 1.5rem);
        max-height: calc(100dvh - 1.5rem);
    }

    .task-form-grid[b-5ed1m1jc9j] {
        grid-template-columns: 1fr;
    }

    .task-modal-footer[b-5ed1m1jc9j] {
        flex-direction: column;
        align-items: stretch;
    }

    .task-modal-actions[b-5ed1m1jc9j] {
        flex-direction: column;
    }
}
/* /Components/Users/UserAvatar.razor.rz.scp.css */
.user-avatar[b-5hiqaxp8m7] {
    --avatar-color: #215a84;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.32), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--avatar-color) 78%, white) 0%, var(--avatar-color) 100%);
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 10px 22px rgba(24, 46, 66, 0.16);
}

.user-avatar-small[b-5hiqaxp8m7] {
    width: 2rem;
    height: 2rem;
}

.user-avatar-medium[b-5hiqaxp8m7] {
    width: 2.75rem;
    height: 2.75rem;
}

.user-avatar-large[b-5hiqaxp8m7] {
    width: 4rem;
    height: 4rem;
}

.user-avatar-icon[b-5hiqaxp8m7] {
    width: 56%;
    height: 56%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.user-avatar-icon circle[b-5hiqaxp8m7] {
    fill: currentColor;
}

.user-avatar-icon path:only-child[b-5hiqaxp8m7] {
    fill: currentColor;
    stroke: none;
}