@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* /Pages/AdminPages/TrainingWishAdmin.razor.rz.scp.css */
.cs-buddy-admin[b-k4846cwzbn] { min-width: 0; grid-template-columns: minmax(0, 1fr); }
.cs-buddy-panel[b-k4846cwzbn] { display: grid; grid-template-columns: minmax(0, 1fr); gap: .8rem; padding: 1.25rem; min-width: 0; overflow-wrap: anywhere; }
.cs-buddy-panel h2[b-k4846cwzbn], .cs-buddy-panel p[b-k4846cwzbn] { margin: 0; }
.cs-buddy-filters[b-k4846cwzbn] { display: grid; gap: 1rem; border: 0; padding: 0; margin: 0; min-width: 0; }
.cs-buddy-filters .cs-field[b-k4846cwzbn] { min-width: 0; }
.cs-buddy-filters .cs-input[b-k4846cwzbn] { max-width: 100%; min-width: 0; }
.cs-buddy-panel button[b-k4846cwzbn] { justify-self: start; min-height: 44px; max-width: 100%; white-space: normal; }
.cs-buddy-details[b-k4846cwzbn] { display: grid; gap: .8rem; margin: 0; min-width: 0; }
.cs-buddy-details dd[b-k4846cwzbn] { margin: .25rem 0 0; }
.cs-buddy-details dt[b-k4846cwzbn] { font-weight: 700; }
@media (min-width: 768px) { .cs-buddy-filters[b-k4846cwzbn], .cs-buddy-details[b-k4846cwzbn] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* /Pages/AdminPages/UserApprovements.razor.rz.scp.css */
.cs-users-hero[b-qo6gt30qja] { align-items: center; }

.cs-users-count[b-qo6gt30qja] {
    min-width: 4rem;
    min-height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--cs-space-2);
    padding: var(--cs-space-3) var(--cs-space-4);
    border: 1px solid var(--cs-color-border-accent);
    border-radius: 999px;
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
    font-weight: 800;
}

.cs-users-error[b-qo6gt30qja] {
    display: flex;
    align-items: center;
    gap: var(--cs-space-3);
    padding: var(--cs-space-4);
    border: 1px solid rgb(239 101 87 / 45%);
    border-radius: var(--cs-radius-md);
    background: rgb(239 101 87 / 10%);
    color: var(--cs-color-error);
}

.cs-users-panel[b-qo6gt30qja] { padding: var(--cs-space-5); }

.cs-users-toolbar[b-qo6gt30qja] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: var(--cs-space-4);
    padding-bottom: var(--cs-space-5);
    border-bottom: 1px solid var(--cs-color-border);
}

.cs-users-toolbar h2[b-qo6gt30qja] { margin: 0; color: var(--cs-color-text); font-size: 1.4rem; font-weight: 800; }
.cs-user-tabs[b-qo6gt30qja] {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    gap: var(--cs-space-2);
}

.cs-users-loading[b-qo6gt30qja] {
    min-height: 15rem;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: var(--cs-space-3);
    color: var(--cs-color-text-secondary);
}

.cs-user-list[b-qo6gt30qja] { display: grid; }

.cs-user-row[b-qo6gt30qja] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--cs-space-3);
    padding: var(--cs-space-4) 0;
    border-bottom: 1px solid var(--cs-color-border);
}

.cs-user-row:last-child[b-qo6gt30qja] { border-bottom: 0; }

.cs-user-avatar[b-qo6gt30qja] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border: 2px solid var(--cs-color-border-accent);
    border-radius: 50%;
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
    font-weight: 850;
}

.cs-user-identity[b-qo6gt30qja],
.cs-user-detail[b-qo6gt30qja] { min-width: 0; }
.cs-user-identity strong[b-qo6gt30qja],
.cs-user-detail strong[b-qo6gt30qja] { display: block; color: var(--cs-color-text); overflow-wrap: anywhere; }
.cs-user-identity small[b-qo6gt30qja],
.cs-user-detail small[b-qo6gt30qja] { display: block; color: var(--cs-color-text-secondary); overflow-wrap: anywhere; }
.cs-user-detail[b-qo6gt30qja] { grid-column: 2; }

.cs-user-status[b-qo6gt30qja] {
    grid-column: 2;
    width: max-content;
    display: inline-flex;
    align-items: center;
    gap: var(--cs-space-2);
    padding: .4rem .7rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 750;
}

.cs-user-status.pending[b-qo6gt30qja] { border: 1px solid var(--cs-color-border-accent); background: var(--cs-color-accent-soft); color: var(--cs-color-accent-bright); }
.cs-user-status.active[b-qo6gt30qja] { border: 1px solid rgb(117 182 59 / 48%); background: rgb(117 182 59 / 12%); color: var(--cs-color-success); }

.cs-user-actions[b-qo6gt30qja] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cs-space-2);
}

.cs-user-approve[b-qo6gt30qja],
.cs-user-decline[b-qo6gt30qja] {
    appearance: none;
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--cs-space-2);
    padding: .65rem .85rem;
    border-radius: var(--cs-radius-sm);
    cursor: pointer;
    font-weight: 750;
}

.cs-user-approve[b-qo6gt30qja] { border: 1px solid rgb(117 182 59 / 62%); background: rgb(117 182 59 / 16%); color: #a9dc7d; }
.cs-user-decline[b-qo6gt30qja] { border: 1px solid rgb(239 101 87 / 48%); background: transparent; color: #f58b80; }
.cs-user-approve:hover[b-qo6gt30qja],
.cs-user-approve:focus-visible[b-qo6gt30qja] { background: rgb(117 182 59 / 26%); }
.cs-user-decline:hover[b-qo6gt30qja],
.cs-user-decline:focus-visible[b-qo6gt30qja] { background: rgb(239 101 87 / 12%); }
.cs-user-approve:disabled[b-qo6gt30qja],
.cs-user-decline:disabled[b-qo6gt30qja] { cursor: not-allowed; opacity: .55; }

@media (max-width: 430px) {
    .cs-users-panel[b-qo6gt30qja] { padding: var(--cs-space-4); }
    .cs-user-tabs[b-qo6gt30qja] {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .cs-user-tabs[b-qo6gt30qja]::-webkit-scrollbar { display: none; }
    .cs-user-tabs .cs-chip[b-qo6gt30qja] { flex: 0 0 auto; min-height: 2.3rem; }
}

@media (min-width: 960px) {
    .cs-user-row[b-qo6gt30qja] {
        grid-template-columns: 3rem minmax(10rem, 1.2fr) minmax(9rem, .75fr) auto auto;
        align-items: center;
        column-gap: var(--cs-space-4);
    }

    .cs-user-detail[b-qo6gt30qja],
    .cs-user-status[b-qo6gt30qja],
    .cs-user-actions[b-qo6gt30qja] { grid-column: auto; }
    .cs-user-actions[b-qo6gt30qja] { display: flex; justify-content: flex-end; }
}
/* /Pages/ExerciseDetail.razor.rz.scp.css */
.cs-entry-page[b-os8wlue75o] { gap: var(--cs-space-6); }

.cs-entry-hero[b-os8wlue75o] { align-items: center; }

.cs-entry-layout[b-os8wlue75o] {
    display: grid;
    gap: var(--cs-space-4);
}

.cs-entry-form-card[b-os8wlue75o],
.cs-live-score[b-os8wlue75o] { padding: var(--cs-space-5); }

.cs-entry-section-heading[b-os8wlue75o] {
    display: flex;
    align-items: center;
    gap: var(--cs-space-3);
    margin-bottom: var(--cs-space-5);
}

.cs-entry-section-heading h2[b-os8wlue75o] {
    margin: 0;
    color: var(--cs-color-text);
    font-size: 1.35rem;
    font-weight: 800;
}

.cs-entry-section-heading .cs-eyebrow[b-os8wlue75o] { margin-bottom: .15rem; }

.cs-step[b-os8wlue75o] {
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--cs-color-border-accent);
    border-radius: 50%;
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
    font-weight: 850;
}

.cs-entry-fields[b-os8wlue75o] {
    display: grid;
    gap: var(--cs-space-4);
}

.cs-entry-fields .cs-input[b-os8wlue75o] {
    min-width: 0;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.cs-number-stepper[b-os8wlue75o] {
    min-width: 9rem;
    display: grid;
    grid-template-columns: 2.65rem minmax(3.5rem, 1fr) 2.65rem;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--cs-color-border-accent);
    border-radius: var(--cs-radius-sm);
    background: var(--cs-color-background-raised);
}

.cs-number-stepper .cs-input[b-os8wlue75o] {
    min-height: 2.9rem;
    padding-inline: .45rem;
    border-block: 0;
    border-color: var(--cs-color-border);
    border-radius: 0;
    text-align: right;
    -moz-appearance: textfield;
    appearance: textfield;
}

.cs-number-stepper .cs-input[b-os8wlue75o]::-webkit-inner-spin-button,
.cs-number-stepper .cs-input[b-os8wlue75o]::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
}

.cs-number-stepper button[b-os8wlue75o] {
    -webkit-appearance: none;
    appearance: none;
    min-width: 2.65rem;
    min-height: 2.9rem;
    border: 0;
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: 850;
    touch-action: manipulation;
}

.cs-number-stepper button:first-child[b-os8wlue75o] { border-right: 1px solid var(--cs-color-border); }
.cs-number-stepper button:last-child[b-os8wlue75o] { border-left: 1px solid var(--cs-color-border); }
.cs-number-stepper button:active[b-os8wlue75o] { background: rgb(var(--cs-color-accent-rgb) / 28%); }
.cs-number-stepper button:focus-visible[b-os8wlue75o] { position: relative; z-index: 1; outline: 2px solid var(--cs-color-accent-bright); outline-offset: 1px; }

@media (hover: hover) and (pointer: fine) {
    .cs-number-stepper button:hover[b-os8wlue75o] { background: rgb(var(--cs-color-accent-rgb) / 22%); }
}

.cs-submit-training[b-os8wlue75o] {
    width: 100%;
    margin-top: var(--cs-space-5);
}

.cs-live-score[b-os8wlue75o] {
    min-height: 17rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-color: var(--cs-color-border-accent);
    text-align: center;
}

.cs-live-score .cs-entry-section-heading[b-os8wlue75o] { justify-content: center; }

.cs-score-value[b-os8wlue75o] {
    color: var(--cs-color-accent-bright);
    font-size: clamp(3.25rem, 17vw, 6rem);
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 .2rem 1.5rem rgb(var(--cs-color-accent-rgb) / 22%);
}

.cs-live-score > p[b-os8wlue75o] {
    max-width: 25rem;
    margin: var(--cs-space-3) auto var(--cs-space-4);
    color: var(--cs-color-text-secondary);
}

.cs-live-indicator[b-os8wlue75o] {
    display: inline-flex;
    align-items: center;
    align-self: center;
    gap: var(--cs-space-2);
    color: var(--cs-color-text-secondary);
    font-size: .78rem;
}

.cs-live-indicator span[b-os8wlue75o] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: var(--cs-color-success);
    box-shadow: 0 0 .7rem var(--cs-color-success);
}

@media (max-width: 639.98px) {
    .cs-entry-form-card[b-os8wlue75o],
    .cs-live-score[b-os8wlue75o] { padding: var(--cs-space-4); }

    .cs-entry-fields .cs-field[b-os8wlue75o] {
        grid-template-columns: minmax(0, 1fr) minmax(9rem, 10.5rem);
        align-items: center;
        column-gap: var(--cs-space-3);
    }

    .cs-entry-fields .cs-field-label[b-os8wlue75o] { line-height: 1.25; }
    .cs-entry-fields .cs-validation[b-os8wlue75o] { grid-column: 1 / -1; }
}

@media (max-width: 359.98px) {
    .cs-entry-fields .cs-field[b-os8wlue75o] { grid-template-columns: 1fr; }
    .cs-entry-fields .cs-input[b-os8wlue75o] { width: 100%; }
    .cs-number-stepper[b-os8wlue75o] { width: 100%; }
}

@media (min-width: 640px) {
    .cs-entry-fields[b-os8wlue75o] {
        max-width: 44rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .cs-entry-fields .cs-field[b-os8wlue75o] { grid-template-rows: minmax(1.25rem, auto) auto auto; }
}

@media (min-width: 900px) {
    .cs-entry-layout[b-os8wlue75o] {
        grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr);
        align-items: stretch;
    }

    .cs-live-score[b-os8wlue75o] { min-height: 100%; }
}
/* /Pages/Exercises.razor.rz.scp.css */
.cs-training-hero[b-65uv149hrj] { align-items: center; }

.cs-member-badge[b-65uv149hrj] {
    display: inline-flex;
    align-items: center;
    gap: var(--cs-space-2);
    padding: .55rem .8rem;
    border: 1px solid var(--cs-color-border-accent);
    border-radius: 999px;
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}

.cs-training-loading[b-65uv149hrj] {
    min-height: 45vh;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: var(--cs-space-3);
    color: var(--cs-color-text-secondary);
}

.cs-exercise-grid[b-65uv149hrj] {
    display: grid;
    gap: var(--cs-space-4);
}

.cs-exercise-card[b-65uv149hrj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
}

.cs-exercise-image-wrap[b-65uv149hrj] {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: var(--cs-color-background-raised);
    border-radius: var(--cs-radius-lg) var(--cs-radius-lg) 0 0;
}

.cs-exercise-image-wrap[b-65uv149hrj]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 35%, rgb(8 9 9 / 88%));
    pointer-events: none;
}

.cs-exercise-image-wrap img[b-65uv149hrj] {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    display: block;
    object-fit: cover;
    transition: transform 220ms ease;
}

.cs-exercise-card:hover .cs-exercise-image-wrap img[b-65uv149hrj] { transform: scale(1.025); }

.cs-exercise-type[b-65uv149hrj] {
    position: absolute;
    z-index: 1;
    right: var(--cs-space-3);
    bottom: var(--cs-space-3);
    padding: .35rem .65rem;
    border: 1px solid var(--cs-color-border-accent);
    border-radius: 999px;
    background: rgb(8 9 9 / 82%);
    color: var(--cs-color-accent-bright);
    font-size: .72rem;
    font-weight: 700;
}

.cs-exercise-content[b-65uv149hrj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--cs-space-4);
    padding: var(--cs-space-5);
}

.cs-exercise-content h2[b-65uv149hrj] {
    margin: 0;
    color: var(--cs-color-text);
    font-size: 1.35rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.cs-exercise-content p[b-65uv149hrj] {
    margin: var(--cs-space-2) 0 0;
    color: var(--cs-color-text-secondary);
}

.cs-exercise-best[b-65uv149hrj] {
    display: flex;
    align-items: center;
    gap: var(--cs-space-3);
    padding: var(--cs-space-3);
    border: 1px solid var(--cs-color-border);
    border-radius: var(--cs-radius-sm);
    background: var(--cs-color-background-raised);
}

.cs-exercise-best i[b-65uv149hrj] { color: var(--cs-color-accent-bright); }
.cs-exercise-best span[b-65uv149hrj], .cs-exercise-best small[b-65uv149hrj], .cs-exercise-best strong[b-65uv149hrj] { display: block; }
.cs-exercise-best small[b-65uv149hrj] { color: var(--cs-color-text-secondary); }
.cs-exercise-best strong[b-65uv149hrj] { color: var(--cs-color-text); }

.cs-exercise-actions[b-65uv149hrj] {
    display: grid;
    gap: var(--cs-space-2);
    margin-top: auto;
}

.cs-exercise-actions button[b-65uv149hrj] { width: 100%; }

@media (min-width: 700px) {
    .cs-exercise-grid[b-65uv149hrj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1080px) {
    .cs-exercise-grid[b-65uv149hrj] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* /Pages/HallofFame.razor.rz.scp.css */
.cs-highscore-hero[b-8zx85lig53] { align-items: center; }

.cs-highscore-title[b-8zx85lig53] {
    display: flex;
    align-items: center;
    gap: var(--cs-space-4);
}

.cs-trophy-mark[b-8zx85lig53] {
    width: 3.5rem;
    height: 3.5rem;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--cs-color-border-accent);
    border-radius: 50%;
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
    font-size: 1.45rem;
}

.cs-personal-best[b-8zx85lig53] {
    min-width: 8.5rem;
    padding: var(--cs-space-3) var(--cs-space-4);
    border: 1px solid var(--cs-color-border-accent);
    border-radius: var(--cs-radius-md);
    background: var(--cs-color-background-raised);
    text-align: right;
}

.cs-personal-best small[b-8zx85lig53],
.cs-personal-best span[b-8zx85lig53] { display: block; color: var(--cs-color-text-secondary); font-size: .7rem; }
.cs-personal-best strong[b-8zx85lig53] { display: block; color: var(--cs-color-accent-bright); font-size: 1.8rem; line-height: 1.1; }

.cs-score-filter[b-8zx85lig53],
.cs-score-board[b-8zx85lig53] { padding: var(--cs-space-5); }

.cs-highscore-page[b-8zx85lig53],
.cs-score-filter[b-8zx85lig53],
.cs-score-board[b-8zx85lig53],
.cs-score-list[b-8zx85lig53] { min-width: 0; max-width: 100%; }

.cs-back-link[b-8zx85lig53] {
    display: inline-flex;
    align-items: center;
    gap: var(--cs-space-2);
    border: 0;
    background: transparent;
    color: var(--cs-color-accent-bright);
    font-size: .82rem;
}

.cs-filter-label[b-8zx85lig53] {
    display: flex;
    align-items: center;
    gap: var(--cs-space-2);
    margin: 0;
    color: var(--cs-color-text-secondary);
    font-size: .75rem;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cs-filter-label i[b-8zx85lig53] { color: var(--cs-color-accent-bright); }

.cs-score-filter-control[b-8zx85lig53] {
    display: flex;
    min-width: 0;
    max-width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: var(--cs-space-2);
    margin-top: var(--cs-space-4);
}

.cs-score-select-wrap[b-8zx85lig53] {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.cs-score-select[b-8zx85lig53] {
    width: 100%;
    min-width: 0;
    min-height: 3rem;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    padding: .7rem 2.8rem .7rem var(--cs-space-3);
    border: 1px solid var(--cs-color-border-accent);
    border-radius: var(--cs-radius-md);
    outline: 0;
    background: var(--cs-color-background-raised);
    color: var(--cs-color-text);
    color-scheme: dark;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.cs-score-select option[b-8zx85lig53] { background: var(--cs-color-background-raised); color: var(--cs-color-text); }
.cs-score-select:focus-visible[b-8zx85lig53] { border-color: var(--cs-color-accent-highlight); box-shadow: 0 0 0 3px rgb(var(--cs-color-accent-rgb) / 24%); }
.cs-score-select:disabled[b-8zx85lig53] { cursor: not-allowed; opacity: .58; }

.cs-score-select-chevron[b-8zx85lig53] {
    position: absolute;
    top: 50%;
    right: var(--cs-space-3);
    color: var(--cs-color-accent-bright);
    pointer-events: none;
    transform: translateY(-50%);
}

@media (hover: hover) and (pointer: fine) {
    .cs-score-select:hover:not(:disabled)[b-8zx85lig53] { border-color: var(--cs-color-accent-highlight); background-color: var(--cs-color-surface-hover); }
}

.cs-date-filter[b-8zx85lig53] {
    display: grid;
    gap: var(--cs-space-3);
    margin-top: var(--cs-space-4);
    padding: var(--cs-space-4);
    border: 1px solid var(--cs-color-border);
    border-radius: var(--cs-radius-md);
    background: var(--cs-color-background-raised);
}

.cs-date-filter .cs-button-primary[b-8zx85lig53] { align-self: end; }

.cs-score-board-heading[b-8zx85lig53] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--cs-space-3);
    padding-bottom: var(--cs-space-4);
    border-bottom: 1px solid var(--cs-color-border);
}

.cs-score-board-heading > div[b-8zx85lig53] { min-width: 0; }
.cs-score-board-heading h2[b-8zx85lig53] { margin: 0; color: var(--cs-color-text); font-size: 1.45rem; font-weight: 800; }
.cs-score-board-heading > span[b-8zx85lig53] { color: var(--cs-color-text-secondary); font-size: .78rem; white-space: nowrap; }

.cs-score-loading[b-8zx85lig53] {
    min-height: 15rem;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: var(--cs-space-3);
    color: var(--cs-color-text-secondary);
}

.cs-score-list[b-8zx85lig53] { list-style: none; margin: 0; padding: 0; }

.cs-score-row[b-8zx85lig53] {
    min-width: 0;
    display: grid;
    grid-template-columns: 2.1rem 2.9rem minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--cs-space-3);
    padding: var(--cs-space-3) var(--cs-space-2);
    border-bottom: 1px solid var(--cs-color-border);
}

.cs-score-row:last-child[b-8zx85lig53] { border-bottom: 0; }
.cs-score-row.current[b-8zx85lig53] { margin-inline: calc(-1 * var(--cs-space-2)); padding-inline: var(--cs-space-4); border: 1px solid var(--cs-color-border-accent); border-radius: var(--cs-radius-md); background: var(--cs-color-accent-soft); }
.cs-score-row.top-three[b-8zx85lig53] { min-height: 5rem; }
.cs-score-row.rank-1[b-8zx85lig53] { background-image: linear-gradient(90deg, rgb(var(--cs-color-accent-rgb) / 14%), transparent 70%); }

.cs-rank[b-8zx85lig53] {
    position: relative;
    display: grid;
    place-items: center;
    color: var(--cs-color-text-secondary);
}

.cs-rank i[b-8zx85lig53] { color: var(--cs-color-accent-bright); font-size: 1.35rem; }
.cs-rank strong[b-8zx85lig53] { position: absolute; font-size: .62rem; color: #17120a; }
.cs-score-row:not(.top-three) .cs-rank strong[b-8zx85lig53] { position: static; color: var(--cs-color-text-secondary); font-size: .95rem; }
.cs-score-row.rank-2 .cs-rank i[b-8zx85lig53] { color: #c6c9cb; }
.cs-score-row.rank-3 .cs-rank i[b-8zx85lig53] { color: #bf7b45; }

[b-8zx85lig53] .cs-score-avatar {
    width: 2.9rem;
    height: 2.9rem;
    border: 2px solid var(--cs-color-border-accent);
    border-radius: 50%;
    object-fit: cover;
    background: var(--cs-color-background-raised);
}

.cs-score-initial[b-8zx85lig53] {
    display: grid;
    place-items: center;
    color: var(--cs-color-accent-bright);
    font-size: .78rem;
    font-weight: 800;
}

.cs-score-person[b-8zx85lig53] { min-width: 0; position: relative; }
.cs-score-person > strong[b-8zx85lig53] { display: block; overflow: hidden; color: var(--cs-color-text); text-overflow: ellipsis; white-space: nowrap; }
.cs-score-person > small[b-8zx85lig53] { display: block; margin-top: .1rem; color: var(--cs-color-text-secondary); }

.cs-current-user[b-8zx85lig53] {
    display: inline-block;
    margin-top: .25rem;
    padding: .1rem .45rem;
    border-radius: 999px;
    background: var(--cs-color-accent-bright);
    color: #111;
    font-size: .62rem;
    font-weight: 800;
}

.cs-score-points[b-8zx85lig53] { color: var(--cs-color-accent-bright); text-align: right; white-space: nowrap; }
.cs-score-points small[b-8zx85lig53] { display: block; color: var(--cs-color-text-secondary); font-size: .62rem; font-weight: 500; }

@media (min-width: 700px) {
    .cs-score-filter-control[b-8zx85lig53] { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--cs-space-4); }
    .cs-score-select-wrap[b-8zx85lig53] { width: 22rem; flex: 0 1 22rem; }
    .cs-date-filter[b-8zx85lig53] { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; }
    .cs-score-row[b-8zx85lig53] { grid-template-columns: 2.5rem 3.4rem minmax(0, 1fr) auto; padding: var(--cs-space-4); }
    [b-8zx85lig53] .cs-score-avatar { width: 3.4rem; height: 3.4rem; }
}

@media (max-width: 430px) {
    .cs-score-filter[b-8zx85lig53],
    .cs-score-board[b-8zx85lig53] { padding: var(--cs-space-4); }

    .cs-score-row[b-8zx85lig53] { grid-template-columns: 1.8rem 2.5rem minmax(0, 1fr) auto; gap: var(--cs-space-2); padding-inline: 0; }
    .cs-score-row.current[b-8zx85lig53] { margin-inline: 0; padding-inline: var(--cs-space-2); }
    [b-8zx85lig53] .cs-score-avatar { width: 2.5rem; height: 2.5rem; }
    .cs-score-points[b-8zx85lig53] { font-size: .92rem; }
}
/* /Pages/Home.razor.rz.scp.css */
.cs-home[b-0rkxunyvsc] { display: grid; gap: var(--cs-space-4); }

.cs-home-loading[b-0rkxunyvsc] {
    min-height: 55vh;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: var(--cs-space-3);
    color: var(--cs-color-text-secondary);
}

.cs-home-hero[b-0rkxunyvsc] {
    position: relative;
    min-height: 12rem;
    display: flex;
    align-items: end;
    overflow: hidden;
    margin: calc(-1 * var(--cs-space-4)) calc(-1 * var(--cs-space-4)) 0;
    padding: var(--cs-space-6) var(--cs-space-4);
    background: linear-gradient(90deg, rgb(5 6 6 / 96%) 5%, rgb(5 6 6 / 68%) 63%, rgb(5 6 6 / 35%)),
        url('img/cardstudio-Back.jpg') center 46% / cover;
}

.cs-home-hero[b-0rkxunyvsc]::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 4rem;
    background: linear-gradient(transparent, var(--cs-color-background));
}

.cs-home-hero-content[b-0rkxunyvsc] { position: relative; z-index: 1; }
.cs-home-hero h1[b-0rkxunyvsc] { margin: 0; color: var(--cs-color-text); font-size: clamp(2rem, 8vw, 3.5rem); font-weight: 850; }
.cs-home-hero p:last-child[b-0rkxunyvsc] { margin: var(--cs-space-2) 0 0; color: var(--cs-color-text-secondary); font-size: 1.05rem; }

.cs-home-error[b-0rkxunyvsc] {
    display: flex;
    gap: var(--cs-space-3);
    padding: var(--cs-space-4);
    border: 1px solid rgb(239 101 87 / 45%);
    border-radius: var(--cs-radius-md);
    background: rgb(239 101 87 / 10%);
    color: var(--cs-color-error);
}

.cs-overview[b-0rkxunyvsc] { padding: var(--cs-space-5); border-color: var(--cs-color-border-accent); }
.cs-stat-grid[b-0rkxunyvsc] { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: var(--cs-space-5); }

.cs-stat[b-0rkxunyvsc] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cs-space-2);
    padding-inline: var(--cs-space-2);
    text-align: center;
}

.cs-stat + .cs-stat[b-0rkxunyvsc] { border-left: 1px solid var(--cs-color-border); }
.cs-stat > i[b-0rkxunyvsc] { color: var(--cs-color-accent-bright); font-size: 1.45rem; }
.cs-stat > strong[b-0rkxunyvsc] { color: var(--cs-color-text); font-size: clamp(1.35rem, 6vw, 2rem); line-height: 1; }
.cs-stat > span[b-0rkxunyvsc] { color: var(--cs-color-text-secondary); font-size: .72rem; line-height: 1.35; }
.cs-home-grid[b-0rkxunyvsc] { display: grid; gap: var(--cs-space-4); }

.cs-training-card[b-0rkxunyvsc] {
    min-height: 13rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--cs-space-5);
    padding: var(--cs-space-5);
}

.cs-training-card h2[b-0rkxunyvsc] { margin: 0; color: var(--cs-color-text); font-size: 1.4rem; font-weight: 800; }
.cs-training-card p:last-child[b-0rkxunyvsc] { margin: var(--cs-space-2) 0 0; color: var(--cs-color-text-secondary); }
.cs-last-activity[b-0rkxunyvsc], .cs-recent[b-0rkxunyvsc] { padding: var(--cs-space-5); }

.cs-activity-main[b-0rkxunyvsc],
.cs-activity-list li[b-0rkxunyvsc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--cs-space-3);
}

.cs-activity-main[b-0rkxunyvsc] { margin-top: var(--cs-space-5); }

.cs-activity-icon[b-0rkxunyvsc] {
    width: 2.75rem;
    height: 2.75rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--cs-color-border-accent);
    border-radius: 50%;
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
}

.cs-activity-main span:nth-child(2)[b-0rkxunyvsc], .cs-activity-label[b-0rkxunyvsc] { min-width: 0; }
.cs-activity-main strong[b-0rkxunyvsc], .cs-activity-label strong[b-0rkxunyvsc] { display: block; overflow: hidden; color: var(--cs-color-text); text-overflow: ellipsis; white-space: nowrap; }
.cs-activity-main small[b-0rkxunyvsc], .cs-activity-label small[b-0rkxunyvsc] { display: block; margin-top: .15rem; color: var(--cs-color-text-secondary); font-weight: 400; }
.cs-score[b-0rkxunyvsc] { color: var(--cs-color-accent-bright); text-align: right; white-space: nowrap; }
.cs-score small[b-0rkxunyvsc] { display: block; color: var(--cs-color-text-secondary); font-size: .68rem; font-weight: 500; }
.cs-section-bar[b-0rkxunyvsc] { display: flex; align-items: center; justify-content: space-between; gap: var(--cs-space-3); }
.cs-section-bar > a[b-0rkxunyvsc] { color: var(--cs-color-accent-bright); font-size: .82rem; text-decoration: none; white-space: nowrap; }
.cs-activity-list[b-0rkxunyvsc] { list-style: none; margin: var(--cs-space-4) 0 0; padding: 0; }
.cs-activity-list li[b-0rkxunyvsc] { padding-block: var(--cs-space-3); border-top: 1px solid var(--cs-color-border); }
.cs-quick-links[b-0rkxunyvsc] { display: grid; gap: var(--cs-space-3); }

.cs-quick-links > a[b-0rkxunyvsc] {
    min-height: 5rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--cs-space-4);
    padding: var(--cs-space-4);
    color: var(--cs-color-text);
    text-decoration: none;
}

.cs-quick-links > a > i:first-child[b-0rkxunyvsc] { width: 2.5rem; color: var(--cs-color-accent-bright); font-size: 1.35rem; text-align: center; }
.cs-quick-links > a > i:last-child[b-0rkxunyvsc] { color: var(--cs-color-text-secondary); }
.cs-quick-links strong[b-0rkxunyvsc], .cs-quick-links small[b-0rkxunyvsc] { display: block; }
.cs-quick-links small[b-0rkxunyvsc] { margin-top: .2rem; color: var(--cs-color-text-secondary); }

@media (min-width: 768px) {
    .cs-home[b-0rkxunyvsc] { gap: var(--cs-space-5); }
    .cs-home-hero[b-0rkxunyvsc] { min-height: 18rem; margin: 0; border: 1px solid var(--cs-color-border); border-radius: var(--cs-radius-lg); padding: var(--cs-space-7); }
    .cs-home-grid[b-0rkxunyvsc], .cs-quick-links[b-0rkxunyvsc] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cs-stat > span[b-0rkxunyvsc] { font-size: .88rem; }
}

@media (min-width: 1100px) {
    .cs-overview[b-0rkxunyvsc] { padding: var(--cs-space-6); }
    .cs-stat > strong[b-0rkxunyvsc] { font-size: 2.15rem; }
}
/* /Pages/MemberChat.razor.rz.scp.css */
.cs-chat-page[b-xxecvnp154] { min-height: calc(100dvh - var(--cs-header-height) - var(--cs-bottom-nav-height) - 3rem); }
.cs-chat-page.is-enabled[b-xxecvnp154] { display: flex; flex-direction: column; height: var(--chat-available-height, calc(100dvh - var(--cs-header-height) - var(--cs-bottom-nav-height) - 4rem)); min-height: 0; gap: .75rem; }
.cs-chat-page.is-enabled > :not(.cs-chat-shell)[b-xxecvnp154] { flex-shrink: 0; }
.cs-chat-page.is-enabled .cs-chat-shell[b-xxecvnp154] { flex: 1; min-height: 0; height: auto; }
.cs-chat-page.is-enabled .cs-chat-usage-actions[b-xxecvnp154] { margin-block: 0; }
.cs-chat-page.compact-viewport .cs-chat-hero[b-xxecvnp154] { display: none; }
.cs-chat-page.compact-viewport .cs-chat-usage-actions[b-xxecvnp154] { flex-wrap: nowrap; gap: .5rem; }
.cs-chat-page.compact-viewport .cs-chat-usage-actions p[b-xxecvnp154] { flex: 1 1 0; font-size: .75rem; line-height: 1.3; }
.cs-chat-page.compact-viewport .cs-chat-usage-actions button[b-xxecvnp154] { flex: 0 1 10rem; width: auto; padding: .4rem .6rem; font-size: .75rem; }
.cs-chat-page.compact-viewport .cs-chat-detail-head[b-xxecvnp154] { min-height: 3rem; padding: .35rem .75rem; }
.cs-chat-page.compact-viewport .cs-chat-messages[b-xxecvnp154] { padding: .5rem; }
.cs-chat-hero h1[b-xxecvnp154] { margin-bottom: .25rem; }
.cs-chat-hero p:last-child[b-xxecvnp154] { margin: 0; color: var(--cs-color-text-secondary); }
.cs-chat-error[b-xxecvnp154] { display: flex; align-items: center; gap: .65rem; padding: .8rem 1rem; border: 1px solid rgb(239 101 87 / 45%); border-radius: var(--cs-radius-sm); background: rgb(239 101 87 / 10%); color: var(--cs-color-error); }

.cs-chat-shell[b-xxecvnp154] {
    min-width: 0;
    min-height: 36rem;
    height: min(68dvh, 46rem);
    display: grid;
    overflow: hidden;
    border: 1px solid var(--cs-color-border);
    border-radius: var(--cs-radius-lg);
    background: var(--cs-color-surface);
    box-shadow: var(--cs-shadow-card);
}

.cs-chat-sidebar[b-xxecvnp154], .cs-chat-detail[b-xxecvnp154] { min-width: 0; min-height: 0; }
.cs-chat-sidebar[b-xxecvnp154] { display: flex; flex-direction: column; overflow: hidden; background: var(--cs-color-background-raised); }
.cs-chat-sidebar-head[b-xxecvnp154] { display: grid; gap: .8rem; padding: 1rem; border-bottom: 1px solid var(--cs-color-border); }
.cs-chat-sidebar-head h2[b-xxecvnp154] { margin: 0; font-size: 1.15rem; font-weight: 800; }
.cs-chat-search[b-xxecvnp154] { display: grid; grid-template-columns: minmax(0, 1fr) 2.8rem; }
.cs-chat-search .cs-input[b-xxecvnp154] { min-width: 0; border-radius: var(--cs-radius-sm) 0 0 var(--cs-radius-sm); }
.cs-chat-search button[b-xxecvnp154] { border: 1px solid var(--cs-color-border-accent); border-left: 0; border-radius: 0 var(--cs-radius-sm) var(--cs-radius-sm) 0; background: var(--cs-color-accent-soft); color: var(--cs-color-accent-bright); }
.cs-chat-results-head[b-xxecvnp154] { display: flex; align-items: center; justify-content: space-between; padding: .65rem 1rem; border-bottom: 1px solid var(--cs-color-border); color: var(--cs-color-text-secondary); font-size: .8rem; font-weight: 700; text-transform: uppercase; }
.cs-chat-results-head button[b-xxecvnp154] { border: 0; background: transparent; color: var(--cs-color-accent-bright); font-weight: 700; }
.cs-chat-list[b-xxecvnp154] { min-height: 0; overflow-y: auto; }
.cs-chat-contact[b-xxecvnp154] { width: 100%; min-width: 0; display: flex; align-items: center; gap: .75rem; padding: .85rem 1rem; border: 0; border-bottom: 1px solid var(--cs-color-border); background: transparent; color: var(--cs-color-text); text-align: left; }
.cs-chat-contact:hover[b-xxecvnp154], .cs-chat-contact.active[b-xxecvnp154] { background: var(--cs-color-accent-soft); }
.cs-chat-contact.active[b-xxecvnp154] { box-shadow: inset .2rem 0 var(--cs-color-accent-bright); }
.cs-chat-contact-copy[b-xxecvnp154] { min-width: 0; flex: 1; display: grid; gap: .2rem; }
.cs-chat-contact-copy strong[b-xxecvnp154], .cs-chat-preview[b-xxecvnp154] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cs-chat-contact-copy small[b-xxecvnp154], .cs-chat-preview[b-xxecvnp154] { color: var(--cs-color-text-secondary); font-size: .8rem; }
.cs-chat-contact-line[b-xxecvnp154] { min-width: 0; display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; }
.cs-chat-contact-line time[b-xxecvnp154] { flex: 0 0 auto; color: var(--cs-color-text-secondary); font-size: .7rem; }
.cs-chat-count[b-xxecvnp154] { min-width: 1.55rem; height: 1.55rem; display: grid; place-items: center; padding-inline: .35rem; border-radius: 999px; background: var(--cs-color-accent); color: #111; font-size: .72rem; font-weight: 900; }
.cs-chat-loading[b-xxecvnp154] { display: grid; place-items: center; align-content: center; gap: .65rem; min-height: 9rem; padding: 1rem; color: var(--cs-color-text-secondary); }
.cs-chat-empty[b-xxecvnp154] { min-height: 15rem; display: grid; place-items: center; align-content: center; gap: .55rem; padding: 1.5rem; color: var(--cs-color-text-secondary); text-align: center; }
.cs-chat-empty i[b-xxecvnp154] { color: var(--cs-color-accent-bright); font-size: 2rem; }
.cs-chat-empty h2[b-xxecvnp154], .cs-chat-empty h3[b-xxecvnp154], .cs-chat-empty p[b-xxecvnp154] { margin: 0; }
.cs-chat-empty.compact[b-xxecvnp154] { min-height: 9rem; }

.cs-chat-detail[b-xxecvnp154] { display: none; grid-template-rows: auto minmax(0, 1fr) minmax(0, max-content); background: radial-gradient(circle at 90% 5%, var(--cs-color-accent-soft), transparent 20rem), var(--cs-color-surface); }
.cs-chat-shell.has-selection .cs-chat-sidebar[b-xxecvnp154] { display: none; }
.cs-chat-shell.has-selection .cs-chat-detail[b-xxecvnp154] { display: grid; }
.cs-chat-detail-head[b-xxecvnp154] { min-width: 0; min-height: 4.6rem; display: flex; align-items: center; gap: .75rem; padding: .75rem 1rem; border-bottom: 1px solid var(--cs-color-border); background: rgb(16 17 17 / 92%); }
.cs-chat-detail-head > div[b-xxecvnp154] { min-width: 0; display: grid; }
.cs-chat-detail-head > div[b-xxecvnp154] { flex: 1; }
.cs-chat-contact-actions[b-xxecvnp154] { flex: 0 0 auto; }
.cs-chat-contact-actions summary[b-xxecvnp154] { min-height: 44px; display: flex; align-items: center; cursor: pointer; color: var(--cs-color-accent-bright); }
.cs-chat-contact-actions > div[b-xxecvnp154] { position: absolute; z-index: 2; right: .5rem; width: min(20rem, calc(100% - 1rem)); max-height: calc(var(--chat-available-height, 100dvh) - 5rem); overflow-y: auto; padding: .75rem; border: 1px solid var(--cs-color-border); border-radius: var(--cs-radius-sm); background: var(--cs-color-surface); }
.cs-chat-contact-actions button[b-xxecvnp154] { width: 100%; min-height: 44px; }
.cs-chat-contact-actions p[b-xxecvnp154] { margin-block: .5rem; font-size: .8rem; }
.cs-chat-detail-head[b-xxecvnp154] { position: relative; }
.cs-chat-detail-head strong[b-xxecvnp154] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cs-chat-detail-head small[b-xxecvnp154] { color: var(--cs-color-text-secondary); }
.cs-chat-back[b-xxecvnp154] { width: 2.5rem; height: 2.5rem; flex: 0 0 auto; border: 0; border-radius: 50%; background: transparent; color: var(--cs-color-accent-bright); }
.cs-chat-messages[b-xxecvnp154] { min-height: 0; display: flex; flex-direction: column; gap: .65rem; overflow-y: auto; padding: 1rem; scroll-behavior: smooth; }
.cs-load-older[b-xxecvnp154] { align-self: center; min-height: 2.3rem; padding: .4rem .8rem; border: 1px solid var(--cs-color-border); border-radius: 999px; background: var(--cs-color-background-raised); color: var(--cs-color-text-secondary); font-size: .78rem; }
.cs-message[b-xxecvnp154] { flex: 0 0 auto; width: fit-content; max-width: 84%; padding: .65rem .8rem .45rem; border: 1px solid var(--cs-color-border); border-radius: 1rem 1rem 1rem .25rem; background: var(--cs-color-background-raised); overflow-wrap: anywhere; white-space: pre-wrap; }
.cs-message.own[b-xxecvnp154] { align-self: flex-end; border-color: var(--cs-color-border-accent); border-radius: 1rem 1rem .25rem 1rem; background: var(--cs-color-accent-soft); }
.cs-message p[b-xxecvnp154] { margin: 0; color: var(--cs-color-text); line-height: 1.4; }
.cs-message time[b-xxecvnp154] { display: block; margin-top: .25rem; color: var(--cs-color-text-secondary); font-size: .67rem; text-align: right; }
.cs-chat-composer[b-xxecvnp154] { min-height: 0; overflow-y: auto; display: grid; grid-template-columns: minmax(0, 1fr) 44px 44px; grid-template-rows: max-content max-content max-content; gap: .25rem .65rem; align-items: start; align-content: start; padding: .75rem; border-top: 1px solid var(--cs-color-border); background: rgb(16 17 17 / 96%); }
.cs-chat-composer textarea[b-xxecvnp154] { grid-column: 1; grid-row: 1; min-width: 0; min-height: 44px; max-height: 8rem; resize: vertical; }
.cs-chat-composer button[b-xxecvnp154] { min-width: 44px; min-height: 44px; }
.cs-chat-composer[b-xxecvnp154]  .cs-emoji-toggle { grid-column: 2; grid-row: 1; }
.cs-chat-composer .cs-chat-send[b-xxecvnp154] { grid-column: 3; grid-row: 1; padding: 0; }
.cs-chat-composer[b-xxecvnp154]  .cs-emoji-picker { grid-column: 1 / -1; grid-row: 2; min-height: 0; }
.cs-chat-composer button span[b-xxecvnp154] { display: none; }
.cs-character-count[b-xxecvnp154] { grid-column: 1 / -1; grid-row: 3; justify-self: end; line-height: 1.4; color: var(--cs-color-text-secondary); font-size: .75rem; }

@media (max-width: 767.98px), (max-height: 599.98px) and (pointer: coarse) {
    .cs-chat-page.is-enabled .cs-chat-hero[b-xxecvnp154] { display: none; }
    .cs-chat-page.detail-open[b-xxecvnp154] {
        position: fixed; z-index: 60;
        top: var(--chat-viewport-top, 0px); left: var(--chat-viewport-left, 0px);
        width: var(--chat-viewport-width, 100%); max-width: 100%;
        height: var(--chat-available-height, 100dvh); min-height: 0;
        margin: 0; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
        box-sizing: border-box; gap: 0; overflow: hidden; background: var(--cs-color-surface);
    }
    .cs-chat-page.detail-open > .cs-chat-hero[b-xxecvnp154],
    .cs-chat-page.detail-open > .cs-chat-usage-actions[b-xxecvnp154] { display: none; }
    .cs-chat-page.detail-open .cs-chat-detail-head[b-xxecvnp154] { min-height: 3rem; gap: .4rem; padding: .25rem .5rem; }
    .cs-chat-page.detail-open .cs-chat-messages[b-xxecvnp154] { padding: .5rem; }
    .cs-chat-page.detail-open .cs-chat-composer[b-xxecvnp154] { padding: .35rem .5rem; gap: .2rem .35rem; max-height: calc(var(--chat-available-height, 100dvh) * .6); }
    .cs-chat-page.detail-open .cs-chat-composer textarea[b-xxecvnp154] { resize: none; height: 44px; }
    .cs-chat-page.detail-open .cs-chat-error[b-xxecvnp154] { max-height: 20%; overflow-y: auto; margin: 0; padding: .35rem .5rem; }
    .cs-chat-page[b-xxecvnp154] { margin-inline: calc(-1 * var(--cs-space-4)); margin-top: calc(-1 * var(--cs-space-4)); }
    .cs-chat-hero[b-xxecvnp154], .cs-chat-error[b-xxecvnp154] { margin-inline: var(--cs-space-4); }
    .cs-chat-shell[b-xxecvnp154] { height: calc(100dvh - var(--cs-header-height) - var(--cs-bottom-nav-height) - 8.5rem); min-height: 28rem; border-right: 0; border-left: 0; border-radius: 0; }
}

@media (min-width: 768px) and (min-height: 600px), (min-width: 768px) and (pointer: fine) {
    .cs-chat-shell[b-xxecvnp154] { grid-template-columns: minmax(18rem, 31%) minmax(0, 1fr); }
    .cs-chat-sidebar[b-xxecvnp154], .cs-chat-shell.has-selection .cs-chat-sidebar[b-xxecvnp154] { display: flex; border-right: 1px solid var(--cs-color-border); }
    .cs-chat-detail[b-xxecvnp154], .cs-chat-shell.has-selection .cs-chat-detail[b-xxecvnp154] { display: grid; }
    .cs-chat-back[b-xxecvnp154] { display: none; }
    .cs-message[b-xxecvnp154] { max-width: 78%; }

}

.cs-chat-consent[b-xxecvnp154] {
    max-width: 52rem;
    margin: 1.5rem auto;
    padding: 1.5rem;
    border: 1px solid var(--cs-border, #d8d8d8);
    border-radius: 1rem;
}
.cs-chat-consent p[b-xxecvnp154] { line-height: 1.6; }
.cs-chat-consent label[b-xxecvnp154] { display: block; margin: 1.5rem 0; }
.cs-chat-consent input[b-xxecvnp154] { margin-right: .5rem; }
.cs-chat-consent > div[b-xxecvnp154] { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }

.cs-chat-usage-actions[b-xxecvnp154] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; margin-block: 1rem; }
.cs-chat-usage-actions p[b-xxecvnp154] { margin: 0; flex: 1 1 16rem; color: var(--cs-color-text-secondary); }
.cs-chat-usage-actions button[b-xxecvnp154] { min-height: 44px; }
@media (max-width: 767.98px) {
    .cs-chat-consent[b-xxecvnp154], .cs-chat-usage-actions[b-xxecvnp154] { margin-inline: var(--cs-space-4); }
    .cs-chat-consent[b-xxecvnp154] { padding: 1rem; }
    .cs-chat-consent button[b-xxecvnp154], .cs-chat-usage-actions button[b-xxecvnp154] { width: 100%; }
}

.cs-chat-consent .cs-consent-choice[b-xxecvnp154] { display: flex; align-items: flex-start; gap: .75rem; line-height: 1.5; }
.cs-chat-consent .cs-consent-choice input[b-xxecvnp154] { flex: 0 0 20px; width: 20px; height: 20px; margin: .15rem 0 0; accent-color: var(--cs-color-accent); }
.cs-chat-consent .cs-consent-choice span[b-xxecvnp154] { min-width: 0; }
.cs-chat-consent .cs-consent-actions[b-xxecvnp154] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-top: 18px; margin-left: 32px; }
.cs-chat-consent .cs-consent-actions a[b-xxecvnp154] { display: inline-flex; align-items: center; min-height: 44px; color: var(--cs-color-accent-bright); }
.cs-chat-consent .cs-consent-actions a:focus-visible[b-xxecvnp154], .cs-chat-consent .cs-consent-choice input:focus-visible[b-xxecvnp154] { outline: 2px solid var(--cs-color-accent-bright); outline-offset: 3px; }
/* /Pages/ProfileSettings.razor.rz.scp.css */
.cs-profile-loading[b-zv83z9399u] {
    min-height: 55vh;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: var(--cs-space-3);
    color: var(--cs-color-text-secondary);
}

.cs-profile-hero[b-zv83z9399u] {
    display: grid;
    justify-items: center;
    text-align: center;
}

.cs-profile-identity h1[b-zv83z9399u] { overflow-wrap: anywhere; }
.cs-profile-identity > p:not(.cs-eyebrow)[b-zv83z9399u] { margin: var(--cs-space-2) 0; color: var(--cs-color-text-secondary); }

.cs-profile-member[b-zv83z9399u] {
    display: inline-flex;
    align-items: center;
    gap: var(--cs-space-2);
    margin-top: var(--cs-space-2);
    padding: .45rem .7rem;
    border: 1px solid var(--cs-color-border-accent);
    border-radius: 999px;
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
    font-size: .75rem;
    font-weight: 700;
}

.cs-profile-error[b-zv83z9399u],
[b-zv83z9399u] .cs-profile-success {
    display: flex;
    align-items: center;
    gap: var(--cs-space-3);
    padding: var(--cs-space-4);
    border-radius: var(--cs-radius-md);
}

.cs-profile-error[b-zv83z9399u] { border: 1px solid rgb(239 101 87 / 45%); background: rgb(239 101 87 / 10%); color: var(--cs-color-error); }
[b-zv83z9399u] .cs-profile-success { border: 1px solid rgb(117 182 59 / 45%); background: rgb(117 182 59 / 10%); color: var(--cs-color-success); }

.cs-profile-form[b-zv83z9399u] { display: grid; gap: var(--cs-space-5); }
.cs-profile-card[b-zv83z9399u] { padding: var(--cs-space-5); }

.cs-profile-section-heading[b-zv83z9399u] {
    display: flex;
    align-items: center;
    gap: var(--cs-space-3);
    margin-bottom: var(--cs-space-5);
}

.cs-profile-section-heading > span[b-zv83z9399u] {
    width: 2.65rem;
    height: 2.65rem;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--cs-color-border-accent);
    border-radius: 50%;
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
}

.cs-profile-section-heading h2[b-zv83z9399u] { margin: 0; color: var(--cs-color-text); font-size: 1.35rem; font-weight: 800; }
.cs-profile-section-heading .cs-eyebrow[b-zv83z9399u] { margin-bottom: .15rem; }
.cs-profile-grid[b-zv83z9399u] { display: grid; gap: var(--cs-space-4); align-items: start; }

.cs-gender-field[b-zv83z9399u] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.cs-gender-field legend[b-zv83z9399u] { float: none; width: auto; margin-bottom: var(--cs-space-2); font-size: .88rem; }
.cs-gender-options[b-zv83z9399u] { display: flex; flex-wrap: wrap; gap: var(--cs-space-2); }
.cs-gender-option[b-zv83z9399u] { position: relative; margin: 0; cursor: pointer; }

.cs-gender-option[b-zv83z9399u]  .cs-gender-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.cs-gender-option > span[b-zv83z9399u] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .6rem 1rem;
    border: 1px solid var(--cs-color-border);
    border-radius: 999px;
    background: var(--cs-color-background-raised);
    color: var(--cs-color-text-secondary);
    font-weight: 700;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.cs-gender-option[b-zv83z9399u]  .cs-gender-radio:checked + span {
    border-color: var(--cs-color-accent-bright);
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
    box-shadow: inset 0 0 0 1px var(--cs-color-accent-bright);
}

.cs-gender-option[b-zv83z9399u]  .cs-gender-radio:focus-visible + span {
    outline: .16rem solid var(--cs-color-accent-bright);
    outline-offset: .2rem;
}

.cs-profile-actions[b-zv83z9399u] { display: grid; justify-items: stretch; margin-top: var(--cs-space-2); }
.cs-profile-actions > *[b-zv83z9399u] { width: 100%; }
.cs-validation-summary[b-zv83z9399u] { color: var(--cs-color-error); }

.cs-security-card[b-zv83z9399u] { scroll-margin-top: calc(var(--cs-header-height) + var(--cs-space-4)); }
.cs-security-form[b-zv83z9399u] { display: grid; gap: var(--cs-space-4); }
.cs-security-grid[b-zv83z9399u] { display: grid; gap: var(--cs-space-4); align-items: start; }
.cs-security-error[b-zv83z9399u] { padding: var(--cs-space-3); border: 1px solid rgb(239 101 87 / 45%); border-radius: var(--cs-radius-sm); background: rgb(239 101 87 / 10%); color: var(--cs-color-error); }
.cs-password-submit[b-zv83z9399u] { width: 100%; margin-top: var(--cs-space-2); }

[b-zv83z9399u] .profile-image-editor { padding: 0; }

@media (min-width: 700px) {
    .cs-profile-hero[b-zv83z9399u] { grid-template-columns: auto minmax(0, 1fr); justify-items: start; text-align: left; }
    .cs-profile-grid[b-zv83z9399u] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cs-gender-field[b-zv83z9399u] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        gap: var(--cs-space-4);
    }
    .cs-gender-field legend[b-zv83z9399u] { margin: 0; }
    .cs-profile-actions[b-zv83z9399u] { grid-template-columns: minmax(14rem, 22rem); justify-content: end; }
    .cs-security-grid[b-zv83z9399u] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cs-security-current[b-zv83z9399u] { grid-column: 1 / -1; max-width: calc(50% - (var(--cs-space-4) / 2)); }
    .cs-password-submit[b-zv83z9399u] { width: min(100%, 22rem); justify-self: end; }
}
.cs-lifecycle-actions[b-zv83z9399u] { display: flex; flex-wrap: wrap; gap: .75rem; }
.cs-lifecycle-preview[b-zv83z9399u] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem 1rem; }
/* /Pages/TrainingWishEditor.razor.rz.scp.css */
.cs-wishes-page[b-p59joylehp] { min-width: 0; grid-template-columns: minmax(0, 1fr); }
.cs-wishes-card[b-p59joylehp] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--cs-space-3); padding: var(--cs-space-4); min-width: 0; overflow-wrap: anywhere; }
.cs-wishes-card h2[b-p59joylehp], .cs-wishes-card h3[b-p59joylehp], .cs-wishes-card p[b-p59joylehp] { margin: 0; }
.cs-wishes-grid[b-p59joylehp] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--cs-space-4); margin: 0; padding: 0; border: 0; min-width: 0; }
.cs-wishes-grid .cs-field[b-p59joylehp] { min-width: 0; }
.cs-wishes-grid .cs-input[b-p59joylehp] { min-width: 0; max-width: 100%; }
.cs-wishes-grid textarea[b-p59joylehp] { resize: vertical; }
.cs-wishes-checkbox[b-p59joylehp] { display: flex; align-items: center; gap: var(--cs-space-3); }
.cs-wishes-checkbox input[b-p59joylehp] { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; }
.cs-wishes-checkbox label[b-p59joylehp] { margin: 0; }
.cs-wishes-actions[b-p59joylehp] { display: flex; flex-wrap: wrap; gap: var(--cs-space-3); align-items: center; }
.cs-wishes-actions .cs-button[b-p59joylehp] { min-height: 44px; }
.cs-wishes-loading[b-p59joylehp] { display: flex; align-items: center; gap: var(--cs-space-3); }
.cs-wishes-results[b-p59joylehp] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--cs-space-4); min-width: 0; }
.cs-wishes-error[b-p59joylehp] { padding: var(--cs-space-4); color: var(--cs-color-error); }
.cs-wishes-note[b-p59joylehp] { white-space: pre-wrap; }
.cs-wishes-closed[b-p59joylehp] { color: var(--cs-color-text-secondary); }
fieldset:disabled[b-p59joylehp] { opacity: .72; }
@media (min-width: 768px) {
    .cs-wishes-card[b-p59joylehp] { padding: var(--cs-space-5); }
    .cs-wishes-grid[b-p59joylehp] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cs-wishes-wide[b-p59joylehp] { grid-column: 1 / -1; }
}

.cs-wish-time[b-p59joylehp] { display: grid; grid-template-rows: minmax(1.5em, auto) 48px; align-content: start; gap: .5rem; }
.cs-wish-time .cs-input[b-p59joylehp] { height: 48px; min-height: 48px; box-sizing: border-box; }
.cs-wish-time .cs-field-label[b-p59joylehp] { margin: 0; }
/* /Pages/TrainingWishes.razor.rz.scp.css */
.cs-wishes-page[b-fw9hhyufv5] { min-width: 0; grid-template-columns: minmax(0, 1fr); }
.cs-wishes-card[b-fw9hhyufv5] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--cs-space-3); padding: var(--cs-space-4); min-width: 0; overflow-wrap: anywhere; }
.cs-wishes-card h2[b-fw9hhyufv5], .cs-wishes-card h3[b-fw9hhyufv5], .cs-wishes-card p[b-fw9hhyufv5] { margin: 0; }
.cs-wishes-grid[b-fw9hhyufv5] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--cs-space-4); margin: 0; padding: 0; border: 0; min-width: 0; }
.cs-wishes-grid .cs-field[b-fw9hhyufv5] { min-width: 0; }
.cs-wishes-grid .cs-input[b-fw9hhyufv5] { min-width: 0; max-width: 100%; }
.cs-wishes-grid textarea[b-fw9hhyufv5] { resize: vertical; }
.cs-wishes-checkbox[b-fw9hhyufv5] { display: flex; align-items: center; gap: var(--cs-space-3); }
.cs-wishes-checkbox input[b-fw9hhyufv5] { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; }
.cs-wishes-checkbox label[b-fw9hhyufv5] { margin: 0; }
.cs-wishes-actions[b-fw9hhyufv5] { display: flex; flex-wrap: wrap; gap: var(--cs-space-3); align-items: center; }
.cs-wishes-actions .cs-button[b-fw9hhyufv5] { min-height: 44px; }
.cs-wishes-loading[b-fw9hhyufv5] { display: flex; align-items: center; gap: var(--cs-space-3); }
.cs-wishes-results[b-fw9hhyufv5] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--cs-space-4); min-width: 0; }
.cs-wishes-error[b-fw9hhyufv5] { padding: var(--cs-space-4); color: var(--cs-color-error); }
.cs-wishes-note[b-fw9hhyufv5] { white-space: pre-wrap; }
.cs-wishes-closed[b-fw9hhyufv5] { color: var(--cs-color-text-secondary); }
fieldset:disabled[b-fw9hhyufv5] { opacity: .72; }
@media (min-width: 768px) {
    .cs-wishes-card[b-fw9hhyufv5] { padding: var(--cs-space-5); }
    .cs-wishes-grid[b-fw9hhyufv5] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cs-wishes-wide[b-fw9hhyufv5] { grid-column: 1 / -1; }
}
.cs-wishes-person[b-fw9hhyufv5] { width: fit-content; max-width: 100%; padding: .25rem 0; border: 0; background: transparent; color: var(--cs-color-accent); text-decoration: underline; text-align: left; font: inherit; font-weight: 700; overflow-wrap: anywhere; min-height: 44px; }
/* /Shared/Components/EmojiPicker.razor.rz.scp.css */
.cs-emoji-toggle[b-d2xc412120], .cs-emoji-choice[b-d2xc412120] { appearance: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 44px; padding: .25rem; border: 1px solid var(--cs-color-accent, #e49a24); border-radius: .7rem; background: #181b17; color: var(--cs-color-accent, #e49a24); cursor: pointer; transition: background .12s, box-shadow .12s; }
.cs-emoji-toggle[b-d2xc412120] { font-size: 1.4rem; justify-self: start; }
.cs-emoji-choice[b-d2xc412120] { font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif; font-size: 1.45rem; line-height: 1; }
.cs-emoji-picker[b-d2xc412120] { display: flex; flex-wrap: wrap; align-content: start; gap: .3rem; padding: .35rem; min-width: 0; max-width: 100%; max-height: 108px; overflow-y: auto; border: 1px solid #665020; border-radius: .8rem; background: #10130f; }
.cs-emoji-toggle:hover:not(:disabled)[b-d2xc412120], .cs-emoji-choice:hover:not(:disabled)[b-d2xc412120], .cs-emoji-toggle[aria-expanded="true"][b-d2xc412120] { background: #3a2e17; box-shadow: 0 0 0 1px #a77223; }
.cs-emoji-toggle:active:not(:disabled)[b-d2xc412120], .cs-emoji-choice:active:not(:disabled)[b-d2xc412120] { background: #5b421b; }
.cs-emoji-toggle:focus-visible[b-d2xc412120], .cs-emoji-choice:focus-visible[b-d2xc412120] { outline: 2px solid #ffce76; outline-offset: 2px; }
.cs-emoji-toggle:disabled[b-d2xc412120], .cs-emoji-choice:disabled[b-d2xc412120] { opacity: .5; cursor: default; }
/* /Shared/Components/MemberAvatar.razor.rz.scp.css */
.cs-member-avatar[b-qh7ckb294z] {
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--cs-color-border-accent);
    border-radius: 50%;
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
    font-size: .82rem;
    font-weight: 800;
}

.cs-member-avatar[b-qh7ckb294z]  img { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: cover; object-position: center; }
/* /Shared/Components/ProfileImageEditor.razor.rz.scp.css */
.profile-image-editor[b-iy5ysgxiqb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--cs-space-3);
    padding: var(--cs-space-3) 0;
}

.profile-image-preview[b-iy5ysgxiqb] {
    width: clamp(8rem, 32vw, 11rem);
    height: clamp(8rem, 32vw, 11rem);
    border: .22rem solid var(--cs-color-accent);
    border-radius: 50%;
    object-fit: cover;
    background: var(--cs-color-background-raised);
    box-shadow: 0 .8rem 2.2rem rgb(0 0 0 / 42%), 0 0 0 .4rem var(--cs-color-accent-soft);
}

.profile-image-button[b-iy5ysgxiqb] { min-height: 2.55rem; padding: .5rem .8rem; font-size: .82rem; }

.cropper-backdrop[b-iy5ysgxiqb] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgb(0 0 0 / 78%);
    backdrop-filter: blur(4px);
}

.cropper-dialog[b-iy5ysgxiqb] {
    width: min(100%, 520px);
    max-height: calc(100dvh - 2rem);
    overflow-y: auto;
    padding: var(--cs-space-5);
    color: var(--cs-color-text);
    background: var(--cs-color-surface);
    border: 1px solid var(--cs-color-border-accent);
    border-radius: var(--cs-radius-lg);
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 55%);
}

.cropper-heading[b-iy5ysgxiqb] { display: flex; align-items: center; justify-content: space-between; gap: var(--cs-space-3); margin-bottom: var(--cs-space-4); }
.cropper-heading h2[b-iy5ysgxiqb] { margin: 0; color: var(--cs-color-text); font-size: 1.25rem; font-weight: 800; }
.cropper-close[b-iy5ysgxiqb] { width: 2.5rem; height: 2.5rem; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--cs-color-text-secondary); }
.cropper-close:hover[b-iy5ysgxiqb] { background: var(--cs-color-accent-soft); color: var(--cs-color-accent-bright); }
.cropper-file-picker[b-iy5ysgxiqb] {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--cs-space-3);
    margin-bottom: var(--cs-space-4);
}

[b-iy5ysgxiqb] .cropper-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.cropper-file-button[b-iy5ysgxiqb] {
    -webkit-appearance: none;
    appearance: none;
    min-height: 2.75rem;
    margin: 0;
    border-color: var(--cs-color-accent);
    background-color: var(--cs-color-accent);
    background-image: linear-gradient(135deg, var(--cs-color-accent-highlight), var(--cs-color-accent-bright) 45%, var(--cs-color-accent));
    color: #111;
    cursor: pointer;
    box-shadow: var(--cs-shadow-accent);
    touch-action: manipulation;
}

[b-iy5ysgxiqb] .cropper-file-input:focus-visible + .cropper-file-button {
    outline: 2px solid var(--cs-color-accent-bright);
    outline-offset: 3px;
}

.cropper-file-name[b-iy5ysgxiqb] {
    min-width: 0;
    flex: 1 1 12rem;
    overflow: hidden;
    padding: .65rem .8rem;
    border: 1px solid var(--cs-color-border);
    border-radius: var(--cs-radius-sm);
    background: var(--cs-color-background-raised);
    color: var(--cs-color-text-secondary);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cropper-canvas-wrapper[b-iy5ysgxiqb] {
    display: flex;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--cs-radius-md);
    background: var(--cs-color-background-raised);
}

.cropper-canvas-wrapper canvas[b-iy5ysgxiqb] {
    width: min(100%, 320px);
    height: auto;
    touch-action: none;
    cursor: grab;
    border: 2px solid var(--cs-color-accent);
}

.cropper-canvas-wrapper canvas:active[b-iy5ysgxiqb] {
    cursor: grabbing;
}

.cropper-zoom-label[b-iy5ysgxiqb] { display: block; margin-top: var(--cs-space-4); }
.cropper-error[b-iy5ysgxiqb] { margin-top: var(--cs-space-3); padding: var(--cs-space-3); border: 1px solid rgb(239 101 87 / 45%); border-radius: var(--cs-radius-sm); background: rgb(239 101 87 / 10%); color: var(--cs-color-error); }
.cropper-actions[b-iy5ysgxiqb] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--cs-space-2); margin-top: var(--cs-space-4); }

@media (max-width: 479.98px) {
    .cropper-dialog[b-iy5ysgxiqb] { padding: var(--cs-space-4); }
    .cropper-file-button[b-iy5ysgxiqb],
    .cropper-file-name[b-iy5ysgxiqb] { width: 100%; }
    .cropper-actions[b-iy5ysgxiqb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cropper-actions .cs-button-primary[b-iy5ysgxiqb] { grid-column: 1 / -1; }
}

@media (min-width: 700px) {
    .profile-image-editor[b-iy5ysgxiqb] { padding: 0; }
}
/* /Shared/Components/SearchBarComponent.razor.rz.scp.css */

.search-bar[b-j2u82wkx4n]
{
    display: flex;
    align-items: center;
    height: 2.5rem;
    width: 100%;
    border: 1px solid var(--cs-color-accent);
    border-radius: 3rem;
    overflow: hidden;
    /*margin-inline: 1rem;*/
}

.search-input[b-j2u82wkx4n]
{
    flex: 1;
    height: 100%;
    padding: 1rem;
    border: none;
    background: transparent;
}

    .search-input:focus-visible[b-j2u82wkx4n]
    {
        outline: none;
        border-color: none;
    }

.search-button[b-j2u82wkx4n]
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 100%;
    border: 1px solid var(--cs-color-accent);
    background: var(--cs-color-accent);
    border-radius: 3rem;
}

    .search-button i[b-j2u82wkx4n]
    {
        color: #222222;
    }
/* /Shared/Components/ToggleSwitch.razor.rz.scp.css */
input[b-x33neehyy7]
{
    position: relative;
    height: 2rem;
    width: 3.6rem;
    -webkit-appearance: none;
    background: #787880;
    outline: none;
    border-radius: 1rem;
    border: none;
    cursor: pointer;
}

    input:checked[b-x33neehyy7]
    {
        background: #34C759;
    }

    input[b-x33neehyy7]:before
    {
        cursor: pointer;
        content: '';
        text-align: center;
        font-family: 'SF Pro Display', sans-serif;
        position: absolute;
        top: 0;
        left: 0;
        width: 2rem;
        height: 2rem;
        transform: scale(0.85);
        border-radius: 1rem;
        background: white;
        transition: .5s;
    }

    input:checked[b-x33neehyy7]:before
    {
        left: 1.6rem;
        content: '';
        /*padding-top: 0.3rem;
        text-align: center;*/
    }
/* /Shared/Layouts/BottomNavigation.razor.rz.scp.css */
.cs-bottom-nav[b-2sd5rief5k] {
    position: fixed;
    z-index: 45;
    inset: auto 0 0;
    height: var(--cs-bottom-nav-height);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: .35rem max(.5rem, env(safe-area-inset-right)) max(.35rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));
    border-top: 1px solid var(--cs-color-border);
    background: rgb(14 15 15 / 96%);
    box-shadow: 0 -.65rem 2rem rgb(0 0 0 / 32%);
    backdrop-filter: blur(16px);
}

.cs-bottom-nav a[b-2sd5rief5k] {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .22rem;
    border-radius: var(--cs-radius-sm);
    color: var(--cs-color-text-secondary);
    font-size: .72rem;
    font-weight: 650;
    text-decoration: none;
}

.cs-bottom-nav a:hover[b-2sd5rief5k] { color: var(--cs-color-text); text-decoration: none; }
.cs-bottom-nav a.active[b-2sd5rief5k] { color: var(--cs-color-accent-bright); }

.cs-bottom-nav a.active[b-2sd5rief5k]::after {
    content: "";
    position: absolute;
    inset: auto 23% -.1rem;
    height: .13rem;
    border-radius: 999px;
    background: var(--cs-color-accent-bright);
    box-shadow: 0 0 .8rem var(--cs-color-accent);
}

.cs-bottom-nav i[b-2sd5rief5k] { font-size: 1.25rem; }
.cs-bottom-icon[b-2sd5rief5k] { position: relative; display: inline-grid; place-items: center; }
.cs-nav-badge[b-2sd5rief5k] { position: absolute; top: -.55rem; left: .9rem; min-width: 1.25rem; height: 1.25rem; display: grid; place-items: center; padding: 0 .25rem; border: 2px solid rgb(14 15 15); border-radius: 999px; background: var(--cs-color-accent); color: #111; font-size: .6rem; font-weight: 900; }

@media (min-width: 992px) {
    .cs-bottom-nav[b-2sd5rief5k] {
        right: auto;
        left: 50%;
        bottom: 1rem;
        width: min(36rem, calc(100vw - 2rem));
        border: 1px solid var(--cs-color-border);
        border-radius: var(--cs-radius-lg);
        transform: translateX(-50%);
    }
}
/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
.page[b-r86xf8p56i]
{
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

@media (max-width: 640.98px)
{
    .top-row:not(.auth)[b-r86xf8p56i]
    {
        display: none;
    }

    .top-row.auth[b-r86xf8p56i]
    {
        justify-content: space-between;
    }

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

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

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

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

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

    .top-row[b-r86xf8p56i], article[b-r86xf8p56i]
    {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Layouts/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-80b8si702m]
{
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

.oi[b-80b8si702m]
{
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

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

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

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

    .nav-item[b-80b8si702m]  a
    {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

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

    .collapse[b-80b8si702m]
    {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-80b8si702m]
    {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Shared/Layouts/UserLayout.razor.rz.scp.css */
.cs-app-shell[b-2vkle7rfkv] {
    min-height: 100vh;
    background: radial-gradient(circle at 82% 12%, rgb(var(--cs-color-accent-rgb) / 8%), transparent 28rem),
        linear-gradient(rgb(8 9 9 / 94%), rgb(8 9 9 / 98%)),
        url('img/bg_dumbbells.svg') center / cover fixed;
    color: var(--cs-color-text);
}

.cs-app-header[b-2vkle7rfkv] {
    position: fixed;
    z-index: 50;
    inset: 0 0 auto;
    height: var(--cs-header-height);
    border-bottom: 1px solid var(--cs-color-border-accent);
    background: rgb(6 7 7 / 94%);
    box-shadow: 0 .45rem 1.8rem rgb(0 0 0 / 28%);
    backdrop-filter: blur(14px);
}

.cs-app-main[b-2vkle7rfkv] {
    min-height: 100vh;
    padding: calc(var(--cs-header-height) + var(--cs-space-4)) var(--cs-space-4)
        calc(var(--cs-bottom-nav-height) + var(--cs-space-6) + env(safe-area-inset-bottom));
}

.cs-app-content[b-2vkle7rfkv] {
    width: min(100%, var(--cs-content-width));
    margin-inline: auto;
}

@media (max-width: 767.98px), (max-height: 599.98px) and (pointer: coarse) {
    .cs-app-shell.chat-detail-viewport .cs-app-header[b-2vkle7rfkv],
    .cs-app-shell.chat-detail-viewport .cs-app-navigation[b-2vkle7rfkv] { display: none; }
    .cs-app-shell.chat-detail-viewport .cs-app-main[b-2vkle7rfkv] { padding: 0; min-height: 0; }
}

@media (min-width: 768px) {
    .cs-app-main[b-2vkle7rfkv] {
        padding-inline: var(--cs-space-6);
        padding-top: calc(var(--cs-header-height) + var(--cs-space-6));
    }
}

@media (min-width: 992px) {
    .cs-app-main[b-2vkle7rfkv] { padding-bottom: 8rem; }
}
/* /Shared/Layouts/UserNavMenu.razor.rz.scp.css */
.cs-header-inner[b-w33jm69kfu] {
    width: min(100%, calc(var(--cs-content-width) + (2 * var(--cs-space-6))));
    height: 100%;
    margin-inline: auto;
    padding-inline: var(--cs-space-4);
    display: grid;
    grid-template-columns: 2.75rem 1fr 2.75rem;
    align-items: center;
}

.cs-icon-button[b-w33jm69kfu] {
    width: 2.75rem;
    height: 2.75rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--cs-color-text);
    font-size: 1.35rem;
    cursor: pointer;
}

.cs-icon-button:hover[b-w33jm69kfu] {
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-accent-bright);
}

.cs-brand[b-w33jm69kfu] {
    justify-self: center;
    display: inline-flex;
    align-items: center;
    gap: var(--cs-space-2);
    color: var(--cs-color-text);
    font-size: 1.3rem;
    font-weight: 800;
    text-decoration: none;
}

.cs-brand:hover[b-w33jm69kfu] { color: var(--cs-color-text); text-decoration: none; }

.cs-brand-logo[b-w33jm69kfu] {
    width: 3.15rem;
    height: 3.15rem;
    object-fit: contain;
}

.cs-header-spacer[b-w33jm69kfu] { width: 2.75rem; }

.cs-drawer-backdrop[b-w33jm69kfu] {
    position: fixed;
    z-index: 80;
    inset: 0;
    height: 100vh;
    height: 100dvh;
    background: rgb(0 0 0 / 67%);
    backdrop-filter: blur(2px);
}

.cs-drawer[b-w33jm69kfu] {
    position: fixed;
    z-index: 90;
    inset: 0 auto 0 0;
    width: min(88vw, 22rem);
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: var(--cs-space-4);
    border-right: 1px solid var(--cs-color-border-accent);
    background: var(--cs-color-background-raised);
    box-shadow: 1rem 0 3rem rgb(0 0 0 / 45%);
}

.cs-drawer-heading[b-w33jm69kfu] {
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--cs-color-border);
    color: var(--cs-color-text);
    font-size: 1.25rem;
    font-weight: 750;
}

.cs-drawer-nav[b-w33jm69kfu] {
    display: grid;
    gap: var(--cs-space-2);
    padding-block: var(--cs-space-4);
}

.cs-drawer-nav a[b-w33jm69kfu],
.cs-logout-button[b-w33jm69kfu] {
    min-height: 3rem;
    display: flex;
    align-items: center;
    gap: var(--cs-space-3);
    padding: .7rem .85rem;
    border: 1px solid transparent;
    border-radius: var(--cs-radius-sm);
    background: transparent;
    color: var(--cs-color-text-secondary);
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.cs-drawer-badge[b-w33jm69kfu] { min-width: 1.55rem; height: 1.55rem; display: grid; place-items: center; margin-left: auto; padding-inline: .35rem; border-radius: 999px; background: var(--cs-color-accent); color: #111; font-size: .7rem; font-weight: 900; }

.cs-drawer-nav a:hover[b-w33jm69kfu],
.cs-drawer-nav a:focus-visible[b-w33jm69kfu] {
    border-color: var(--cs-color-border-accent);
    background: var(--cs-color-accent-soft);
    color: var(--cs-color-text);
    text-decoration: none;
}

.cs-drawer-nav i[b-w33jm69kfu],
.cs-logout-button i[b-w33jm69kfu] {
    width: 1.25rem;
    color: var(--cs-color-accent-bright);
    text-align: center;
}

.cs-logout-button[b-w33jm69kfu] {
    width: 100%;
    margin-top: auto;
    border-color: rgb(239 101 87 / 35%);
    color: var(--cs-color-error);
}

.cs-logout-button i[b-w33jm69kfu] { color: inherit; }

@media (min-width: 768px) {
    .cs-header-inner[b-w33jm69kfu] { padding-inline: var(--cs-space-6); }
    .cs-brand[b-w33jm69kfu] { font-size: 1.45rem; }
}