/* /Components/AdminOnlyToggle.razor.rz.scp.css */
.admin-only-toggle[b-ns8axj8jut] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.85rem;
    cursor: pointer;
}

.admin-only-toggle input[b-ns8axj8jut] {
    margin: 0;
}
/* /Components/AnnounceEventDialog.razor.rz.scp.css */
.ann-dialog[b-3l5gfq1jip] {
    display: grid;
    gap: 1rem;
}

.ann-kind[b-3l5gfq1jip] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem 0.75rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface-faint);
}

.ann-kind-official[b-3l5gfq1jip] {
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.ann-kind-badge[b-3l5gfq1jip] {
    font-weight: 600;
    font-size: 0.9rem;
}

.ann-kind-official .ann-kind-badge[b-3l5gfq1jip] {
    color: var(--accent-fg-on-tint);
}

.ann-kind-note[b-3l5gfq1jip] {
    color: var(--muted);
    font-size: 0.88rem;
}

.ann-allowance[b-3l5gfq1jip] {
    margin: 0;
    color: var(--muted);
    font-size: 0.88rem;
}

.ann-allowance-spent[b-3l5gfq1jip] {
    color: var(--text);
    font-weight: 600;
}

.ann-field[b-3l5gfq1jip] {
    display: grid;
    gap: 0.35rem;
}

.ann-label[b-3l5gfq1jip] {
    font-weight: 600;
    font-size: 0.9rem;
}

.ann-readonly[b-3l5gfq1jip],
.ann-muted[b-3l5gfq1jip],
.ann-hint[b-3l5gfq1jip],
.ann-counter[b-3l5gfq1jip],
.ann-estimate[b-3l5gfq1jip] {
    margin: 0;
    color: var(--muted);
    font-size: 0.88rem;
}

.ann-message[b-3l5gfq1jip] {
    background: var(--input-bg);
    border: 1px solid var(--border);
    color: var(--text);
    resize: vertical;
}

/* Errors reuse the app-wide .alert-danger styling, which is already defined for both themes. */
.ann-counter-over[b-3l5gfq1jip] {
    font-weight: 600;
}

.ann-warn[b-3l5gfq1jip],
.ann-error[b-3l5gfq1jip] {
    margin: 0;
    font-size: 0.88rem;
}

.ann-circle-list[b-3l5gfq1jip] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0;
}

.ann-circle-item[b-3l5gfq1jip] {
    border-bottom: 1px solid var(--border-faint);
}

.ann-circle-item:last-child[b-3l5gfq1jip] {
    border-bottom: none;
}

.ann-circle-label[b-3l5gfq1jip] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.6rem;
    align-items: center;
    padding: 0.5rem 0;
    cursor: pointer;
}

.ann-circle-name[b-3l5gfq1jip] {
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ann-circle-count[b-3l5gfq1jip] {
    color: var(--muted);
    font-size: 0.85rem;
    white-space: nowrap;
}

.ann-check[b-3l5gfq1jip] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.6rem;
    align-items: start;
    cursor: pointer;
}

.ann-check .ann-hint[b-3l5gfq1jip] {
    display: block;
}

.ann-actions[b-3l5gfq1jip] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.ann-summary[b-3l5gfq1jip] {
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface-faint);
    padding: 0.85rem 1rem;
    display: grid;
    gap: 0.6rem;
}

.ann-summary-title[b-3l5gfq1jip] {
    margin: 0;
    font-weight: 600;
}

.ann-summary-list[b-3l5gfq1jip] {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.25rem;
    font-size: 0.92rem;
}
/* /Components/Biomech/ForceOverlayControls.razor.rz.scp.css */
.force-overlay-controls[b-kpu1oivktu] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.force-overlay-disclosure[b-kpu1oivktu] {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.force-overlay-panel[b-kpu1oivktu] {
    position: absolute;
    z-index: 25;
    top: calc(100% + 0.35rem);
    left: 0;
    min-width: min(19rem, calc(100vw - 2rem));
    max-width: min(26rem, calc(100vw - 2rem));
    max-height: min(32rem, calc(100vh - 2rem));
    overflow: auto;
    display: grid;
    gap: 0.45rem;
    padding: 0.6rem 0.7rem;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface, #14161f);
    box-shadow: 0 10px 30px color-mix(in srgb, #000 35%, transparent);
}

.force-overlay-row[b-kpu1oivktu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.force-overlay-label[b-kpu1oivktu] {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted);
    min-width: 4.2rem;
}

.force-overlay-layer[b-kpu1oivktu] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    margin: 0;
}

.force-overlay-legend-item[b-kpu1oivktu] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.74rem;
    color: var(--muted);
}

.force-overlay-swatch[b-kpu1oivktu] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 3px;
    display: inline-block;
}

.force-overlay-swatch.is-low[b-kpu1oivktu] {
    background: #2fa36b;
}

.force-overlay-swatch.is-medium[b-kpu1oivktu] {
    background: #d69e2e;
}

.force-overlay-swatch.is-high[b-kpu1oivktu] {
    background: #d64545;
}

.force-overlay-status[b-kpu1oivktu] {
    font-size: 0.78rem;
    color: var(--muted);
    margin: 0;
}

/* Placement set by acroFloatingPanel (index.html): open upward near the viewport bottom /
   in fullscreen, align to the right edge when it would overflow. */
.force-overlay-panel[data-placement="up"][b-kpu1oivktu] {
    top: auto;
    bottom: calc(100% + 0.35rem);
}

.force-overlay-panel[data-align="end"][b-kpu1oivktu] {
    left: auto;
    right: 0;
}
/* /Components/Biomech/PhysicsValidationBadge.razor.rz.scp.css */
.physics-validation-badge[b-nro6qt6pa2] {
    position: relative;
    display: inline-block;
}

.physics-validation-pill[b-nro6qt6pa2] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--border) 25%, transparent);
    color: inherit;
    font-size: 0.78rem;
    line-height: 1.1;
    padding: 0.2rem 0.6rem;
    cursor: pointer;
}

.physics-validation-pill:focus-visible[b-nro6qt6pa2] {
    outline: 2px solid var(--primary, #6c8cff);
    outline-offset: 2px;
}

.physics-validation-dot[b-nro6qt6pa2] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #9aa0a6;
}

.physics-validation-pill.is-pass .physics-validation-dot[b-nro6qt6pa2] {
    background: #2fa36b;
}

.physics-validation-pill.is-warn .physics-validation-dot[b-nro6qt6pa2] {
    background: #d69e2e;
}

.physics-validation-pill.is-fail .physics-validation-dot[b-nro6qt6pa2] {
    background: #d64545;
}

.physics-validation-score[b-nro6qt6pa2] {
    font-variant-numeric: tabular-nums;
    color: var(--muted);
}

.physics-validation-method[b-nro6qt6pa2] {
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 0.66rem;
    padding: 0.05rem 0.35rem;
    border-radius: 6px;
    border: 1px solid var(--border);
    color: var(--muted);
}

.physics-validation-method.is-estimate[b-nro6qt6pa2] {
    border-style: dashed;
}

.physics-validation-popover[b-nro6qt6pa2] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 0.35rem);
    left: 0;
    min-width: min(17rem, calc(100vw - 2rem));
    max-width: min(26rem, calc(100vw - 2rem));
    max-height: 18rem;
    overflow: auto;
    padding: 0.6rem 0.7rem;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface, #14161f);
    box-shadow: 0 10px 30px color-mix(in srgb, #000 35%, transparent);
}

.physics-validation-popover-head[b-nro6qt6pa2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.3rem;
}

.physics-validation-close[b-nro6qt6pa2] {
    padding: 0;
}

.physics-validation-method-note[b-nro6qt6pa2] {
    font-size: 0.75rem;
    color: var(--muted);
    margin: 0 0 0.45rem;
}

.physics-validation-method-note.is-estimate[b-nro6qt6pa2] {
    font-style: italic;
}

.physics-validation-empty[b-nro6qt6pa2] {
    font-size: 0.8rem;
    color: var(--muted);
    margin: 0;
}

.physics-validation-findings[b-nro6qt6pa2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.4rem;
}

.physics-validation-finding[b-nro6qt6pa2] {
    border-left: 3px solid var(--border);
    padding-left: 0.5rem;
}

.physics-validation-finding.severity-warn[b-nro6qt6pa2] {
    border-left-color: #d69e2e;
}

.physics-validation-finding.severity-error[b-nro6qt6pa2] {
    border-left-color: #d64545;
}

.physics-validation-finding-btn[b-nro6qt6pa2] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    width: 100%;
    background: none;
    border: 0;
    padding: 0;
    color: inherit;
    text-align: left;
    cursor: pointer;
    font-size: 0.8rem;
}

.physics-validation-finding-btn:focus-visible[b-nro6qt6pa2] {
    outline: 2px solid var(--primary, #6c8cff);
    outline-offset: 2px;
}

.physics-validation-finding-time[b-nro6qt6pa2] {
    font-variant-numeric: tabular-nums;
    color: var(--muted);
    font-size: 0.74rem;
}

.physics-validation-finding-message[b-nro6qt6pa2] {
    display: block;
    font-size: 0.74rem;
    color: var(--muted);
}

.physics-validation-popover[data-placement="up"][b-nro6qt6pa2] {
    top: auto;
    bottom: calc(100% + 0.35rem);
}

.physics-validation-popover[data-align="end"][b-nro6qt6pa2] {
    left: auto;
    right: 0;
}
/* /Components/Biomech/StillImageForceOverlay.razor.rz.scp.css */
.still-force[b-tgbr61mfnz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    max-width: 100%;
}

.still-force-stage[b-tgbr61mfnz] {
    position: relative;
    max-width: 100%;
}

.still-force-image[b-tgbr61mfnz] {
    display: block;
    max-width: 100%;
    max-height: 75vh;
    object-fit: contain;
    border-radius: 8px;
}

.still-force-canvas[b-tgbr61mfnz] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    opacity: 0;
    transition: opacity 120ms ease-out;
}

.still-force-canvas.is-active[b-tgbr61mfnz] {
    opacity: 1;
}
/* /Components/CategorizedListEditor.razor.rz.scp.css */
/* No backdrop-filter / transform / filter here: they would create a stacking context
   and trap the native selects under any page-level backdrop overlay. */
.categorized-list-editor[b-zsi34z94ym] {
    display: grid;
    gap: 0.5rem;
}

.categorized-list-label[b-zsi34z94ym] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    margin-bottom: 0;
    font-weight: 600;
}

.categorized-list-rows[b-zsi34z94ym] {
    display: grid;
    gap: 0.5rem;
}

.categorized-list-row[b-zsi34z94ym] {
    display: grid;
    grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
}

.categorized-list-row.is-video[b-zsi34z94ym] {
    align-items: start;
    padding: 0.75rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.categorized-list-body[b-zsi34z94ym] {
    min-width: 0;
    display: grid;
    gap: 0.5rem;
}

.categorized-list-remove[b-zsi34z94ym] {
    line-height: 1;
    padding: 0.2rem 0.55rem;
    font-size: 1.05rem;
}

.categorized-list-actions[b-zsi34z94ym] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.categorized-list-hint[b-zsi34z94ym],
.categorized-list-empty[b-zsi34z94ym] {
    color: var(--muted);
    font-size: 0.82rem;
    margin: 0;
}

.categorized-list-video-list[b-zsi34z94ym] {
    display: grid;
    gap: 0.5rem;
}

.categorized-list-video-item[b-zsi34z94ym] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.categorized-list-video-main[b-zsi34z94ym] {
    min-width: 0;
}

.categorized-list-video-url[b-zsi34z94ym] {
    font-weight: 600;
    font-size: 0.9rem;
    word-break: break-all;
}

.categorized-list-style-label[b-zsi34z94ym] {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.45rem;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 600;
}

.categorized-list-video-tags[b-zsi34z94ym] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

@media (max-width: 768px) {
    .categorized-list-row[b-zsi34z94ym] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .categorized-list-category[b-zsi34z94ym] {
        grid-column: 1 / -1;
    }
}
/* /Components/CommunityAvatar.razor.rz.scp.css */
.community-avatar[b-yz8w9h0o9c] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
    object-fit: cover;
}

.community-avatar-md[b-yz8w9h0o9c] {
    width: 44px;
    height: 44px;
    font-size: 1rem;
}

.community-avatar-lg[b-yz8w9h0o9c] {
    width: 56px;
    height: 56px;
    font-size: 1.35rem;
    border-radius: 18px;
}

.community-avatar-xl[b-yz8w9h0o9c] {
    width: 80px;
    height: 80px;
    font-size: 2rem;
    border-radius: 20px;
}

.community-avatar-placeholder[b-yz8w9h0o9c] {
    display: flex;
}
/* /Components/EventTicketStateBadge.razor.rz.scp.css */
/* --ticket-tone is set inline from the state's theme token, so the badge follows the palette
   in both themes. The label stays on --text: several tone tokens (--muted, --border-strong)
   are deliberately low-contrast and would be unreadable as foreground. */
.ticket-state-badge[b-t6oeokmisy] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
    color: var(--text);
    background: var(--surface-faint);
    border: 1px solid var(--ticket-tone);
}

.ticket-state-dot[b-t6oeokmisy] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    flex: 0 0 auto;
    background: var(--ticket-tone);
}

.ticket-state-name[b-t6oeokmisy] {
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/ExerciseImageAvatar.razor.rz.scp.css */
.skill-image-avatar[b-rq9s5w78r3] {
    border-radius: 16px;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
    object-fit: cover;
}

.skill-image-avatar-placeholder[b-rq9s5w78r3] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.28), rgba(var(--accent-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
}

.skill-image-avatar-md[b-rq9s5w78r3] {
    width: 44px;
    height: 44px;
    font-size: 1rem;
}

.skill-image-avatar-lg[b-rq9s5w78r3] {
    width: 64px;
    height: 64px;
    font-size: 1.5rem;
    border-radius: 18px;
}

.skill-image-avatar-xl[b-rq9s5w78r3] {
    width: 96px;
    height: 96px;
    font-size: 2rem;
    border-radius: 20px;
}

.skill-image-avatar-gallery[b-rq9s5w78r3] {
    width: 160px;
    height: 160px;
    font-size: 2rem;
    border-radius: 16px;
}
/* /Components/FieldHint.razor.rz.scp.css */
.field-hint[b-gw9j3n7wu4] {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 0.25rem;
    vertical-align: middle;
}

.field-hint-button[b-gw9j3n7wu4] {
    width: 1.15rem;
    height: 1.15rem;
    min-width: 1.15rem;
    min-height: 1.15rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid var(--border-strong);
    background: var(--surface-alt, var(--surface));
    color: var(--muted);
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    font-family: inherit;
}

.field-hint-button:hover[b-gw9j3n7wu4],
.field-hint-button[aria-expanded="true"][b-gw9j3n7wu4] {
    color: var(--text);
    border-color: var(--accent);
}

.field-hint-button:focus-visible[b-gw9j3n7wu4] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.field-hint-panel[b-gw9j3n7wu4] {
    position: absolute;
    left: 0;
    top: calc(100% + 0.35rem);
    z-index: 1050;
    min-width: 12rem;
    max-width: min(20rem, 70vw);
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--border-strong);
    border-radius: 10px;
    background: var(--dropdown-bg);
    color: var(--text);
    box-shadow: var(--shadow);
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.35;
    white-space: normal;
}

.field-hint-backdrop[b-gw9j3n7wu4] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 1049;
}
/* /Components/FlightPrepWikiPage.razor.rz.scp.css */
.flight-prep-page[b-s70nvvo0un] {
    width: 100%;
    max-width: none;
}

.flight-prep-header[b-s70nvvo0un] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.flight-prep-header-actions[b-s70nvvo0un] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flight-prep-title[b-s70nvvo0un] {
    margin-bottom: 0.35rem;
}

.flight-prep-subtitle[b-s70nvvo0un] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.flight-prep-card[b-s70nvvo0un] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.flight-prep-form-actions[b-s70nvvo0un] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flight-prep-hint[b-s70nvvo0un] {
    margin-top: 0.75rem;
    color: var(--muted);
    font-size: 0.85rem;
}
/* /Components/FriendAvatar.razor.rz.scp.css */
.friend-avatar-wrap[b-j1l1h46yiq] {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    line-height: 0;
}

.friend-avatar-wrap.friend-avatar-sm[b-j1l1h46yiq],
.friend-avatar-wrap.friend-avatar-md[b-j1l1h46yiq],
.friend-avatar-wrap.friend-avatar-lg[b-j1l1h46yiq] {
    /* size comes from nested avatar; wrap hugs content */
}

.friend-avatar-score[b-j1l1h46yiq] {
    position: absolute;
    right: -0.15rem;
    bottom: -0.1rem;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.28rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
    color: #0f172a;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    z-index: 1;
    font-variant-numeric: tabular-nums;
}

.friend-avatar-wrap.friend-avatar-md .friend-avatar-score[b-j1l1h46yiq] {
    min-width: 1.3rem;
    height: 1.3rem;
    font-size: 0.7rem;
}

.friend-avatar-wrap.friend-avatar-lg .friend-avatar-score[b-j1l1h46yiq] {
    min-width: 1.55rem;
    height: 1.55rem;
    font-size: 0.78rem;
    right: 0;
    bottom: 0;
}

.friend-avatar[b-j1l1h46yiq] {
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
    flex-shrink: 0;
}

.friend-avatar-sm[b-j1l1h46yiq] {
    width: 36px;
    height: 36px;
}

.friend-avatar-md[b-j1l1h46yiq] {
    width: 52px;
    height: 52px;
}

.friend-avatar-lg[b-j1l1h46yiq] {
    width: 72px;
    height: 72px;
}

.friend-avatar-placeholder[b-j1l1h46yiq] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
}

.friend-avatar-sm.friend-avatar-placeholder[b-j1l1h46yiq] {
    font-size: 0.85rem;
}

.friend-avatar-md.friend-avatar-placeholder[b-j1l1h46yiq] {
    font-size: 1.1rem;
}

.friend-avatar-lg.friend-avatar-placeholder[b-j1l1h46yiq] {
    font-size: 1.5rem;
}
/* /Components/HumanScene/HumanSceneComparePlayer.razor.rz.scp.css */
.human-scene-compare[b-w1w2yjvwvp] {
    display: grid;
    gap: 0.65rem;
}

.human-scene-compare-hint[b-w1w2yjvwvp] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--muted);
}

.human-scene-compare-layers[b-w1w2yjvwvp] {
    display: grid;
    gap: 0.4rem;
}

.human-scene-compare-layer[b-w1w2yjvwvp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.human-scene-compare-layer-name[b-w1w2yjvwvp] {
    font-size: 0.85rem;
    font-weight: 600;
    min-width: 8rem;
}

.human-scene-compare-offset[b-w1w2yjvwvp] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    font-size: 0.82rem;
    color: var(--muted);
}

.human-scene-compare-offset input[b-w1w2yjvwvp] {
    width: 4.5rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.human-scene-compare-toolbar[b-w1w2yjvwvp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.75rem;
}

.human-scene-compare-toolbar-group[b-w1w2yjvwvp] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.human-scene-compare-toolbar-label[b-w1w2yjvwvp] {
    font-size: 0.82rem;
    color: var(--muted);
}

.human-scene-compare-stage[b-w1w2yjvwvp] {
    position: relative;
    width: 100%;
    max-width: 56rem;
}

.human-scene-compare-quad-labels[b-w1w2yjvwvp] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    aspect-ratio: 16 / 9;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    pointer-events: none;
    z-index: 1;
}

.human-scene-compare-quad-labels span[b-w1w2yjvwvp] {
    padding: 0.4rem 0.55rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.7);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
}

.human-scene-compare-quad-labels span:nth-child(1)[b-w1w2yjvwvp] {
    align-self: start;
    justify-self: start;
}

.human-scene-compare-quad-labels span:nth-child(2)[b-w1w2yjvwvp] {
    align-self: start;
    justify-self: end;
}

.human-scene-compare-quad-labels span:nth-child(3)[b-w1w2yjvwvp] {
    align-self: end;
    justify-self: start;
}

.human-scene-compare-quad-labels span:nth-child(4)[b-w1w2yjvwvp] {
    align-self: end;
    justify-self: end;
}
/* /Components/HumanScene/HumanSceneViewer.razor.rz.scp.css */
.human-scene-viewer[b-0fxtw0b3m5] {
    display: grid;
    gap: 0.5rem;
    width: 100%;
    max-width: 56rem;
}

.human-scene-viewer-is-fullscreen[b-0fxtw0b3m5] {
    max-width: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0.75rem;
    background: var(--surface, #0b0d16);
    grid-template-rows: 1fr auto;
}

.human-scene-viewer-is-fullscreen .human-scene-viewer-stage[b-0fxtw0b3m5] {
    aspect-ratio: auto;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    border-radius: 0;
}

.human-scene-viewer:fullscreen[b-0fxtw0b3m5],
.human-scene-viewer:-webkit-full-screen[b-0fxtw0b3m5] {
    max-width: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0.75rem;
    background: var(--surface, #0b0d16);
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 0.5rem;
}

.human-scene-viewer:fullscreen .human-scene-viewer-stage[b-0fxtw0b3m5],
.human-scene-viewer:-webkit-full-screen .human-scene-viewer-stage[b-0fxtw0b3m5] {
    aspect-ratio: auto;
    height: 100%;
    min-height: 0;
    border-radius: 0;
}

.human-scene-viewer-stage[b-0fxtw0b3m5] {
    position: relative;
    background: var(--surface-strong, var(--surface));
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border);
    aspect-ratio: 16 / 9;
}

.human-scene-viewer-canvas[b-0fxtw0b3m5] {
    width: 100%;
    height: 100%;
    display: block;
    touch-action: none;
}

.human-scene-viewer-error[b-0fxtw0b3m5] {
    color: var(--text);
    font-size: 0.88rem;
}

.human-scene-viewer-loading[b-0fxtw0b3m5] {
    color: var(--muted);
    font-size: 0.9rem;
}

.human-scene-viewer-chrome[b-0fxtw0b3m5] {
    display: grid;
    gap: 0.4rem;
}

.human-scene-viewer-scrub-row[b-0fxtw0b3m5] {
    padding: 0 0.15rem;
}

.human-scene-viewer-scrub[b-0fxtw0b3m5] {
    width: 100%;
}

.human-scene-viewer-controls[b-0fxtw0b3m5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.human-scene-viewer-time[b-0fxtw0b3m5] {
    font-variant-numeric: tabular-nums;
    font-size: 0.88rem;
    color: var(--muted);
    min-width: 6.5rem;
}

.human-scene-viewer-tier-group[b-0fxtw0b3m5] {
    display: inline-flex;
    margin-left: auto;
}

.human-scene-viewer-tier[b-0fxtw0b3m5] {
    font-size: 0.82rem;
    color: var(--muted);
    text-transform: capitalize;
}

.human-scene-viewer-drive[b-0fxtw0b3m5] {
    display: inline-flex;
}

.human-scene-viewer-focus[b-0fxtw0b3m5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
}

.human-scene-viewer-focus-label[b-0fxtw0b3m5] {
    font-size: 0.82rem;
    color: var(--muted);
}

.human-scene-viewer-focus .form-select[b-0fxtw0b3m5] {
    width: auto;
    min-width: 7rem;
}

.human-scene-viewer-layers[b-0fxtw0b3m5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    padding: 0 0.15rem;
}

.human-scene-viewer-layers-label[b-0fxtw0b3m5] {
    font-size: 0.82rem;
    color: var(--muted);
}

.human-scene-viewer-layer[b-0fxtw0b3m5] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin: 0;
    font-size: 0.85rem;
    color: var(--text);
    cursor: pointer;
}

.human-scene-viewer-layer input[b-0fxtw0b3m5] {
    accent-color: var(--accent, var(--primary));
}
/* /Components/HumanScene/SceneTalkPanel.razor.rz.scp.css */
.scene-talk-panel[b-37lqq0dfkh] {
    display: grid;
    gap: 0.65rem;
    margin: 0.85rem 0 1rem;
}

.scene-talk-header[b-37lqq0dfkh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.scene-talk-title[b-37lqq0dfkh] {
    margin: 0;
    font-size: 1rem;
    color: var(--text);
}

.scene-talk-hint[b-37lqq0dfkh],
.scene-talk-empty[b-37lqq0dfkh],
.scene-talk-busy[b-37lqq0dfkh] {
    margin: 0;
    color: var(--muted);
    font-size: 0.85rem;
}

.scene-talk-error[b-37lqq0dfkh] {
    color: var(--text);
    font-size: 0.88rem;
}

.scene-talk-transcript[b-37lqq0dfkh] {
    display: grid;
    gap: 0.65rem;
    max-height: 12rem;
    overflow: auto;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
}

.scene-talk-turn[b-37lqq0dfkh] {
    display: grid;
    gap: 0.3rem;
}

.scene-talk-user[b-37lqq0dfkh],
.scene-talk-assistant[b-37lqq0dfkh] {
    margin: 0;
    color: var(--text);
    font-size: 0.88rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

.scene-talk-user[b-37lqq0dfkh] {
    font-weight: 600;
}

.scene-talk-applied[b-37lqq0dfkh] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--muted);
}

.scene-talk-apply[b-37lqq0dfkh] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    color: var(--text);
    font-size: 0.88rem;
}

.scene-talk-compose[b-37lqq0dfkh] {
    display: grid;
    gap: 0.5rem;
}

.scene-talk-input[b-37lqq0dfkh] {
    resize: vertical;
    min-height: 4.5rem;
}

.scene-talk-nav[b-37lqq0dfkh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
/* /Components/LanguageSwitcher.razor.rz.scp.css */
.language-switcher[b-u7lqvy8u5a] {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}

.language-switcher-toggle[b-u7lqvy8u5a] {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    margin: 0;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.7rem;
    letter-spacing: 0;
    line-height: 1;
    color: var(--chrome-control-text);
    border-color: var(--chrome-control-border);
    background: var(--chrome-control-bg);
}

.language-switcher-toggle:focus-visible[b-u7lqvy8u5a] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    box-shadow: none;
}

.language-switcher-menu[b-u7lqvy8u5a] {
    position: absolute;
    left: 0;
    top: calc(100% + 0.4rem);
    min-width: 9.5rem;
    background: var(--dropdown-bg);
    border: 1px solid var(--border-strong);
    border-radius: 12px;
    padding: 0.35rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    z-index: 1050;
    color: var(--text);
}

.language-switcher-option[b-u7lqvy8u5a] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    border: 0;
    border-radius: 8px;
    padding: 0.45rem 0.6rem;
    background: transparent;
    color: var(--dropdown-item, var(--text));
    text-align: left;
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
}

.language-switcher-option:hover[b-u7lqvy8u5a],
.language-switcher-option.active[b-u7lqvy8u5a] {
    background: var(--accent-soft);
    color: var(--text);
}

.language-switcher-code[b-u7lqvy8u5a] {
    min-width: 1.6rem;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    opacity: 0.9;
}

.language-switcher-name[b-u7lqvy8u5a] {
    flex: 1;
    min-width: 0;
}

.language-switcher-backdrop[b-u7lqvy8u5a] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 1049;
}
/* /Components/MovementFindingsTable.razor.rz.scp.css */
.movement-findings[b-co78uo12r9] {
    min-width: 0;
    margin-top: 1rem;
}

.movement-findings-heading[b-co78uo12r9] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.movement-findings-empty[b-co78uo12r9] {
    margin: 0 0 0.75rem;
    color: var(--muted);
}

.movement-findings-table[b-co78uo12r9] {
    margin-bottom: 0.75rem;
    color: inherit;
}

.movement-findings-table th[b-co78uo12r9] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.movement-findings-note[b-co78uo12r9] {
    margin: 0;
    color: var(--muted);
    font-size: 0.85rem;
}
/* /Components/MovementProportionsTable.razor.rz.scp.css */
.movement-proportions[b-e1m9q7188m] {
    min-width: 0;
}

.movement-proportions-heading[b-e1m9q7188m] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.movement-proportions-empty[b-e1m9q7188m] {
    margin: 0 0 0.75rem;
    color: var(--muted);
}

.movement-proportions-table[b-e1m9q7188m] {
    margin-bottom: 0.75rem;
    color: inherit;
}

.movement-proportions-table th[b-e1m9q7188m] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.movement-proportions-limbs[b-e1m9q7188m] {
    color: inherit;
}

.movement-proportions-limbs summary[b-e1m9q7188m] {
    cursor: pointer;
    color: var(--muted);
    font-weight: 600;
}

.movement-proportions-limbs summary:hover[b-e1m9q7188m],
.movement-proportions-limbs[open] summary[b-e1m9q7188m] {
    color: var(--text);
}

.movement-proportions-limbs-table[b-e1m9q7188m] {
    margin: 0.5rem 0 0;
    color: inherit;
}

.movement-proportions-note[b-e1m9q7188m] {
    margin: 0;
    color: var(--muted);
    font-size: 0.85rem;
}
/* /Components/Profile/ProfilePictureCard.razor.rz.scp.css */
.profile-photo-card[b-i2d0d5qt53] {
    text-align: center;
}

.profile-photo-intro[b-i2d0d5qt53] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: -0.35rem 0 1.25rem;
}

.profile-avatar-display[b-i2d0d5qt53] {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.profile-avatar-wrap[b-i2d0d5qt53] {
    position: relative;
    display: inline-flex;
    line-height: 0;
}

.profile-avatar-score[b-i2d0d5qt53] {
    position: absolute;
    right: 0.35rem;
    bottom: 0.35rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.45rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border: 2px solid rgba(255, 255, 255, 0.65);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
    font-variant-numeric: tabular-nums;
}

.profile-photo-actions[b-i2d0d5qt53] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.profile-upload-label[b-i2d0d5qt53] {
    margin: 0;
}

.profile-photo-actions input[type="file"][b-i2d0d5qt53],
.profile-file-input[b-i2d0d5qt53] {
    display: none;
}

.profile-selected-file[b-i2d0d5qt53] {
    margin: 0.5rem 0 0;
    font-size: 0.82rem;
    color: var(--muted);
}

.profile-avatar[b-i2d0d5qt53] {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(var(--accent-rgb), 0.45);
    box-shadow: var(--glow-accent);
    display: block;
    background: var(--surface-alt, #1e293b);
}

.profile-avatar-placeholder[b-i2d0d5qt53] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
}

.profile-photo-hint[b-i2d0d5qt53],
.profile-photo-error[b-i2d0d5qt53] {
    margin: 0.75rem 0 0;
    font-size: 0.8rem;
}

.profile-photo-hint[b-i2d0d5qt53] {
    color: var(--muted);
}

.profile-photo-error[b-i2d0d5qt53] {
    color: var(--danger, #b3261e);
}
/* /Components/Profile/ProfileSectionNav.razor.rz.scp.css */
.profile-section-nav[b-d37z7bm408] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0 0 1.25rem;
}

[b-d37z7bm408] .profile-section-link {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt, var(--surface));
    color: var(--text);
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
}

[b-d37z7bm408] .profile-section-link:hover {
    border-color: rgba(var(--accent-rgb), 0.45);
    color: var(--text);
}

[b-d37z7bm408] .profile-section-link.active {
    background: var(--accent-soft);
    border-color: rgba(var(--accent-rgb), 0.45);
    color: var(--accent-fg-on-tint, var(--text));
}
/* /Components/SkillImageAvatar.razor.rz.scp.css */
.skill-image-avatar[b-vrhtb3hl2l] {
    border-radius: 16px;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
    object-fit: cover;
}

.skill-image-avatar-placeholder[b-vrhtb3hl2l] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: var(--text);
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
}

.skill-image-avatar-md[b-vrhtb3hl2l] {
    width: 44px;
    height: 44px;
    font-size: 1rem;
}

.skill-image-avatar-lg[b-vrhtb3hl2l] {
    width: 64px;
    height: 64px;
    font-size: 1.5rem;
    border-radius: 18px;
}

.skill-image-avatar-xl[b-vrhtb3hl2l] {
    width: 80px;
    height: 80px;
    font-size: 2rem;
    border-radius: 20px;
}
/* /Components/SkillStylesEditor.razor.rz.scp.css */
/* No backdrop-filter / transform / filter: they trap native controls under page overlays. */
.skill-styles-editor[b-5hyflcicld] {
    display: grid;
    gap: 0.5rem;
}

.skill-styles-label[b-5hyflcicld] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    margin-bottom: 0;
    font-weight: 600;
}

.skill-styles-rows[b-5hyflcicld] {
    display: grid;
    gap: 0.5rem;
}

.skill-styles-row[b-5hyflcicld] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.5rem;
    padding: 0.75rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.skill-styles-row-main[b-5hyflcicld] {
    min-width: 0;
    display: grid;
    gap: 0.5rem;
}

.skill-styles-name-row[b-5hyflcicld] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    align-items: center;
}

.skill-styles-default[b-5hyflcicld] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text);
    font-size: 0.85rem;
    white-space: nowrap;
    margin: 0;
}

.skill-styles-taxonomies[b-5hyflcicld] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.skill-styles-movement[b-5hyflcicld] {
    display: grid;
    gap: 0.4rem;
}

.skill-styles-descriptor[b-5hyflcicld] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.78rem;
}

.skill-styles-row-actions[b-5hyflcicld] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.skill-styles-remove[b-5hyflcicld] {
    line-height: 1;
    padding: 0.2rem 0.55rem;
    font-size: 1.05rem;
}

.skill-styles-actions[b-5hyflcicld] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.skill-styles-empty[b-5hyflcicld] {
    color: var(--muted);
    font-size: 0.82rem;
    margin: 0;
}

@media (max-width: 768px) {
    .skill-styles-row[b-5hyflcicld] {
        grid-template-columns: minmax(0, 1fr);
    }

    .skill-styles-row-actions[b-5hyflcicld] {
        flex-direction: row;
        justify-content: flex-end;
    }

    .skill-styles-name-row[b-5hyflcicld] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/TimeSeriesChart.razor.rz.scp.css */
.ts-chart[b-lsugrjtofc] {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #ddd);
    border-radius: 8px;
    padding: 0.75rem 0.9rem;
}

.ts-chart-header[b-lsugrjtofc] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
    flex-wrap: wrap;
}

.ts-chart-title[b-lsugrjtofc] {
    font-weight: 600;
    color: var(--text);
    font-size: 0.95rem;
}

.ts-chart-legend[b-lsugrjtofc] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ts-legend-item[b-lsugrjtofc] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.78rem;
    color: var(--muted);
}

.ts-legend-swatch[b-lsugrjtofc] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    display: inline-block;
}

.ts-chart-svg[b-lsugrjtofc] {
    width: 100%;
    height: auto;
    display: block;
}

.ts-chart-empty[b-lsugrjtofc] {
    color: var(--muted);
    font-size: 0.85rem;
    padding: 1.5rem 0;
    text-align: center;
}

.ts-grid[b-lsugrjtofc] {
    stroke: var(--border);
    stroke-width: 1;
    opacity: 0.5;
}

.ts-axis-label[b-lsugrjtofc] {
    fill: var(--muted);
    font-size: 12px;
}

.ts-x-label[b-lsugrjtofc] {
    text-anchor: middle;
}

.ts-line[b-lsugrjtofc] {
    stroke-linejoin: round;
    stroke-linecap: round;
}
/* /Components/UploadTray.razor.rz.scp.css */
.upload-tray[b-yv9osn9ejj] {
    position: fixed;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    width: min(42rem, calc(100vw - 1.5rem));
    z-index: 1200;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    overflow: hidden;
}

.upload-tray-toggle[b-yv9osn9ejj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--text);
    padding: 0.9rem 1.1rem;
    text-align: left;
    cursor: pointer;
}

.upload-tray-toggle:hover[b-yv9osn9ejj] {
    background: var(--surface-alt);
}

/* Borderless full-width toggle — needs its own keyboard ring. */
.upload-tray-toggle:focus-visible[b-yv9osn9ejj] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.upload-tray-summary[b-yv9osn9ejj] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.upload-tray-folder-name[b-yv9osn9ejj] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-tray-file-stats[b-yv9osn9ejj] {
    color: var(--muted);
    font-size: 0.88rem;
}

.upload-tray-percent[b-yv9osn9ejj] {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--accent, #6ea8fe);
    flex-shrink: 0;
    min-width: 3rem;
    text-align: right;
}

.upload-tray-chevron[b-yv9osn9ejj] {
    color: var(--muted);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.upload-tray-progress[b-yv9osn9ejj] {
    height: 0.28rem;
    background: var(--surface);
}

.upload-tray-job-progress[b-yv9osn9ejj] {
    height: 0.28rem;
    border-radius: 999px;
    background: var(--surface-faint);
    overflow: hidden;
    margin: 0.45rem 0 0.55rem;
}

.upload-tray-progress-bar[b-yv9osn9ejj] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent, #60a5fa), #93c5fd);
    transition: width 0.25s ease;
}

.upload-tray-details[b-yv9osn9ejj] {
    padding: 0 1.1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.upload-tray-job-header[b-yv9osn9ejj] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.upload-tray-job-meta[b-yv9osn9ejj] {
    color: var(--muted);
    font-size: 0.88rem;
}

.upload-tray-status[b-yv9osn9ejj] {
    margin: 0 0 0.75rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.upload-tray-actions[b-yv9osn9ejj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.upload-tray-link[b-yv9osn9ejj] {
    align-self: flex-start;
    margin-top: 0.25rem;
    padding-left: 0;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 640px) {
    .upload-tray[b-yv9osn9ejj] {
        bottom: 0.75rem;
        width: calc(100vw - 1rem);
    }

    .upload-tray-link[b-yv9osn9ejj] {
        margin-left: 0;
        width: 100%;
        text-align: left;
        padding-left: 0;
    }
}
/* /Components/Video/AcroDualComparePlayer.razor.rz.scp.css */
.acro-dual-compare[b-xgwki2eluh] {
    display: grid;
    gap: 0.75rem;
    width: 100%;
}

.acro-dual-compare-toolbar[b-xgwki2eluh] {
    display: grid;
    gap: 0.4rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: color-mix(in srgb, var(--border) 35%, transparent);
}

.acro-dual-compare-shared-controls[b-xgwki2eluh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.acro-dual-compare-time[b-xgwki2eluh] {
    font-variant-numeric: tabular-nums;
    font-size: 0.88rem;
    color: var(--muted);
    min-width: 6.5rem;
}

.acro-dual-compare-rate[b-xgwki2eluh] {
    margin: 0;
    min-width: 5rem;
}

.acro-dual-compare-sync[b-xgwki2eluh] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    font-size: 0.9rem;
    user-select: none;
}

.acro-dual-compare-offset[b-xgwki2eluh] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-left: 0.25rem;
    padding-left: 0.55rem;
    border-left: 1px solid var(--border);
}

.acro-dual-compare-offset-label[b-xgwki2eluh] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--muted);
    white-space: nowrap;
}

.acro-dual-compare-offset-input-wrap[b-xgwki2eluh] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin: 0;
}

.acro-dual-compare-offset-input[b-xgwki2eluh] {
    width: 4.25rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.acro-dual-compare-offset-unit[b-xgwki2eluh] {
    font-size: 0.85rem;
    color: var(--muted);
}

.acro-dual-compare-offset-value[b-xgwki2eluh] {
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
    color: var(--muted);
    min-width: 3.25rem;
}

.acro-dual-compare-scrub-row[b-xgwki2eluh] {
    padding: 0 0.1rem;
}

.acro-dual-compare-scrub[b-xgwki2eluh] {
    width: 100%;
}

.acro-dual-compare-hint[b-xgwki2eluh] {
    margin: 0;
    font-size: 0.78rem;
    color: var(--muted);
}

.acro-dual-compare-layer-list[b-xgwki2eluh] {
    display: grid;
    gap: 0.45rem;
}

.acro-dual-compare-layer-row[b-xgwki2eluh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.75rem;
}

.acro-dual-compare-layer-name[b-xgwki2eluh] {
    font-size: 0.85rem;
    font-weight: 600;
    min-width: 7rem;
}

.acro-dual-compare-opacity-row[b-xgwki2eluh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    align-items: center;
}

.acro-dual-compare-opacity[b-xgwki2eluh] {
    display: grid;
    gap: 0.2rem;
    margin: 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--muted);
}

.acro-dual-compare-alpha-hint[b-xgwki2eluh] {
    font-style: italic;
}

.acro-dual-compare-panes[b-xgwki2eluh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.acro-dual-compare-pane[b-xgwki2eluh] {
    min-width: 0;
    display: grid;
    gap: 0.35rem;
}

.acro-dual-compare-pane-label[b-xgwki2eluh] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--muted);
}

/* Child player fills half-width panes instead of 56rem max. */
.acro-dual-compare[b-xgwki2eluh]  .acro-video-player {
    max-width: none;
}

.acro-dual-compare-panes.is-overlay[b-xgwki2eluh] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 0;
    position: relative;
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    background-color: #14161f;
    background-image:
        linear-gradient(45deg, #1c1f2b 25%, transparent 25%),
        linear-gradient(-45deg, #1c1f2b 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #1c1f2b 75%),
        linear-gradient(-45deg, transparent 75%, #1c1f2b 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
}

.acro-dual-compare-panes.is-overlay .acro-dual-compare-pane[b-xgwki2eluh] {
    grid-area: 1 / 1;
    position: relative;
    gap: 0;
    z-index: var(--layer-z, 1);
}

.acro-dual-compare-panes.is-overlay .acro-dual-compare-pane-label[b-xgwki2eluh] {
    display: none;
}

.acro-dual-compare-panes.is-overlay[b-xgwki2eluh]  .acro-video-player-stage {
    background: transparent;
    border: 0;
    border-radius: 0;
}

.acro-dual-compare-panes.is-overlay[b-xgwki2eluh]  .acro-video-player-media {
    background: transparent;
}

@media (max-width: 900px) {
    .acro-dual-compare-panes:not(.is-overlay)[b-xgwki2eluh] {
        grid-template-columns: 1fr;
    }

    .acro-dual-compare-opacity-row[b-xgwki2eluh] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Video/AcroVideoPlayer.razor.rz.scp.css */
.acro-video-player[b-9a9dmgn7ah] {
    display: grid;
    gap: 0.5rem;
    width: 100%;
    max-width: 56rem;
}

.acro-video-player-review-banner[b-9a9dmgn7ah] {
    font-size: 0.88rem;
    color: var(--muted);
    background: rgba(var(--accent-rgb), 0.1);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 0.55rem 0.75rem;
}

.acro-video-player-stage[b-9a9dmgn7ah] {
    position: relative;
    background: #0b0d16;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border);
    aspect-ratio: 16 / 9;
}

.acro-video-player-media[b-9a9dmgn7ah] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    background: #000;
    cursor: pointer;
}

/* Physics overlay: above the video, below play chrome (z-index 2) and the drawing overlay. */
.acro-biomech-canvas[b-9a9dmgn7ah] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: opacity 120ms ease-out;
}

.acro-biomech-canvas.is-active[b-9a9dmgn7ah] {
    opacity: 1;
}

.acro-video-player.is-overlay-layer[b-9a9dmgn7ah] {
    max-width: none;
}

.acro-video-player.is-overlay-layer .acro-video-player-stage[b-9a9dmgn7ah] {
    background: transparent;
    border: 0;
    border-radius: 0;
}

.acro-video-player.is-overlay-layer .acro-video-player-media[b-9a9dmgn7ah] {
    background: transparent;
    opacity: var(--overlay-opacity, 1);
}

.acro-video-player-play-overlay[b-9a9dmgn7ah] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    border: 0;
    margin: 0;
    padding: 0;
    background: color-mix(in srgb, #000 28%, transparent);
    cursor: pointer;
    z-index: 2;
}

/* Drawing overlay sits above play chrome; see VideoDrawingOverlay.razor.css */

.acro-video-player-play-overlay:hover[b-9a9dmgn7ah],
.acro-video-player-play-overlay:focus-visible[b-9a9dmgn7ah] {
    background: color-mix(in srgb, #000 40%, transparent);
    outline: none;
}

.acro-video-player-play-icon[b-9a9dmgn7ah] {
    display: grid;
    place-items: center;
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary, #6c8cff) 88%, #fff);
    color: #0b0d16;
    font-size: 1.55rem;
    line-height: 1;
    padding-left: 0.2rem;
    box-shadow: 0 8px 28px color-mix(in srgb, #000 45%, transparent);
}

.acro-video-player-loading[b-9a9dmgn7ah] {
    color: var(--muted);
    font-size: 0.9rem;
}

.acro-video-player-chrome[b-9a9dmgn7ah] {
    display: grid;
    gap: 0.4rem;
}

.acro-video-player-scrub-row[b-9a9dmgn7ah] {
    padding: 0 0.15rem;
}

.acro-video-player-scrub[b-9a9dmgn7ah] {
    width: 100%;
}

.acro-video-player-controls[b-9a9dmgn7ah] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.acro-video-player-time[b-9a9dmgn7ah] {
    font-variant-numeric: tabular-nums;
    font-size: 0.88rem;
    color: var(--muted);
    min-width: 6.5rem;
}

.acro-video-player-rate[b-9a9dmgn7ah] {
    margin: 0;
    min-width: 5rem;
}

.acro-video-player-loop-label[b-9a9dmgn7ah] {
    font-size: 0.82rem;
    color: var(--muted);
}

.acro-video-player-error[b-9a9dmgn7ah] {
    font-size: 0.88rem;
}

.acro-video-player-resume-banner[b-9a9dmgn7ah] {
    font-size: 0.82rem;
    color: var(--muted);
    background: color-mix(in srgb, var(--border) 55%, transparent);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 0.35rem 0.65rem;
}
/* /Components/Video/VideoAnnotationList.razor.rz.scp.css */
.video-annotation-list[b-x2aokajmdt] {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.25rem;
}

.video-annotation-overlay[b-x2aokajmdt] {
    display: grid;
    gap: 0.25rem;
}

.video-annotation-overlay-item[b-x2aokajmdt] {
    font-size: 0.88rem;
    line-height: 1.35;
    padding: 0.4rem 0.65rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--primary, #5b7cfa) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--primary, #5b7cfa) 35%, var(--border));
}

.video-annotation-header[b-x2aokajmdt] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
}

.video-annotation-title[b-x2aokajmdt] {
    font-size: 0.85rem;
    font-weight: 600;
}

.video-annotation-count[b-x2aokajmdt] {
    font-size: 0.78rem;
}

.video-annotation-items[b-x2aokajmdt] {
    max-height: 9rem;
    overflow: auto;
}

.video-annotation-item[b-x2aokajmdt] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.35rem;
    padding: 0.15rem 0;
}

.video-annotation-item.is-active .video-annotation-body[b-x2aokajmdt] {
    font-weight: 600;
}

.video-annotation-link[b-x2aokajmdt] {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    gap: 0.45rem;
    align-items: baseline;
    text-align: left;
    flex: 1 1 auto;
    min-width: 0;
}

.video-annotation-time[b-x2aokajmdt] {
    font-variant-numeric: tabular-nums;
    color: var(--muted);
    min-width: 3.25rem;
    flex-shrink: 0;
}

.video-annotation-feedback-badge[b-x2aokajmdt] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--accent);
    flex-shrink: 0;
}

.video-annotation-body[b-x2aokajmdt] {
    white-space: pre-wrap;
    word-break: break-word;
}

.video-annotation-empty[b-x2aokajmdt] {
    font-size: 0.85rem;
}

.video-annotation-editor[b-x2aokajmdt] {
    margin-top: 0.1rem;
}

.video-annotation-range[b-x2aokajmdt] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.35rem 0.65rem;
    margin-bottom: 0.35rem;
    align-items: center;
}

.video-annotation-range-field[b-x2aokajmdt] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
}

.video-annotation-range-label[b-x2aokajmdt] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--muted);
    flex-shrink: 0;
}

.video-annotation-range-input[b-x2aokajmdt] {
    width: 4.25rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
    flex-shrink: 0;
}

.video-annotation-range-unit[b-x2aokajmdt] {
    font-size: 0.75rem;
    flex-shrink: 0;
}

.video-annotation-range-pretty[b-x2aokajmdt] {
    font-variant-numeric: tabular-nums;
    font-size: 0.75rem;
    min-width: 2.25rem;
    flex-shrink: 0;
}

.video-annotation-draw-indicator[b-x2aokajmdt] {
    color: var(--primary, #5b7cfa);
    flex-shrink: 0;
    font-size: 0.85rem;
    line-height: 1;
}

.video-annotation-draw-badge[b-x2aokajmdt] {
    font-size: 0.72rem;
    font-weight: 500;
}

.video-annotation-item.is-editing[b-x2aokajmdt] {
    outline: 1px dashed color-mix(in srgb, var(--primary, #5b7cfa) 45%, transparent);
    border-radius: 6px;
    padding-left: 0.2rem;
}
/* /Components/Video/VideoDrawingOverlay.razor.rz.scp.css */
.video-drawing-overlay[b-9k8k7ptaja] {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    touch-action: none;
}

.video-drawing-overlay.is-draw-mode[b-9k8k7ptaja] {
    pointer-events: auto;
    cursor: crosshair;
}

.video-drawing-svg[b-9k8k7ptaja] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.video-drawing-toolbar[b-9k8k7ptaja] {
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.5rem;
    border-radius: 10px;
    background: color-mix(in srgb, #0b0d16 82%, transparent);
    border: 1px solid color-mix(in srgb, #fff 18%, transparent);
    cursor: default;
    pointer-events: auto;
    z-index: 4;
}

.video-drawing-palette[b-9k8k7ptaja] {
    display: inline-flex;
    gap: 0.25rem;
    align-items: center;
}

.video-drawing-swatch[b-9k8k7ptaja] {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 999px;
    border: 2px solid transparent;
    background: var(--swatch, #f5d547);
    padding: 0;
    cursor: pointer;
}

.video-drawing-swatch.is-selected[b-9k8k7ptaja] {
    border-color: #fff;
    box-shadow: 0 0 0 1px color-mix(in srgb, #000 50%, transparent);
}

.video-drawing-width[b-9k8k7ptaja] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 5.5rem;
    margin: 0;
    color: #e8eaf2;
    font-size: 0.78rem;
}

.video-drawing-width .form-range[b-9k8k7ptaja] {
    width: 4rem;
    margin: 0;
}

.video-drawing-width-val[b-9k8k7ptaja] {
    font-variant-numeric: tabular-nums;
    min-width: 1rem;
}
/* /Components/Video/VideoMarkerTimeline.razor.rz.scp.css */
.video-marker-timeline[b-e9ek0e996p] {
    display: grid;
    gap: 0.45rem;
}

.video-marker-timeline-track[b-e9ek0e996p] {
    position: relative;
    height: 2rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--border) 55%, transparent);
    border: 1px solid var(--border);
    overflow: hidden;
}

.video-marker-timeline-progress[b-e9ek0e996p] {
    position: absolute;
    inset: 0 auto 0 0;
    background: color-mix(in srgb, var(--primary, #5b7cfa) 28%, transparent);
    pointer-events: none;
}

.video-marker-tick[b-e9ek0e996p] {
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    border: 0;
    background: transparent;
    padding: 0;
    min-width: 1.25rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.1rem;
    z-index: 1;
}

.video-marker-tick-dot[b-e9ek0e996p] {
    width: 0.55rem;
    height: 0.55rem;
    margin-top: 0.35rem;
    border-radius: 50%;
    background: var(--primary, #5b7cfa);
    box-shadow: 0 0 0 2px color-mix(in srgb, #fff 70%, transparent);
}

.video-marker-tick.is-selected .video-marker-tick-dot[b-e9ek0e996p] {
    background: #f0a202;
}

.video-marker-tick-label[b-e9ek0e996p] {
    display: none;
    max-width: 6rem;
    font-size: 0.65rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--muted);
}

@media (min-width: 640px) {
    .video-marker-tick-label[b-e9ek0e996p] {
        display: block;
    }
}

.video-marker-chapters[b-e9ek0e996p] {
    display: grid;
    gap: 0.25rem;
}

.video-marker-chapter[b-e9ek0e996p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.video-marker-chapter.is-selected .video-marker-chapter-label[b-e9ek0e996p] {
    font-weight: 600;
}

.video-marker-chapter-link[b-e9ek0e996p] {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    gap: 0.4rem;
    align-items: baseline;
}

.video-marker-chapter-time[b-e9ek0e996p] {
    font-variant-numeric: tabular-nums;
    color: var(--muted);
    min-width: 3rem;
}

.video-marker-empty[b-e9ek0e996p] {
    font-size: 0.85rem;
}

.video-marker-editor[b-e9ek0e996p] {
    margin-top: 0.15rem;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-24pxektwi4] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: transparent;
}

/* Visible only while focused; sits above the nav shell (z-index 2000). */
.skip-link[b-24pxektwi4] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 2100;
    padding: 0.55rem 0.9rem;
    border-radius: 8px;
    background: var(--accent);
    color: #06111f;
    font-weight: 600;
    text-decoration: none;
    transform: translateY(-200%);
}

.skip-link:focus-visible[b-24pxektwi4],
.skip-link:focus[b-24pxektwi4] {
    transform: translateY(0);
    outline: 2px solid var(--text);
    outline-offset: 2px;
}

main:focus[b-24pxektwi4] {
    outline: none;
}

.api-offline-banner[b-24pxektwi4] {
    margin: 0.75rem 0 0;
    padding: 0.65rem 1rem;
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.18);
    border: 1px solid rgba(239, 68, 68, 0.45);
    color: #fecaca;
    font-size: 0.92rem;
    font-weight: 500;
    text-align: center;
}

.app-update-banner[b-24pxektwi4] {
    position: sticky;
    top: 0.5rem;
    z-index: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin: 0.75rem 0 0;
    padding: 0.7rem 1rem;
    border-radius: 12px;
    /* High-contrast surface so the banner is never lost against theme accents. */
    background: #0f766e;
    border: 1px solid #14b8a6;
    color: #ecfdf5;
    font-size: 0.95rem;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.app-update-banner-reload[b-24pxektwi4] {
    padding: 0.3rem 0.85rem;
    border-radius: 8px;
    border: 1px solid #ecfdf5;
    background: #ecfdf5;
    color: #0f766e;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
}

.app-update-banner-reload:hover[b-24pxektwi4] {
    background: #ffffff;
    color: #0f766e;
}

.app-update-banner-dismiss[b-24pxektwi4] {
    padding: 0 0.4rem;
    border: none;
    background: transparent;
    color: #ecfdf5;
    font-size: 1.15rem;
    line-height: 1;
    opacity: 0.85;
    cursor: pointer;
}

.app-update-banner-dismiss:hover[b-24pxektwi4] {
    opacity: 1;
}

.whats-new-banner[b-24pxektwi4] {
    margin: 0.75rem 0 0;
    border-radius: 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    color: var(--text);
    overflow: hidden;
}

.whats-new-banner-bar[b-24pxektwi4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem 0.45rem 0.9rem;
}

.whats-new-banner-toggle[b-24pxektwi4] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: none;
    background: transparent;
    color: inherit;
    font-size: 0.92rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    padding: 0.15rem 0;
}

.whats-new-banner-chevron[b-24pxektwi4] {
    font-size: 0.75rem;
    opacity: 0.75;
}

.whats-new-banner-dismiss[b-24pxektwi4] {
    padding: 0 0.4rem;
    border: none;
    background: transparent;
    color: inherit;
    font-size: 1.15rem;
    line-height: 1;
    opacity: 0.7;
    cursor: pointer;
}

.whats-new-banner-dismiss:hover[b-24pxektwi4] {
    opacity: 1;
}

/* Borderless banner controls need an explicit ring — there is no button
   outline for the browser default to sit against. */
.app-update-banner-dismiss:focus-visible[b-24pxektwi4],
.whats-new-banner-toggle:focus-visible[b-24pxektwi4],
.whats-new-banner-dismiss:focus-visible[b-24pxektwi4] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 6px;
    opacity: 1;
}

.whats-new-list[b-24pxektwi4] {
    list-style: none;
    margin: 0;
    padding: 0 0.85rem 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.whats-new-card[b-24pxektwi4] {
    padding: 0.65rem 0.75rem;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: rgba(15, 23, 42, 0.2);
}

.whats-new-card-header[b-24pxektwi4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.25rem;
}

.whats-new-badge[b-24pxektwi4] {
    display: inline-block;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    border: 1px solid rgba(var(--accent-rgb), 0.4);
    background: rgba(var(--accent-rgb), 0.14);
    color: var(--accent-fg-on-tint);
}

.whats-new-title[b-24pxektwi4] {
    font-size: 0.95rem;
}

.whats-new-body[b-24pxektwi4] {
    margin: 0.15rem 0 0;
    font-size: 0.88rem;
    line-height: 1.45;
    color: var(--muted);
    white-space: pre-wrap;
}

.whats-new-link[b-24pxektwi4] {
    margin-top: 0.4rem;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--accent);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

/* main owns the horizontal gutter. Putting it on <article> as a margin while
   article also stretched to full width pushed its right edge past the viewport
   and produced a horizontal scrollbar on every page. */
main[b-24pxektwi4] {
    flex: 1;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    padding-inline: 0.85rem;
    background-color: transparent;
}

.sidebar[b-24pxektwi4] {
    background: var(--chrome-bg);
    border-right: 1px solid var(--chrome-border);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    /* Flex column so the nav list can scroll independently of the brand row. */
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Last row of the nav shell's flex column — never shrink, never scroll away. */
.sidebar-pwa-actions[b-24pxektwi4] {
    flex: 0 0 auto;
    padding-top: 0.5rem;
}

/* When nested under NavMenu's pinned footer, drop extra top padding (border is enough). */
[b-24pxektwi4] .nav-footer .sidebar-pwa-actions {
    padding-top: 0.65rem;
}

/* Desktop edge control — sits on the sidebar/content boundary. */
.sidebar-edge-toggle[b-24pxektwi4] {
    display: none;
}

.top-row[b-24pxektwi4] {
    background: var(--chrome-bg);
    border-bottom: 1px solid var(--chrome-border);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    justify-content: flex-end;
    height: 3.4rem;
    display: flex;
    align-items: center;
}

/* Main content chrome only — do not style the sidebar NavMenu top-row. */
main .top-row[b-24pxektwi4]  a, main .top-row[b-24pxektwi4]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
    color: var(--nav-link);
    font-weight: 500;
    transition: color 0.15s ease;
}

main .top-row[b-24pxektwi4]  a:hover, main .top-row[b-24pxektwi4]  .btn-link:hover {
    text-decoration: none;
    color: var(--text);
}

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

@media (max-width: 640.98px) {
    .top-row[b-24pxektwi4] {
        justify-content: space-between;
    }

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

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

    .sidebar[b-24pxektwi4] {
        width: 240px;
        height: 100vh;
        height: 100dvh;
        max-height: 100vh;
        max-height: 100dvh;
        position: sticky;
        top: 0;
        z-index: 200;
        /* position:sticky already makes this the containing block for the
           absolutely-positioned .nav-shell. Do NOT add overflow:hidden here —
           .nav-shell clips its own scroll content, and hiding sidebar overflow
           truncates the notification dropdown (384px wide vs 240px sidebar). */
        flex-shrink: 0;
        display: block;
        min-height: 0;
        transition: width 0.22s ease, border-color 0.22s ease, opacity 0.18s ease;
    }

    .sidebar-edge-toggle[b-24pxektwi4] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        left: 240px;
        top: 50%;
        width: 1.25rem;
        height: 2.85rem;
        margin: 0;
        padding: 0;
        border: 1px solid var(--chrome-border);
        border-left: none;
        border-radius: 0 10px 10px 0;
        background: var(--chrome-bg);
        color: var(--chrome-control-text, var(--text));
        box-shadow: var(--shadow);
        cursor: pointer;
        z-index: 250;
        transform: translateY(-50%);
        transition: left 0.22s ease, background 0.15s ease, color 0.15s ease;
    }

    .sidebar-edge-toggle:hover[b-24pxektwi4] {
        background: var(--chrome-control-bg, var(--surface));
        color: var(--text);
    }

    .sidebar-edge-toggle:focus-visible[b-24pxektwi4] {
        outline: 2px solid var(--accent, #0d6efd);
        outline-offset: 2px;
    }

    .sidebar-edge-toggle-icon[b-24pxektwi4] {
        display: block;
    }

    /* Collapsed: sidebar slides away; expand control sits on the left edge. */
    .page-sidebar-collapsed .sidebar[b-24pxektwi4] {
        width: 0;
        min-width: 0;
        border-right-color: transparent;
        overflow: hidden;
        pointer-events: none;
        opacity: 0;
    }

    .page-sidebar-collapsed .sidebar-edge-toggle[b-24pxektwi4] {
        left: 0;
        border-left: 1px solid var(--chrome-border);
    }

    main[b-24pxektwi4] {
        position: relative;
        z-index: 1;
        min-width: 0;
        flex: 1;
        padding-inline: 1.25rem;
    }

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

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

    /* Content area only — sidebar chrome must stay tight (240px). */
    main .top-row[b-24pxektwi4], main article[b-24pxektwi4] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    article[b-24pxektwi4] {
        margin: 1.1rem 0 1.5rem;
    }
}

@media (min-width: 1400px) {
    main[b-24pxektwi4] {
        padding-inline: 1.75rem;
    }

    .top-row[b-24pxektwi4], article[b-24pxektwi4] {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important;
    }

    article[b-24pxektwi4] {
        margin: 1.25rem 0 1.75rem;
    }
}

article[b-24pxektwi4] {
    background: var(--surface);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    border: 1px solid var(--border);
    border-radius: 22px;
    box-shadow: var(--shadow);
    color: var(--text);
    margin: 1.1rem 0 1.5rem;
    width: auto;
    max-width: none;
    box-sizing: border-box;
}

@media (max-width: 640.98px) {
    .sidebar[b-24pxektwi4] {
        width: 100%;
        height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid var(--chrome-border);
        z-index: 200;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    /* Desktop collapse must not hide the mobile top nav / hamburger. */
    .page-sidebar-collapsed .sidebar[b-24pxektwi4] {
        width: 100%;
        min-width: 0;
        overflow: visible;
        pointer-events: auto;
        opacity: 1;
        border-right: none;
    }

    .sidebar-edge-toggle[b-24pxektwi4] {
        display: none !important;
    }

    main[b-24pxektwi4] {
        padding-bottom: 1rem;
        padding-inline: 0.6rem;
        position: relative;
        z-index: 1;
    }

    article[b-24pxektwi4] {
        margin: 0.85rem 0 1.2rem;
        border-radius: 18px;
    }
}

@media print {
    .sidebar[b-24pxektwi4],
    .sidebar-edge-toggle[b-24pxektwi4],
    .app-update-banner[b-24pxektwi4],
    .whats-new-banner[b-24pxektwi4],
    .api-offline-banner[b-24pxektwi4],
    .top-row[b-24pxektwi4] {
        display: none !important;
    }

    [b-24pxektwi4] .upload-tray,
    [b-24pxektwi4] .disclaimer-gate-backdrop {
        display: none !important;
    }

    .page[b-24pxektwi4],
    main[b-24pxektwi4],
    main article[b-24pxektwi4],
    article[b-24pxektwi4] {
        display: block !important;
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
        border: none !important;
        border-radius: 0 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: none !important;
        width: 100% !important;
        overflow: visible !important;
    }

    main[b-24pxektwi4] {
        padding-inline: 0 !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-dileb41zjs] {
    background-color: var(--chrome-control-bg);
    border-color: var(--chrome-control-border);
    color: var(--text);
}

/* Keyboard ring for the icon-only chrome controls. The dark navbar swallows
   Bootstrap's default tinted box-shadow, so give them a solid offset outline. */
.navbar-toggler:focus-visible[b-dileb41zjs],
.theme-toggle-button:focus-visible[b-dileb41zjs],
.offline-toggle-button:focus-visible[b-dileb41zjs],
.notification-button:focus-visible[b-dileb41zjs],
.account-button:focus-visible[b-dileb41zjs] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    box-shadow: none;
}

/* Shell fills the sidebar. On desktop THIS is the scroll container so bottom
   items cannot be clipped by a nested overflow parent (flex height mismatch). */
.nav-shell[b-dileb41zjs] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    flex: 1 1 auto;
}

.top-row[b-dileb41zjs] {
    min-height: 3.4rem;
    flex-shrink: 0;
    background: var(--chrome-bg);
    border-bottom: 1px solid var(--chrome-border);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 100;
    position: relative;
}

/* Specificity must beat the desktop `.top-row { z-index: 100 }` override
   below (@media min-width:641px) regardless of source order, or the menu
   panel drops back under .account-menu-backdrop and clicks land on the
   backdrop instead of the menu links. */
.top-row.top-row-menus-open[b-dileb41zjs] {
    z-index: 1051;
}

.navbar-brand[b-dileb41zjs] {
    font-size: 1.05rem;
    color: var(--text);
    letter-spacing: 0.3px;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 600;
    min-width: 0;
    margin: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0.25rem;
}

/* Beat MainLayout / Bootstrap navbar padding on the sidebar chrome row. */
.nav-shell > .top-row[b-dileb41zjs] {
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
}

.top-row-inner[b-dileb41zjs] {
    min-width: 0;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    column-gap: 0.25rem;
}

.top-row-brand[b-dileb41zjs] {
    min-width: 0;
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
}

.top-row-controls[b-dileb41zjs] {
    flex-shrink: 0;
    margin: 0;
    margin-left: 0 !important;
    padding: 0;
    gap: 0.25rem;
}

/* Square chrome controls: language, offline, theme, notifications, account. */
.top-row-controls .theme-toggle-button[b-dileb41zjs],
.top-row-controls .offline-toggle-button[b-dileb41zjs],
.top-row-controls .notification-button[b-dileb41zjs],
.top-row-controls .account-button[b-dileb41zjs],
.top-row-controls[b-dileb41zjs]  .language-switcher-toggle {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    margin: 0;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.top-row-controls[b-dileb41zjs]  .language-switcher {
    margin: 0;
    padding: 0;
}

.account-menu[b-dileb41zjs] {
    position: relative;
    display: flex;
    align-items: center;
}

.notification-menu[b-dileb41zjs] {
    position: relative;
}

.notification-button[b-dileb41zjs] {
    position: relative;
    color: var(--chrome-control-text);
    border-color: var(--chrome-control-border);
    background: var(--chrome-control-bg);
    line-height: 1;
}

.notification-icon[b-dileb41zjs] {
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.notification-count[b-dileb41zjs] {
    position: absolute;
    right: -0.35rem;
    top: -0.45rem;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: #ef4444;
    color: white;
    font-size: 0.7rem;
    line-height: 1.2rem;
    font-weight: 700;
}

.notification-dropdown[b-dileb41zjs] {
    position: absolute;
    left: 0;
    top: calc(100% + 0.4rem);
    width: min(24rem, calc(100vw - 2rem));
    max-height: 30rem;
    overflow-y: auto;
    background: var(--dropdown-bg);
    border: 1px solid var(--border-strong);
    border-radius: 14px;
    padding: 0.6rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(24px) saturate(180%);
    z-index: 1050;
    color: var(--text);
}

@media (max-width: 640px) {
    .top-row[b-dileb41zjs] {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .notification-dropdown[b-dileb41zjs] {
        position: fixed;
        left: 1rem;
        right: 1rem;
        top: 3.8rem;
        width: auto;
        max-height: calc(100vh - 4.5rem);
        bottom: auto;
    }
}

.notification-heading[b-dileb41zjs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text);
    font-weight: 600;
    padding: 0.25rem 0.45rem 0.55rem;
}

.notification-heading .btn-link[b-dileb41zjs] {
    color: var(--accent);
    text-decoration: none;
}

.notification-item[b-dileb41zjs] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
    border: 0;
    border-radius: 9px;
    padding: 0.65rem 0.7rem;
    background: transparent;
    color: var(--nav-link);
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.notification-item:hover[b-dileb41zjs],
.notification-item.unread[b-dileb41zjs] {
    background: var(--accent-soft);
    color: var(--text);
}

.notification-message[b-dileb41zjs] {
    line-height: 1.35;
}

.notification-meta[b-dileb41zjs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.notification-link-label[b-dileb41zjs] {
    color: var(--accent);
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.notification-item:hover .notification-link-label[b-dileb41zjs] {
    color: var(--nav-link-active);
    text-decoration: underline;
}

.notification-item small[b-dileb41zjs],
.notification-empty[b-dileb41zjs] {
    color: var(--muted);
}

.notification-empty[b-dileb41zjs] {
    padding: 0.8rem 0.7rem;
}

.notification-footer[b-dileb41zjs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.45rem 0.5rem 0.15rem;
    border-top: 1px solid var(--border, rgba(255, 255, 255, 0.08));
    margin-top: 0.25rem;
}

.notification-page-meta[b-dileb41zjs] {
    color: var(--muted, var(--nav-link));
    opacity: 0.85;
}

.notification-footer .btn-link[b-dileb41zjs] {
    color: var(--accent);
    text-decoration: none;
    white-space: nowrap;
}

.account-button[b-dileb41zjs] {
    color: var(--chrome-control-text);
    border-color: var(--chrome-control-border);
    background: var(--chrome-control-bg);
    backdrop-filter: blur(8px);
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
    overflow: hidden;
    line-height: 1;
    border-radius: 0.45rem;
    position: relative;
}

.account-button:hover[b-dileb41zjs] {
    color: var(--text);
    background: var(--surface-strong);
    border-color: var(--border-strong);
}

.account-button.has-photo[b-dileb41zjs] {
    padding: 0 !important;
    border-color: color-mix(in srgb, var(--accent) 45%, var(--chrome-control-border));
    background: transparent;
}

.account-avatar[b-dileb41zjs] {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: inherit;
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--accent) 35%, transparent),
        color-mix(in srgb, var(--accent) 12%, transparent)
    );
}

.account-button.has-photo .account-avatar[b-dileb41zjs] {
    background: transparent;
}

.account-avatar-img[b-dileb41zjs] {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    object-fit: cover;
    display: block;
    border-radius: inherit;
}

.account-avatar-initials[b-dileb41zjs] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    color: var(--text);
    user-select: none;
}

.account-avatar-icon[b-dileb41zjs] {
    display: block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

/* The account button sits at the right edge of the 240px sidebar rail, so a
   right-anchored 13.5rem panel lands ~18px from the page edge — and goes
   negative (off-page left) as soon as the root font size or the panel grows.
   Anchor it to the button's LEFT and let it open over the content instead,
   matching .notification-dropdown above. */
.account-dropdown[b-dileb41zjs] {
    position: absolute;
    left: 0;
    right: auto;
    top: calc(100% + 0.4rem);
    min-width: 13.5rem;
    max-width: calc(100vw - 2rem);
    background: var(--dropdown-bg);
    border: 1px solid var(--border-strong);
    border-radius: 14px;
    padding: 0.6rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    z-index: 1050;
    color: var(--text);
}

/* Mobile: the sidebar is full width and the button sits at the far right, so
   the desktop left-anchor would push the panel off the RIGHT edge. Pin it to
   the viewport instead. Must come AFTER the base rule — a media query adds no
   specificity, so source order decides. */
@media (max-width: 640px) {
    .account-dropdown[b-dileb41zjs] {
        position: fixed;
        left: auto;
        right: 1rem;
        top: 3.8rem;
        max-width: calc(100vw - 2rem);
        max-height: calc(100vh - 4.5rem);
        overflow-y: auto;
    }
}

.account-menu-backdrop[b-dileb41zjs] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 1049;
}

.account-email[b-dileb41zjs] {
    color: var(--muted);
    font-size: 0.83rem;
    margin-bottom: 0.5rem;
    word-break: break-all;
    padding: 0.2rem 0.6rem;
}

/* NavLink renders its <a> inside a child component, so Blazor's scoped-CSS
   attribute never lands on it — ::deep is required or these rules silently
   no-op on the Profile/Invite links (button.account-link is a literal
   element in this file and doesn't need it, but ::deep matches it too). */
[b-dileb41zjs] .account-link {
    color: var(--dropdown-item);
    text-decoration: none;
    display: block;
    padding: 0.45rem 0.7rem;
    border-radius: 8px;
    width: 100%;
    text-align: left;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.15s ease;
}

[b-dileb41zjs] button.account-link {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
}

[b-dileb41zjs] .account-link:hover {
    background: var(--accent-soft);
    color: var(--text);
    text-decoration: none;
}

.bi[b-dileb41zjs] {
    display: inline-block;
    position: relative;
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 0.65rem;
    top: -1px;
    background-size: cover;
    opacity: 0.75;
}

.nav-item[b-dileb41zjs] {
    font-size: 0.875rem;
    padding-bottom: 0.2rem;
}

.nav-item:first-of-type[b-dileb41zjs] {
    padding-top: 0.85rem;
}

.nav-item:last-of-type[b-dileb41zjs] {
    padding-bottom: 0.35rem;
}

.nav-item[b-dileb41zjs]  span.nav-link {
    color: var(--nav-section);
    font-weight: 500;
    letter-spacing: 0.2px;
}

.nav-item.nav-section-header[b-dileb41zjs]  span.nav-link {
    color: var(--nav-section);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.68rem;
    letter-spacing: 0.14rem;
    padding-left: 0.35rem;
}

.nav-item[b-dileb41zjs]  a {
    color: var(--nav-link);
    border-radius: 10px;
    height: 2.4rem;
    display: flex;
    align-items: center;
    line-height: 2.4rem;
    padding: 0 0.7rem 0 0.9rem;
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
}

.nav-item.nav-sub-item[b-dileb41zjs]  a {
    padding-left: 1.8rem;
    font-size: 0.85rem;
    height: 2.2rem;
    line-height: 2.2rem;
}

.nav-item[b-dileb41zjs]  a.active {
    background: var(--accent-soft);
    color: var(--nav-link-active);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);
}

.nav-item[b-dileb41zjs]  a:hover {
    background: var(--surface-strong);
    color: var(--text);
}

/* <768px: collapse secondary groups. ≥768px unwraps so desktop planner nav is unchanged. */
.nav-collapsible-group[b-dileb41zjs] {
    margin: 0;
    padding: 0;
    border: 0;
}

.nav-collapsible-summary[b-dileb41zjs] {
    cursor: pointer;
    list-style: none;
    background: transparent;
    border: 0;
    width: 100%;
    box-sizing: border-box;
}

.nav-collapsible-summary[b-dileb41zjs]::-webkit-details-marker,
.nav-collapsible-summary[b-dileb41zjs]::marker {
    display: none;
    content: "";
}

.nav-collapsible-summary:focus-visible[b-dileb41zjs] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.nav-collapsible-summary .nav-link[b-dileb41zjs] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.nav-collapsible-chevron[b-dileb41zjs] {
    width: 0.4rem;
    height: 0.4rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    flex-shrink: 0;
    opacity: 0.7;
    transition: transform 0.15s ease;
}

.nav-collapsible-group[open] > .nav-collapsible-summary .nav-collapsible-chevron[b-dileb41zjs],
.nav-collapsible-group:has(a.active) > .nav-collapsible-summary .nav-collapsible-chevron[b-dileb41zjs] {
    transform: rotate(45deg);
}

.nav-item.nav-more-summary span.nav-link[b-dileb41zjs] {
    color: var(--nav-link);
    font-weight: 500;
    font-size: 0.85rem;
    letter-spacing: 0;
    text-transform: none;
    height: 2.2rem;
    padding: 0 0.7rem 0 1.8rem;
    border-radius: 10px;
}

.nav-item.nav-more-summary:hover span.nav-link[b-dileb41zjs] {
    background: var(--surface-strong);
    color: var(--text);
}

.nav-collapsible-group > .nav-item:first-of-type[b-dileb41zjs] {
    padding-top: 0;
}

.nav > .nav-collapsible-group:first-child > .nav-item:first-of-type[b-dileb41zjs] {
    padding-top: 0.85rem;
}

.upload-nav-badge[b-dileb41zjs] {
    margin-left: 0.45rem;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--accent-soft);
    color: var(--nav-link-active);
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.15rem;
    text-align: center;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);
}

.theme-toggle-button[b-dileb41zjs],
.offline-toggle-button[b-dileb41zjs] {
    color: var(--chrome-control-text);
    border-color: var(--chrome-control-border);
    background: var(--chrome-control-bg);
    line-height: 1;
}

.offline-toggle-button.is-forced-offline[b-dileb41zjs] {
    color: #1a1a1a;
    border-color: color-mix(in srgb, #ffc107 70%, var(--chrome-control-border));
    background: #ffc107;
}

/* Shared scrollable nav list — used when the menu is taller than the viewport.
   Scrollbar is hidden (still scrolls via wheel/touch/keyboard); no scrollbar-gutter
   reservation since there's no visible track to make room for. */
.nav-scrollable[b-dileb41zjs] {
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/* Spacer inside the scroll content so the last link fully clears the bottom edge. */
.nav-scroll-end[b-dileb41zjs] {
    flex-shrink: 0;
    height: 4rem;
    width: 100%;
    pointer-events: none;
}

/* Pinned under the scrollable nav list (Go offline / install). Never shrink away. */
.nav-footer[b-dileb41zjs] {
    flex: 0 0 auto;
    width: 100%;
    min-height: 0;
    border-top: 1px solid var(--chrome-border);
    background: var(--chrome-bg);
}

.nav-scrollable[b-dileb41zjs]::-webkit-scrollbar,
.nav-shell[b-dileb41zjs]::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

@media (max-width: 640.98px) {
    .nav-shell[b-dileb41zjs] {
        flex: 0 0 auto;
        height: auto;
        overflow: visible;
    }

    /* Expanded hamburger menu: scroll instead of pushing off-screen. */
    #main-nav-menu.nav-scrollable:not(.collapse)[b-dileb41zjs] {
        max-height: min(70dvh, calc(100dvh - 3.6rem));
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 1rem;
    }
}

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

    /*
     * The shell is a fixed-height flex column pinned to the sticky sidebar box —
     * no flex % height drift that lets content sit half a row under a parent's
     * overflow clip. It does NOT scroll itself; the nav list below does, so links
     * are clipped at the top of the scroll pane instead of sliding under the brand
     * row (--chrome-bg is 3% white in dark theme, so a sticky glass header does
     * not hide them). overflow stays visible so the top row's dropdowns can
     * overhang the 240px sidebar.
     */
    .nav-shell[b-dileb41zjs] {
        position: absolute;
        inset: 0;
        height: auto;
        max-height: none;
        min-height: 0;
        flex: none;
        overflow: visible;
    }

    .top-row[b-dileb41zjs] {
        position: relative;
        top: auto;
        z-index: 100;
        flex: 0 0 auto;
    }

    /* Always show menu on desktop; override Bootstrap's collapse height rules so
       this — not the shell — is the single scroll surface, filling whatever space
       the brand row leaves. min-height:0 lets it shrink below content height. */
    #main-nav-menu.collapse[b-dileb41zjs],
    #main-nav-menu.collapsing[b-dileb41zjs],
    #main-nav-menu.nav-scrollable[b-dileb41zjs] {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        flex: 1 1 auto !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-width: none;
        -ms-overflow-style: none;
        /* Padding gives the last link breathing room only when it actually
           overflows — unlike .nav-scroll-end, which is a real 4rem box and so
           forced phantom scroll even when every link already fit. */
        padding-bottom: 0.75rem;
    }

    #main-nav-menu > nav[b-dileb41zjs] {
        padding-bottom: 0.25rem;
    }

    .nav-scroll-end[b-dileb41zjs] {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .nav-collapsible-group:has(a.active) > .nav-item[b-dileb41zjs] {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .nav-collapsible-group[b-dileb41zjs] {
        display: contents;
    }

    .nav-collapsible-group > *:not(summary)[b-dileb41zjs] {
        display: block !important;
    }

    .nav-more-summary[b-dileb41zjs] {
        display: none;
    }

    .nav-collapsible-chevron[b-dileb41zjs] {
        display: none;
    }

    .nav-collapsible-summary[b-dileb41zjs] {
        pointer-events: none;
        cursor: default;
    }
}
/* /Pages/AcroEventListings.razor.rz.scp.css */
.listings-page[b-5bjandsb8o] {
    width: 100%;
    max-width: none;
}

.listings-header[b-5bjandsb8o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.listings-title[b-5bjandsb8o] {
    margin-bottom: 0.35rem;
}

.listings-subtitle[b-5bjandsb8o] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.listings-status[b-5bjandsb8o] {
    margin-bottom: 1rem;
}

.listings-loading[b-5bjandsb8o] {
    color: var(--muted);
    padding: 2rem 0;
}

.listings-count[b-5bjandsb8o] {
    margin: 0 0 0.85rem;
    color: var(--muted);
    font-size: 0.88rem;
}

.listings-grid[b-5bjandsb8o] {
    display: grid;
    gap: 1rem;
}

.listings-card[b-5bjandsb8o] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.listings-empty-state[b-5bjandsb8o] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.listings-empty-title[b-5bjandsb8o] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.listings-empty[b-5bjandsb8o] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.listings-empty-actions[b-5bjandsb8o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 0.75rem;
}

.listings-filter-card[b-5bjandsb8o] {
    margin-bottom: 0.85rem;
}

.listings-section-title[b-5bjandsb8o] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.listings-filter-row[b-5bjandsb8o] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.listings-chips[b-5bjandsb8o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.listings-chip[b-5bjandsb8o] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.82rem;
}

.listings-chip.active[b-5bjandsb8o] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.listings-preset-list[b-5bjandsb8o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.listings-preset[b-5bjandsb8o] {
    display: inline-flex;
    align-items: stretch;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    overflow: hidden;
}

.listings-preset-apply[b-5bjandsb8o] {
    border: none;
    background: none;
    padding: 0.4rem 0.5rem 0.4rem 0.85rem;
    color: var(--text);
    font-weight: 600;
    font-size: 0.82rem;
}

.listings-preset-apply:hover[b-5bjandsb8o] {
    color: var(--accent-fg-on-tint);
    background: rgba(var(--accent-rgb), 0.14);
}

.listings-preset-delete[b-5bjandsb8o] {
    border: none;
    border-left: 1px solid var(--border);
    background: none;
    padding: 0.4rem 0.7rem;
    color: var(--muted);
    font-size: 0.95rem;
    line-height: 1;
}

.listings-preset-delete:hover[b-5bjandsb8o] {
    color: var(--text);
    background: var(--surface-strong);
}

.listings-event-header[b-5bjandsb8o] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
    margin-bottom: 0.85rem;
}

.listings-event-avatar[b-5bjandsb8o] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
}

.listings-event-body[b-5bjandsb8o] {
    min-width: 0;
}

.listings-event-name[b-5bjandsb8o] {
    margin: 0 0 0.2rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.listings-event-ticket-state[b-5bjandsb8o] {
    margin: 0 0 0.3rem;
}

.listings-event-meta[b-5bjandsb8o] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.listings-event-section[b-5bjandsb8o] {
    margin-bottom: 0.65rem;
}

.listings-event-label[b-5bjandsb8o] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.25rem;
}

.listings-event-text[b-5bjandsb8o] {
    margin: 0;
    font-size: 0.92rem;
}

.listings-event-description[b-5bjandsb8o] {
    margin: 0 0 0.85rem;
    color: var(--text);
    font-size: 0.92rem;
    line-height: 1.45;
}

.listings-event-links[b-5bjandsb8o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.listings-event-actions[b-5bjandsb8o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-color);
}

.listings-event-images[b-5bjandsb8o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.listings-event-image[b-5bjandsb8o] {
    max-width: 200px;
    max-height: 150px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid var(--border);
}

@media (max-width: 640px) {
    .listings-event-header[b-5bjandsb8o] {
        grid-template-columns: 1fr;
    }

    .listings-filter-row[b-5bjandsb8o] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AdminAttributeTaxonomies.razor.rz.scp.css */
.admin-skillcats-page[b-yx5tbg15vp] {
    width: 100%;
    max-width: 900px;
}

.admin-skillcats-header[b-yx5tbg15vp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-skillcats-title[b-yx5tbg15vp] {
    margin-bottom: 0.35rem;
}

.admin-skillcats-subtitle[b-yx5tbg15vp] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-skillcats-status[b-yx5tbg15vp] {
    margin-bottom: 1rem;
}

.admin-skillcats-loading[b-yx5tbg15vp] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-skillcats-card[b-yx5tbg15vp] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.admin-skillcats-section-title[b-yx5tbg15vp] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.admin-skillcats-add[b-yx5tbg15vp] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.admin-skillcats-add input[b-yx5tbg15vp] {
    max-width: 22rem;
}

.admin-skillcats-inline-error[b-yx5tbg15vp] {
    margin: 0.5rem 0 0;
    font-size: 0.85rem;
    color: var(--danger, #b3261e);
}

.admin-skillcats-hello p[b-yx5tbg15vp] {
    margin-bottom: 0.6rem;
    color: var(--muted);
}

.admin-skillcats-list[b-yx5tbg15vp] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-skillcats-item[b-yx5tbg15vp] {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.7rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-skillcats-item.is-system[b-yx5tbg15vp] {
    background: rgba(var(--accent-rgb), 0.06);
}

.admin-skillcats-item-main[b-yx5tbg15vp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.admin-skillcats-name[b-yx5tbg15vp] {
    font-weight: 600;
}

.admin-skillcats-rename[b-yx5tbg15vp] {
    max-width: 22rem;
}

.admin-skillcats-count[b-yx5tbg15vp] {
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-skillcats-system-badge[b-yx5tbg15vp] {
    display: inline-block;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    background: rgba(var(--accent-rgb), 0.12);
    color: var(--accent-fg-on-tint);
}

.admin-skillcats-note[b-yx5tbg15vp] {
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-skillcats-actions[b-yx5tbg15vp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.admin-skillcats-confirm[b-yx5tbg15vp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    border-radius: 10px;
    padding: 0.65rem 0.8rem;
    font-size: 0.9rem;
}

@media (max-width: 720px) {
    .admin-skillcats-header[b-yx5tbg15vp] {
        flex-direction: column;
    }

    .admin-skillcats-add[b-yx5tbg15vp] {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-skillcats-add input[b-yx5tbg15vp] {
        max-width: none;
    }
}

.admin-skillcats-default-image[b-yx5tbg15vp] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    font-size: 0.8rem;
    color: var(--muted);
    cursor: pointer;
}

.admin-skillcats-default-image input[b-yx5tbg15vp] {
    margin: 0;
    accent-color: var(--accent);
}
/* /Pages/AdminAwards.razor.rz.scp.css */
.admin-awards-page[b-l2qiro7z8a] {
    max-width: 960px;
}

.admin-awards-header[b-l2qiro7z8a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-awards-title[b-l2qiro7z8a] {
    margin-bottom: 0.35rem;
}

.admin-awards-subtitle[b-l2qiro7z8a] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-awards-status[b-l2qiro7z8a] {
    margin-bottom: 1rem;
}

.admin-awards-loading[b-l2qiro7z8a] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-awards-card[b-l2qiro7z8a] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.admin-awards-section-title[b-l2qiro7z8a] {
    font-size: 1.1rem;
    margin-bottom: 0.85rem;
}

.admin-awards-form-grid[b-l2qiro7z8a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
}

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

.admin-awards-form-actions[b-l2qiro7z8a] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.admin-awards-table[b-l2qiro7z8a] {
    margin-bottom: 0;
    color: inherit;
}

.admin-awards-actions[b-l2qiro7z8a] {
    text-align: right;
    white-space: nowrap;
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
}

@media (max-width: 720px) {
    .admin-awards-form-grid[b-l2qiro7z8a] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AdminBlog.razor.rz.scp.css */
.admin-blog-page[b-gtpyq8sz58] {
    width: 100%;
    max-width: none;
}

.admin-blog-header[b-gtpyq8sz58] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-blog-title[b-gtpyq8sz58] {
    margin-bottom: 0.35rem;
}

.admin-blog-subtitle[b-gtpyq8sz58] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-blog-status[b-gtpyq8sz58] {
    margin-bottom: 1rem;
}

.admin-blog-loading[b-gtpyq8sz58] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-blog-card[b-gtpyq8sz58] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.admin-blog-section-title[b-gtpyq8sz58] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

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

.admin-blog-span-2[b-gtpyq8sz58] {
    grid-column: 1 / -1;
}

.admin-blog-checks[b-gtpyq8sz58] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    justify-content: flex-end;
    padding-bottom: 0.2rem;
}

.admin-blog-form-actions[b-gtpyq8sz58] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.admin-blog-layout[b-gtpyq8sz58] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.admin-blog-table[b-gtpyq8sz58] {
    margin-bottom: 0;
    color: inherit;
}

.admin-blog-table th[b-gtpyq8sz58] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.admin-blog-row[b-gtpyq8sz58] {
    cursor: pointer;
}

.admin-blog-row:hover[b-gtpyq8sz58],
.admin-blog-row.selected[b-gtpyq8sz58] {
    background: rgba(var(--accent-rgb), 0.1);
}

.admin-blog-badge[b-gtpyq8sz58] {
    display: inline-block;
    margin-right: 0.35rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    background: rgba(var(--accent-rgb), 0.12);
    color: var(--accent-fg-on-tint);
}

@media (max-width: 960px) {
    .admin-blog-layout[b-gtpyq8sz58],
    .admin-blog-form-grid[b-gtpyq8sz58] {
        grid-template-columns: 1fr;
    }

    .admin-blog-header[b-gtpyq8sz58] {
        flex-direction: column;
    }
}
/* /Pages/AdminBulkUpload.razor.rz.scp.css */
.admin-bulk-page[b-h6s2tuiy26] {
    width: 100%;
    max-width: none;
}

.admin-bulk-header[b-h6s2tuiy26] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-bulk-title[b-h6s2tuiy26] {
    margin-bottom: 0.35rem;
}

.admin-bulk-subtitle[b-h6s2tuiy26],
.admin-bulk-empty[b-h6s2tuiy26],
.admin-bulk-browser-user[b-h6s2tuiy26] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.admin-bulk-status[b-h6s2tuiy26] {
    margin-bottom: 1rem;
}

.admin-bulk-loading[b-h6s2tuiy26] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-bulk-confirm-banner[b-h6s2tuiy26] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.admin-bulk-confirm-actions[b-h6s2tuiy26] {
    display: flex;
    gap: 0.5rem;
}

.admin-bulk-card[b-h6s2tuiy26] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.admin-bulk-browser-card[b-h6s2tuiy26] {
    margin-bottom: 0;
}

.admin-bulk-browser-actions[b-h6s2tuiy26] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
}

.admin-bulk-zip-progress[b-h6s2tuiy26] {
    margin: 0 0 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: rgba(59, 130, 246, 0.08);
}

.admin-bulk-zip-progress-meta[b-h6s2tuiy26] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.45rem;
}

.admin-bulk-zip-progress-title[b-h6s2tuiy26] {
    font-weight: 600;
    font-size: 0.92rem;
}

.admin-bulk-zip-progress-pct[b-h6s2tuiy26] {
    font-variant-numeric: tabular-nums;
    color: var(--muted);
    font-size: 0.9rem;
}

.admin-bulk-zip-progress-bar[b-h6s2tuiy26] {
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
}

.admin-bulk-zip-progress-detail[b-h6s2tuiy26] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-top: 0.45rem;
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-bulk-zip-current[b-h6s2tuiy26] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.admin-bulk-section-title[b-h6s2tuiy26] {
    font-size: 1rem;
    margin-bottom: 0.35rem;
}

.admin-bulk-card-header[b-h6s2tuiy26] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.admin-bulk-browser-header[b-h6s2tuiy26] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.admin-bulk-upload-list[b-h6s2tuiy26] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.admin-bulk-upload-item[b-h6s2tuiy26] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
    color: inherit;
}

.admin-bulk-upload-item.selected[b-h6s2tuiy26] {
    border-color: rgba(var(--accent-rgb), 0.55);
    background: rgba(59, 130, 246, 0.12);
}

.admin-bulk-upload-item.in-progress[b-h6s2tuiy26] {
    border-color: rgba(var(--accent-rgb), 0.35);
}

.admin-bulk-upload-item-body[b-h6s2tuiy26] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.admin-bulk-upload-item-row[b-h6s2tuiy26] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.admin-bulk-upload-item-main[b-h6s2tuiy26] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.admin-bulk-upload-item-side[b-h6s2tuiy26] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    flex-shrink: 0;
}

.admin-bulk-upload-item-name[b-h6s2tuiy26] {
    font-weight: 600;
}

.admin-bulk-upload-item-meta[b-h6s2tuiy26],
.admin-bulk-upload-item-date[b-h6s2tuiy26],
.admin-bulk-entry-size[b-h6s2tuiy26],
.admin-bulk-entry-date[b-h6s2tuiy26],
.admin-bulk-progress-label[b-h6s2tuiy26] {
    color: var(--muted);
    font-size: 0.88rem;
}

.admin-bulk-upload-item-badge[b-h6s2tuiy26] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.admin-bulk-upload-item-badge.badge-progress[b-h6s2tuiy26] {
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.18);
    border: 1px solid rgba(59, 130, 246, 0.35);
}

.admin-bulk-upload-item-badge.badge-complete[b-h6s2tuiy26] {
    color: #86efac;
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.admin-bulk-progress[b-h6s2tuiy26] {
    height: 0.35rem;
    border-radius: 999px;
    background: var(--surface-faint);
    overflow: hidden;
}

.admin-bulk-progress-bar[b-h6s2tuiy26] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent, #60a5fa), #93c5fd);
    transition: width 0.25s ease;
}

.admin-bulk-progress-label[b-h6s2tuiy26] {
    align-self: flex-end;
}

.admin-bulk-breadcrumbs[b-h6s2tuiy26] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 1rem;
}

.admin-bulk-crumb[b-h6s2tuiy26] {
    border: none;
    background: transparent;
    color: #93c5fd;
    padding: 0;
    font-size: 0.9rem;
}

.admin-bulk-crumb-separator[b-h6s2tuiy26] {
    color: var(--muted);
}

.admin-bulk-entry-table[b-h6s2tuiy26] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-bulk-entry-row[b-h6s2tuiy26] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) 0.8fr 1fr 1.2fr;
    gap: 0.75rem;
    align-items: center;
    padding: 0.7rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.admin-bulk-entry-header[b-h6s2tuiy26] {
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted);
    background: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0;
}

.admin-bulk-entry-link[b-h6s2tuiy26] {
    border: none;
    background: transparent;
    color: inherit;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    text-align: left;
}

.admin-bulk-entry-file[b-h6s2tuiy26] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.admin-bulk-entry-actions[b-h6s2tuiy26] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

@media (max-width: 768px) {
    .admin-bulk-entry-row[b-h6s2tuiy26] {
        grid-template-columns: 1fr;
    }

    .admin-bulk-entry-header[b-h6s2tuiy26] {
        display: none;
    }
}
/* /Pages/AdminChannelTypes.razor.rz.scp.css */
.admin-channeltypes-page[b-hrw4x3zgzc] {
    width: 100%;
    max-width: 960px;
}

.admin-channeltypes-header[b-hrw4x3zgzc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-channeltypes-title[b-hrw4x3zgzc] {
    margin-bottom: 0.35rem;
}

.admin-channeltypes-subtitle[b-hrw4x3zgzc] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-channeltypes-status[b-hrw4x3zgzc] {
    margin-bottom: 1rem;
}

.admin-channeltypes-loading[b-hrw4x3zgzc] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-channeltypes-card[b-hrw4x3zgzc] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.admin-channeltypes-section-title[b-hrw4x3zgzc] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.admin-channeltypes-explainer-list[b-hrw4x3zgzc] {
    margin: 0;
    padding-left: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.admin-channeltypes-explainer-list code[b-hrw4x3zgzc] {
    color: var(--accent-fg-on-tint);
    background: rgba(var(--accent-rgb), 0.12);
    border-radius: 4px;
    padding: 0 0.25rem;
}

.admin-channeltypes-form[b-hrw4x3zgzc] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
}

.admin-channeltypes-field[b-hrw4x3zgzc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 12rem;
}

.admin-channeltypes-field-wide[b-hrw4x3zgzc] {
    flex: 1 1 22rem;
}

.admin-channeltypes-label[b-hrw4x3zgzc] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--muted);
}

.admin-channeltypes-hint[b-hrw4x3zgzc] {
    font-size: 0.76rem;
    color: var(--muted);
    max-width: 22rem;
}

.admin-channeltypes-check[b-hrw4x3zgzc] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.admin-channeltypes-inline-error[b-hrw4x3zgzc] {
    margin: 0.5rem 0 0;
    font-size: 0.85rem;
    color: var(--danger, #b3261e);
}

.admin-channeltypes-list[b-hrw4x3zgzc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-channeltypes-item[b-hrw4x3zgzc] {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.7rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.admin-channeltypes-item.is-system[b-hrw4x3zgzc] {
    background: rgba(var(--accent-rgb), 0.06);
}

.admin-channeltypes-item-main[b-hrw4x3zgzc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.admin-channeltypes-name[b-hrw4x3zgzc] {
    font-weight: 600;
}

.admin-channeltypes-kind[b-hrw4x3zgzc],
.admin-channeltypes-count[b-hrw4x3zgzc] {
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-channeltypes-flag[b-hrw4x3zgzc],
.admin-channeltypes-system-badge[b-hrw4x3zgzc] {
    display: inline-block;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    background: rgba(var(--accent-rgb), 0.12);
    color: var(--accent-fg-on-tint);
}

.admin-channeltypes-template[b-hrw4x3zgzc] {
    font-size: 0.8rem;
    color: var(--muted);
    word-break: break-all;
}

.admin-channeltypes-note[b-hrw4x3zgzc] {
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-channeltypes-actions[b-hrw4x3zgzc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.admin-channeltypes-confirm[b-hrw4x3zgzc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    border-radius: 10px;
    padding: 0.65rem 0.8rem;
    font-size: 0.9rem;
}

@media (max-width: 720px) {
    .admin-channeltypes-header[b-hrw4x3zgzc] {
        flex-direction: column;
    }

    .admin-channeltypes-form[b-hrw4x3zgzc] {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-channeltypes-field[b-hrw4x3zgzc] {
        min-width: 0;
    }
}
/* /Pages/AdminConfig.razor.rz.scp.css */
.admin-config-page[b-5jcb4fnnvj] {
    width: 100%;
    max-width: none;
}

.admin-config-header[b-5jcb4fnnvj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-config-title[b-5jcb4fnnvj] {
    margin-bottom: 0.35rem;
}

.admin-config-subtitle[b-5jcb4fnnvj] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-config-status[b-5jcb4fnnvj] {
    margin-bottom: 1rem;
}

.admin-config-loading[b-5jcb4fnnvj] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-config-card[b-5jcb4fnnvj] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.admin-config-card-header[b-5jcb4fnnvj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.admin-config-section-title[b-5jcb4fnnvj] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.admin-config-section-intro[b-5jcb4fnnvj],
.admin-config-empty[b-5jcb4fnnvj],
.admin-config-hint[b-5jcb4fnnvj] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.admin-config-section-intro[b-5jcb4fnnvj] {
    margin-bottom: 1rem;
}

.admin-config-hint[b-5jcb4fnnvj] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
}

.admin-config-grid[b-5jcb4fnnvj] {
    display: grid;
    gap: 1rem;
}

@media (min-width: 768px) {
    .admin-config-grid--two[b-5jcb4fnnvj] {
        grid-template-columns: 1fr 1fr;
    }
}

.admin-config-versions[b-5jcb4fnnvj] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.admin-config-version-item[b-5jcb4fnnvj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.admin-config-version-label[b-5jcb4fnnvj] {
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.admin-config-version-value[b-5jcb4fnnvj] {
    padding: 0.35rem 0.65rem;
    border-radius: 10px;
    background: var(--surface-alt);
    border: 1px solid var(--border);
    font-size: 0.9rem;
}

.admin-config-health[b-5jcb4fnnvj] {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.admin-config-health.is-ok[b-5jcb4fnnvj] {
    color: var(--success, #3d9a6a);
}

.admin-config-health.is-down[b-5jcb4fnnvj] {
    color: var(--danger, #c44747);
}

.admin-config-health.is-unknown[b-5jcb4fnnvj] {
    color: var(--muted);
}

.admin-config-field[b-5jcb4fnnvj] {
    margin-bottom: 1rem;
}

.admin-config-field:last-child[b-5jcb4fnnvj] {
    margin-bottom: 0;
}

.admin-config-field-label[b-5jcb4fnnvj] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
    color: var(--text);
}

.admin-config-add-row[b-5jcb4fnnvj] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.85rem;
}

.admin-config-chip-list[b-5jcb4fnnvj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.admin-config-chip[b-5jcb4fnnvj] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--border-strong);
    background: var(--accent-soft);
    color: var(--accent-fg-on-tint);
    font-size: 0.85rem;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.admin-config-chip:hover:not(:disabled)[b-5jcb4fnnvj] {
    border-color: rgba(239, 68, 68, 0.45);
    background: rgba(239, 68, 68, 0.12);
}

.admin-config-chip:disabled[b-5jcb4fnnvj] {
    opacity: 0.6;
    cursor: not-allowed;
}

.admin-config-actions[b-5jcb4fnnvj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.admin-config-empty-state[b-5jcb4fnnvj] {
    text-align: center;
    padding: 1rem 0.5rem;
    margin-bottom: 0.85rem;
}

.admin-config-empty-title[b-5jcb4fnnvj] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.admin-config-switch-row[b-5jcb4fnnvj] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.admin-config-switch-body[b-5jcb4fnnvj] {
    flex: 1;
    min-width: 0;
}

.admin-config-switch-label[b-5jcb4fnnvj] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.2rem;
}

.admin-config-table-wrap[b-5jcb4fnnvj] {
    margin-bottom: 0.85rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    overflow: hidden;
}

.admin-config-table-wrap .table[b-5jcb4fnnvj] {
    margin-bottom: 0;
}

.admin-config-table-wrap .table > :not(caption) > * > *[b-5jcb4fnnvj] {
    border-color: var(--border-faint);
}

.admin-config-add-form[b-5jcb4fnnvj] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

@media (min-width: 768px) {
    .admin-config-add-form[b-5jcb4fnnvj] {
        grid-template-columns: 1fr 0.75fr 1.25fr auto;
        align-items: end;
    }

    .admin-config-add-form .admin-config-add-form-action[b-5jcb4fnnvj] {
        align-self: end;
    }
}

.admin-config-add-form-field label[b-5jcb4fnnvj] {
    display: block;
    font-size: 0.78rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.admin-config-collapsible[b-5jcb4fnnvj] {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--border-faint);
}

.admin-config-collapsible-summary[b-5jcb4fnnvj] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
    font-size: 0.92rem;
    list-style-position: outside;
}

.admin-config-collapsible-summary:hover[b-5jcb4fnnvj] {
    color: var(--text);
}

.admin-config-collapsible-body[b-5jcb4fnnvj] {
    margin-top: 0.85rem;
}

.admin-config-import-row[b-5jcb4fnnvj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.admin-config-import-message[b-5jcb4fnnvj] {
    margin-top: 0.65rem;
    font-size: 0.9rem;
}

.admin-config-import-message.is-error[b-5jcb4fnnvj] {
    color: #f87171;
}

.admin-config-import-message.is-success[b-5jcb4fnnvj] {
    color: #4ade80;
}

.admin-config-file-name[b-5jcb4fnnvj] {
    color: var(--muted);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .admin-config-add-row[b-5jcb4fnnvj] {
        grid-template-columns: 1fr;
    }

    .admin-config-add-form[b-5jcb4fnnvj] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AdminFeatureAnnouncements.razor.rz.scp.css */
.admin-features-page[b-kmw67s9gp2] {
    width: 100%;
    max-width: none;
}

.admin-features-header[b-kmw67s9gp2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-features-title[b-kmw67s9gp2] {
    margin-bottom: 0.35rem;
}

.admin-features-subtitle[b-kmw67s9gp2] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-features-status[b-kmw67s9gp2] {
    margin-bottom: 1rem;
}

.admin-features-loading[b-kmw67s9gp2] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-features-card[b-kmw67s9gp2] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.admin-features-section-title[b-kmw67s9gp2] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

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

.admin-features-span-2[b-kmw67s9gp2] {
    grid-column: 1 / -1;
}

.admin-features-checks[b-kmw67s9gp2] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    justify-content: flex-end;
    padding-bottom: 0.2rem;
}

.admin-features-form-actions[b-kmw67s9gp2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.admin-features-layout[b-kmw67s9gp2] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.admin-features-table[b-kmw67s9gp2] {
    margin-bottom: 0;
    color: inherit;
}

.admin-features-table th[b-kmw67s9gp2] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.admin-features-row[b-kmw67s9gp2] {
    cursor: pointer;
}

.admin-features-row:hover[b-kmw67s9gp2],
.admin-features-row.selected[b-kmw67s9gp2] {
    background: rgba(var(--accent-rgb), 0.1);
}

.admin-features-badge[b-kmw67s9gp2] {
    display: inline-block;
    margin-right: 0.35rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    background: rgba(var(--accent-rgb), 0.12);
    color: var(--accent-fg-on-tint);
}

@media (max-width: 960px) {
    .admin-features-layout[b-kmw67s9gp2],
    .admin-features-form-grid[b-kmw67s9gp2] {
        grid-template-columns: 1fr;
    }

    .admin-features-header[b-kmw67s9gp2] {
        flex-direction: column;
    }
}
/* /Pages/AdminFeedback.razor.rz.scp.css */
.admin-feedback-page[b-q1n5yknqi8] {
    width: 100%;
    max-width: none;
}

.admin-feedback-header[b-q1n5yknqi8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-feedback-title[b-q1n5yknqi8] {
    margin-bottom: 0.35rem;
}

.admin-feedback-subtitle[b-q1n5yknqi8] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-feedback-status[b-q1n5yknqi8] {
    margin-bottom: 1rem;
}

.admin-feedback-loading[b-q1n5yknqi8] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-feedback-card[b-q1n5yknqi8] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.admin-feedback-section-title[b-q1n5yknqi8] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.admin-feedback-filters[b-q1n5yknqi8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: flex-end;
}

.admin-feedback-filters > div[b-q1n5yknqi8] {
    min-width: 10rem;
}

.admin-feedback-filter-actions[b-q1n5yknqi8] {
    padding-bottom: 0.1rem;
}

.admin-feedback-layout[b-q1n5yknqi8] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.admin-feedback-table[b-q1n5yknqi8] {
    margin-bottom: 0;
    color: inherit;
}

.admin-feedback-table th[b-q1n5yknqi8] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.admin-feedback-row[b-q1n5yknqi8] {
    cursor: pointer;
}

.admin-feedback-row:hover[b-q1n5yknqi8],
.admin-feedback-row.selected[b-q1n5yknqi8] {
    background: rgba(var(--accent-rgb), 0.1);
}

.admin-feedback-detail-meta[b-q1n5yknqi8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.admin-feedback-body[b-q1n5yknqi8] {
    white-space: pre-wrap;
    line-height: 1.5;
    font-size: 0.95rem;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: rgba(15, 23, 42, 0.25);
}

.admin-feedback-context[b-q1n5yknqi8] {
    display: grid;
    grid-template-columns: minmax(6rem, auto) minmax(0, 1fr);
    gap: 0.2rem 0.75rem;
    margin: 0;
    font-size: 0.85rem;
}

.admin-feedback-context dt[b-q1n5yknqi8] {
    color: var(--muted);
    font-weight: 600;
}

.admin-feedback-context dd[b-q1n5yknqi8] {
    margin: 0;
    word-break: break-word;
}

.admin-feedback-form-actions[b-q1n5yknqi8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.feedback-status-pill[b-q1n5yknqi8] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    border: 1px solid var(--border);
}

.feedback-status-new[b-q1n5yknqi8] {
    background: rgba(var(--accent-rgb), 0.12);
    border-color: rgba(var(--accent-rgb), 0.35);
    color: var(--accent-fg-on-tint);
}

.feedback-status-acknowledged[b-q1n5yknqi8] {
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.35);
    color: #fde68a;
}

.feedback-status-done[b-q1n5yknqi8] {
    background: rgba(74, 222, 128, 0.12);
    border-color: rgba(74, 222, 128, 0.35);
    color: #bbf7d0;
}

.feedback-status-declined[b-q1n5yknqi8] {
    background: rgba(248, 113, 113, 0.12);
    border-color: rgba(248, 113, 113, 0.35);
    color: #fecaca;
}

@media (max-width: 960px) {
    .admin-feedback-layout[b-q1n5yknqi8] {
        grid-template-columns: 1fr;
    }

    .admin-feedback-header[b-q1n5yknqi8] {
        flex-direction: column;
    }
}
/* /Pages/AdminHumanScenes.razor.rz.scp.css */
.admin-hs-page[b-6cr175ljqr] {
    width: 100%;
    max-width: none;
}

.admin-hs-header[b-6cr175ljqr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-hs-title[b-6cr175ljqr] {
    margin-bottom: 0.35rem;
}

.admin-hs-subtitle[b-6cr175ljqr] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-hs-stat-grid[b-6cr175ljqr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.admin-hs-stat[b-6cr175ljqr] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: color-mix(in srgb, var(--surface) 88%, var(--border));
}

.admin-hs-stat-label[b-6cr175ljqr] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted);
    font-weight: 600;
}

.admin-hs-stat-value[b-6cr175ljqr] {
    font-size: 1.15rem;
    font-weight: 650;
}

.admin-hs-limits-grid[b-6cr175ljqr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.65rem 1rem;
}

.admin-hs-hint[b-6cr175ljqr] {
    color: var(--muted);
    font-size: 0.88rem;
}

.admin-hs-status[b-6cr175ljqr] {
    margin-bottom: 1rem;
}

.admin-hs-loading[b-6cr175ljqr] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-hs-card[b-6cr175ljqr] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.admin-hs-section-title[b-6cr175ljqr] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.admin-hs-subheading[b-6cr175ljqr] {
    font-size: 1rem;
    margin-bottom: 0.65rem;
}

.admin-hs-form-grid[b-6cr175ljqr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
}

.admin-hs-span-2[b-6cr175ljqr] {
    grid-column: 1 / -1;
}

.admin-hs-checks[b-6cr175ljqr] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    justify-content: flex-end;
    padding-bottom: 0.2rem;
}

.admin-hs-form-actions[b-6cr175ljqr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.admin-hs-layout[b-6cr175ljqr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    gap: 1rem;
    align-items: start;
}

.admin-hs-table[b-6cr175ljqr] {
    margin-bottom: 0;
    color: inherit;
}

.admin-hs-table th[b-6cr175ljqr] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.admin-hs-row[b-6cr175ljqr] {
    cursor: pointer;
}

.admin-hs-row:hover[b-6cr175ljqr],
.admin-hs-row.selected[b-6cr175ljqr] {
    background: rgba(var(--accent-rgb), 0.1);
}

.admin-hs-manifest[b-6cr175ljqr] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
}

.admin-hs-divider[b-6cr175ljqr] {
    border-color: var(--border);
    opacity: 1;
    margin: 1.1rem 0;
}

.admin-hs-file[b-6cr175ljqr] {
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-hs-file-meta[b-6cr175ljqr] {
    margin-top: 0.35rem;
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-hs-upload[b-6cr175ljqr] {
    margin-top: 0.25rem;
}

@media (max-width: 960px) {
    .admin-hs-layout[b-6cr175ljqr],
    .admin-hs-form-grid[b-6cr175ljqr] {
        grid-template-columns: 1fr;
    }

    .admin-hs-header[b-6cr175ljqr] {
        flex-direction: column;
    }
}
/* /Pages/AdminInviteRules.razor.rz.scp.css */
.admin-invite-rules-page[b-9l5g1anfjg] {
    max-width: 960px;
}

.admin-invite-rules-header[b-9l5g1anfjg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-invite-rules-title[b-9l5g1anfjg] {
    margin-bottom: 0.35rem;
}

.admin-invite-rules-subtitle[b-9l5g1anfjg] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-invite-rules-status[b-9l5g1anfjg] {
    margin-bottom: 1rem;
}

.admin-invite-rules-loading[b-9l5g1anfjg] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-invite-rules-card[b-9l5g1anfjg] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.admin-invite-rules-section-title[b-9l5g1anfjg] {
    font-size: 1.1rem;
    margin-bottom: 0.85rem;
}

.admin-invite-rules-form-grid[b-9l5g1anfjg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
}

.admin-invite-rules-form-full[b-9l5g1anfjg] {
    grid-column: 1 / -1;
}

.admin-invite-rules-form-check[b-9l5g1anfjg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 1.6rem;
}

.admin-invite-rules-form-actions[b-9l5g1anfjg] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.admin-invite-rules-condition-row[b-9l5g1anfjg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.admin-invite-rules-condition-op[b-9l5g1anfjg] {
    flex: 0 0 auto;
    font-weight: 600;
}

.admin-invite-rules-condition-value[b-9l5g1anfjg] {
    max-width: 6rem;
}

.admin-invite-rules-table[b-9l5g1anfjg] {
    margin-bottom: 0;
    color: inherit;
}

.admin-invite-rules-actions[b-9l5g1anfjg] {
    text-align: right;
    white-space: nowrap;
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

@media (max-width: 720px) {
    .admin-invite-rules-form-grid[b-9l5g1anfjg] {
        grid-template-columns: 1fr;
    }

    .admin-invite-rules-form-check[b-9l5g1anfjg] {
        padding-top: 0.25rem;
    }
}
/* /Pages/AdminMetrics.razor.rz.scp.css */
.admin-metrics-header[b-jghpf6i2kq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.admin-metrics-title[b-jghpf6i2kq] {
    font-size: 1.6rem;
    margin: 0;
}

.admin-metrics-subtitle[b-jghpf6i2kq] {
    color: var(--muted);
    margin: 0.2rem 0 0;
}

.admin-metrics-status[b-jghpf6i2kq] {
    margin-bottom: 1rem;
}

.admin-metrics-section[b-jghpf6i2kq] {
    margin-bottom: 1.75rem;
}

.admin-metrics-range[b-jghpf6i2kq] {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.admin-metrics-charts[b-jghpf6i2kq] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 992px) {
    .admin-metrics-charts[b-jghpf6i2kq] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.admin-metrics-heading[b-jghpf6i2kq] {
    font-size: 1.15rem;
    margin-bottom: 0.6rem;
}

.admin-metrics-section-header[b-jghpf6i2kq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
    flex-wrap: wrap;
}

.admin-metrics-hint[b-jghpf6i2kq] {
    color: var(--muted);
    font-size: 0.88rem;
    margin: 0 0 0.75rem;
}

.admin-metrics-version[b-jghpf6i2kq] {
    font-size: 0.85rem;
}

.admin-metrics-row-outdated td[b-jghpf6i2kq] {
    background: rgba(184, 134, 11, 0.08);
}

.admin-metrics-empty[b-jghpf6i2kq] {
    color: var(--muted);
    font-size: 0.9rem;
    padding: 0.75rem 0;
}

.admin-metrics-table[b-jghpf6i2kq] {
    font-size: 0.85rem;
}

.admin-metrics-method[b-jghpf6i2kq] {
    font-family: var(--bs-font-monospace, monospace);
    font-weight: 600;
    font-size: 0.78rem;
}

.admin-metrics-route[b-jghpf6i2kq] {
    font-family: var(--bs-font-monospace, monospace);
    word-break: break-all;
}

.admin-metrics-warn[b-jghpf6i2kq] {
    color: #b8860b;
    font-weight: 600;
}

.admin-metrics-danger[b-jghpf6i2kq] {
    color: #d64545;
    font-weight: 600;
}

.admin-metrics-filters[b-jghpf6i2kq] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 0.8rem;
}

.admin-metrics-filters label[b-jghpf6i2kq] {
    display: flex;
    flex-direction: column;
    font-size: 0.78rem;
    color: var(--muted);
    gap: 0.2rem;
}

.admin-metrics-filters input[b-jghpf6i2kq],
.admin-metrics-filters select[b-jghpf6i2kq] {
    min-width: 7rem;
}

.admin-metrics-pager[b-jghpf6i2kq] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 0.6rem;
    font-size: 0.85rem;
    color: var(--muted);
}
/* /Pages/AdminPackages.razor.rz.scp.css */
.admin-packages-page[b-6like6fy2f] {
    max-width: 1200px;
}

.admin-packages-header[b-6like6fy2f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.admin-packages-header-actions[b-6like6fy2f] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.admin-packages-title[b-6like6fy2f] {
    margin: 0;
    font-size: 1.5rem;
}

.admin-packages-subtitle[b-6like6fy2f] {
    margin: 0.25rem 0 0;
    color: var(--text-muted, #9aa0a6);
    max-width: 40rem;
}

.admin-packages-card[b-6like6fy2f] {
    background: var(--surface, var(--surface-alt));
    border: 1px solid var(--border, var(--border));
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
}

.admin-packages-card-header[b-6like6fy2f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.25rem;
}

.admin-packages-search[b-6like6fy2f] {
    max-width: 16rem;
}

.admin-packages-matrix-wrap[b-6like6fy2f] {
    overflow: auto;
    max-height: min(70vh, 40rem);
    border: 1px solid var(--border, var(--border));
    border-radius: 0.5rem;
}

.admin-packages-matrix[b-6like6fy2f] {
    margin: 0;
    min-width: 32rem;
}

.admin-packages-matrix thead th[b-6like6fy2f] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--surface-elevated, #1a1d23);
    border-bottom: 1px solid var(--border, var(--border-strong));
    font-weight: 600;
    font-size: 0.8rem;
    white-space: nowrap;
}

.admin-packages-col-category[b-6like6fy2f] {
    min-width: 8rem;
    left: 0;
    z-index: 3;
}

.admin-packages-col-feature[b-6like6fy2f] {
    min-width: 14rem;
}

.admin-packages-col-pkg[b-6like6fy2f] {
    min-width: 5.5rem;
}

.admin-packages-pkg-head[b-6like6fy2f] {
    font-weight: 600;
}

.admin-packages-category-cell[b-6like6fy2f] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--surface, #14171c);
    vertical-align: middle;
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-muted, #9aa0a6);
    border-right: 1px solid var(--border, var(--border));
    white-space: nowrap;
    padding-right: 0.75rem !important;
}

.admin-packages-feature-cell[b-6like6fy2f] {
    min-width: 14rem;
}

.admin-packages-feature-name[b-6like6fy2f] {
    font-weight: 500;
}

.admin-packages-feature-desc[b-6like6fy2f] {
    font-size: 0.75rem;
    color: var(--text-muted, #9aa0a6);
    margin-top: 0.15rem;
}

.admin-packages-feature-id[b-6like6fy2f] {
    font-size: 0.7rem;
    font-family: ui-monospace, monospace;
    color: var(--text-muted, #6c7280);
    margin-top: 0.1rem;
}

.admin-packages-toggle-cell[b-6like6fy2f] {
    vertical-align: middle;
}

.admin-packages-toggle[b-6like6fy2f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
}

.admin-packages-toggle input[b-6like6fy2f] {
    width: 1.15rem;
    height: 1.15rem;
    cursor: pointer;
    accent-color: var(--bs-primary, #6ea8fe);
}

.admin-packages-settings-list[b-6like6fy2f] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-packages-settings-row[b-6like6fy2f] {
    display: grid;
    grid-template-columns: 7rem 1fr 1.2fr 4.5rem auto auto;
    gap: 0.75rem;
    align-items: end;
    padding: 0.75rem;
    border: 1px solid var(--border, var(--border));
    border-radius: 0.5rem;
}

.admin-packages-settings-id[b-6like6fy2f] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-self: center;
}

.admin-packages-settings-actions[b-6like6fy2f] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.admin-packages-groups-label[b-6like6fy2f] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.admin-packages-create-category[b-6like6fy2f] {
    margin-bottom: 0.75rem;
}

.admin-packages-create-category-title[b-6like6fy2f] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted, #9aa0a6);
    margin-bottom: 0.35rem;
}

.admin-packages-create-features[b-6like6fy2f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
}

.admin-packages-create-feature[b-6like6fy2f] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.875rem;
    cursor: pointer;
    margin: 0;
}

@media (max-width: 900px) {
    .admin-packages-settings-row[b-6like6fy2f] {
        grid-template-columns: 1fr 1fr;
    }

    .admin-packages-settings-actions[b-6like6fy2f] {
        grid-column: 1 / -1;
    }
}
/* /Pages/AdminSkills.razor.rz.scp.css */
.admin-skills-page[b-gn8uw91jzq] {
    width: 100%;
    max-width: none;
}

.admin-skills-header[b-gn8uw91jzq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-skills-title[b-gn8uw91jzq] {
    margin-bottom: 0.35rem;
}

.admin-skills-subtitle[b-gn8uw91jzq] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-skills-status[b-gn8uw91jzq] {
    margin-bottom: 1rem;
}

.admin-skills-loading[b-gn8uw91jzq] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-skills-pending-banner[b-gn8uw91jzq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.admin-skills-confirm-banner[b-gn8uw91jzq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.admin-skills-confirm-actions[b-gn8uw91jzq] {
    display: flex;
    gap: 0.5rem;
}

.admin-skills-card[b-gn8uw91jzq] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.admin-skills-card-header[b-gn8uw91jzq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.admin-skills-section-title[b-gn8uw91jzq] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.admin-skills-section-intro[b-gn8uw91jzq],
.admin-skills-empty[b-gn8uw91jzq],
.admin-skills-empty-inline[b-gn8uw91jzq] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.admin-skills-section-intro[b-gn8uw91jzq] {
    margin-bottom: 1rem;
}

.admin-skills-empty-state[b-gn8uw91jzq] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.admin-skills-empty-title[b-gn8uw91jzq] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.admin-skills-search-row[b-gn8uw91jzq] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 1rem;
}

.admin-skills-filter-row[b-gn8uw91jzq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: -0.35rem 0 1rem;
}

.admin-skills-filter-chip[b-gn8uw91jzq] {
    border: 1px solid var(--border);
    background: var(--surface, transparent);
    color: inherit;
    border-radius: 999px;
    padding: 0.3rem 0.85rem;
    font-size: 0.875rem;
    line-height: 1.2;
    cursor: pointer;
}

.admin-skills-filter-chip.active[b-gn8uw91jzq] {
    border-color: var(--primary, #0d6efd);
    background: color-mix(in srgb, var(--primary, #0d6efd) 18%, transparent);
    font-weight: 600;
}

.admin-skills-filter-chip:disabled[b-gn8uw91jzq] {
    opacity: 0.6;
    cursor: not-allowed;
}

.admin-skills-list[b-gn8uw91jzq] {
    display: grid;
    gap: 0.75rem;
}

.admin-skills-row[b-gn8uw91jzq] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.admin-skills-row-body[b-gn8uw91jzq] {
    min-width: 0;
}

.admin-skills-row-name[b-gn8uw91jzq] {
    display: inline-block;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 0.25rem;
}

.admin-skills-row-name:hover[b-gn8uw91jzq] {
    color: #93c5fd;
}

.admin-skills-row-description[b-gn8uw91jzq] {
    margin: 0.35rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.admin-skills-row-meta[b-gn8uw91jzq] {
    margin-top: 0.45rem;
    color: var(--muted);
    font-size: 0.82rem;
}

.admin-skills-row-badges[b-gn8uw91jzq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}


.admin-skills-uncategorised-badge[b-gn8uw91jzq] {
    background: rgba(var(--accent-rgb), 0.14) !important;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    color: var(--accent-fg-on-tint) !important;
    font-weight: 600;
}

.admin-skills-count-badge[b-gn8uw91jzq] {
    background: var(--surface) !important;
    border: 1px solid var(--border-strong);
    color: var(--muted) !important;
    font-weight: 500;
}

.admin-skills-taxonomy-readonly[b-gn8uw91jzq] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.admin-skills-taxonomy-group[b-gn8uw91jzq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
}

.admin-skills-taxonomy-label[b-gn8uw91jzq] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--muted);
    margin-right: 0.15rem;
}

.admin-skills-taxonomy-badge[b-gn8uw91jzq] {
    background: var(--surface) !important;
    border: 1px solid var(--border-strong);
    color: var(--text) !important;
    font-weight: 500;
}

.admin-skills-taxonomy-name[b-gn8uw91jzq] {
    color: var(--muted);
    font-weight: 400;
}

.admin-skills-taxonomy-hint[b-gn8uw91jzq] {
    font-size: 0.8rem;
}

.admin-skills-row-actions[b-gn8uw91jzq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
    flex-shrink: 0;
}

.admin-skills-pagination[b-gn8uw91jzq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-faint);
}

.admin-skills-pagination-info[b-gn8uw91jzq] {
    color: var(--muted);
    font-size: 0.88rem;
}

.admin-skills-pagination-controls[b-gn8uw91jzq] {
    display: flex;
    gap: 0.5rem;
}

.admin-skills-form-card[b-gn8uw91jzq] {
    border-color: rgba(var(--accent-rgb), 0.2);
}

.admin-skills-form-card.editing[b-gn8uw91jzq] {
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.04);
}

.admin-skills-form-grid[b-gn8uw91jzq] {
    display: grid;
    gap: 1rem;
}

.admin-skills-form-field label[b-gn8uw91jzq] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    margin-bottom: 0.35rem;
    font-weight: 600;
}

.admin-skills-videos[b-gn8uw91jzq] {
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.admin-skills-video-tags[b-gn8uw91jzq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.admin-skills-video-list[b-gn8uw91jzq] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.admin-skills-video-item[b-gn8uw91jzq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.admin-skills-video-url[b-gn8uw91jzq] {
    font-weight: 600;
    font-size: 0.9rem;
    word-break: break-all;
}

.admin-skills-attributes[b-gn8uw91jzq] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.admin-skills-attribute-label[b-gn8uw91jzq] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
    font-weight: 600;
}

.admin-skills-attribute-options[b-gn8uw91jzq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.admin-skills-form-actions[b-gn8uw91jzq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.admin-skills-import-card[b-gn8uw91jzq] {
    margin-top: 0.25rem;
}

.admin-skills-import-summary[b-gn8uw91jzq] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.admin-skills-import-summary:hover[b-gn8uw91jzq] {
    color: var(--text);
}

.admin-skills-import-body[b-gn8uw91jzq] {
    margin-top: 1rem;
    display: grid;
    gap: 0.85rem;
}

.admin-skills-import-row[b-gn8uw91jzq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.admin-skills-import-message[b-gn8uw91jzq] {
    margin-top: 0;
    font-size: 0.9rem;
}

.admin-skills-pending-list[b-gn8uw91jzq] {
    display: grid;
    gap: 0.75rem;
}

.admin-skills-pending-row[b-gn8uw91jzq] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 0.85rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.admin-skills-pending-row:last-child[b-gn8uw91jzq] {
    border-bottom: none;
    padding-bottom: 0;
}

.admin-skills-pending-body[b-gn8uw91jzq] {
    min-width: 0;
}

.admin-skills-pending-name[b-gn8uw91jzq] {
    font-weight: 700;
    color: var(--text);
}

.admin-skills-pending-meta[b-gn8uw91jzq] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    margin-top: 0.2rem;
}

.admin-skills-pending-detail[b-gn8uw91jzq] {
    margin-top: 0.35rem;
    color: var(--text);
    font-size: 0.88rem;
    line-height: 1.4;
}

.admin-skills-pending-actions[b-gn8uw91jzq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
}

.admin-skills-submission-edit[b-gn8uw91jzq] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(var(--accent-rgb), 0.3);
    background: rgba(var(--accent-rgb), 0.06);
}

.admin-skills-submission-edit-title[b-gn8uw91jzq] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

@media (max-width: 768px) {
    .admin-skills-search-row[b-gn8uw91jzq] {
        grid-template-columns: 1fr;
    }

    .admin-skills-row[b-gn8uw91jzq],
    .admin-skills-pending-row[b-gn8uw91jzq] {
        grid-template-columns: 1fr;
    }

    .admin-skills-row-actions[b-gn8uw91jzq],
    .admin-skills-pending-actions[b-gn8uw91jzq] {
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .admin-skills-pagination[b-gn8uw91jzq] {
        flex-direction: column;
        align-items: flex-start;
    }
}

.admin-skills-human-scenes[b-gn8uw91jzq] {
    display: grid;
    gap: 0.5rem;
}

.admin-skills-human-scene-row[b-gn8uw91jzq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, 14rem);
    gap: 0.6rem;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border);
}

.admin-skills-human-scene-row:last-child[b-gn8uw91jzq] {
    border-bottom: none;
}

.admin-skills-human-scene-title[b-gn8uw91jzq] {
    font-weight: 600;
    color: var(--text);
}

.admin-skills-human-scene-sub[b-gn8uw91jzq] {
    color: var(--muted);
    font-size: 0.82rem;
}

@media (max-width: 768px) {
    .admin-skills-human-scene-row[b-gn8uw91jzq] {
        grid-template-columns: 1fr;
    }
}

.admin-skills-images[b-gn8uw91jzq] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

.admin-skills-images-title[b-gn8uw91jzq] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.admin-skills-image-error[b-gn8uw91jzq] {
    font-size: 0.85rem;
    margin: 0 0 0.5rem;
}

.admin-skills-image-row[b-gn8uw91jzq] {
    display: grid;
    grid-template-columns: 72px 1fr auto;
    gap: 0.6rem;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border);
}

.admin-skills-image-row:last-of-type[b-gn8uw91jzq] {
    border-bottom: none;
}

.admin-skills-image-thumb[b-gn8uw91jzq] {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid var(--border);
}

.admin-skills-image-thumb-placeholder[b-gn8uw91jzq] {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
}

.admin-skills-image-fields[b-gn8uw91jzq] {
    display: grid;
    gap: 0.4rem;
}

.admin-skills-image-actions[b-gn8uw91jzq] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.admin-skills-image-upload[b-gn8uw91jzq] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px dashed var(--border);
}

@media (max-width: 768px) {
    .admin-skills-image-row[b-gn8uw91jzq] {
        grid-template-columns: 1fr;
    }

    .admin-skills-image-actions[b-gn8uw91jzq] {
        justify-content: flex-start;
    }
}
/* /Pages/AdminTheme.razor.rz.scp.css */
.admin-theme-page[b-lsg2rri2y2] {
    width: 100%;
    max-width: none;
}

.admin-theme-page .form-control-color[b-lsg2rri2y2] {
    max-width: 3rem;
    padding: 0.15rem;
}
/* /Pages/AdminTicketStates.razor.rz.scp.css */
.admin-ticketstates-page[b-7a445844av] {
    width: 100%;
    max-width: 900px;
}

.admin-ticketstates-header[b-7a445844av] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-ticketstates-title[b-7a445844av] {
    margin-bottom: 0.35rem;
}

.admin-ticketstates-subtitle[b-7a445844av] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-ticketstates-status[b-7a445844av] {
    margin-bottom: 1rem;
}

.admin-ticketstates-loading[b-7a445844av] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-ticketstates-card[b-7a445844av] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.admin-ticketstates-section-title[b-7a445844av] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.admin-ticketstates-add[b-7a445844av] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.5rem;
}

.admin-ticketstates-name-input[b-7a445844av] {
    max-width: 18rem;
}

.admin-ticketstates-tone-input[b-7a445844av] {
    max-width: 10rem;
}

.admin-ticketstates-description-input[b-7a445844av] {
    max-width: 30rem;
}

.admin-ticketstates-preview-line[b-7a445844av] {
    margin: 0.6rem 0 0;
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-ticketstates-inline-error[b-7a445844av] {
    margin: 0.5rem 0 0;
    font-size: 0.85rem;
    color: var(--bs-danger);
}

.admin-ticketstates-list[b-7a445844av] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-ticketstates-item[b-7a445844av] {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.7rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-ticketstates-item.is-system[b-7a445844av] {
    background: rgba(var(--accent-rgb), 0.06);
}

.admin-ticketstates-item-main[b-7a445844av] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.admin-ticketstates-count[b-7a445844av] {
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-ticketstates-description[b-7a445844av] {
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-ticketstates-system-badge[b-7a445844av] {
    display: inline-block;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    background: rgba(var(--accent-rgb), 0.12);
    color: var(--accent-fg-on-tint);
}

.admin-ticketstates-note[b-7a445844av] {
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-ticketstates-actions[b-7a445844av] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.admin-ticketstates-confirm[b-7a445844av] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    border-radius: 10px;
    padding: 0.65rem 0.8rem;
    font-size: 0.9rem;
}

@media (max-width: 720px) {
    .admin-ticketstates-header[b-7a445844av] {
        flex-direction: column;
    }

    .admin-ticketstates-add[b-7a445844av] {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-ticketstates-name-input[b-7a445844av],
    .admin-ticketstates-tone-input[b-7a445844av],
    .admin-ticketstates-description-input[b-7a445844av] {
        max-width: none;
    }
}
/* /Pages/AdminTokenAwardRules.razor.rz.scp.css */
.admin-token-award-rules-page[b-db5r826gq1] {
    max-width: 960px;
}

.admin-token-award-rules-header[b-db5r826gq1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-token-award-rules-title[b-db5r826gq1] {
    margin-bottom: 0.35rem;
}

.admin-token-award-rules-subtitle[b-db5r826gq1] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-token-award-rules-status[b-db5r826gq1] {
    margin-bottom: 1rem;
}

.admin-token-award-rules-loading[b-db5r826gq1] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-token-award-rules-card[b-db5r826gq1] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.admin-token-award-rules-section-title[b-db5r826gq1] {
    font-size: 1.1rem;
    margin-bottom: 0.85rem;
}

.admin-token-award-rules-form-grid[b-db5r826gq1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
}

.admin-token-award-rules-form-full[b-db5r826gq1] {
    grid-column: 1 / -1;
}

.admin-token-award-rules-form-check[b-db5r826gq1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 1.6rem;
}

.admin-token-award-rules-form-actions[b-db5r826gq1] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.admin-token-award-rules-table[b-db5r826gq1] {
    margin-bottom: 0;
    color: inherit;
}

.admin-token-award-rules-actions[b-db5r826gq1] {
    text-align: right;
    white-space: nowrap;
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

@media (max-width: 720px) {
    .admin-token-award-rules-form-grid[b-db5r826gq1] {
        grid-template-columns: 1fr;
    }

    .admin-token-award-rules-form-check[b-db5r826gq1] {
        padding-top: 0.25rem;
    }
}
/* /Pages/AdminUsers.razor.rz.scp.css */
.admin-users-page[b-ptw05eknif] {
    width: 100%;
    max-width: none;
}

.admin-users-header[b-ptw05eknif] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-users-title[b-ptw05eknif] {
    margin-bottom: 0.35rem;
}

.admin-users-subtitle[b-ptw05eknif] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-users-status[b-ptw05eknif] {
    margin-bottom: 1rem;
}

.admin-users-loading[b-ptw05eknif] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-users-confirm-banner[b-ptw05eknif] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.admin-users-confirm-actions[b-ptw05eknif] {
    display: flex;
    gap: 0.5rem;
}

.admin-users-tabs[b-ptw05eknif] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.admin-users-tab[b-ptw05eknif] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.admin-users-tab.active[b-ptw05eknif] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.admin-users-tab-count[b-ptw05eknif] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.admin-users-card[b-ptw05eknif] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.admin-users-search-card[b-ptw05eknif] {
    margin-bottom: 0.85rem;
}

.admin-users-card-header[b-ptw05eknif] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.admin-users-section-title[b-ptw05eknif] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.admin-users-section-intro[b-ptw05eknif],
.admin-users-empty[b-ptw05eknif],
.admin-users-empty-inline[b-ptw05eknif] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.admin-users-section-intro[b-ptw05eknif] {
    margin-bottom: 1rem;
}

.admin-users-empty-state[b-ptw05eknif] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.admin-users-empty-title[b-ptw05eknif] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.admin-users-user-list[b-ptw05eknif] {
    display: block;
    max-height: min(70vh, 48rem);
    overflow-y: auto;
}

.admin-users-user-card[b-ptw05eknif] {
    padding: 1.1rem;
    margin-bottom: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.admin-users-user-card-expanded[b-ptw05eknif] {
    border-color: rgba(var(--accent-rgb), 0.35);
}

.admin-users-user-header[b-ptw05eknif] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.85rem;
    align-items: start;
}

.admin-users-user-card-expanded .admin-users-user-header[b-ptw05eknif] {
    margin-bottom: 1rem;
}

.admin-users-detail-loading[b-ptw05eknif] {
    margin: 0;
    color: var(--muted);
    font-size: 0.9rem;
}

.admin-users-user-identity[b-ptw05eknif] {
    min-width: 0;
}

.admin-users-user-name[b-ptw05eknif] {
    display: block;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 0.15rem;
}

.admin-users-user-name:hover[b-ptw05eknif] {
    color: #93c5fd;
}

.admin-users-user-meta[b-ptw05eknif] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-users-user-badges[b-ptw05eknif] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.admin-users-user-actions-top[b-ptw05eknif] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.admin-users-fields-grid[b-ptw05eknif] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.admin-users-field-label[b-ptw05eknif] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.3rem;
}

.admin-users-groups-label[b-ptw05eknif] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
}

.admin-users-groups-grid[b-ptw05eknif] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.admin-users-group-pill[b-ptw05eknif] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    padding: 0.5rem 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--text);
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
}

.admin-users-group-pill:hover[b-ptw05eknif] {
    border-color: rgba(var(--accent-rgb), 0.35);
}

.admin-users-group-pill.active[b-ptw05eknif] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.admin-users-group-pill input[b-ptw05eknif] {
    margin: 0;
    flex-shrink: 0;
}

.admin-users-group-pill span[b-ptw05eknif] {
    min-width: 0;
}

.admin-users-user-footer[b-ptw05eknif] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.admin-users-create-form[b-ptw05eknif] {
    display: grid;
    gap: 0.75rem;
}

@media (max-width: 640px) {
    .admin-users-user-header[b-ptw05eknif] {
        grid-template-columns: 1fr;
    }

    .admin-users-user-actions-top[b-ptw05eknif],
    .admin-users-user-footer[b-ptw05eknif] {
        align-items: flex-start;
        flex-direction: row;
    }

    .admin-users-fields-grid[b-ptw05eknif] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AdminVideoStorage.razor.rz.scp.css */
.admin-vs-header[b-d0rj1d3pb6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.admin-vs-title[b-d0rj1d3pb6] {
    font-size: 1.6rem;
    margin: 0;
}

.admin-vs-subtitle[b-d0rj1d3pb6] {
    color: var(--muted);
    margin: 0.2rem 0 0;
}

.admin-vs-status[b-d0rj1d3pb6] {
    margin-bottom: 1rem;
}

.admin-vs-section[b-d0rj1d3pb6] {
    margin-bottom: 1.75rem;
}

.admin-vs-section-header[b-d0rj1d3pb6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.admin-vs-heading[b-d0rj1d3pb6] {
    font-size: 1.15rem;
    margin-bottom: 0.6rem;
}

.admin-vs-subheading[b-d0rj1d3pb6] {
    font-size: 0.98rem;
    margin: 0 0 0.45rem;
}

.admin-vs-hint[b-d0rj1d3pb6] {
    color: var(--muted);
    font-size: 0.88rem;
    margin: 0 0 0.75rem;
}

.admin-vs-empty[b-d0rj1d3pb6] {
    color: var(--muted);
    font-size: 0.9rem;
    padding: 0.75rem 0;
}

.admin-vs-table[b-d0rj1d3pb6] {
    font-size: 0.85rem;
}

.admin-vs-muted[b-d0rj1d3pb6] {
    color: var(--muted);
}

.admin-vs-warn[b-d0rj1d3pb6] {
    color: #b8860b;
    font-weight: 600;
}

.admin-vs-danger[b-d0rj1d3pb6] {
    color: #d64545;
    font-weight: 600;
}

.admin-vs-stat-grid[b-d0rj1d3pb6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: 0.75rem;
}

.admin-vs-stat[b-d0rj1d3pb6] {
    border: 1px solid var(--border, rgba(127, 127, 127, 0.25));
    border-radius: 0.45rem;
    padding: 0.65rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.admin-vs-stat-label[b-d0rj1d3pb6] {
    font-size: 0.75rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.admin-vs-stat-value[b-d0rj1d3pb6] {
    font-size: 0.98rem;
    font-weight: 600;
}

.admin-vs-stat-note[b-d0rj1d3pb6] {
    font-size: 0.75rem;
}

.admin-vs-local-bars[b-d0rj1d3pb6] {
    display: grid;
    gap: 0.75rem;
}

.admin-vs-local-bar-card[b-d0rj1d3pb6] {
    border: 1px solid var(--border, rgba(127, 127, 127, 0.25));
    border-radius: 0.45rem;
    padding: 0.65rem 0.75rem;
}

.admin-vs-local-bar-header[b-d0rj1d3pb6] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.35rem;
    font-size: 0.88rem;
}

.admin-vs-bar[b-d0rj1d3pb6] {
    height: 0.55rem;
    border-radius: 999px;
    background: rgba(127, 127, 127, 0.18);
    overflow: hidden;
}

.admin-vs-bar-fill[b-d0rj1d3pb6] {
    height: 100%;
    border-radius: inherit;
    background: #4c8bf5;
}

.admin-vs-bar--ok .admin-vs-bar-fill[b-d0rj1d3pb6] {
    background: #22a06b;
}

.admin-vs-bar--warn .admin-vs-bar-fill[b-d0rj1d3pb6] {
    background: #e8973a;
}

.admin-vs-bar--critical .admin-vs-bar-fill[b-d0rj1d3pb6] {
    background: #d64545;
}

.admin-vs-bar--unknown .admin-vs-bar-fill[b-d0rj1d3pb6] {
    background: #8a8a8a;
    width: 0 !important;
}

.admin-vs-badge[b-d0rj1d3pb6] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.1rem 0.35rem;
    border-radius: 0.25rem;
    background: rgba(127, 127, 127, 0.15);
    margin-left: 0.25rem;
}

.admin-vs-badge--ok[b-d0rj1d3pb6] {
    background: rgba(34, 160, 107, 0.15);
    color: #1a7a52;
}

.admin-vs-badge--warn[b-d0rj1d3pb6] {
    background: rgba(232, 151, 58, 0.18);
    color: #9a6418;
}

.admin-vs-badge--danger[b-d0rj1d3pb6] {
    background: rgba(214, 69, 69, 0.15);
    color: #b03535;
}

.admin-vs-split[b-d0rj1d3pb6] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 1100px) {
    .admin-vs-split[b-d0rj1d3pb6] {
        grid-template-columns: 1fr 1fr;
    }
}

.admin-vs-actions[b-d0rj1d3pb6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.admin-vs-force[b-d0rj1d3pb6] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    margin: 0;
}

.admin-vs-mig-config[b-d0rj1d3pb6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 0.4rem 1rem;
    font-size: 0.88rem;
    margin-bottom: 0.75rem;
}

.admin-vs-confirm[b-d0rj1d3pb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    border: 1px solid rgba(232, 151, 58, 0.45);
    background: rgba(232, 151, 58, 0.08);
    border-radius: 0.45rem;
    padding: 0.65rem 0.85rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.admin-vs-confirm-actions[b-d0rj1d3pb6] {
    display: flex;
    gap: 0.4rem;
}

.admin-vs-row-actions[b-d0rj1d3pb6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    white-space: nowrap;
}

.admin-vs-details[b-d0rj1d3pb6] {
    font-size: 0.82rem;
}

.admin-vs-error[b-d0rj1d3pb6] {
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #d64545;
    font-size: 0.8rem;
}

.admin-vs-row-warn td[b-d0rj1d3pb6] {
    background: rgba(184, 134, 11, 0.08);
}

.admin-vs-skill-link[b-d0rj1d3pb6] {
    display: inline-block;
    margin-right: 0.35rem;
    font-size: 0.82rem;
}
/* /Pages/AnnouncementHandoff.razor.rz.scp.css */
.handoff-header[b-9ndiwkyd5m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.handoff-header h1[b-9ndiwkyd5m] {
    font-size: 1.5rem;
    margin: 0;
}

.handoff-muted[b-9ndiwkyd5m] {
    color: var(--muted);
    font-size: 0.92rem;
}

.handoff-progress[b-9ndiwkyd5m] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0 0 0.75rem;
}

.handoff-card[b-9ndiwkyd5m] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1rem 1.25rem;
    box-shadow: var(--shadow);
    margin-top: 1rem;
}

.handoff-list[b-9ndiwkyd5m] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.handoff-item[b-9ndiwkyd5m] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid var(--border-faint);
}

.handoff-item:last-child[b-9ndiwkyd5m] {
    border-bottom: none;
}

.handoff-item-done[b-9ndiwkyd5m] {
    background: var(--surface-faint);
}

.handoff-who[b-9ndiwkyd5m] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.handoff-name[b-9ndiwkyd5m] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.handoff-item-done .handoff-name[b-9ndiwkyd5m] {
    color: var(--muted);
}

.handoff-channel[b-9ndiwkyd5m] {
    color: var(--muted);
    font-size: 0.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.handoff-row-actions[b-9ndiwkyd5m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
}

.handoff-done-badge[b-9ndiwkyd5m] {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    color: var(--accent-fg-on-tint);
    border: 1px solid rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

@media (max-width: 640px) {
    .handoff-item[b-9ndiwkyd5m] {
        grid-template-columns: 1fr;
    }

    .handoff-row-actions[b-9ndiwkyd5m] {
        justify-content: flex-start;
    }
}
/* /Pages/AutoScheduleViolationsCard.razor.rz.scp.css */
.asv-card[b-huse9352b3] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1.5rem;
}

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

.asv-section-title[b-huse9352b3] {
    font-size: 1rem;
    margin-bottom: 0.35rem;
}

.asv-section-intro[b-huse9352b3] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
    max-width: 42rem;
}

.asv-count-badge[b-huse9352b3] {
    flex-shrink: 0;
    min-width: 2rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: rgba(239, 68, 68, 0.14);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #fca5a5;
    font-size: 0.82rem;
    font-weight: 700;
    text-align: center;
}

.asv-table-wrap[b-huse9352b3] {
    overflow-x: auto;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.asv-table[b-huse9352b3] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.asv-table thead th[b-huse9352b3] {
    padding: 0.7rem 0.9rem;
    text-align: left;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted);
    border-bottom: 1px solid var(--border);
    white-space: nowrap;
}

.asv-table tbody td[b-huse9352b3] {
    padding: 0.8rem 0.9rem;
    vertical-align: top;
    border-bottom: 1px solid var(--border-faint);
}

.asv-table tbody tr:last-child td[b-huse9352b3] {
    border-bottom: none;
}

.asv-table tbody tr:nth-child(even)[b-huse9352b3] {
    background: var(--surface-faint);
}

.asv-rule-cell[b-huse9352b3] {
    min-width: 8rem;
    font-weight: 600;
}

.asv-rule-link[b-huse9352b3] {
    display: inline;
    padding: 0;
    border: none;
    background: none;
    color: #93c5fd;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
}

.asv-rule-link:hover:not(:disabled)[b-huse9352b3] {
    color: var(--accent-fg-on-tint);
    text-decoration: underline;
}

.asv-rule-link:disabled[b-huse9352b3] {
    color: var(--muted);
    cursor: not-allowed;
}

.asv-rule-name[b-huse9352b3] {
    color: var(--text);
}

.asv-message-cell[b-huse9352b3] {
    color: var(--text);
    line-height: 1.45;
    min-width: 12rem;
}

.asv-message-link[b-huse9352b3] {
    display: inline;
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    text-decoration: underline;
    text-decoration-color: rgba(var(--accent-rgb), 0.45);
    text-underline-offset: 0.15em;
}

.asv-message-link:hover:not(:disabled)[b-huse9352b3] {
    color: var(--accent-fg-on-tint);
    text-decoration-color: currentColor;
}

.asv-message-link:disabled[b-huse9352b3] {
    color: var(--muted);
    cursor: not-allowed;
    text-decoration: none;
}

.asv-penalty-col[b-huse9352b3],
.asv-penalty-cell[b-huse9352b3] {
    text-align: right;
    white-space: nowrap;
}

.asv-penalty-cell[b-huse9352b3] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: #fca5a5;
}

@media (max-width: 640px) {
    .asv-header[b-huse9352b3] {
        flex-direction: column;
        gap: 0.65rem;
    }

    .asv-count-badge[b-huse9352b3] {
        align-self: flex-start;
    }

    .asv-table thead[b-huse9352b3] {
        display: none;
    }

    .asv-table tbody tr[b-huse9352b3] {
        display: grid;
        gap: 0.35rem;
        padding: 0.85rem 0.9rem;
        border-bottom: 1px solid var(--border-faint);
    }

    .asv-table tbody tr:last-child[b-huse9352b3] {
        border-bottom: none;
    }

    .asv-table tbody td[b-huse9352b3] {
        display: block;
        padding: 0;
        border-bottom: none;
    }

    .asv-table tbody tr:nth-child(even)[b-huse9352b3] {
        background: transparent;
    }

    .asv-penalty-cell[b-huse9352b3]::before {
        content: "Penalty: ";
        color: var(--muted);
        font-weight: 500;
    }

    .asv-message-cell[b-huse9352b3]::before {
        content: "Message: ";
        display: block;
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 0.2rem;
    }
}
/* /Pages/BulkUpload.razor.rz.scp.css */
.bulk-upload-page[b-u9h1k5hb3i] {
    width: 100%;
    max-width: none;
}

.bulk-upload-header[b-u9h1k5hb3i] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.bulk-upload-title[b-u9h1k5hb3i] {
    margin-bottom: 0.35rem;
}

.bulk-upload-subtitle[b-u9h1k5hb3i] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.bulk-upload-status[b-u9h1k5hb3i] {
    margin-bottom: 1rem;
}

.bulk-upload-loading[b-u9h1k5hb3i],
.bulk-upload-empty[b-u9h1k5hb3i] {
    color: var(--muted);
    padding: 1rem 0;
}

.bulk-upload-card[b-u9h1k5hb3i] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.bulk-upload-history-card[b-u9h1k5hb3i] {
    margin-bottom: 0;
}

.bulk-upload-section-title[b-u9h1k5hb3i] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.bulk-upload-section-intro[b-u9h1k5hb3i],
.bulk-upload-helper[b-u9h1k5hb3i],
.bulk-upload-file-hint[b-u9h1k5hb3i] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.bulk-upload-section-intro[b-u9h1k5hb3i] {
    margin-bottom: 1rem;
}

.bulk-upload-helper[b-u9h1k5hb3i] {
    margin-top: 0.85rem;
    font-size: 0.88rem;
}

.bulk-upload-active-jobs[b-u9h1k5hb3i] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-bottom: 1rem;
}

.bulk-upload-resume-banner[b-u9h1k5hb3i] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    margin-bottom: 0;
    border-radius: 16px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.bulk-upload-active-banner[b-u9h1k5hb3i] {
    border-color: rgba(var(--accent-rgb), 0.4);
    background: rgba(var(--accent-rgb), 0.1);
}

.bulk-upload-card-header[b-u9h1k5hb3i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.bulk-upload-item-active[b-u9h1k5hb3i] {
    border-color: rgba(var(--accent-rgb), 0.35);
}

.bulk-upload-item-status[b-u9h1k5hb3i] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    margin-top: 0.2rem;
}

.bulk-upload-resume-copy[b-u9h1k5hb3i] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.bulk-upload-resume-copy span[b-u9h1k5hb3i] {
    color: var(--muted);
    font-size: 0.9rem;
}

.bulk-upload-resume-hint[b-u9h1k5hb3i] {
    font-size: 0.85rem !important;
}

.bulk-upload-resume-actions[b-u9h1k5hb3i] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.bulk-upload-file-row[b-u9h1k5hb3i] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-bottom: 1rem;
}

.bulk-upload-picker-row[b-u9h1k5hb3i] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.bulk-upload-hidden-input-wrapper[b-u9h1k5hb3i] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.bulk-upload-hidden-input-wrapper[b-u9h1k5hb3i]  input[type="file"] {
    display: none;
}

.bulk-upload-choose-group[b-u9h1k5hb3i] {
    position: relative;
}

.bulk-upload-picker-dropdown[b-u9h1k5hb3i] {
    position: relative;
}

.bulk-upload-picker-caret[b-u9h1k5hb3i] {
    padding-left: 0.55rem;
    padding-right: 0.55rem;
    border-left: 1px solid var(--border-strong);
}

.bulk-upload-picker-menu[b-u9h1k5hb3i] {
    position: absolute;
    top: calc(100% + 0.35rem);
    left: 0;
    right: auto;
    z-index: 1000;
    min-width: 16rem;
    max-width: min(22rem, calc(100vw - 2rem));
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.35rem;
    border-radius: 12px;
    border: 1px solid var(--border-strong);
    background: var(--dropdown-bg);
    box-shadow: var(--shadow);
}

.bulk-upload-picker-option[b-u9h1k5hb3i] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    width: 100%;
    padding: 0.55rem 0.65rem;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    text-align: left;
    color: inherit;
}

.bulk-upload-picker-option:hover:not(:disabled):not(.disabled)[b-u9h1k5hb3i] {
    background: rgba(var(--accent-rgb), 0.12);
}

.bulk-upload-picker-option.selected[b-u9h1k5hb3i] {
    border-color: var(--accent, #6ea8fe);
    background: rgba(var(--accent-rgb), 0.18);
}

.bulk-upload-picker-option:disabled[b-u9h1k5hb3i],
.bulk-upload-picker-option.disabled[b-u9h1k5hb3i] {
    opacity: 0.65;
    cursor: not-allowed;
}

.bulk-upload-picker-option:disabled .bulk-upload-picker-option-desc[b-u9h1k5hb3i],
.bulk-upload-picker-option.disabled .bulk-upload-picker-option-desc[b-u9h1k5hb3i] {
    color: var(--muted);
}

.bulk-upload-picker-option-title[b-u9h1k5hb3i] {
    font-weight: 600;
    font-size: 0.88rem;
}

.bulk-upload-picker-option-desc[b-u9h1k5hb3i] {
    color: var(--muted);
    font-size: 0.8rem;
    line-height: 1.35;
}

.bulk-upload-picker-mode[b-u9h1k5hb3i] {
    color: var(--muted);
    font-size: 0.85rem;
}

.bulk-upload-selection[b-u9h1k5hb3i] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    align-items: baseline;
}

.bulk-upload-folder-name[b-u9h1k5hb3i] {
    font-weight: 600;
}

.bulk-upload-file-stats[b-u9h1k5hb3i],
.bulk-upload-item-meta[b-u9h1k5hb3i],
.bulk-upload-item-date[b-u9h1k5hb3i] {
    color: var(--muted);
    font-size: 0.88rem;
}

.bulk-upload-action-row[b-u9h1k5hb3i] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.bulk-upload-auto-resume[b-u9h1k5hb3i] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    color: var(--muted);
    font-size: 0.88rem;
    user-select: none;
    cursor: pointer;
}

.bulk-upload-auto-resume .form-check-input[b-u9h1k5hb3i] {
    margin: 0;
    cursor: pointer;
}

.bulk-upload-auto-resume .form-check-label[b-u9h1k5hb3i] {
    cursor: pointer;
}

.bulk-upload-list[b-u9h1k5hb3i] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.bulk-upload-item[b-u9h1k5hb3i] {
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.bulk-upload-item-body[b-u9h1k5hb3i] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.bulk-upload-item-row[b-u9h1k5hb3i] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.bulk-upload-item-main[b-u9h1k5hb3i] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.bulk-upload-item-name[b-u9h1k5hb3i] {
    font-weight: 600;
}

.bulk-upload-item-side[b-u9h1k5hb3i] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    flex-shrink: 0;
}

.bulk-upload-item-badge[b-u9h1k5hb3i] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--accent, #6ea8fe);
}

.bulk-upload-progress[b-u9h1k5hb3i] {
    height: 0.35rem;
    border-radius: 999px;
    background: var(--surface-faint);
    overflow: hidden;
    width: 100%;
    max-width: 28rem;
}

.bulk-upload-progress-bar[b-u9h1k5hb3i] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent, #60a5fa), #93c5fd);
    transition: width 0.25s ease;
}
/* /Pages/Classes.razor.rz.scp.css */
.classes-page[b-dfedoomk5c] {
    width: 100%;
    max-width: none;
}

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

.classes-title[b-dfedoomk5c] {
    margin-bottom: 0.35rem;
}

.classes-subtitle[b-dfedoomk5c] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.classes-status[b-dfedoomk5c] {
    margin-bottom: 1rem;
}

.classes-loading[b-dfedoomk5c] {
    color: var(--muted);
    padding: 2rem 0;
}

.classes-card[b-dfedoomk5c] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.classes-toolbar-card[b-dfedoomk5c] {
    margin-bottom: 1.25rem;
}

.classes-section-title[b-dfedoomk5c] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.classes-section-intro[b-dfedoomk5c],
.classes-empty[b-dfedoomk5c],
.classes-empty-inline[b-dfedoomk5c] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.classes-section-intro[b-dfedoomk5c] {
    margin-bottom: 1rem;
}

.classes-field-label[b-dfedoomk5c] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
}

.classes-edit-banner[b-dfedoomk5c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.classes-confirm-banner[b-dfedoomk5c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.classes-confirm-actions[b-dfedoomk5c] {
    display: flex;
    gap: 0.5rem;
}

.classes-form-grid[b-dfedoomk5c] {
    display: grid;
    gap: 1rem;
}

.classes-form-panel[b-dfedoomk5c] {
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.classes-form-panel-label[b-dfedoomk5c] {
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
}

.classes-picker-columns[b-dfedoomk5c] {
    display: grid;
    gap: 1rem;
}

.classes-picker-selected[b-dfedoomk5c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.classes-picker-chip[b-dfedoomk5c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.classes-picker-chip-body[b-dfedoomk5c] {
    min-width: 0;
}

.classes-picker-chip-name[b-dfedoomk5c] {
    font-weight: 600;
    margin-bottom: 0.1rem;
}

.classes-picker-chip-meta[b-dfedoomk5c] {
    color: var(--muted);
    font-size: 0.82rem;
}

.classes-option-group[b-dfedoomk5c] {
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.classes-option-group-label[b-dfedoomk5c] {
    color: var(--muted);
    font-size: 0.82rem;
    margin-bottom: 0.5rem;
}

.classes-form-actions[b-dfedoomk5c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.classes-card-header[b-dfedoomk5c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.classes-count[b-dfedoomk5c] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.classes-filters[b-dfedoomk5c] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.classes-table-wrap[b-dfedoomk5c] {
    border-radius: 14px;
    border: 1px solid var(--border);
    overflow: hidden;
}

.classes-table-wrap .table[b-dfedoomk5c] {
    margin-bottom: 0;
}

.classes-table-wrap .table > :not(caption) > * > *[b-dfedoomk5c] {
    border-color: var(--border-faint);
}

.classes-table-wrap .table tbody tr.disabled-row[b-dfedoomk5c] {
    opacity: 0.72;
}

.classes-empty-state[b-dfedoomk5c] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.classes-empty-title[b-dfedoomk5c] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.classes-import-card[b-dfedoomk5c] {
    margin-top: 0.25rem;
}

.classes-import-summary[b-dfedoomk5c] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.classes-import-body[b-dfedoomk5c] {
    margin-top: 1rem;
    display: grid;
    gap: 0.85rem;
}

.classes-import-message[b-dfedoomk5c] {
    font-size: 0.9rem;
    margin: 0;
}

.classes-import-message.success[b-dfedoomk5c] {
    color: #86efac;
}

.classes-import-message.error[b-dfedoomk5c] {
    color: #fca5a5;
}

@media (min-width: 768px) {
    .classes-picker-columns[b-dfedoomk5c] {
        grid-template-columns: 1fr 1fr;
    }

    .classes-filters[b-dfedoomk5c] {
        grid-template-columns: 1.4fr 1fr 1fr;
    }
}
/* /Pages/ClassTemplates.razor.rz.scp.css */
.class-templates-page[b-fjcmke2vud] {
    --class-templates-measure: 46rem;
}

.class-templates-header[b-fjcmke2vud] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.class-templates-title[b-fjcmke2vud] {
    margin-bottom: 0.35rem;
}

.class-templates-subtitle[b-fjcmke2vud] {
    color: var(--bs-secondary-color, #6c757d);
    max-width: var(--class-templates-measure);
    margin-bottom: 0;
}

.class-templates-card[b-fjcmke2vud] {
    max-width: var(--class-templates-measure);
}
/* /Pages/Communities.razor.rz.scp.css */
.communities-page[b-g2xplq87ql] {
    width: 100%;
    max-width: none;
}

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

.communities-title[b-g2xplq87ql] {
    margin-bottom: 0.35rem;
}

.communities-subtitle[b-g2xplq87ql] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.communities-status[b-g2xplq87ql] {
    margin-bottom: 1rem;
}

.communities-loading[b-g2xplq87ql] {
    color: var(--muted);
    padding: 2rem 0;
}

.communities-pending-banner[b-g2xplq87ql] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.communities-tabs[b-g2xplq87ql] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.communities-tab[b-g2xplq87ql] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.communities-tab.active[b-g2xplq87ql] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.communities-tab-badge[b-g2xplq87ql] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.communities-tab-count[b-g2xplq87ql] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.communities-card[b-g2xplq87ql] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.communities-search-card[b-g2xplq87ql] {
    margin-bottom: 0.85rem;
}

.communities-section-title[b-g2xplq87ql] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.communities-section-intro[b-g2xplq87ql],
.communities-empty[b-g2xplq87ql] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.communities-section-intro[b-g2xplq87ql] {
    margin-bottom: 1rem;
}

.communities-empty-state[b-g2xplq87ql] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.communities-empty-title[b-g2xplq87ql] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.community-avatar[b-g2xplq87ql] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
}

.community-avatar-md[b-g2xplq87ql] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.community-avatar-lg[b-g2xplq87ql] {
    width: 64px;
    height: 64px;
    font-size: 1.5rem;
    border-radius: 18px;
}

.communities-grid[b-g2xplq87ql] {
    display: grid;
    gap: 0.85rem;
}

.communities-grid-card[b-g2xplq87ql] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.communities-grid-card:last-child[b-g2xplq87ql] {
    border-bottom: none;
    padding-bottom: 0;
}

.communities-grid-body[b-g2xplq87ql] {
    min-width: 0;
}

.communities-grid-name[b-g2xplq87ql] {
    display: block;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 0.2rem;
}

.communities-grid-name:hover[b-g2xplq87ql] {
    color: #93c5fd;
}

.communities-grid-meta[b-g2xplq87ql] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.communities-grid-description[b-g2xplq87ql] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.communities-grid-badges[b-g2xplq87ql] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.communities-grid-actions[b-g2xplq87ql] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.communities-request-list[b-g2xplq87ql],
.communities-managed-list[b-g2xplq87ql] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.communities-request-list[b-g2xplq87ql] {
    display: grid;
    gap: 0.75rem;
}

.communities-request-item[b-g2xplq87ql] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.communities-request-item:last-child[b-g2xplq87ql] {
    border-bottom: none;
    padding-bottom: 0;
}

.communities-request-body[b-g2xplq87ql] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.communities-request-community[b-g2xplq87ql] {
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.communities-request-community:hover[b-g2xplq87ql] {
    color: #93c5fd;
}

.communities-request-user[b-g2xplq87ql] {
    color: var(--text);
    font-size: 0.92rem;
}

.communities-request-meta[b-g2xplq87ql] {
    color: var(--muted);
    font-size: 0.82rem;
}

.communities-request-actions[b-g2xplq87ql] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
}

.communities-managed-list[b-g2xplq87ql] {
    display: grid;
    gap: 0.5rem;
}

.communities-managed-list li[b-g2xplq87ql] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .communities-grid-card[b-g2xplq87ql],
    .communities-request-item[b-g2xplq87ql] {
        grid-template-columns: 1fr;
    }

    .communities-grid-actions[b-g2xplq87ql],
    .communities-request-actions[b-g2xplq87ql] {
        align-items: flex-start;
        flex-direction: row;
    }
}
/* /Pages/CommunityCompetitionDetails.razor.rz.scp.css */
.cc-page[b-v4g58cd0g4] {
    width: 100%;
    max-width: none;
}

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

.cc-title[b-v4g58cd0g4] {
    margin-bottom: 0.35rem;
}

.cc-subtitle[b-v4g58cd0g4] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.cc-status[b-v4g58cd0g4] {
    margin-bottom: 1rem;
}

.cc-card[b-v4g58cd0g4] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.cc-section-title[b-v4g58cd0g4] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.cc-section-intro[b-v4g58cd0g4],
.cc-empty[b-v4g58cd0g4] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.cc-section-intro[b-v4g58cd0g4] {
    margin-bottom: 1rem;
}

.cc-detail-meta[b-v4g58cd0g4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: var(--muted);
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

.cc-competition-description[b-v4g58cd0g4] {
    margin: 0 0 0.85rem;
    color: var(--text);
    font-size: 0.92rem;
    line-height: 1.45;
}

.cc-competition-actions[b-v4g58cd0g4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.cc-phase[b-v4g58cd0g4] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.cc-phase-open[b-v4g58cd0g4] {
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #bbf7d0;
}

.cc-phase-closed[b-v4g58cd0g4] {
    background: rgba(251, 191, 36, 0.14);
    border: 1px solid rgba(251, 191, 36, 0.3);
    color: #fde68a;
}

.cc-phase-results[b-v4g58cd0g4] {
    background: rgba(var(--accent-rgb), 0.14);
    border: 1px solid rgba(var(--accent-rgb), 0.3);
    color: var(--accent-fg-on-tint);
}

.cc-phase-challenge[b-v4g58cd0g4] {
    background: rgba(var(--accent-rgb), 0.14);
    border: 1px solid rgba(var(--accent-rgb), 0.3);
    color: var(--accent-fg-on-tint);
}

.cc-phase-negative[b-v4g58cd0g4] {
    background: rgba(239, 68, 68, 0.14);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fecaca;
}

.cc-phase-pending[b-v4g58cd0g4] {
    background: rgba(148, 163, 184, 0.14);
    border: 1px solid rgba(148, 163, 184, 0.3);
    color: #e2e8f0;
}

.cc-scoreboard[b-v4g58cd0g4] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
    text-align: center;
    padding: 0.5rem 0 0.25rem;
}

.cc-scoreboard-side[b-v4g58cd0g4] {
    min-width: 0;
}

.cc-scoreboard-name[b-v4g58cd0g4] {
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.05rem;
}

.cc-scoreboard-role[b-v4g58cd0g4] {
    color: var(--muted);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cc-scoreboard-points[b-v4g58cd0g4] {
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-size: 1.8rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
}

.cc-scoreboard-dash[b-v4g58cd0g4] {
    color: var(--muted);
    font-weight: 600;
    padding: 0 0.4rem;
}

.cc-scoreboard-winner .cc-scoreboard-name[b-v4g58cd0g4] {
    color: var(--accent);
}

.cc-winner-banner[b-v4g58cd0g4] {
    margin: 0.75rem 0 0;
    text-align: center;
    font-weight: 600;
}

.cc-entry-form textarea[b-v4g58cd0g4] {
    min-height: 120px;
}

.cc-entry-image[b-v4g58cd0g4] {
    width: 100%;
    max-width: 320px;
    border-radius: 12px;
    margin-top: 0.75rem;
}

.cc-results-grid[b-v4g58cd0g4] {
    display: grid;
    gap: 1rem;
}

.cc-result-card[b-v4g58cd0g4] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-alt, var(--surface));
}

.cc-place-badge[b-v4g58cd0g4] {
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
}

.cc-place-1[b-v4g58cd0g4] { background: rgba(251, 191, 36, 0.2); color: #fde68a; }
.cc-place-2[b-v4g58cd0g4] { background: rgba(148, 163, 184, 0.2); color: #e2e8f0; }
.cc-place-3[b-v4g58cd0g4] { background: rgba(180, 83, 9, 0.2); color: #fdba74; }

.cc-admin-entry-list[b-v4g58cd0g4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.65rem;
}

.cc-admin-entry[b-v4g58cd0g4] {
    padding: 0.75rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-faint, var(--surface));
}

.cc-admin-entry-name[b-v4g58cd0g4] {
    font-weight: 600;
}

.cc-admin-entry-description[b-v4g58cd0g4] {
    color: var(--muted);
    font-size: 0.9rem;
    margin-top: 0.25rem;
}

@media (max-width: 640px) {
    .cc-header[b-v4g58cd0g4] {
        flex-direction: column;
    }

    .cc-scoreboard[b-v4g58cd0g4] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/CommunityCompetitions.razor.rz.scp.css */
.cc-page[b-ofr1unjvo7] {
    width: 100%;
    max-width: none;
}

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

.cc-title[b-ofr1unjvo7] {
    margin-bottom: 0.35rem;
}

.cc-subtitle[b-ofr1unjvo7] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.cc-status[b-ofr1unjvo7] {
    margin-bottom: 1rem;
}

.cc-card[b-ofr1unjvo7] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.cc-propose-card[b-ofr1unjvo7] {
    margin-bottom: 1.25rem;
}

.cc-section-title[b-ofr1unjvo7] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.cc-section-intro[b-ofr1unjvo7],
.cc-empty[b-ofr1unjvo7] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.cc-section-intro[b-ofr1unjvo7] {
    margin-bottom: 1rem;
}

.cc-count[b-ofr1unjvo7] {
    margin: 0 0 0.85rem;
    color: var(--muted);
    font-size: 0.88rem;
}

.cc-empty-state[b-ofr1unjvo7] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.cc-empty-title[b-ofr1unjvo7] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.cc-list[b-ofr1unjvo7] {
    display: grid;
    gap: 1rem;
}

.cc-competition-card[b-ofr1unjvo7] {
    margin-bottom: 0;
}

.cc-competition-header[b-ofr1unjvo7] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    margin-bottom: 0.75rem;
}

.cc-competition-avatar[b-ofr1unjvo7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
}

.cc-competition-body[b-ofr1unjvo7] {
    min-width: 0;
}

.cc-competition-name[b-ofr1unjvo7] {
    margin: 0 0 0.2rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.cc-competition-name-link[b-ofr1unjvo7] {
    color: inherit;
    text-decoration: none;
}

.cc-competition-name-link:hover[b-ofr1unjvo7] {
    color: var(--accent);
}

.cc-competition-event-name[b-ofr1unjvo7] {
    display: block;
    color: var(--muted);
    font-size: 0.88rem;
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.cc-competition-meta[b-ofr1unjvo7] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.cc-competition-status[b-ofr1unjvo7] {
    white-space: nowrap;
}

.cc-competition-description[b-ofr1unjvo7] {
    margin: 0 0 0.85rem;
    color: var(--text);
    font-size: 0.92rem;
    line-height: 1.45;
}

.cc-score[b-ofr1unjvo7] {
    margin: 0 0 0.85rem;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
}

.cc-waiting[b-ofr1unjvo7] {
    margin: 0 0 0.85rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.cc-competition-actions[b-ofr1unjvo7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.cc-chip[b-ofr1unjvo7] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    color: var(--muted);
    font-size: 0.75rem;
    font-weight: 600;
}

.cc-phase[b-ofr1unjvo7] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.cc-phase-open[b-ofr1unjvo7] {
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #bbf7d0;
}

.cc-phase-closed[b-ofr1unjvo7] {
    background: rgba(251, 191, 36, 0.14);
    border: 1px solid rgba(251, 191, 36, 0.3);
    color: #fde68a;
}

.cc-phase-results[b-ofr1unjvo7] {
    background: rgba(var(--accent-rgb), 0.14);
    border: 1px solid rgba(var(--accent-rgb), 0.3);
    color: var(--accent-fg-on-tint);
}

.cc-phase-challenge[b-ofr1unjvo7] {
    background: rgba(var(--accent-rgb), 0.14);
    border: 1px solid rgba(var(--accent-rgb), 0.3);
    color: var(--accent-fg-on-tint);
}

.cc-phase-negative[b-ofr1unjvo7] {
    background: rgba(239, 68, 68, 0.14);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fecaca;
}

.cc-phase-pending[b-ofr1unjvo7] {
    background: rgba(148, 163, 184, 0.14);
    border: 1px solid rgba(148, 163, 184, 0.3);
    color: #e2e8f0;
}

@media (max-width: 640px) {
    .cc-competition-header[b-ofr1unjvo7] {
        grid-template-columns: 1fr;
    }

    .cc-competition-status[b-ofr1unjvo7] {
        justify-self: start;
    }
}
/* /Pages/CommunityDetails.razor.rz.scp.css */
.community-details-page[b-1mkuvqmi7x] {
    width: 100%;
    max-width: none;
}

.community-details-loading[b-1mkuvqmi7x] {
    color: var(--muted);
    padding: 2rem 0;
}

.community-details-status[b-1mkuvqmi7x] {
    margin-bottom: 1rem;
}

.community-details-header[b-1mkuvqmi7x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.community-details-heading[b-1mkuvqmi7x] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.community-details-title[b-1mkuvqmi7x] {
    margin: 0 0 0.25rem;
}

.community-details-meta[b-1mkuvqmi7x] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.community-details-header-actions[b-1mkuvqmi7x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.community-avatar[b-1mkuvqmi7x] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
}

.community-avatar-xl[b-1mkuvqmi7x] {
    width: 80px;
    height: 80px;
    font-size: 2rem;
    border-radius: 20px;
}

.community-picture-intro[b-1mkuvqmi7x],
.community-picture-hint[b-1mkuvqmi7x],
.community-selected-file[b-1mkuvqmi7x] {
    color: var(--muted);
    font-size: 0.9rem;
    margin: 0;
}

.community-picture-intro[b-1mkuvqmi7x] {
    margin-bottom: 1rem;
}

.community-picture-row[b-1mkuvqmi7x] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.community-picture-actions[b-1mkuvqmi7x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.community-upload-label[b-1mkuvqmi7x] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.community-file-input[b-1mkuvqmi7x] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.community-selected-file[b-1mkuvqmi7x] {
    margin-top: 0.75rem;
}

.community-picture-hint[b-1mkuvqmi7x] {
    margin-top: 0.75rem;
}

.community-details-card[b-1mkuvqmi7x] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.community-details-section-title[b-1mkuvqmi7x] {
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.community-details-description[b-1mkuvqmi7x] {
    margin: 0;
    color: var(--text);
    line-height: 1.55;
    white-space: pre-wrap;
}

.community-details-card-header[b-1mkuvqmi7x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.community-details-count[b-1mkuvqmi7x] {
    color: var(--muted);
    font-size: 0.85rem;
}

.community-details-empty[b-1mkuvqmi7x] {
    margin: 0;
    color: var(--muted);
}

.community-members-list[b-1mkuvqmi7x] {
    display: grid;
    gap: 0.75rem;
}

.community-member-card[b-1mkuvqmi7x] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.community-member-card:last-child[b-1mkuvqmi7x] {
    border-bottom: none;
    padding-bottom: 0;
}

.community-member-body[b-1mkuvqmi7x] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.community-member-name[b-1mkuvqmi7x] {
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.community-member-name:hover[b-1mkuvqmi7x] {
    color: #93c5fd;
}

.community-member-meta[b-1mkuvqmi7x] {
    color: var(--muted);
    font-size: 0.85rem;
}

.community-member-admin[b-1mkuvqmi7x] {
    align-self: flex-start;
    margin-top: 0.15rem;
}

@media (max-width: 640px) {
    .community-details-header[b-1mkuvqmi7x] {
        flex-direction: column;
    }

    .community-member-card[b-1mkuvqmi7x] {
        grid-template-columns: 1fr;
    }
}
.award-badge-list[b-1mkuvqmi7x] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.55rem;
}

.award-badge-card[b-1mkuvqmi7x] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: start;
    padding: 0.7rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: rgba(15, 23, 42, 0.22);
}

.award-badge-score[b-1mkuvqmi7x] {
    min-width: 2.4rem;
    padding: 0.3rem 0.45rem;
    border-radius: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 0.85rem;
    color: #0f172a;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
}

.award-badge-name[b-1mkuvqmi7x] {
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.award-badge-description[b-1mkuvqmi7x] {
    color: var(--muted);
    font-size: 0.88rem;
}

.award-badge-note[b-1mkuvqmi7x] {
    margin-top: 0.25rem;
    font-size: 0.82rem;
    color: #cbd5e1;
    font-style: italic;
}
/* /Pages/CompetitionDetails.razor.rz.scp.css */
.comp-loading[b-ib8xzjwfl8] {
    color: var(--muted);
    padding: 2rem 0;
}

.comp-badge[b-ib8xzjwfl8] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.comp-badge-open[b-ib8xzjwfl8] {
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #bbf7d0;
}

.comp-badge-closed[b-ib8xzjwfl8] {
    background: rgba(251, 191, 36, 0.14);
    border: 1px solid rgba(251, 191, 36, 0.3);
    color: #fde68a;
}

.comp-badge-results[b-ib8xzjwfl8] {
    background: rgba(var(--accent-rgb), 0.14);
    border: 1px solid rgba(var(--accent-rgb), 0.3);
    color: var(--accent-fg-on-tint);
}

.comp-detail-page[b-ib8xzjwfl8] {
    width: 100%;
    max-width: none;
}

.comp-detail-header[b-ib8xzjwfl8] {
    margin-bottom: 1rem;
}

.comp-detail-hero[b-ib8xzjwfl8] {
    width: 100%;
    max-height: 280px;
    object-fit: cover;
    border-radius: 16px;
    margin-bottom: 1rem;
}

.comp-detail-card[b-ib8xzjwfl8] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.comp-detail-meta[b-ib8xzjwfl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: var(--muted);
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

.comp-entry-form textarea[b-ib8xzjwfl8] {
    min-height: 120px;
}

.comp-results-grid[b-ib8xzjwfl8] {
    display: grid;
    gap: 1rem;
}

.comp-result-card[b-ib8xzjwfl8] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.comp-place-badge[b-ib8xzjwfl8] {
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
}

.comp-place-1[b-ib8xzjwfl8] { background: rgba(251, 191, 36, 0.2); color: #fde68a; }
.comp-place-2[b-ib8xzjwfl8] { background: rgba(148, 163, 184, 0.2); color: #e2e8f0; }
.comp-place-3[b-ib8xzjwfl8] { background: rgba(180, 83, 9, 0.2); color: #fdba74; }

.comp-entry-image[b-ib8xzjwfl8] {
    width: 100%;
    max-width: 320px;
    border-radius: 12px;
    margin-top: 0.75rem;
}

.comp-admin-entry-list[b-ib8xzjwfl8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.65rem;
}

.comp-admin-entry[b-ib8xzjwfl8] {
    padding: 0.75rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.comp-admin-entry-name[b-ib8xzjwfl8] {
    font-weight: 600;
}

.comp-admin-entry-description[b-ib8xzjwfl8] {
    color: var(--muted);
    font-size: 0.9rem;
    margin-top: 0.25rem;
}
/* /Pages/Competitions.razor.rz.scp.css */
.comp-page[b-ouu6my5717] {
    width: 100%;
    max-width: none;
}

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

.comp-title[b-ouu6my5717] {
    margin-bottom: 0.35rem;
}

.comp-subtitle[b-ouu6my5717] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.comp-status[b-ouu6my5717] {
    margin-bottom: 1rem;
}

.comp-loading[b-ouu6my5717] {
    color: var(--muted);
    padding: 2rem 0;
}

.comp-card[b-ouu6my5717] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.comp-section-title[b-ouu6my5717] {
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.comp-filters[b-ouu6my5717] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.comp-filter-tab[b-ouu6my5717] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.86rem;
}

.comp-filter-tab.active[b-ouu6my5717] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.comp-list[b-ouu6my5717] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.85rem;
}

.comp-list-item[b-ouu6my5717] {
    display: grid;
    grid-template-columns: 120px 1fr auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
    text-decoration: none;
    color: inherit;
}

.comp-list-item:hover[b-ouu6my5717] {
    border-color: rgba(var(--accent-rgb), 0.35);
    background: rgba(var(--accent-rgb), 0.08);
}

.comp-thumb[b-ouu6my5717] {
    width: 120px;
    height: 80px;
    border-radius: 10px;
    object-fit: cover;
    background: var(--surface-alt);
}

.comp-thumb-placeholder[b-ouu6my5717] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-size: 0.8rem;
}

.comp-item-body[b-ouu6my5717] {
    min-width: 0;
}

.comp-item-title[b-ouu6my5717] {
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.comp-item-description[b-ouu6my5717] {
    color: var(--muted);
    font-size: 0.9rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0.35rem;
}

.comp-item-meta[b-ouu6my5717] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    color: var(--muted);
    font-size: 0.82rem;
}

.comp-badge[b-ouu6my5717] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.comp-badge-open[b-ouu6my5717] {
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #bbf7d0;
}

.comp-badge-closed[b-ouu6my5717] {
    background: rgba(251, 191, 36, 0.14);
    border: 1px solid rgba(251, 191, 36, 0.3);
    color: #fde68a;
}

.comp-badge-results[b-ouu6my5717] {
    background: rgba(var(--accent-rgb), 0.14);
    border: 1px solid rgba(var(--accent-rgb), 0.3);
    color: var(--accent-fg-on-tint);
}

.comp-admin-form .form-label[b-ouu6my5717] {
    color: var(--muted);
    font-size: 0.85rem;
}

.comp-skill-results[b-ouu6my5717] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
    max-height: 160px;
    overflow-y: auto;
}

.comp-skill-result[b-ouu6my5717] {
    width: 100%;
    text-align: left;
    padding: 0.45rem 0.65rem;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--text);
}

.comp-skill-result.selected[b-ouu6my5717] {
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.12);
}

.comp-empty[b-ouu6my5717] {
    color: var(--muted);
    margin: 0;
}

@media (max-width: 720px) {
    .comp-list-item[b-ouu6my5717] {
        grid-template-columns: 1fr;
    }

    .comp-thumb[b-ouu6my5717] {
        width: 100%;
        height: 140px;
    }
}
/* /Pages/Data.razor.rz.scp.css */
.data-page[b-bvr9lfaern] {
    width: 100%;
    max-width: none;
}

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

.data-title[b-bvr9lfaern] {
    margin-bottom: 0.35rem;
}

.data-subtitle[b-bvr9lfaern] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.data-status[b-bvr9lfaern] {
    margin-bottom: 1rem;
}

.data-loading[b-bvr9lfaern] {
    color: var(--muted);
    padding: 2rem 0;
}

.data-card[b-bvr9lfaern] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.data-import-card[b-bvr9lfaern] {
    margin-bottom: 0;
}

.data-section-title[b-bvr9lfaern] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.data-section-intro[b-bvr9lfaern],
.data-helper[b-bvr9lfaern],
.data-file-hint[b-bvr9lfaern] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.data-section-intro[b-bvr9lfaern] {
    margin-bottom: 1rem;
}

.data-helper[b-bvr9lfaern] {
    margin-top: 0.85rem;
    font-size: 0.88rem;
}

.data-warning-banner[b-bvr9lfaern] {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fecaca;
    font-size: 0.92rem;
}

.data-action-row[b-bvr9lfaern] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.data-file-row[b-bvr9lfaern] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.data-file-name[b-bvr9lfaern] {
    color: var(--text);
    font-size: 0.9rem;
}

.data-file-hint[b-bvr9lfaern] {
    font-size: 0.88rem;
}

@media (max-width: 640px) {
    .data-file-row[b-bvr9lfaern] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/EventConfig.razor.rz.scp.css */
.ec-page[b-erp7yitqwv] {
    width: 100%;
    max-width: none;
}

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

.ec-title[b-erp7yitqwv] {
    margin-bottom: 0.35rem;
}

.ec-subtitle[b-erp7yitqwv] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.ec-status[b-erp7yitqwv] {
    margin-bottom: 1rem;
}

.ec-loading[b-erp7yitqwv] {
    color: var(--muted);
    padding: 2rem 0;
}

.ec-toolbar-card[b-erp7yitqwv] {
    margin-bottom: 1.25rem;
}

.ec-event-label[b-erp7yitqwv] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
}

.ec-card[b-erp7yitqwv] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.ec-form-card[b-erp7yitqwv] {
    margin-bottom: 1.25rem;
}

.ec-import-card[b-erp7yitqwv] {
    margin-top: 0.25rem;
}

.ec-section-title[b-erp7yitqwv] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.ec-section-intro[b-erp7yitqwv],
.ec-empty[b-erp7yitqwv],
.ec-empty-inline[b-erp7yitqwv] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.ec-section-intro[b-erp7yitqwv] {
    margin-bottom: 1rem;
}

.ec-empty-inline[b-erp7yitqwv] {
    margin-top: 0.75rem;
}

.ec-card-header[b-erp7yitqwv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ec-count[b-erp7yitqwv] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.ec-confirm-banner[b-erp7yitqwv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.ec-confirm-banner.ec-confirm-add[b-erp7yitqwv] {
    background: rgba(var(--accent-rgb), 0.1);
    border-color: rgba(var(--accent-rgb), 0.35);
}

.ec-confirm-actions[b-erp7yitqwv] {
    display: flex;
    gap: 0.5rem;
}

.ec-tabs[b-erp7yitqwv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.ec-tab[b-erp7yitqwv] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.ec-tab.active[b-erp7yitqwv] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.ec-tab-count[b-erp7yitqwv] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.ec-form-grid[b-erp7yitqwv] {
    display: grid;
    gap: 0.85rem;
}

.ec-form-dates[b-erp7yitqwv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.ec-form-actions[b-erp7yitqwv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.ec-search-row[b-erp7yitqwv] {
    margin-bottom: 1rem;
}

.ec-filter-row[b-erp7yitqwv] {
    margin-bottom: 1rem;
}

.ec-list[b-erp7yitqwv] {
    display: grid;
    gap: 0.85rem;
}

.ec-list-item[b-erp7yitqwv] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.ec-list-item:last-child[b-erp7yitqwv] {
    border-bottom: none;
    padding-bottom: 0;
}

.ec-list-body[b-erp7yitqwv] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ec-list-name[b-erp7yitqwv] {
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.ec-list-meta[b-erp7yitqwv] {
    color: var(--muted);
    font-size: 0.85rem;
}

.ec-list-actions[b-erp7yitqwv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.ec-slot-list[b-erp7yitqwv] {
    display: grid;
    gap: 0.85rem;
}

.ec-slot-card[b-erp7yitqwv] {
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.ec-slot-header[b-erp7yitqwv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.ec-slot-name[b-erp7yitqwv] {
    font-weight: 700;
    margin: 0;
}

.ec-slot-meta[b-erp7yitqwv] {
    color: var(--muted);
    font-size: 0.85rem;
    margin-bottom: 0.65rem;
}

.ec-slot-rooms[b-erp7yitqwv] {
    display: grid;
    gap: 0.45rem;
}

.ec-slot-room[b-erp7yitqwv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.88rem;
    padding: 0.45rem 0.65rem;
    border-radius: 10px;
    background: var(--surface-alt);
    border: 1px solid var(--border-faint);
}

.ec-slot-room-name[b-erp7yitqwv] {
    font-weight: 600;
}

.ec-slot-room-class[b-erp7yitqwv] {
    color: var(--muted);
    font-size: 0.82rem;
}

.ec-slot-actions[b-erp7yitqwv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
    margin-top: 0.75rem;
}

.ec-empty-state[b-erp7yitqwv] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.ec-empty-title[b-erp7yitqwv] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.ec-import-summary[b-erp7yitqwv] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.ec-import-body[b-erp7yitqwv] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

.ec-generate-card[b-erp7yitqwv] {
    margin-bottom: 1.25rem;
}

.ec-pattern-list[b-erp7yitqwv] {
    display: grid;
    gap: 0.65rem;
}

.ec-pattern-row[b-erp7yitqwv] {
    display: grid;
    grid-template-columns: minmax(7rem, 1.2fr) minmax(6.5rem, 1fr) minmax(6.5rem, 1fr) auto auto;
    gap: 0.5rem;
    align-items: center;
}

.ec-preview-list[b-erp7yitqwv] {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.15rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.ec-preview-name[b-erp7yitqwv] {
    font-weight: 600;
    color: var(--text);
}

.ec-import-message[b-erp7yitqwv] {
    margin: 0.5rem 0 0;
    font-size: 0.9rem;
}

.ec-import-message.success[b-erp7yitqwv] {
    color: #86efac;
}

.ec-import-message.error[b-erp7yitqwv] {
    color: #fca5a5;
}

@media (max-width: 640px) {
    .ec-form-dates[b-erp7yitqwv],
    .ec-list-item[b-erp7yitqwv],
    .ec-slot-header[b-erp7yitqwv],
    .ec-pattern-row[b-erp7yitqwv] {
        grid-template-columns: 1fr;
    }

    .ec-list-actions[b-erp7yitqwv],
    .ec-slot-actions[b-erp7yitqwv] {
        justify-content: flex-start;
    }
}
/* /Pages/EventInstructors.razor.rz.scp.css */
.ei-page[b-eq559i0hsb] {
    width: 100%;
    max-width: none;
}

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

.ei-title[b-eq559i0hsb] {
    margin-bottom: 0.35rem;
}

.ei-subtitle[b-eq559i0hsb] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.ei-status[b-eq559i0hsb] {
    margin-bottom: 1rem;
}

.ei-loading[b-eq559i0hsb] {
    color: var(--muted);
    padding: 2rem 0;
}

.ei-toolbar-card[b-eq559i0hsb] {
    margin-bottom: 1.25rem;
}

.ei-event-label[b-eq559i0hsb] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
}

.ei-card[b-eq559i0hsb] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.ei-section-title[b-eq559i0hsb] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.ei-section-intro[b-eq559i0hsb],
.ei-empty[b-eq559i0hsb],
.ei-empty-inline[b-eq559i0hsb] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.ei-section-intro[b-eq559i0hsb] {
    margin-bottom: 1rem;
}

.ei-empty-inline[b-eq559i0hsb] {
    margin-top: 0.75rem;
}

.ei-card-header[b-eq559i0hsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ei-search-row[b-eq559i0hsb] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

.ei-selection-actions[b-eq559i0hsb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.ei-pool-list[b-eq559i0hsb],
.ei-roster-list[b-eq559i0hsb] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
    max-height: 320px;
    overflow-y: auto;
}

.ei-pool-item[b-eq559i0hsb],
.ei-roster-item[b-eq559i0hsb] {
    display: grid;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.ei-pool-item[b-eq559i0hsb] {
    grid-template-columns: auto 1fr;
    cursor: pointer;
    text-align: left;
    width: 100%;
    color: var(--text);
}

.ei-pool-item:hover[b-eq559i0hsb],
.ei-pool-item.selected[b-eq559i0hsb] {
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.1);
}

.ei-pool-item:disabled[b-eq559i0hsb] {
    cursor: not-allowed;
    opacity: 0.7;
}

.ei-roster-item[b-eq559i0hsb] {
    grid-template-columns: 1fr;
}

.ei-roster-main[b-eq559i0hsb] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.ei-unavailable[b-eq559i0hsb] {
    margin-top: 0.35rem;
    padding-top: 0.65rem;
    border-top: 1px solid var(--border);
}

.ei-unavailable-hint[b-eq559i0hsb] {
    margin: 0 0 0.5rem;
    color: var(--muted);
    font-size: 0.82rem;
}

.ei-unavailable-list[b-eq559i0hsb] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
}

.ei-unavailable-item[b-eq559i0hsb] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    font-size: 0.88rem;
}

.ei-item-body[b-eq559i0hsb] {
    min-width: 0;
}

.ei-item-name[b-eq559i0hsb] {
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.ei-item-friendly[b-eq559i0hsb] {
    color: var(--muted);
    font-size: 0.88rem;
    margin-bottom: 0.1rem;
}

.ei-item-email[b-eq559i0hsb] {
    color: var(--muted);
    font-size: 0.85rem;
    word-break: break-word;
}

.ei-item-links[b-eq559i0hsb] {
    margin-top: 0.35rem;
}

.ei-profile-link[b-eq559i0hsb] {
    font-size: 0.85rem;
    color: #93c5fd;
    text-decoration: none;
}

.ei-profile-link:hover[b-eq559i0hsb] {
    text-decoration: underline;
}

.ei-roster-actions[b-eq559i0hsb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.ei-organiser-toggle[b-eq559i0hsb] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    white-space: nowrap;
}

.ei-organiser-badge[b-eq559i0hsb] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(var(--accent-rgb), 0.14);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ei-filter-tabs[b-eq559i0hsb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.ei-filter-tab[b-eq559i0hsb] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.86rem;
}

.ei-filter-tab.active[b-eq559i0hsb] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.ei-filter-count[b-eq559i0hsb] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.ei-confirm-banner[b-eq559i0hsb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.ei-confirm-actions[b-eq559i0hsb] {
    display: flex;
    gap: 0.5rem;
}

.ei-columns[b-eq559i0hsb] {
    display: grid;
    gap: 1rem;
}

.ei-import-export summary[b-eq559i0hsb] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.ei-import-hint[b-eq559i0hsb] {
    color: var(--muted);
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

.ei-import-feedback[b-eq559i0hsb] {
    margin-top: 0.5rem;
    font-size: 0.9rem;
}

.ei-import-feedback.error[b-eq559i0hsb],
.ei-export-feedback.error[b-eq559i0hsb] {
    color: #fca5a5;
}

.ei-import-feedback.success[b-eq559i0hsb],
.ei-export-feedback.success[b-eq559i0hsb] {
    color: #86efac;
}

@media (min-width: 992px) {
    .ei-columns[b-eq559i0hsb] {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
}

@media (max-width: 640px) {
    .ei-search-row[b-eq559i0hsb] {
        grid-template-columns: 1fr;
    }

    .ei-roster-main[b-eq559i0hsb] {
        grid-template-columns: 1fr;
    }

    .ei-roster-actions[b-eq559i0hsb] {
        justify-content: flex-start;
    }
}
/* /Pages/Events.razor.rz.scp.css */
.events-page[b-trz4zb91tq] {
    width: 100%;
    max-width: none;
}

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

.events-title[b-trz4zb91tq] {
    margin-bottom: 0.35rem;
}

.events-subtitle[b-trz4zb91tq] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.events-status[b-trz4zb91tq] {
    margin-bottom: 1rem;
}

.events-loading[b-trz4zb91tq] {
    color: var(--muted);
    padding: 2rem 0;
}

.events-card[b-trz4zb91tq] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.events-form-card[b-trz4zb91tq] {
    margin-bottom: 1.25rem;
}

.events-import-card[b-trz4zb91tq] {
    margin-top: 0.25rem;
}

.events-section-title[b-trz4zb91tq] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.events-section-intro[b-trz4zb91tq],
.events-empty[b-trz4zb91tq],
.events-empty-inline[b-trz4zb91tq] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.events-section-intro[b-trz4zb91tq] {
    margin-bottom: 1rem;
}

.events-empty-inline[b-trz4zb91tq] {
    margin-top: 0.75rem;
}

.events-card-header[b-trz4zb91tq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.events-count[b-trz4zb91tq] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.events-confirm-banner[b-trz4zb91tq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.events-confirm-actions[b-trz4zb91tq] {
    display: flex;
    gap: 0.5rem;
}

.events-clone-banner[b-trz4zb91tq] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: var(--surface-alt);
    border: 1px solid var(--border);
}

.events-clone-fields[b-trz4zb91tq] {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 0.75rem;
}

.events-template-actions[b-trz4zb91tq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.events-form-grid[b-trz4zb91tq] {
    display: grid;
    gap: 0.85rem;
}

.events-form-dates[b-trz4zb91tq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.events-form-label[b-trz4zb91tq] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
}

.events-form-hint[b-trz4zb91tq] {
    color: var(--muted);
    font-size: 0.85rem;
    margin-bottom: 0.45rem;
}

.events-ticket-state-row[b-trz4zb91tq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}

.events-ticket-state-select[b-trz4zb91tq] {
    max-width: 16rem;
}

.events-location-list[b-trz4zb91tq] {
    display: grid;
    gap: 0.5rem;
    max-height: 200px;
    overflow-y: auto;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.events-location-item[b-trz4zb91tq] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.92rem;
}

.events-url-list[b-trz4zb91tq] {
    display: grid;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.events-url-row[b-trz4zb91tq] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.75rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.events-url-body[b-trz4zb91tq] {
    flex: 1;
    min-width: 0;
    font-size: 0.88rem;
}

.events-url-body strong[b-trz4zb91tq] {
    display: block;
}

.events-url-value[b-trz4zb91tq] {
    color: var(--muted);
    font-size: 0.82rem;
    word-break: break-all;
}

.events-url-add-row[b-trz4zb91tq] {
    display: grid;
    grid-template-columns: 1fr 1.2fr auto auto;
    gap: 0.5rem;
    align-items: end;
}

.events-form-actions[b-trz4zb91tq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.events-search-row[b-trz4zb91tq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 12.5rem;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 1rem;
}

@media (max-width: 640px) {
    .events-search-row[b-trz4zb91tq] {
        grid-template-columns: 1fr;
    }
}

.events-list[b-trz4zb91tq] {
    display: grid;
    gap: 0.85rem;
}

.events-list-item[b-trz4zb91tq] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.events-list-item:last-child[b-trz4zb91tq] {
    border-bottom: none;
    padding-bottom: 0;
}

.events-list-body[b-trz4zb91tq] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.events-list-name[b-trz4zb91tq] {
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.events-list-meta[b-trz4zb91tq] {
    color: var(--muted);
    font-size: 0.85rem;
}

.events-list-description[b-trz4zb91tq] {
    margin: 0.25rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.events-list-badges[b-trz4zb91tq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.25rem;
}

.events-list-actions[b-trz4zb91tq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.events-empty-state[b-trz4zb91tq] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.events-empty-title[b-trz4zb91tq] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.events-import-summary[b-trz4zb91tq] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.events-import-body[b-trz4zb91tq] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

.events-import-message[b-trz4zb91tq] {
    margin: 0.5rem 0 0;
    font-size: 0.9rem;
}

.events-import-message.success[b-trz4zb91tq] {
    color: #86efac;
}

.events-import-message.error[b-trz4zb91tq] {
    color: #fca5a5;
}

@media (max-width: 640px) {
    .events-form-dates[b-trz4zb91tq],
    .events-url-add-row[b-trz4zb91tq],
    .events-clone-fields[b-trz4zb91tq] {
        grid-template-columns: 1fr;
    }

    .events-list-item[b-trz4zb91tq] {
        grid-template-columns: 1fr;
    }

    .events-list-actions[b-trz4zb91tq] {
        flex-direction: row;
        justify-content: flex-start;
    }
}
/* /Pages/EventSharePanel.razor.rz.scp.css */
.esp-card[b-z3ayh9cwon] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-top: 1rem;
}

.esp-section-title[b-z3ayh9cwon] {
    font-size: 1rem;
    margin-bottom: 0.35rem;
}

.esp-section-intro[b-z3ayh9cwon],
.esp-empty[b-z3ayh9cwon],
.esp-empty-inline[b-z3ayh9cwon] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.esp-section-intro[b-z3ayh9cwon] {
    margin-bottom: 1rem;
}

.esp-empty-state[b-z3ayh9cwon] {
    text-align: center;
    padding: 1rem 0.5rem 1.25rem;
    margin-bottom: 0.5rem;
}

.esp-empty-title[b-z3ayh9cwon] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.esp-collaborator-list[b-z3ayh9cwon] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: grid;
    gap: 0;
}

.esp-collaborator-item[b-z3ayh9cwon] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.esp-collaborator-item:last-child[b-z3ayh9cwon] {
    border-bottom: none;
    padding-bottom: 0;
}

.esp-collaborator-name[b-z3ayh9cwon] {
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.esp-remove[b-z3ayh9cwon] {
    white-space: nowrap;
    padding: 0;
}

.esp-announce-actions[b-z3ayh9cwon] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
}

.esp-share-row[b-z3ayh9cwon] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.esp-empty-inline[b-z3ayh9cwon] {
    margin-top: 0.75rem;
}

.esp-link-row[b-z3ayh9cwon] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 0.75rem;
    align-items: center;
}

.esp-link[b-z3ayh9cwon] {
    background: var(--input-bg);
    border: 1px solid var(--border);
    color: var(--text);
    font-family: var(--bs-font-monospace);
    font-size: 0.82rem;
    min-width: 0;
    text-overflow: ellipsis;
}

.esp-secret-note[b-z3ayh9cwon] {
    color: var(--muted);
    font-size: 0.85rem;
    margin: 0.85rem 0 0;
}

.esp-feedback[b-z3ayh9cwon] {
    margin-top: 0.85rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    font-size: 0.9rem;
}

.esp-feedback.success[b-z3ayh9cwon] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.28);
    color: #86efac;
}

.esp-feedback.error[b-z3ayh9cwon] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

@media (max-width: 640px) {
    .esp-share-row[b-z3ayh9cwon],
    .esp-collaborator-item[b-z3ayh9cwon],
    .esp-link-row[b-z3ayh9cwon] {
        grid-template-columns: 1fr;
    }

    .esp-remove[b-z3ayh9cwon] {
        justify-self: flex-start;
    }
}
/* /Pages/Feedback.razor.rz.scp.css */
.feedback-page[b-pgcpajk0s4] {
    max-width: 880px;
}

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

.feedback-title[b-pgcpajk0s4] {
    margin-bottom: 0.35rem;
}

.feedback-subtitle[b-pgcpajk0s4] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.feedback-status[b-pgcpajk0s4] {
    margin-bottom: 1rem;
}

.feedback-loading[b-pgcpajk0s4] {
    color: var(--muted);
    padding: 2rem 0;
}

.feedback-card[b-pgcpajk0s4] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.feedback-section-title[b-pgcpajk0s4] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.feedback-empty[b-pgcpajk0s4] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.feedback-form-grid[b-pgcpajk0s4] {
    display: grid;
    grid-template-columns: minmax(12rem, 16rem) 1fr;
    gap: 0.75rem 1rem;
}

.feedback-form-full[b-pgcpajk0s4] {
    grid-column: 1 / -1;
}

.feedback-context[b-pgcpajk0s4] {
    margin-top: 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(var(--accent-rgb), 0.06);
}

.feedback-context-title[b-pgcpajk0s4] {
    margin: 0 0 0.4rem;
    color: var(--muted);
    font-size: 0.85rem;
    font-weight: 600;
}

.feedback-context-list[b-pgcpajk0s4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.2rem;
    font-size: 0.85rem;
}

.feedback-context-label[b-pgcpajk0s4] {
    display: inline-block;
    min-width: 6.5rem;
    color: var(--muted);
}

.feedback-context-value[b-pgcpajk0s4] {
    word-break: break-word;
}

.feedback-context-toggle[b-pgcpajk0s4] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.6rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.feedback-form-actions[b-pgcpajk0s4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.feedback-table[b-pgcpajk0s4] {
    margin-bottom: 0;
    color: inherit;
}

.feedback-table th[b-pgcpajk0s4] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.feedback-row[b-pgcpajk0s4] {
    cursor: pointer;
}

.feedback-row:hover[b-pgcpajk0s4],
.feedback-row:focus-visible[b-pgcpajk0s4] {
    background: rgba(var(--accent-rgb), 0.08);
}

.feedback-row:focus-visible[b-pgcpajk0s4] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.feedback-status-pill[b-pgcpajk0s4] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    border: 1px solid var(--border);
}

.feedback-status-new[b-pgcpajk0s4] {
    background: rgba(var(--accent-rgb), 0.12);
    border-color: rgba(var(--accent-rgb), 0.35);
    color: var(--accent-fg-on-tint);
}

.feedback-status-acknowledged[b-pgcpajk0s4] {
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.35);
    color: #fde68a;
}

.feedback-status-done[b-pgcpajk0s4] {
    background: rgba(74, 222, 128, 0.12);
    border-color: rgba(74, 222, 128, 0.35);
    color: #bbf7d0;
}

.feedback-status-declined[b-pgcpajk0s4] {
    background: rgba(248, 113, 113, 0.12);
    border-color: rgba(248, 113, 113, 0.35);
    color: #fecaca;
}

.feedback-detail-meta[b-pgcpajk0s4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.feedback-detail-subject[b-pgcpajk0s4] {
    font-size: 1.2rem;
    margin-bottom: 0.75rem;
}

.feedback-detail-body[b-pgcpajk0s4] {
    white-space: pre-wrap;
    line-height: 1.5;
    font-size: 0.95rem;
}

.feedback-admin-reply[b-pgcpajk0s4] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

@media (max-width: 640px) {
    .feedback-header[b-pgcpajk0s4] {
        flex-direction: column;
    }

    .feedback-form-grid[b-pgcpajk0s4] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/FeedbackDetail.razor.rz.scp.css */
.feedback-page[b-m6e4qwbujx] {
    max-width: 880px;
}

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

.feedback-title[b-m6e4qwbujx] {
    margin-bottom: 0.35rem;
}

.feedback-subtitle[b-m6e4qwbujx] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.feedback-status[b-m6e4qwbujx] {
    margin-bottom: 1rem;
}

.feedback-loading[b-m6e4qwbujx] {
    color: var(--muted);
    padding: 2rem 0;
}

.feedback-card[b-m6e4qwbujx] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.feedback-section-title[b-m6e4qwbujx] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.feedback-empty[b-m6e4qwbujx] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.feedback-status-pill[b-m6e4qwbujx] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    border: 1px solid var(--border);
}

.feedback-status-new[b-m6e4qwbujx] {
    background: rgba(var(--accent-rgb), 0.12);
    border-color: rgba(var(--accent-rgb), 0.35);
    color: var(--accent-fg-on-tint);
}

.feedback-status-acknowledged[b-m6e4qwbujx] {
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.35);
    color: #fde68a;
}

.feedback-status-done[b-m6e4qwbujx] {
    background: rgba(74, 222, 128, 0.12);
    border-color: rgba(74, 222, 128, 0.35);
    color: #bbf7d0;
}

.feedback-status-declined[b-m6e4qwbujx] {
    background: rgba(248, 113, 113, 0.12);
    border-color: rgba(248, 113, 113, 0.35);
    color: #fecaca;
}

.feedback-detail-meta[b-m6e4qwbujx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.feedback-detail-subject[b-m6e4qwbujx] {
    font-size: 1.2rem;
    margin-bottom: 0.75rem;
}

.feedback-detail-body[b-m6e4qwbujx] {
    white-space: pre-wrap;
    line-height: 1.5;
    font-size: 0.95rem;
}

.feedback-admin-reply[b-m6e4qwbujx] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border);
}

@media (max-width: 640px) {
    .feedback-header[b-m6e4qwbujx] {
        flex-direction: column;
    }
}
/* /Pages/FlightPrepArticles.razor.rz.scp.css */
.flight-prep-page[b-7lfybqckbe] {
    width: 100%;
    max-width: none;
}

.flight-prep-header[b-7lfybqckbe] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.flight-prep-header-actions[b-7lfybqckbe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flight-prep-title[b-7lfybqckbe] {
    margin-bottom: 0.35rem;
}

.flight-prep-subtitle[b-7lfybqckbe] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.flight-prep-pending-banner[b-7lfybqckbe] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.flight-prep-tabs[b-7lfybqckbe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.flight-prep-tab[b-7lfybqckbe] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.flight-prep-tab.active[b-7lfybqckbe] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.flight-prep-tab-badge[b-7lfybqckbe] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.flight-prep-tab-count[b-7lfybqckbe] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.flight-prep-card[b-7lfybqckbe] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.flight-prep-subcard[b-7lfybqckbe] {
    background: var(--surface-faint);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.flight-prep-card-header[b-7lfybqckbe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.flight-prep-section-title[b-7lfybqckbe] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.flight-prep-empty[b-7lfybqckbe] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.flight-prep-empty-state[b-7lfybqckbe] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.flight-prep-empty-title[b-7lfybqckbe] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.flight-prep-icon[b-7lfybqckbe] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.28), rgba(var(--accent-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(52, 211, 153, 0.35);
}

.flight-prep-icon-md[b-7lfybqckbe] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.flight-prep-list[b-7lfybqckbe] {
    display: grid;
    gap: 0.85rem;
}

.flight-prep-row[b-7lfybqckbe] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.flight-prep-row-compact[b-7lfybqckbe] {
    grid-template-columns: 1fr auto;
    padding: 0.55rem 0;
}

.flight-prep-row:last-child[b-7lfybqckbe] {
    border-bottom: none;
    padding-bottom: 0;
}

.flight-prep-row-body[b-7lfybqckbe] {
    min-width: 0;
}

.flight-prep-row-name[b-7lfybqckbe] {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.flight-prep-row-meta[b-7lfybqckbe] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.flight-prep-row-description[b-7lfybqckbe] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.flight-prep-row-badges[b-7lfybqckbe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.flight-prep-sequence[b-7lfybqckbe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.flight-prep-step[b-7lfybqckbe] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.82rem;
    text-decoration: none;
}

.flight-prep-step:hover[b-7lfybqckbe] {
    color: #93c5fd;
}

.flight-prep-arrow[b-7lfybqckbe] {
    color: var(--muted);
    font-size: 0.82rem;
}

.flight-prep-row-actions[b-7lfybqckbe] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.flight-prep-row-actions-inline[b-7lfybqckbe] {
    flex-direction: row;
    align-items: center;
}

.flight-prep-search-row[b-7lfybqckbe] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.flight-prep-pagination[b-7lfybqckbe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.flight-prep-form-actions[b-7lfybqckbe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flight-prep-hint[b-7lfybqckbe] {
    margin-top: 0.75rem;
    color: var(--muted);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .flight-prep-row[b-7lfybqckbe] {
        grid-template-columns: 1fr;
    }

    .flight-prep-row-actions[b-7lfybqckbe] {
        align-items: flex-start;
        flex-direction: row;
    }

    .flight-prep-search-row[b-7lfybqckbe] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/FlightPrepExercises.razor.rz.scp.css */
.flight-prep-page[b-ch7i5sk0wb] {
    width: 100%;
    max-width: none;
}

.flight-prep-header[b-ch7i5sk0wb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.flight-prep-title[b-ch7i5sk0wb] {
    margin-bottom: 0.35rem;
}

.flight-prep-subtitle[b-ch7i5sk0wb] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.flight-prep-card[b-ch7i5sk0wb] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.flight-prep-subcard[b-ch7i5sk0wb] {
    background: var(--surface-faint);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.flight-prep-card-header[b-ch7i5sk0wb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.flight-prep-section-title[b-ch7i5sk0wb] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.flight-prep-empty[b-ch7i5sk0wb] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.flight-prep-empty-state[b-ch7i5sk0wb] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.flight-prep-empty-title[b-ch7i5sk0wb] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.flight-prep-row-body[b-ch7i5sk0wb] {
    min-width: 0;
    text-align: left;
}

.flight-prep-row-name[b-ch7i5sk0wb] {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.flight-prep-row-meta[b-ch7i5sk0wb] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.flight-prep-row-badges[b-ch7i5sk0wb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.flight-prep-form-actions[b-ch7i5sk0wb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flight-prep-pagination[b-ch7i5sk0wb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.flight-prep-filters[b-ch7i5sk0wb] {
    display: grid;
    grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.flight-prep-cards[b-ch7i5sk0wb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.85rem;
}

.flight-prep-exercise-card[b-ch7i5sk0wb] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.85rem;
    align-items: start;
    text-align: left;
    padding: 0.9rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
    color: inherit;
}

.flight-prep-exercise-card:hover[b-ch7i5sk0wb] {
    border-color: rgba(var(--accent-rgb), 0.45);
}

.flight-prep-detail-head[b-ch7i5sk0wb] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.flight-prep-instructions[b-ch7i5sk0wb] {
    margin: 0 0 1rem;
    padding-left: 1.25rem;
    color: var(--text);
    line-height: 1.5;
}

.flight-prep-gallery[b-ch7i5sk0wb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.flight-prep-attribution[b-ch7i5sk0wb] {
    margin-top: 0.5rem;
    color: var(--muted);
    font-size: 0.82rem;
}

.flight-prep-attribution a[b-ch7i5sk0wb] {
    color: var(--accent-fg-on-tint);
}

@media (max-width: 900px) {
    .flight-prep-filters[b-ch7i5sk0wb] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .flight-prep-filters[b-ch7i5sk0wb] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/FlightPrepPlans.razor.rz.scp.css */
.flight-prep-page[b-jemsxdkfey] {
    width: 100%;
    max-width: none;
}

.flight-prep-header[b-jemsxdkfey] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.flight-prep-header-actions[b-jemsxdkfey] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flight-prep-title[b-jemsxdkfey] {
    margin-bottom: 0.35rem;
}

.flight-prep-subtitle[b-jemsxdkfey] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.flight-prep-pending-banner[b-jemsxdkfey] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.flight-prep-tabs[b-jemsxdkfey] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.flight-prep-tab[b-jemsxdkfey] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.flight-prep-tab.active[b-jemsxdkfey] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.flight-prep-tab-badge[b-jemsxdkfey] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.flight-prep-tab-count[b-jemsxdkfey] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.flight-prep-card[b-jemsxdkfey] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.flight-prep-subcard[b-jemsxdkfey] {
    background: var(--surface-faint);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.flight-prep-card-header[b-jemsxdkfey] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.flight-prep-section-title[b-jemsxdkfey] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.flight-prep-empty[b-jemsxdkfey] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.flight-prep-empty-state[b-jemsxdkfey] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.flight-prep-empty-title[b-jemsxdkfey] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.flight-prep-icon[b-jemsxdkfey] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.28), rgba(var(--accent-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(52, 211, 153, 0.35);
}

.flight-prep-icon-md[b-jemsxdkfey] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.flight-prep-list[b-jemsxdkfey] {
    display: grid;
    gap: 0.85rem;
}

.flight-prep-row[b-jemsxdkfey] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.flight-prep-row-compact[b-jemsxdkfey] {
    grid-template-columns: 1fr auto;
    padding: 0.55rem 0;
}

.flight-prep-row:last-child[b-jemsxdkfey] {
    border-bottom: none;
    padding-bottom: 0;
}

.flight-prep-row-body[b-jemsxdkfey] {
    min-width: 0;
}

.flight-prep-row-name[b-jemsxdkfey] {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.flight-prep-row-meta[b-jemsxdkfey] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.flight-prep-row-description[b-jemsxdkfey] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.flight-prep-row-badges[b-jemsxdkfey] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.flight-prep-sequence[b-jemsxdkfey] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.flight-prep-step[b-jemsxdkfey] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.82rem;
    text-decoration: none;
}

.flight-prep-step:hover[b-jemsxdkfey] {
    color: #93c5fd;
}

.flight-prep-arrow[b-jemsxdkfey] {
    color: var(--muted);
    font-size: 0.82rem;
}

.flight-prep-row-actions[b-jemsxdkfey] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.flight-prep-row-actions-inline[b-jemsxdkfey] {
    flex-direction: row;
    align-items: center;
}

.flight-prep-search-row[b-jemsxdkfey] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.flight-prep-pagination[b-jemsxdkfey] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.flight-prep-form-actions[b-jemsxdkfey] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flight-prep-hint[b-jemsxdkfey] {
    margin-top: 0.75rem;
    color: var(--muted);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .flight-prep-row[b-jemsxdkfey] {
        grid-template-columns: 1fr;
    }

    .flight-prep-row-actions[b-jemsxdkfey] {
        align-items: flex-start;
        flex-direction: row;
    }

    .flight-prep-search-row[b-jemsxdkfey] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/FlightPrepPrehab.razor.rz.scp.css */
.flight-prep-page[b-tdmf45ky2o] {
    width: 100%;
    max-width: none;
}

.flight-prep-header[b-tdmf45ky2o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.flight-prep-header-actions[b-tdmf45ky2o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flight-prep-title[b-tdmf45ky2o] {
    margin-bottom: 0.35rem;
}

.flight-prep-subtitle[b-tdmf45ky2o] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.flight-prep-pending-banner[b-tdmf45ky2o] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.flight-prep-tabs[b-tdmf45ky2o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.flight-prep-tab[b-tdmf45ky2o] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.flight-prep-tab.active[b-tdmf45ky2o] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.flight-prep-tab-badge[b-tdmf45ky2o] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.flight-prep-tab-count[b-tdmf45ky2o] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.flight-prep-card[b-tdmf45ky2o] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.flight-prep-subcard[b-tdmf45ky2o] {
    background: var(--surface-faint);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.flight-prep-card-header[b-tdmf45ky2o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.flight-prep-section-title[b-tdmf45ky2o] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.flight-prep-empty[b-tdmf45ky2o] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.flight-prep-empty-state[b-tdmf45ky2o] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.flight-prep-empty-title[b-tdmf45ky2o] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.flight-prep-icon[b-tdmf45ky2o] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.28), rgba(var(--accent-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(52, 211, 153, 0.35);
}

.flight-prep-icon-md[b-tdmf45ky2o] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.flight-prep-list[b-tdmf45ky2o] {
    display: grid;
    gap: 0.85rem;
}

.flight-prep-row[b-tdmf45ky2o] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.flight-prep-row-compact[b-tdmf45ky2o] {
    grid-template-columns: 1fr auto;
    padding: 0.55rem 0;
}

.flight-prep-row:last-child[b-tdmf45ky2o] {
    border-bottom: none;
    padding-bottom: 0;
}

.flight-prep-row-body[b-tdmf45ky2o] {
    min-width: 0;
}

.flight-prep-row-name[b-tdmf45ky2o] {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.flight-prep-row-meta[b-tdmf45ky2o] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.flight-prep-row-description[b-tdmf45ky2o] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.flight-prep-row-badges[b-tdmf45ky2o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.flight-prep-sequence[b-tdmf45ky2o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.flight-prep-step[b-tdmf45ky2o] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.82rem;
    text-decoration: none;
}

.flight-prep-step:hover[b-tdmf45ky2o] {
    color: #93c5fd;
}

.flight-prep-arrow[b-tdmf45ky2o] {
    color: var(--muted);
    font-size: 0.82rem;
}

.flight-prep-row-actions[b-tdmf45ky2o] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.flight-prep-row-actions-inline[b-tdmf45ky2o] {
    flex-direction: row;
    align-items: center;
}

.flight-prep-search-row[b-tdmf45ky2o] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.flight-prep-pagination[b-tdmf45ky2o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.flight-prep-form-actions[b-tdmf45ky2o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flight-prep-hint[b-tdmf45ky2o] {
    margin-top: 0.75rem;
    color: var(--muted);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .flight-prep-row[b-tdmf45ky2o] {
        grid-template-columns: 1fr;
    }

    .flight-prep-row-actions[b-tdmf45ky2o] {
        align-items: flex-start;
        flex-direction: row;
    }

    .flight-prep-search-row[b-tdmf45ky2o] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/FlightPrepWarmupGames.razor.rz.scp.css */
.flight-prep-page[b-0owjd8ytuc] {
    width: 100%;
    max-width: none;
}

.flight-prep-header[b-0owjd8ytuc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.flight-prep-header-actions[b-0owjd8ytuc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flight-prep-title[b-0owjd8ytuc] {
    margin-bottom: 0.35rem;
}

.flight-prep-subtitle[b-0owjd8ytuc] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.flight-prep-pending-banner[b-0owjd8ytuc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.flight-prep-tabs[b-0owjd8ytuc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.flight-prep-tab[b-0owjd8ytuc] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.flight-prep-tab.active[b-0owjd8ytuc] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.flight-prep-tab-badge[b-0owjd8ytuc] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.flight-prep-tab-count[b-0owjd8ytuc] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.flight-prep-card[b-0owjd8ytuc] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.flight-prep-subcard[b-0owjd8ytuc] {
    background: var(--surface-faint);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.flight-prep-card-header[b-0owjd8ytuc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.flight-prep-section-title[b-0owjd8ytuc] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.flight-prep-empty[b-0owjd8ytuc] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.flight-prep-empty-state[b-0owjd8ytuc] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.flight-prep-empty-title[b-0owjd8ytuc] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.flight-prep-icon[b-0owjd8ytuc] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.28), rgba(var(--accent-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(52, 211, 153, 0.35);
}

.flight-prep-icon-md[b-0owjd8ytuc] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.flight-prep-list[b-0owjd8ytuc] {
    display: grid;
    gap: 0.85rem;
}

.flight-prep-row[b-0owjd8ytuc] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.flight-prep-row-compact[b-0owjd8ytuc] {
    grid-template-columns: 1fr auto;
    padding: 0.55rem 0;
}

.flight-prep-row:last-child[b-0owjd8ytuc] {
    border-bottom: none;
    padding-bottom: 0;
}

.flight-prep-row-body[b-0owjd8ytuc] {
    min-width: 0;
}

.flight-prep-row-name[b-0owjd8ytuc] {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.flight-prep-row-meta[b-0owjd8ytuc] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.flight-prep-row-description[b-0owjd8ytuc] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.flight-prep-row-badges[b-0owjd8ytuc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.flight-prep-sequence[b-0owjd8ytuc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.flight-prep-step[b-0owjd8ytuc] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.82rem;
    text-decoration: none;
}

.flight-prep-step:hover[b-0owjd8ytuc] {
    color: #93c5fd;
}

.flight-prep-arrow[b-0owjd8ytuc] {
    color: var(--muted);
    font-size: 0.82rem;
}

.flight-prep-row-actions[b-0owjd8ytuc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.flight-prep-row-actions-inline[b-0owjd8ytuc] {
    flex-direction: row;
    align-items: center;
}

.flight-prep-search-row[b-0owjd8ytuc] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.flight-prep-pagination[b-0owjd8ytuc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.flight-prep-form-actions[b-0owjd8ytuc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flight-prep-hint[b-0owjd8ytuc] {
    margin-top: 0.75rem;
    color: var(--muted);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .flight-prep-row[b-0owjd8ytuc] {
        grid-template-columns: 1fr;
    }

    .flight-prep-row-actions[b-0owjd8ytuc] {
        align-items: flex-start;
        flex-direction: row;
    }

    .flight-prep-search-row[b-0owjd8ytuc] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/FriendJoin.razor.rz.scp.css */
.friends-page[b-odees8j2q9] {
    width: 100%;
    max-width: none;
}

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

.friends-title[b-odees8j2q9] {
    margin-bottom: 0.35rem;
}

.friends-subtitle[b-odees8j2q9],
.friends-loading[b-odees8j2q9] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.friends-loading[b-odees8j2q9] {
    padding: 2rem 0;
}
/* /Pages/Friends.razor.rz.scp.css */
.friends-page[b-o6630woeq2] {
    width: 100%;
    max-width: none;
}

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

.friends-title[b-o6630woeq2] {
    margin-bottom: 0.35rem;
}

.friends-subtitle[b-o6630woeq2] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.friends-status[b-o6630woeq2] {
    margin-bottom: 1rem;
}

.friends-loading[b-o6630woeq2] {
    color: var(--muted);
    padding: 2rem 0;
}

.friends-pending-banner[b-o6630woeq2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.friends-card[b-o6630woeq2] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.friends-add-card[b-o6630woeq2] {
    margin-bottom: 1.25rem;
}

.friends-section-title[b-o6630woeq2] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.friends-section-intro[b-o6630woeq2],
.friends-empty[b-o6630woeq2],
.friends-empty-inline[b-o6630woeq2] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.friends-section-intro[b-o6630woeq2] {
    margin-bottom: 1rem;
}

.friends-empty-inline[b-o6630woeq2] {
    margin-top: 0.75rem;
}

.friends-search-row[b-o6630woeq2] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.friends-invite-row[b-o6630woeq2] {
    margin-top: 0.85rem;
}

.friends-search-results[b-o6630woeq2] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.friends-search-result[b-o6630woeq2] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--text);
    text-align: left;
}

.friends-search-result:hover[b-o6630woeq2],
.friends-search-result.selected[b-o6630woeq2] {
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.1);
}

.friends-search-result-name[b-o6630woeq2] {
    font-weight: 600;
}

.friends-search-result-username[b-o6630woeq2] {
    margin-left: auto;
    color: var(--muted);
    font-size: 0.85rem;
}

.friends-confirm-banner[b-o6630woeq2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.friends-confirm-actions[b-o6630woeq2] {
    display: flex;
    gap: 0.5rem;
}

.friends-tabs[b-o6630woeq2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.friends-tab[b-o6630woeq2] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.friends-tab.active[b-o6630woeq2] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.friends-tab-badge[b-o6630woeq2] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.friends-tab-count[b-o6630woeq2] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.friends-card-header[b-o6630woeq2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.friends-request-list[b-o6630woeq2],
.friends-past-list[b-o6630woeq2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.friends-request-item[b-o6630woeq2] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.friends-request-item:last-child[b-o6630woeq2] {
    border-bottom: none;
    padding-bottom: 0;
}

.friends-request-body[b-o6630woeq2] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.friends-request-name[b-o6630woeq2] {
    font-weight: 600;
    color: var(--text);
    text-decoration: none;
}

.friends-request-name:hover[b-o6630woeq2] {
    color: #93c5fd;
}

.friends-request-meta[b-o6630woeq2] {
    color: var(--muted);
    font-size: 0.85rem;
}

.friends-request-actions[b-o6630woeq2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
}

.friends-past-summary[b-o6630woeq2] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.friends-past-list li[b-o6630woeq2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0;
    border-bottom: 1px solid var(--border-faint);
    font-size: 0.9rem;
}

.friends-past-direction[b-o6630woeq2] {
    color: var(--muted);
    min-width: 2.5rem;
}

.friends-past-date[b-o6630woeq2] {
    margin-left: auto;
    color: var(--muted);
    font-size: 0.82rem;
}

.friends-empty-state[b-o6630woeq2] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.friends-empty-title[b-o6630woeq2] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.friends-grid[b-o6630woeq2] {
    display: grid;
    gap: 0.85rem;
}

.friends-grid-card[b-o6630woeq2] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.friends-grid-card:last-child[b-o6630woeq2] {
    border-bottom: none;
    padding-bottom: 0;
}

.friends-grid-body[b-o6630woeq2] {
    min-width: 0;
}

.friends-grid-name[b-o6630woeq2] {
    display: block;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 0.2rem;
}

.friends-grid-name:hover[b-o6630woeq2] {
    color: #93c5fd;
}

.friends-grid-meta[b-o6630woeq2] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.friends-grid-description[b-o6630woeq2] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.friends-grid-remove[b-o6630woeq2] {
    white-space: nowrap;
}

.friends-skills-list[b-o6630woeq2] {
    display: grid;
    gap: 0.85rem;
}

.friends-skill-card[b-o6630woeq2] {
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.friends-skill-header[b-o6630woeq2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.friends-skill-name[b-o6630woeq2] {
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.friends-skill-name:hover[b-o6630woeq2] {
    color: #93c5fd;
}

.friends-skill-count[b-o6630woeq2] {
    color: var(--muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.friends-skill-section + .friends-skill-section[b-o6630woeq2] {
    margin-top: 0.65rem;
}

.friends-skill-label[b-o6630woeq2] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.friends-skill-people[b-o6630woeq2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.friends-skill-person[b-o6630woeq2] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.82rem;
    text-decoration: none;
}

.friends-skill-teacher[b-o6630woeq2] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-right: 0.5rem;
}

.friends-skill-contact[b-o6630woeq2] {
    font-size: 0.78rem;
    color: var(--muted);
}

@media (max-width: 640px) {
    .friends-search-row[b-o6630woeq2] {
        grid-template-columns: 1fr;
    }

    .friends-request-item[b-o6630woeq2],
    .friends-grid-card[b-o6630woeq2] {
        grid-template-columns: 1fr;
    }

    .friends-request-actions[b-o6630woeq2] {
        justify-content: flex-start;
    }
}
/* ── Circles ── */

.friends-inline-error[b-o6630woeq2] {
    margin: 0.5rem 0 0;
    font-size: 0.85rem;
    color: var(--danger, #b3261e);
}

.friends-circle-add[b-o6630woeq2] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.75rem;
}

.friends-circle-add input[b-o6630woeq2] {
    max-width: 22rem;
}

.friends-circle-note[b-o6630woeq2] {
    margin: 0.5rem 0 0;
    color: var(--muted);
    font-size: 0.85rem;
}

.friends-circle-list[b-o6630woeq2] {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.friends-circle-item[b-o6630woeq2] {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.7rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.friends-circle-item.selected[b-o6630woeq2] {
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.08);
}

.friends-circle-item-main[b-o6630woeq2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.friends-circle-name[b-o6630woeq2] {
    background: none;
    border: none;
    padding: 0;
    font-weight: 600;
    color: var(--text);
    text-align: left;
}

.friends-circle-name:hover:not(:disabled)[b-o6630woeq2] {
    color: var(--accent);
}

.friends-circle-rename[b-o6630woeq2] {
    max-width: 22rem;
}

.friends-circle-count[b-o6630woeq2] {
    color: var(--muted);
    font-size: 0.85rem;
}

.friends-circle-actions[b-o6630woeq2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.friends-circle-confirm[b-o6630woeq2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    border-radius: 10px;
    padding: 0.65rem 0.8rem;
    font-size: 0.9rem;
}

.friends-circle-subheading[b-o6630woeq2] {
    font-size: 0.95rem;
    font-weight: 600;
    margin: 1rem 0 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.friends-circle-search[b-o6630woeq2] {
    max-width: 22rem;
    margin-bottom: 0.5rem;
}

.friends-circle-members[b-o6630woeq2] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.friends-circle-member[b-o6630woeq2] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.6rem;
    border: 1px solid var(--border-faint);
    border-radius: 10px;
    padding: 0.45rem 0.6rem;
}

.friends-circle-member.lapsed[b-o6630woeq2] {
    border-style: dashed;
    opacity: 0.75;
}

.friends-circle-member-body[b-o6630woeq2] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.friends-circle-member-name[b-o6630woeq2] {
    font-weight: 600;
    text-decoration: none;
    color: var(--text);
}

.friends-circle-member-meta[b-o6630woeq2] {
    font-size: 0.78rem;
    color: var(--muted);
}

@media (max-width: 640px) {
    .friends-circle-add[b-o6630woeq2] {
        flex-direction: column;
        align-items: stretch;
    }

    .friends-circle-add input[b-o6630woeq2] {
        max-width: none;
    }
}
/* /Pages/Home.razor.rz.scp.css */
/* Inherit --surface / --border / --shadow / --muted / --text from the global
   theme (:root and [data-bs-theme="light"] in app.css). Redefining them here
   pinned the whole subtree to dark-theme values and made this page unreadable
   in light mode. */
.schedule-page[b-wfhbemq7or] {
    width: 100%;
    max-width: none;
}

.schedule-page[b-wfhbemq7or]  .schedule-board-day {
    margin-bottom: 1.5rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-board-day-title {
    font-size: 1.05rem;
    margin: 0 0 0.5rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-board-location {
    margin-bottom: 1rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-board-scroll {
    overflow-x: auto;
}

.schedule-page[b-wfhbemq7or]  .schedule-board-grid {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0.4rem;
    min-width: 36rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-board-grid th,
.schedule-page[b-wfhbemq7or]  .schedule-board-grid td {
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 0.45rem 0.55rem;
    vertical-align: top;
    min-width: 8.5rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-board-time {
    min-width: 5.5rem;
    font-size: 0.85rem;
    white-space: nowrap;
}

.schedule-page[b-wfhbemq7or]  .schedule-board-cell.is-empty {
    background: color-mix(in srgb, var(--surface) 55%, transparent);
}

.schedule-page[b-wfhbemq7or]  .schedule-board-title {
    border: 0;
    background: none;
    color: inherit;
    font-weight: 600;
    padding: 0;
    text-align: left;
}

.schedule-page[b-wfhbemq7or]  .schedule-board-meta,
.schedule-page[b-wfhbemq7or]  .schedule-board-actions {
    font-size: 0.8rem;
    color: var(--muted);
}

.schedule-page[b-wfhbemq7or]  .schedule-board-class.is-pinned {
    border-left: 3px solid rgb(var(--accent-rgb));
}

.schedule-page[b-wfhbemq7or]  .schedule-board-class.is-instructor-conflict {
    background: rgba(var(--accent-warm-rgb), 0.2);
    border-left: 3px solid rgb(var(--accent-warm-rgb));
}

.schedule-page[b-wfhbemq7or]  .is-violation-target {
    outline: 2px solid rgb(var(--accent-rgb));
    box-shadow: var(--glow-accent);
    background: rgba(var(--accent-rgb), 0.18);
}

.schedule-page[b-wfhbemq7or]  .schedule-board-unscheduled-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-row-more {
    display: inline-block;
}

.schedule-page[b-wfhbemq7or]  .schedule-row-more > summary {
    cursor: pointer;
    color: var(--muted);
    font-size: 0.8rem;
    list-style: none;
}

.schedule-page[b-wfhbemq7or]  .schedule-row-more > summary::-webkit-details-marker {
    display: none;
}

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

.schedule-page[b-wfhbemq7or]  .schedule-title {
    margin-bottom: 0.35rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-subtitle {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
    max-width: 42rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-status {
    margin-bottom: 1rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-loading {
    color: var(--muted);
    padding: 2rem 0;
}

.schedule-page[b-wfhbemq7or]  .schedule-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-section-title {
    font-size: 1rem;
    margin-bottom: 0;
}

.schedule-page[b-wfhbemq7or]  .schedule-section-intro,
.schedule-page[b-wfhbemq7or]  .schedule-empty,
.schedule-page[b-wfhbemq7or]  .schedule-empty-inline {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.schedule-page[b-wfhbemq7or]  .schedule-section-intro {
    margin-bottom: 1rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-event-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: end;
}

.schedule-page[b-wfhbemq7or]  .schedule-event-field {
    min-width: 0;
}

.schedule-page[b-wfhbemq7or]  .schedule-event-label {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 1rem;
}

/* Toolbar is grouped rather than a flat run of same-weight buttons:
   [primary actions] [solver options] [selection actions] … [utilities].
   Groups keep related controls adjacent and let the primary action stand out. */
.schedule-page[b-wfhbemq7or]  .schedule-toolbar-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-toolbar-options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    padding: 0.3rem 0.75rem;
    border: 1px solid var(--border-faint);
    border-radius: 10px;
    background: var(--surface-faint);
}

/* Push utilities to the trailing edge on roomy viewports. */
@media (min-width: 992px) {
    .schedule-page[b-wfhbemq7or]  .schedule-toolbar-trailing {
        margin-left: auto;
    }
}

.schedule-page[b-wfhbemq7or]  .schedule-toolbar-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-toolbar-label {
    color: var(--muted);
    font-size: 0.82rem;
    white-space: nowrap;
    margin: 0;
}

.schedule-page[b-wfhbemq7or]  .schedule-toolbar-input {
    width: 5.5rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-toolbar-select {
    width: auto;
    min-width: 8rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-panel {
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface-faint);
    margin-bottom: 0.85rem;
    overflow: hidden;
}

.schedule-page[b-wfhbemq7or]  .schedule-panel-summary {
    cursor: pointer;
    font-weight: 600;
    color: var(--text);
    padding: 0.85rem 1rem;
    list-style: none;
}

.schedule-page[b-wfhbemq7or]  .schedule-panel-summary::-webkit-details-marker {
    display: none;
}

.schedule-page[b-wfhbemq7or]  .schedule-panel-body {
    padding: 0 1rem 1rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-move-banner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.schedule-page[b-wfhbemq7or]  .schedule-empty-state {
    text-align: center;
    padding: 1.75rem 0.75rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-empty-title {
    margin: 0 0 0.35rem;
    font-weight: 600;
    color: var(--text);
}

.schedule-page[b-wfhbemq7or]  .schedule-table-wrap {
    border-radius: 14px;
    border: 1px solid var(--border);
    overflow: hidden;
}

.schedule-page[b-wfhbemq7or]  .schedule-table-wrap .table {
    margin-bottom: 0;
}

.schedule-page[b-wfhbemq7or]  .schedule-rules-grid {
    display: grid;
    gap: 1rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-rule-templates {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 0.65rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-rule-template {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    text-align: left;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
    color: var(--text);
    cursor: pointer;
}

.schedule-page[b-wfhbemq7or]  .schedule-rule-template:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.schedule-page[b-wfhbemq7or]  .schedule-rule-template:hover:not(:disabled),
.schedule-page[b-wfhbemq7or]  .schedule-rule-template:focus-visible {
    border-color: rgb(var(--accent-rgb));
    background: rgba(var(--accent-rgb), 0.12);
}

.schedule-page[b-wfhbemq7or]  .schedule-rule-template-title {
    font-weight: 600;
}

.schedule-page[b-wfhbemq7or]  .schedule-rule-template-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.schedule-page[b-wfhbemq7or]  .schedule-rule-list-item {
    padding: 0.85rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.schedule-page[b-wfhbemq7or]  .schedule-rule-list-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.schedule-page[b-wfhbemq7or]  .schedule-violations-card {
    margin-bottom: 1rem;
}

.schedule-page[b-wfhbemq7or]  .schedule-saved-name-input {
    min-width: 14rem;
}

@media (max-width: 768px) {
    .schedule-page[b-wfhbemq7or]  .schedule-header {
        flex-direction: column;
        align-items: stretch;
    }

    .schedule-page[b-wfhbemq7or]  .schedule-event-row {
        grid-template-columns: 1fr;
    }

    .schedule-page[b-wfhbemq7or]  .schedule-toolbar-group {
        width: 100%;
    }

    .schedule-page[b-wfhbemq7or]  .schedule-toolbar-select {
        flex: 1;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .schedule-page[b-wfhbemq7or]  .schedule-card {
        padding: 1rem 1.1rem;
    }
}

@media print {
    .schedule-page[b-wfhbemq7or],
    .schedule-page[b-wfhbemq7or]  .schedule-card,
    .schedule-page[b-wfhbemq7or]  .schedule-board-grid th,
    .schedule-page[b-wfhbemq7or]  .schedule-board-grid td,
    .schedule-page[b-wfhbemq7or]  .schedule-board-class,
    .schedule-page[b-wfhbemq7or]  .schedule-board-title {
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .schedule-page[b-wfhbemq7or]  .schedule-board-grid th,
    .schedule-page[b-wfhbemq7or]  .schedule-board-grid td {
        border: 1px solid #333 !important;
    }

    .schedule-page[b-wfhbemq7or]  .schedule-board-meta,
    .schedule-page[b-wfhbemq7or]  .text-muted,
    .schedule-page[b-wfhbemq7or]  .schedule-subtitle,
    .schedule-page[b-wfhbemq7or]  .schedule-empty-inline {
        color: #333 !important;
    }

    .schedule-page[b-wfhbemq7or]  .schedule-toolbar,
    .schedule-page[b-wfhbemq7or]  .schedule-panel,
    .schedule-page[b-wfhbemq7or]  .schedule-board-actions,
    .schedule-page[b-wfhbemq7or]  .schedule-move-banner,
    .schedule-page[b-wfhbemq7or]  .schedule-header button,
    .schedule-page[b-wfhbemq7or]  .schedule-status,
    .schedule-page[b-wfhbemq7or]  .asv-card,
    .schedule-page[b-wfhbemq7or]  .schedule-violations-card,
    .schedule-page[b-wfhbemq7or]  .schedule-card:has(.schedule-event-row),
    .schedule-page[b-wfhbemq7or]  .schedule-card:has(.schedule-rules-grid),
    .schedule-page[b-wfhbemq7or]  .schedule-board-unscheduled button,
    .schedule-page[b-wfhbemq7or]  .schedule-board-unscheduled .schedule-row-more {
        display: none !important;
    }

    .schedule-page[b-wfhbemq7or]  .schedule-board-scroll,
    .schedule-page[b-wfhbemq7or]  .schedule-card,
    .schedule-page[b-wfhbemq7or]  .schedule-table-wrap {
        overflow: visible !important;
    }

    .schedule-page[b-wfhbemq7or]  .schedule-board-grid {
        min-width: 0 !important;
        width: 100% !important;
        border-spacing: 0.2rem;
    }

    .schedule-page[b-wfhbemq7or]  .schedule-board-grid th,
    .schedule-page[b-wfhbemq7or]  .schedule-board-grid td {
        min-width: 0 !important;
    }

    .schedule-page[b-wfhbemq7or]  .schedule-board-class.is-pinned {
        border-left: 3px solid #333 !important;
    }

    .schedule-page[b-wfhbemq7or]  .schedule-board-class.is-instructor-conflict {
        background: #fff !important;
        color: #000 !important;
        border-left: 3px solid #333 !important;
    }
}
/* /Pages/HumanScenes.razor.rz.scp.css */
.human-scenes-page[b-s9df4vopme] {
    width: 100%;
    max-width: none;
}

.human-scenes-header[b-s9df4vopme] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.human-scenes-title[b-s9df4vopme] {
    margin-bottom: 0.35rem;
}

.human-scenes-subtitle[b-s9df4vopme] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.human-scenes-status[b-s9df4vopme] {
    margin-bottom: 1rem;
}

.human-scenes-loading[b-s9df4vopme] {
    color: var(--muted);
    padding: 2rem 0;
}

.human-scenes-layout[b-s9df4vopme] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
    gap: 1rem;
    align-items: start;
}

.human-scenes-card[b-s9df4vopme] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
}

.human-scenes-section-title[b-s9df4vopme] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.human-scenes-description[b-s9df4vopme] {
    color: var(--muted);
    font-size: 0.92rem;
    margin-bottom: 0.75rem;
}

.human-scenes-table[b-s9df4vopme] {
    margin-bottom: 0;
    color: inherit;
}

.human-scenes-table th[b-s9df4vopme] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.human-scenes-row[b-s9df4vopme] {
    cursor: pointer;
}

.human-scenes-row:hover[b-s9df4vopme],
.human-scenes-row.selected[b-s9df4vopme] {
    background: rgba(var(--accent-rgb), 0.1);
}

@media (max-width: 960px) {
    .human-scenes-layout[b-s9df4vopme] {
        grid-template-columns: 1fr;
    }

    .human-scenes-header[b-s9df4vopme] {
        flex-direction: column;
    }
}
/* /Pages/Instructors.razor.rz.scp.css */
.instructors-page[b-9oy5wz82dx] {
    width: 100%;
    max-width: none;
}

.instructors-header[b-9oy5wz82dx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.instructors-title[b-9oy5wz82dx] {
    margin-bottom: 0.35rem;
}

.instructors-subtitle[b-9oy5wz82dx] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.instructors-status[b-9oy5wz82dx] {
    margin-bottom: 1rem;
}

.instructors-loading[b-9oy5wz82dx] {
    color: var(--muted);
    padding: 2rem 0;
}

.instructors-card[b-9oy5wz82dx] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.instructors-form-card[b-9oy5wz82dx] {
    margin-bottom: 1.25rem;
}

.instructors-import-card[b-9oy5wz82dx] {
    margin-top: 0.25rem;
}

.instructors-section-title[b-9oy5wz82dx] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.instructors-section-intro[b-9oy5wz82dx],
.instructors-empty[b-9oy5wz82dx],
.instructors-empty-inline[b-9oy5wz82dx] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.instructors-section-intro[b-9oy5wz82dx] {
    margin-bottom: 1rem;
}

.instructors-card-header[b-9oy5wz82dx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.instructors-card-header-actions[b-9oy5wz82dx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.instructors-unlinked-banner[b-9oy5wz82dx] {
    margin-bottom: 1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    background: rgba(251, 191, 36, 0.12);
    border: 1px solid rgba(251, 191, 36, 0.35);
    color: #fde68a;
    font-size: 0.92rem;
}

.instructors-list-unlinked[b-9oy5wz82dx] {
    color: #fbbf24;
    font-size: 0.82rem;
    font-weight: 600;
}

.instructors-count[b-9oy5wz82dx] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.instructors-search-row[b-9oy5wz82dx] {
    margin-bottom: 1rem;
}

.instructors-empty-inline[b-9oy5wz82dx] {
    margin-top: 0.75rem;
}

.instructors-search-results[b-9oy5wz82dx] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.instructors-search-result[b-9oy5wz82dx] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--text);
    text-align: left;
}

.instructors-search-result:hover:not(:disabled)[b-9oy5wz82dx],
.instructors-search-result.selected[b-9oy5wz82dx] {
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.1);
}

.instructors-search-result.disabled[b-9oy5wz82dx],
.instructors-search-result:disabled[b-9oy5wz82dx] {
    opacity: 0.55;
    cursor: not-allowed;
}

.instructors-search-result-name[b-9oy5wz82dx] {
    font-weight: 600;
}

.instructors-search-result-username[b-9oy5wz82dx] {
    margin-left: auto;
    color: var(--muted);
    font-size: 0.85rem;
}

.instructors-search-result-contact[b-9oy5wz82dx] {
    color: var(--muted);
    font-size: 0.85rem;
}

.instructors-search-result-badge[b-9oy5wz82dx] {
    font-size: 0.75rem;
    color: var(--muted);
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    border: 1px solid var(--border-strong);
}

.instructors-sync-preview[b-9oy5wz82dx] {
    margin: 1rem 0;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.instructors-preview-title[b-9oy5wz82dx] {
    font-size: 0.88rem;
    margin: 0 0 0.65rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.instructors-preview-details[b-9oy5wz82dx] {
    margin: 0;
    display: grid;
    gap: 0.45rem;
}

.instructors-preview-row[b-9oy5wz82dx] {
    display: grid;
    grid-template-columns: 6rem 1fr;
    gap: 0.5rem;
    font-size: 0.92rem;
}

.instructors-preview-row dt[b-9oy5wz82dx] {
    margin: 0;
    color: var(--muted);
}

.instructors-preview-row dd[b-9oy5wz82dx] {
    margin: 0;
}

.instructors-confirm-banner[b-9oy5wz82dx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.instructors-confirm-actions[b-9oy5wz82dx] {
    display: flex;
    gap: 0.5rem;
}

.instructors-form-grid[b-9oy5wz82dx] {
    display: grid;
    gap: 0.85rem;
}

.instructors-form-actions[b-9oy5wz82dx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.instructors-list[b-9oy5wz82dx] {
    display: grid;
    gap: 0.85rem;
}

.instructors-list-item[b-9oy5wz82dx] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.instructors-list-item:last-child[b-9oy5wz82dx] {
    border-bottom: none;
    padding-bottom: 0;
}

.instructors-avatar[b-9oy5wz82dx] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
    width: 56px;
    height: 56px;
    font-size: 1.15rem;
}

.instructors-list-body[b-9oy5wz82dx] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.instructors-list-name[b-9oy5wz82dx] {
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.instructors-list-friendly[b-9oy5wz82dx] {
    color: var(--text);
    font-size: 0.92rem;
}

.instructors-list-meta[b-9oy5wz82dx] {
    color: var(--muted);
    font-size: 0.85rem;
    word-break: break-word;
}

.instructors-list-profile[b-9oy5wz82dx] {
    color: #93c5fd;
    font-size: 0.85rem;
    text-decoration: none;
}

.instructors-list-profile:hover[b-9oy5wz82dx] {
    color: var(--accent-fg-on-tint);
}

.instructors-list-actions[b-9oy5wz82dx] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.instructors-empty-state[b-9oy5wz82dx] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.instructors-empty-title[b-9oy5wz82dx] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.instructors-pagination[b-9oy5wz82dx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.instructors-pagination-meta[b-9oy5wz82dx] {
    color: var(--muted);
    font-size: 0.85rem;
}

.instructors-pagination-controls[b-9oy5wz82dx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.instructors-page-btn[b-9oy5wz82dx] {
    min-width: 2rem;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
}

.instructors-page-btn:hover:not(:disabled)[b-9oy5wz82dx] {
    border-color: rgba(var(--accent-rgb), 0.45);
    color: var(--accent-fg-on-tint);
}

.instructors-page-btn.active[b-9oy5wz82dx] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.instructors-page-btn:disabled[b-9oy5wz82dx] {
    opacity: 0.45;
    cursor: not-allowed;
}

.instructors-import-summary[b-9oy5wz82dx] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.instructors-import-body[b-9oy5wz82dx] {
    margin-top: 1rem;
    display: grid;
    gap: 0.85rem;
}

.instructors-import-message[b-9oy5wz82dx] {
    font-size: 0.9rem;
    margin: 0;
}

.instructors-import-message.success[b-9oy5wz82dx] {
    color: #86efac;
}

.instructors-import-message.error[b-9oy5wz82dx] {
    color: #fca5a5;
}

@media (max-width: 640px) {
    .instructors-list-item[b-9oy5wz82dx] {
        grid-template-columns: 1fr;
    }

    .instructors-list-actions[b-9oy5wz82dx] {
        flex-direction: row;
        align-items: flex-start;
    }

    .instructors-pagination[b-9oy5wz82dx] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/Invite.razor.rz.scp.css */
.invite-page[b-vplllgsuep] {
    max-width: 880px;
}

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

.invite-title[b-vplllgsuep] {
    margin-bottom: 0.35rem;
}

.invite-subtitle[b-vplllgsuep] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.invite-status[b-vplllgsuep] {
    margin-bottom: 1rem;
}

.invite-loading[b-vplllgsuep] {
    color: var(--muted);
    padding: 2rem 0;
}

.invite-card[b-vplllgsuep] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.invite-quota-card[b-vplllgsuep] {
    border-color: rgba(var(--accent-warm-rgb), 0.35);
}

.invite-quota-stats[b-vplllgsuep] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.invite-quota-stat[b-vplllgsuep] {
    min-width: 5.5rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: rgba(15, 23, 42, 0.25);
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.invite-quota-value[b-vplllgsuep] {
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.1;
}

.invite-quota-label[b-vplllgsuep] {
    font-size: 0.78rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.invite-credit-list[b-vplllgsuep] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.45rem;
}

.invite-credit-item[b-vplllgsuep] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.15rem 0.75rem;
    padding: 0.55rem 0.7rem;
    border-radius: 10px;
    border: 1px solid var(--border);
    font-size: 0.9rem;
}

.invite-credit-item.earned[b-vplllgsuep] {
    border-color: rgba(74, 222, 128, 0.3);
    background: rgba(74, 222, 128, 0.08);
}

.invite-credit-item.pending[b-vplllgsuep] {
    opacity: 0.9;
}

.invite-credit-amount[b-vplllgsuep] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.invite-credit-hint[b-vplllgsuep] {
    grid-column: 1 / -1;
    color: var(--muted);
    font-size: 0.82rem;
}

.invite-empty-uses[b-vplllgsuep] {
    margin: 0.85rem 0 0;
    color: #fde68a;
    font-size: 0.9rem;
}

.invite-new-card[b-vplllgsuep] {
    border-color: rgba(var(--accent-rgb), 0.35);
    background: rgba(var(--accent-rgb), 0.08);
}

.invite-section-title[b-vplllgsuep] {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.invite-section-intro[b-vplllgsuep],
.invite-empty[b-vplllgsuep] {
    margin: 0 0 0.85rem;
    color: var(--muted);
    font-size: 0.92rem;
}

.invite-link-row[b-vplllgsuep] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.invite-link-input[b-vplllgsuep] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.85rem;
}

.invite-table[b-vplllgsuep] {
    margin-bottom: 0;
    color: inherit;
}

.invite-table th[b-vplllgsuep] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.invite-actions[b-vplllgsuep] {
    text-align: right;
    white-space: nowrap;
}

.invite-status-pill[b-vplllgsuep] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    text-transform: capitalize;
    border: 1px solid var(--border);
}

.invite-status-active[b-vplllgsuep] {
    background: rgba(74, 222, 128, 0.12);
    border-color: rgba(74, 222, 128, 0.35);
    color: #bbf7d0;
}

.invite-status-revoked[b-vplllgsuep],
.invite-status-expired[b-vplllgsuep],
.invite-status-exhausted[b-vplllgsuep] {
    background: rgba(148, 163, 184, 0.12);
    border-color: rgba(148, 163, 184, 0.3);
    color: #cbd5e1;
}

@media (max-width: 640px) {
    .invite-header[b-vplllgsuep] {
        flex-direction: column;
    }

    .invite-link-row[b-vplllgsuep] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Pages/Jams.razor.rz.scp.css */
.jams-page[b-wt3sjxyjae] {
    max-width: 960px;
}

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

.jams-title[b-wt3sjxyjae] {
    margin-bottom: 0.35rem;
}

.jams-subtitle[b-wt3sjxyjae] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.jams-status[b-wt3sjxyjae] {
    margin-bottom: 1rem;
}

.jams-loading[b-wt3sjxyjae] {
    color: var(--muted);
    padding: 2rem 0;
}

.jams-card[b-wt3sjxyjae] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.jams-section-title[b-wt3sjxyjae] {
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.jams-filters[b-wt3sjxyjae] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.jams-filter-tab[b-wt3sjxyjae] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.86rem;
    cursor: pointer;
}

.jams-filter-tab.active[b-wt3sjxyjae] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.jams-list[b-wt3sjxyjae] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.85rem;
}

.jams-count[b-wt3sjxyjae] {
    color: var(--muted);
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

.jams-item-header[b-wt3sjxyjae] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.jams-item-title[b-wt3sjxyjae] {
    font-size: 1.15rem;
    margin: 0 0 0.25rem;
}

.jams-item-meta[b-wt3sjxyjae] {
    color: var(--muted);
    font-size: 0.9rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.jams-item-by[b-wt3sjxyjae] {
    color: var(--muted);
    font-size: 0.82rem;
    margin-top: 0.25rem;
}

.jams-item-description[b-wt3sjxyjae] {
    margin: 0.75rem 0;
    white-space: pre-wrap;
}

.jams-rsvp[b-wt3sjxyjae] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.jams-empty-title[b-wt3sjxyjae] {
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.jams-empty[b-wt3sjxyjae] {
    margin: 0;
    color: var(--muted);
}

.jams-item-actions[b-wt3sjxyjae] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}
/* /Pages/Locations.razor.rz.scp.css */
.locations-page[b-93z8nq0fol] {
    width: 100%;
    max-width: none;
}

.locations-header[b-93z8nq0fol] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.locations-title[b-93z8nq0fol] {
    margin-bottom: 0.35rem;
}

.locations-subtitle[b-93z8nq0fol] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.locations-status[b-93z8nq0fol] {
    margin-bottom: 1rem;
}

.locations-loading[b-93z8nq0fol] {
    color: var(--muted);
    padding: 2rem 0;
}

.locations-card[b-93z8nq0fol] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.locations-form-card[b-93z8nq0fol] {
    margin-bottom: 1.25rem;
}

.locations-section-title[b-93z8nq0fol] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.locations-section-intro[b-93z8nq0fol],
.locations-empty[b-93z8nq0fol],
.locations-empty-inline[b-93z8nq0fol] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.locations-section-intro[b-93z8nq0fol] {
    margin-bottom: 1rem;
}

.locations-card-header[b-93z8nq0fol] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.locations-count[b-93z8nq0fol] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.locations-search-row[b-93z8nq0fol] {
    margin-bottom: 1rem;
}

.locations-confirm-banner[b-93z8nq0fol] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.locations-confirm-actions[b-93z8nq0fol] {
    display: flex;
    gap: 0.5rem;
}

.locations-form-grid[b-93z8nq0fol] {
    display: grid;
    gap: 0.85rem;
}

.locations-form-actions[b-93z8nq0fol] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.locations-list[b-93z8nq0fol] {
    display: grid;
    gap: 0.85rem;
}

.locations-list-item[b-93z8nq0fol] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.locations-list-item:last-child[b-93z8nq0fol] {
    border-bottom: none;
    padding-bottom: 0;
}

.locations-avatar[b-93z8nq0fol] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
    width: 56px;
    height: 56px;
    font-size: 1.25rem;
}

.locations-list-body[b-93z8nq0fol] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.locations-list-name[b-93z8nq0fol] {
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.locations-list-address[b-93z8nq0fol] {
    color: var(--muted);
    font-size: 0.85rem;
    word-break: break-word;
}

.locations-list-badges[b-93z8nq0fol] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.locations-list-actions[b-93z8nq0fol] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.locations-view-only[b-93z8nq0fol] {
    color: var(--muted);
    font-size: 0.82rem;
}

.locations-empty-state[b-93z8nq0fol] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.locations-empty-title[b-93z8nq0fol] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.locations-import-card[b-93z8nq0fol] {
    margin-top: 0.25rem;
}

.locations-import-summary[b-93z8nq0fol] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.locations-import-body[b-93z8nq0fol] {
    margin-top: 1rem;
    display: grid;
    gap: 0.85rem;
}

.locations-import-message[b-93z8nq0fol] {
    font-size: 0.9rem;
    margin: 0;
}

.locations-import-message.success[b-93z8nq0fol] {
    color: #86efac;
}

.locations-import-message.error[b-93z8nq0fol] {
    color: #fca5a5;
}

@media (max-width: 640px) {
    .locations-list-item[b-93z8nq0fol] {
        grid-template-columns: 1fr;
    }

    .locations-list-actions[b-93z8nq0fol] {
        flex-direction: row;
        align-items: flex-start;
    }
}
/* /Pages/Login.razor.rz.scp.css */
.login-page[b-x4wkyrdpa3] {
    min-height: calc(100vh - 8rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.login-shell[b-x4wkyrdpa3] {
    width: 100%;
    max-width: 440px;
}

.login-card[b-x4wkyrdpa3] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.75rem 1.75rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.login-card--signed-in[b-x4wkyrdpa3] {
    text-align: center;
}

.login-card-header[b-x4wkyrdpa3] {
    margin-bottom: 1.25rem;
}

.login-brand[b-x4wkyrdpa3] {
    margin: 0 0 0.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent, var(--muted));
}

.login-title[b-x4wkyrdpa3] {
    margin: 0 0 0.35rem;
    font-size: 1.5rem;
}

.login-subtitle[b-x4wkyrdpa3] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.login-support[b-x4wkyrdpa3] {
    margin: 1.25rem 0 0;
    font-size: 0.85rem;
    color: var(--muted);
    text-align: center;
}

.login-support a[b-x4wkyrdpa3] {
    color: inherit;
    text-decoration: underline;
}

.login-forgot-link[b-x4wkyrdpa3] {
    display: block;
    margin-top: 0.75rem;
    padding: 0;
    width: 100%;
    text-align: center;

    line-height: 1.45;
}

.login-status[b-x4wkyrdpa3] {
    margin-bottom: 1rem;
}

.login-tabs[b-x4wkyrdpa3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.login-tab[b-x4wkyrdpa3] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.login-tab.active[b-x4wkyrdpa3] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.login-form[b-x4wkyrdpa3] {
    display: grid;
    gap: 0.85rem;
}

.login-field[b-x4wkyrdpa3] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.login-field-row[b-x4wkyrdpa3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.login-label[b-x4wkyrdpa3] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
}

.login-validation[b-x4wkyrdpa3] {
    margin: 0;
    font-size: 0.88rem;
}

.login-submit[b-x4wkyrdpa3] {
    width: 100%;
    margin-top: 0.25rem;
}

.login-registration-disabled[b-x4wkyrdpa3] {
    margin: 0 0 1rem;
    color: var(--muted);
    font-size: 0.92rem;
}

.login-divider[b-x4wkyrdpa3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1.25rem 0;
    color: var(--muted);
    font-size: 0.82rem;
}

.login-divider[b-x4wkyrdpa3]::before,
.login-divider[b-x4wkyrdpa3]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--surface-strong);
}

.login-oauth[b-x4wkyrdpa3] {
    text-align: center;
}

.login-oauth-heading[b-x4wkyrdpa3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.login-oauth-btn[b-x4wkyrdpa3] {
    flex: 1;
    width: auto;
}
.login-signed-in-body[b-x4wkyrdpa3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1.25rem;
}

.login-avatar[b-x4wkyrdpa3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
}

.login-signed-in-name[b-x4wkyrdpa3] {
    margin: 0;
    font-weight: 700;
    font-size: 1.05rem;
}

.login-actions[b-x4wkyrdpa3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.login-debug[b-x4wkyrdpa3] {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
    color: var(--muted);
    font-size: 0.85rem;
}

.login-debug summary[b-x4wkyrdpa3] {
    cursor: pointer;
    font-weight: 600;
}

/* Submit buttons only went disabled while a request was in flight, which reads
   as "nothing happened" on a slow connection. */
.login-spinner[b-x4wkyrdpa3] {
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    margin-right: 0.5rem;
    vertical-align: -0.1em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: login-spinner-spin-b-x4wkyrdpa3 0.7s linear infinite;
}

@keyframes login-spinner-spin-b-x4wkyrdpa3 {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-spinner[b-x4wkyrdpa3] {
        animation-duration: 2s;
    }
}

.login-debug pre[b-x4wkyrdpa3] {
    margin: 0.75rem 0 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.78rem;
}

@media (max-width: 480px) {
    .login-field-row[b-x4wkyrdpa3] {
        grid-template-columns: 1fr;
    }

    .login-card[b-x4wkyrdpa3] {
        padding: 1.35rem 1.15rem;
    }
}
/* /Pages/MovementDiscover.razor.rz.scp.css */
.move-discover-page[b-k7phn1765n] {
    width: 100%;
    max-width: none;
}

.move-discover-header[b-k7phn1765n] {
    margin-bottom: 1.25rem;
}

.move-discover-title[b-k7phn1765n] {
    margin-bottom: 0.35rem;
}

.move-discover-subtitle[b-k7phn1765n] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.move-discover-layout[b-k7phn1765n] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.move-discover-card[b-k7phn1765n] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
}

.move-discover-section-title[b-k7phn1765n] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.move-discover-subhead[b-k7phn1765n] {
    font-size: 0.95rem;
    margin: 1rem 0 0.5rem;
}

.move-discover-actions[b-k7phn1765n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.move-discover-findings[b-k7phn1765n],
.move-discover-list[b-k7phn1765n] {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.35rem;
}

.move-discover-list[b-k7phn1765n] {
    list-style: none;
    padding-left: 0;
}

.move-discover-list li[b-k7phn1765n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

@media (max-width: 960px) {
    .move-discover-layout[b-k7phn1765n] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/MovementIngest.razor.rz.scp.css */
.movement-ingest-page[b-m2j9kztbjz] {
    width: 100%;
    max-width: none;
}

.movement-ingest-header[b-m2j9kztbjz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.movement-ingest-title[b-m2j9kztbjz] {
    margin-bottom: 0.35rem;
}

.movement-ingest-subtitle[b-m2j9kztbjz] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.movement-ingest-status[b-m2j9kztbjz] {
    margin-bottom: 1rem;
}

.movement-ingest-loading[b-m2j9kztbjz] {
    color: var(--muted);
    padding: 2rem 0;
}

.movement-ingest-layout[b-m2j9kztbjz] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
    gap: 1rem;
    align-items: start;
}

.movement-ingest-layout.has-detail[b-m2j9kztbjz] {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr) minmax(0, 1.1fr);
}

.movement-ingest-card[b-m2j9kztbjz] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
}

.movement-ingest-section-title[b-m2j9kztbjz] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.movement-ingest-form-grid[b-m2j9kztbjz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
}

.movement-ingest-span-2[b-m2j9kztbjz] {
    grid-column: 1 / -1;
}

.movement-detect-options[b-m2j9kztbjz] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.85rem;
}

.movement-detect-options .form-check-label[b-m2j9kztbjz] {
    color: var(--muted);
}

.movement-ingest-form-actions[b-m2j9kztbjz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.movement-ingest-file-meta[b-m2j9kztbjz] {
    margin-top: 0.35rem;
    color: var(--muted);
    font-size: 0.85rem;
}

.movement-ingest-advanced[b-m2j9kztbjz] {
    margin-top: 1.1rem;
}

.movement-ingest-advanced-summary[b-m2j9kztbjz] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.movement-ingest-advanced-summary:hover[b-m2j9kztbjz] {
    color: var(--text);
}

.movement-ingest-advanced-body[b-m2j9kztbjz] {
    margin-top: 0.85rem;
}

.movement-ingest-play3d[b-m2j9kztbjz] {
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
}

.movement-ingest-row[b-m2j9kztbjz] {
    cursor: pointer;
}

.movement-ingest-row:hover[b-m2j9kztbjz],
.movement-ingest-row.selected[b-m2j9kztbjz] {
    background: rgba(var(--accent-rgb), 0.1);
}

.movement-ingest-select[b-m2j9kztbjz] {
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.movement-ingest-select:focus-visible[b-m2j9kztbjz] {
    outline: 2px solid var(--text);
    outline-offset: 2px;
}

.movement-ingest-meta[b-m2j9kztbjz] {
    display: grid;
    gap: 0.55rem 1rem;
    margin: 0 0 1rem;
}

.movement-ingest-meta div[b-m2j9kztbjz] {
    min-width: 0;
}

.movement-ingest-meta dt[b-m2j9kztbjz] {
    margin: 0;
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.movement-ingest-meta dd[b-m2j9kztbjz] {
    margin: 0.15rem 0 0;
}

.movement-ingest-table[b-m2j9kztbjz] {
    margin-bottom: 0;
    color: inherit;
}

.movement-ingest-table th[b-m2j9kztbjz] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.movement-ingest-fingerprint[b-m2j9kztbjz] {
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
}

.movement-ingest-offset[b-m2j9kztbjz] {
    max-width: 7rem;
}

.movement-ingest-fusion[b-m2j9kztbjz] {
    margin: 0 0 1rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.movement-ingest-camera-actions[b-m2j9kztbjz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin: 0.75rem 0 1rem;
}

.movement-ingest-scores[b-m2j9kztbjz] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 960px) {
    .movement-ingest-layout[b-m2j9kztbjz],
    .movement-ingest-layout.has-detail[b-m2j9kztbjz],
    .movement-ingest-form-grid[b-m2j9kztbjz] {
        grid-template-columns: 1fr;
    }

    .movement-ingest-header[b-m2j9kztbjz] {
        flex-direction: column;
    }
}
/* /Pages/MovementLive.razor.rz.scp.css */
.movement-live-page[b-i8dwypdiqa] {
    width: 100%;
    max-width: none;
}

.movement-live-header[b-i8dwypdiqa] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.movement-live-title[b-i8dwypdiqa] {
    margin-bottom: 0.35rem;
}

.movement-live-subtitle[b-i8dwypdiqa] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.movement-live-actions[b-i8dwypdiqa] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.movement-live-status[b-i8dwypdiqa] {
    margin-bottom: 1rem;
}

.movement-live-layout[b-i8dwypdiqa] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
    gap: 1rem;
    align-items: start;
}

.movement-live-card[b-i8dwypdiqa] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
}

.movement-live-section-title[b-i8dwypdiqa] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.movement-live-preview[b-i8dwypdiqa] {
    width: 100%;
    max-height: 28rem;
    background: #111;
    border-radius: 12px;
    object-fit: contain;
    display: block;
}

.movement-live-canvas[b-i8dwypdiqa] {
    display: none;
}

.movement-live-hint[b-i8dwypdiqa] {
    margin: 0.75rem 0 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.movement-detect-options[b-i8dwypdiqa] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.85rem;
}

.movement-detect-options .form-check-label[b-i8dwypdiqa] {
    color: var(--muted);
}

.movement-live-json[b-i8dwypdiqa] {
    margin: 0.85rem 0 0;
    max-height: 28rem;
    overflow: auto;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
    color: inherit;
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 960px) {
    .movement-live-layout[b-i8dwypdiqa] {
        grid-template-columns: 1fr;
    }

    .movement-live-header[b-i8dwypdiqa] {
        flex-direction: column;
    }
}
/* /Pages/MovementSearch.razor.rz.scp.css */
.movement-search-page[b-ttoyjmkgw1] {
    width: 100%;
    max-width: none;
}

.movement-search-header[b-ttoyjmkgw1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.movement-search-title[b-ttoyjmkgw1] {
    margin-bottom: 0.35rem;
}

.movement-search-subtitle[b-ttoyjmkgw1] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.movement-search-status[b-ttoyjmkgw1] {
    margin-bottom: 1rem;
}

.movement-search-card[b-ttoyjmkgw1] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
}

.movement-search-section-title[b-ttoyjmkgw1] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.movement-search-form[b-ttoyjmkgw1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 1rem;
}

.movement-search-form .form-control[b-ttoyjmkgw1] {
    flex: 1 1 16rem;
    min-width: 0;
}

.movement-search-detail[b-ttoyjmkgw1] {
    margin-top: 1rem;
}

.movement-search-row[b-ttoyjmkgw1] {
    cursor: pointer;
}

.movement-search-row:hover[b-ttoyjmkgw1],
.movement-search-row.selected[b-ttoyjmkgw1] {
    background: rgba(var(--accent-rgb), 0.1);
}

.movement-search-select[b-ttoyjmkgw1] {
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.movement-search-select:focus-visible[b-ttoyjmkgw1] {
    outline: 2px solid var(--text);
    outline-offset: 2px;
}

.movement-search-meta[b-ttoyjmkgw1] {
    display: grid;
    gap: 0.55rem 1rem;
    margin: 0 0 1rem;
}

.movement-search-meta dt[b-ttoyjmkgw1] {
    margin: 0;
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.movement-search-meta dd[b-ttoyjmkgw1] {
    margin: 0.15rem 0 0;
}

.movement-search-table[b-ttoyjmkgw1] {
    margin-bottom: 0;
    color: inherit;
}

.movement-search-table th[b-ttoyjmkgw1] {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.movement-search-mono[b-ttoyjmkgw1] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.85em;
    word-break: break-all;
}

@media (max-width: 960px) {
    .movement-search-header[b-ttoyjmkgw1] {
        flex-direction: column;
    }
}
/* /Pages/MyProjects.razor.rz.scp.css */
.my-projects-page[b-yl5bvvtcae] {
    width: 100%;
    max-width: none;
}

.my-projects-header[b-yl5bvvtcae] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.my-projects-planning-banner[b-yl5bvvtcae] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: -0.5rem 0 1.25rem;
}

.my-projects-title[b-yl5bvvtcae] {
    margin-bottom: 0.35rem;
}

.my-projects-subtitle[b-yl5bvvtcae] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.my-projects-status[b-yl5bvvtcae] {
    margin-bottom: 1rem;
}

.my-projects-loading[b-yl5bvvtcae] {
    color: var(--muted);
    padding: 2rem 0;
}

.my-projects-banner[b-yl5bvvtcae] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.my-projects-tabs[b-yl5bvvtcae] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.my-projects-tab[b-yl5bvvtcae] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.my-projects-tab.active[b-yl5bvvtcae] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.my-projects-tab-badge[b-yl5bvvtcae] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.my-projects-tab-count[b-yl5bvvtcae] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.my-projects-card[b-yl5bvvtcae] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.my-projects-card-header[b-yl5bvvtcae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.my-projects-section-title[b-yl5bvvtcae] {
    font-size: 1rem;
    margin-bottom: 0;
}

.my-projects-section-intro[b-yl5bvvtcae],
.my-projects-empty[b-yl5bvvtcae] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.my-projects-empty-state[b-yl5bvvtcae] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.my-projects-empty-title[b-yl5bvvtcae] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.my-projects-skill-list[b-yl5bvvtcae],
.my-projects-collection-list[b-yl5bvvtcae],
.my-projects-recommendation-list[b-yl5bvvtcae] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0;
}

.my-projects-skill-item[b-yl5bvvtcae],
.my-projects-collection-item[b-yl5bvvtcae],
.my-projects-recommendation-item[b-yl5bvvtcae] {
    padding: 0.85rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.my-projects-skill-item:last-child[b-yl5bvvtcae],
.my-projects-collection-item:last-child[b-yl5bvvtcae],
.my-projects-recommendation-item:last-child[b-yl5bvvtcae] {
    border-bottom: none;
    padding-bottom: 0;
}

.my-projects-skill-row[b-yl5bvvtcae] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.my-projects-skill-body[b-yl5bvvtcae] {
    flex-grow: 1;
    min-width: 0;
}

.my-projects-skill-name-row[b-yl5bvvtcae] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.my-projects-skill-name[b-yl5bvvtcae] {
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.my-projects-skill-name:hover[b-yl5bvvtcae] {
    color: #93c5fd;
}

.my-projects-skill-meta[b-yl5bvvtcae],
.my-projects-collection-meta[b-yl5bvvtcae] {
    color: var(--muted);
    font-size: 0.85rem;
    margin-top: 0.2rem;
}

.my-projects-skill-tags[b-yl5bvvtcae] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.35rem;
    font-size: 0.82rem;
    color: var(--muted);
}

.my-projects-improvement-options[b-yl5bvvtcae] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.my-projects-collection-name[b-yl5bvvtcae] {
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.my-projects-collection-skills[b-yl5bvvtcae] {
    margin-top: 0.35rem;
    font-size: 0.88rem;
    color: var(--muted);
}

.my-projects-achieved-toolbar[b-yl5bvvtcae] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
    font-size: 0.88rem;
    color: var(--muted);
}

.my-projects-recommendation-type[b-yl5bvvtcae] {
    font-size: 0.82rem;
    color: var(--muted);
}

.my-projects-recommendation-date[b-yl5bvvtcae] {
    font-size: 0.82rem;
    color: var(--muted);
    margin-top: 0.2rem;
}

.my-projects-pagination[b-yl5bvvtcae] {
    margin-top: 0.85rem;
}

.my-projects-jams[b-yl5bvvtcae] {
    padding: 1rem 1.25rem;
}

.my-projects-jams-list[b-yl5bvvtcae] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.my-projects-jam-item[b-yl5bvvtcae] {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.my-projects-jam-item:first-child[b-yl5bvvtcae] {
    padding-top: 0;
}

.my-projects-jam-item:last-child[b-yl5bvvtcae] {
    border-bottom: none;
    padding-bottom: 0;
}

.my-projects-jam-title[b-yl5bvvtcae] {
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.my-projects-jam-title:hover[b-yl5bvvtcae] {
    color: var(--accent-fg-on-tint);
}

.my-projects-jam-meta[b-yl5bvvtcae] {
    color: var(--muted);
    font-size: 0.85rem;
    margin-top: 0.15rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.my-projects-jams-hint[b-yl5bvvtcae] {
    color: var(--muted);
    font-size: 0.85rem;
    margin: 0.65rem 0 0;
}

@media (max-width: 640px) {
    .my-projects-skill-row[b-yl5bvvtcae] {
        flex-direction: column;
    }
}
/* /Pages/MyTeaching.razor.rz.scp.css */
.my-teaching-page[b-d038bb3koy] {
    --my-teaching-measure: 46rem;
}

.my-teaching-header[b-d038bb3koy] {
    margin-bottom: 1.25rem;
}

.my-teaching-title[b-d038bb3koy] {
    margin-bottom: 0.35rem;
}

.my-teaching-subtitle[b-d038bb3koy] {
    color: var(--bs-secondary-color, #6c757d);
    max-width: var(--my-teaching-measure);
    margin-bottom: 0;
}

.my-teaching-card[b-d038bb3koy] {
    max-width: var(--my-teaching-measure);
}

.my-teaching-search[b-d038bb3koy] {
    max-width: 16rem;
}
/* /Pages/MyVideos.razor.rz.scp.css */
.my-videos-page[b-m5yo4w101z] {
    width: 100%;
    max-width: none;
}

.my-videos-header[b-m5yo4w101z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.my-videos-title[b-m5yo4w101z] {
    margin-bottom: 0.35rem;
}

.my-videos-subtitle[b-m5yo4w101z] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
    max-width: 44rem;
}

.my-videos-status[b-m5yo4w101z] {
    margin-bottom: 1rem;
}

.my-videos-loading[b-m5yo4w101z] {
    color: var(--muted);
    padding: 2rem 0;
}

.my-videos-card[b-m5yo4w101z] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
}

.my-videos-upload[b-m5yo4w101z],
.my-videos-inbox[b-m5yo4w101z] {
    margin-bottom: 1rem;
}

.my-videos-friend-list[b-m5yo4w101z] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-height: 12rem;
    overflow: auto;
}

.my-videos-friend[b-m5yo4w101z] {
    width: 100%;
    text-align: left;
    border: 1px solid var(--border);
    background: transparent;
    color: inherit;
    border-radius: 10px;
    padding: 0.4rem 0.6rem;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.my-videos-friend.selected[b-m5yo4w101z],
.my-videos-friend:hover[b-m5yo4w101z] {
    background: rgba(var(--accent-rgb), 0.1);
}

.my-videos-section-title[b-m5yo4w101z] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.my-videos-quota[b-m5yo4w101z] {
    margin-bottom: 0.85rem;
}

.my-videos-quota-meta[b-m5yo4w101z] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.85rem;
    color: var(--muted);
    margin-bottom: 0.35rem;
}

.my-videos-quota-track[b-m5yo4w101z] {
    height: 0.45rem;
    border-radius: 999px;
    background: rgba(var(--accent-rgb), 0.15);
    overflow: hidden;
}

.my-videos-quota-fill[b-m5yo4w101z] {
    height: 100%;
    background: var(--accent);
    border-radius: inherit;
}

.my-videos-file[b-m5yo4w101z] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.my-videos-file[b-m5yo4w101z]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}

.my-videos-hint[b-m5yo4w101z] {
    margin: 0.5rem 0 0;
    color: var(--muted);
    font-size: 0.85rem;
}

.my-videos-upload-progress[b-m5yo4w101z] {
    margin-top: 0.75rem;
}

.my-videos-layout[b-m5yo4w101z] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
    gap: 1rem;
    align-items: start;
}

.my-videos-list[b-m5yo4w101z] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.my-videos-item[b-m5yo4w101z] {
    border-radius: 12px;
}

.my-videos-item-main[b-m5yo4w101z] {
    width: 100%;
    text-align: left;
    border: 1px solid transparent;
    background: transparent;
    color: inherit;
    border-radius: 12px;
    padding: 0.65rem 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}

.my-videos-item:hover .my-videos-item-main[b-m5yo4w101z],
.my-videos-item.selected .my-videos-item-main[b-m5yo4w101z] {
    background: rgba(var(--accent-rgb), 0.1);
}

.my-videos-item-name[b-m5yo4w101z] {
    font-weight: 600;
    word-break: break-word;
}

.my-videos-item-meta[b-m5yo4w101z] {
    color: var(--muted);
    font-size: 0.8rem;
}

.my-videos-badge[b-m5yo4w101z] {
    display: inline-block;
    margin-top: 0.15rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--accent);
}

.my-videos-viewer-header[b-m5yo4w101z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.my-videos-viewer-actions[b-m5yo4w101z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.my-videos-player[b-m5yo4w101z] {
    border-radius: 12px;
    overflow: hidden;
    background: #111;
}

@media (max-width: 960px) {
    .my-videos-layout[b-m5yo4w101z] {
        grid-template-columns: 1fr;
    }

    .my-videos-header[b-m5yo4w101z],
    .my-videos-viewer-header[b-m5yo4w101z] {
        flex-direction: column;
    }
}
/* /Pages/Plan.razor.rz.scp.css */
.plan-page[b-pzf9vexhqv] {
    max-width: 920px;
}

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

.plan-title[b-pzf9vexhqv] {
    margin-bottom: 0.35rem;
}

.plan-subtitle[b-pzf9vexhqv] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.plan-status[b-pzf9vexhqv] {
    margin-bottom: 1rem;
}

.plan-loading[b-pzf9vexhqv] {
    color: var(--muted);
    padding: 2rem 0;
}

.plan-card[b-pzf9vexhqv] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.plan-card-highlight[b-pzf9vexhqv] {
    border-color: rgba(var(--accent-rgb), 0.45);
    box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.25);
}

.plan-wallet-card[b-pzf9vexhqv] {
    border-color: rgba(var(--accent-warm-rgb), 0.35);
}

.plan-section-title[b-pzf9vexhqv] {
    font-size: 1.1rem;
    margin-bottom: 0.65rem;
}

.plan-subsection-title[b-pzf9vexhqv] {
    font-size: 0.95rem;
    margin: 0.85rem 0 0.35rem;
}

.plan-section-intro[b-pzf9vexhqv],
.plan-empty[b-pzf9vexhqv],
.plan-catalog-desc[b-pzf9vexhqv],
.plan-hint[b-pzf9vexhqv] {
    margin: 0 0 0.75rem;
    color: var(--muted);
    font-size: 0.92rem;
}

.plan-wallet-stats[b-pzf9vexhqv] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.plan-stat[b-pzf9vexhqv] {
    min-width: 6rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: rgba(15, 23, 42, 0.25);
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.plan-stat-value[b-pzf9vexhqv] {
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.plan-stat-value-sm[b-pzf9vexhqv] {
    font-size: 1rem;
    font-weight: 600;
}

.plan-stat-label[b-pzf9vexhqv] {
    font-size: 0.78rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.plan-sub-row[b-pzf9vexhqv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.plan-sub-meta[b-pzf9vexhqv] {
    margin-top: 0.35rem;
}

.plan-actions[b-pzf9vexhqv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.plan-catalog[b-pzf9vexhqv] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.plan-catalog-item[b-pzf9vexhqv] {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.85rem 1rem;
    background: rgba(15, 23, 42, 0.2);
}

.plan-catalog-name[b-pzf9vexhqv] {
    font-size: 1rem;
    margin: 0 0 0.35rem;
}

.plan-token-price[b-pzf9vexhqv] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    margin-bottom: 0.65rem;
}

.plan-pill[b-pzf9vexhqv] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    border: 1px solid var(--border);
    text-transform: capitalize;
}

.plan-pill-ok[b-pzf9vexhqv] {
    background: rgba(74, 222, 128, 0.12);
    border-color: rgba(74, 222, 128, 0.35);
    color: #bbf7d0;
}

.plan-pill-warn[b-pzf9vexhqv] {
    background: rgba(251, 191, 36, 0.12);
    border-color: rgba(251, 191, 36, 0.35);
    color: #fde68a;
}

.plan-pill-muted[b-pzf9vexhqv] {
    background: rgba(148, 163, 184, 0.12);
    border-color: rgba(148, 163, 184, 0.3);
    color: #cbd5e1;
}

.plan-grant-list[b-pzf9vexhqv] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.65rem;
}

.plan-grant-item[b-pzf9vexhqv] {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.75rem 0.9rem;
    display: grid;
    gap: 0.65rem;
}

.plan-grant-main[b-pzf9vexhqv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.75rem;
    align-items: center;
}

.plan-grant-meta[b-pzf9vexhqv] {
    font-size: 0.85rem;
    color: var(--muted);
}

.plan-grant-actions[b-pzf9vexhqv] {
    justify-content: space-between;
}

.plan-switch-row[b-pzf9vexhqv] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    flex-wrap: wrap;
}

.plan-feature-list[b-pzf9vexhqv] {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--muted);
    font-size: 0.9rem;
}

@media (max-width: 640px) {
    .plan-header[b-pzf9vexhqv] {
        flex-direction: column;
    }

    .plan-sub-row[b-pzf9vexhqv] {
        flex-direction: column;
    }
}
/* /Pages/PosePlay.razor.rz.scp.css */
.pose-play-page[b-8zdpe0sjt1] {
    width: 100%;
    max-width: none;
}

.pose-play-header[b-8zdpe0sjt1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pose-play-title[b-8zdpe0sjt1] {
    margin-bottom: 0.35rem;
}

.pose-play-subtitle[b-8zdpe0sjt1],
.pose-play-hint[b-8zdpe0sjt1] {
    margin: 0 0 0.75rem;
    color: var(--muted);
    font-size: 0.95rem;
}

.pose-play-layout[b-8zdpe0sjt1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.pose-play-span[b-8zdpe0sjt1] {
    grid-column: 1 / -1;
}

.pose-play-card[b-8zdpe0sjt1] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
}

.pose-play-section-title[b-8zdpe0sjt1] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.pose-play-subhead[b-8zdpe0sjt1] {
    font-size: 0.95rem;
    margin: 1rem 0 0.5rem;
}

.pose-play-row[b-8zdpe0sjt1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.pose-play-row .form-control[b-8zdpe0sjt1] {
    flex: 1 1 12rem;
}

.pose-play-list[b-8zdpe0sjt1] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.4rem;
}

.pose-play-list li[b-8zdpe0sjt1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.pose-play-steps[b-8zdpe0sjt1] {
    margin: 0 0 0.5rem 1.1rem;
}

.pose-play-countdown[b-8zdpe0sjt1] {
    color: var(--accent-fg-on-tint, var(--text));
    font-weight: 600;
}

.pose-play-actions[b-8zdpe0sjt1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

@media (max-width: 960px) {
    .pose-play-layout[b-8zdpe0sjt1] {
        grid-template-columns: 1fr;
    }

    .pose-play-header[b-8zdpe0sjt1] {
        flex-direction: column;
    }
}
/* /Pages/PosePlayPractice.razor.rz.scp.css */
.pose-play-page[b-m1aiftmpil] {
    width: 100%;
    max-width: none;
}

.pose-play-header[b-m1aiftmpil] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pose-play-title[b-m1aiftmpil] {
    margin-bottom: 0.35rem;
}

.pose-play-subtitle[b-m1aiftmpil],
.pose-play-hint[b-m1aiftmpil] {
    margin: 0 0 0.75rem;
    color: var(--muted);
    font-size: 0.95rem;
}

.pose-play-practice-layout[b-m1aiftmpil] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr);
    gap: 1rem;
    align-items: start;
}

.pose-play-card[b-m1aiftmpil] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
}

.pose-play-section-title[b-m1aiftmpil] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.pose-play-steps[b-m1aiftmpil] {
    margin: 0 0 0.75rem 1.1rem;
    display: grid;
    gap: 0.35rem;
}

.pose-play-step-btn[b-m1aiftmpil] {
    padding: 0;
    text-decoration: none;
}

.pose-play-current[b-m1aiftmpil],
.pose-play-step-btn.pose-play-current[b-m1aiftmpil] {
    font-weight: 700;
}

.pose-play-actions[b-m1aiftmpil] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

@media (max-width: 960px) {
    .pose-play-practice-layout[b-m1aiftmpil] {
        grid-template-columns: 1fr;
    }

    .pose-play-header[b-m1aiftmpil] {
        flex-direction: column;
    }
}
/* /Pages/PosePlaySession.razor.rz.scp.css */
.pose-play-page[b-guih355sab] {
    width: 100%;
    max-width: none;
}

.pose-play-header[b-guih355sab] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.pose-play-title[b-guih355sab] {
    margin-bottom: 0.35rem;
}

.pose-play-subtitle[b-guih355sab],
.pose-play-hint[b-guih355sab] {
    margin: 0 0 0.75rem;
    color: var(--muted);
    font-size: 0.95rem;
}

.pose-play-layout[b-guih355sab] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.pose-play-span[b-guih355sab] {
    grid-column: 1 / -1;
}

.pose-play-card[b-guih355sab] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
}

.pose-play-section-title[b-guih355sab] {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
}

.pose-play-row[b-guih355sab],
.pose-play-actions[b-guih355sab] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.pose-play-list[b-guih355sab] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.4rem;
}

.pose-play-list li[b-guih355sab],
.pose-play-steps li[b-guih355sab] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.pose-play-current[b-guih355sab] {
    font-weight: 700;
}

.pose-play-preview[b-guih355sab] {
    width: 100%;
    max-height: 22rem;
    background: var(--surface-strong, var(--surface-alt, var(--surface)));
    border-radius: 12px;
    object-fit: contain;
    display: block;
}

.pose-play-canvas[b-guih355sab] {
    display: none;
}

.pose-play-meter[b-guih355sab] {
    margin-top: 0.75rem;
    height: 0.75rem;
    border-radius: 999px;
    background: var(--surface-faint, var(--border));
    overflow: hidden;
}

.pose-play-meter-fill[b-guih355sab] {
    height: 100%;
    background: rgba(var(--accent-rgb), 0.85);
}

@media (max-width: 960px) {
    .pose-play-layout[b-guih355sab] {
        grid-template-columns: 1fr;
    }

    .pose-play-header[b-guih355sab] {
        flex-direction: column;
    }
}
/* /Pages/Profile.razor.rz.scp.css */
/* This is a settings form, not a data view. Left unbounded it stretched the full
   viewport (1819px on a desktop monitor), which put the "admin" value 941px from
   its label, ran the bio textarea to 1073px — far past a readable measure — and
   left a 678px empty gutter beside the details column.

   Those three symptoms are now fixed at their source: the detail rows size their
   value column to content, and every editable field carries its own measure cap
   (see the bottom of this file). So the page cap no longer has to do that job —
   it only has to stop the cards drifting absurdly wide. 1100px was tight enough
   that a 1800px monitor showed ~400px of dead space down the right, so allow
   more room and let the measure grow with it (see the >=1200px block below).

   Overrides the global .profile-page rule in app.css, which forces
   width/max-width with !important, hence the !important here. */
.profile-page[b-d1l5ksuvkl] {
    width: 100%;
    max-width: 1400px !important;
    /* The element also carries Bootstrap's .container, whose auto margins would
       centre the now-capped content and indent the heading ~200px from where
       every other page's heading sits. Keep it flush left for consistency. */
    margin-inline: 0 !important;
}

.profile-header[b-d1l5ksuvkl] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.profile-header h1[b-d1l5ksuvkl] {
    margin-bottom: 0.25rem;
}

.profile-header-lead[b-d1l5ksuvkl] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.profile-header-actions[b-d1l5ksuvkl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.profile-jam-region-input[b-d1l5ksuvkl] {
    max-width: 280px;
}

.profile-layout[b-d1l5ksuvkl] {
    display: grid;
    gap: 1.5rem;
}

/* Stack of profile sections in the main column (identity, settings, awards…). */
.profile-main[b-d1l5ksuvkl] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

@media (min-width: 768px) {
    .profile-layout[b-d1l5ksuvkl] {
        grid-template-columns: 280px minmax(0, 1fr);
        align-items: start;
    }

    .profile-layout.profile-layout-single[b-d1l5ksuvkl] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* The photo card is much shorter than the details column, so the left column
       would otherwise be a tall empty gutter. Sticking it turns that space into
       something useful: the avatar and its actions stay in view while you scroll
       the settings. */
    [b-d1l5ksuvkl] .profile-photo-card {
        position: sticky;
        top: 1.25rem;
    }
}

/* Wide desktops. The cards' natural width is driven by --profile-measure, so
   capping the page alone just moved the empty space to the right of the layout.
   Give the photo column and the field measure more room here so the details card
   grows into the width the page cap now allows, instead of leaving a void. */
@media (min-width: 1200px) {
    .profile-page[b-d1l5ksuvkl] {
        --profile-measure: 58rem;
    }

    .profile-layout[b-d1l5ksuvkl] {
        grid-template-columns: 320px minmax(0, 1fr);
    }

    .profile-layout.profile-layout-single[b-d1l5ksuvkl] {
        grid-template-columns: minmax(0, 1fr);
    }
}

[b-d1l5ksuvkl] .profile-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

[b-d1l5ksuvkl] .profile-photo-card {
    text-align: center;
}

[b-d1l5ksuvkl] .profile-photo-intro {
    color: var(--muted);
    font-size: 0.92rem;
    margin: -0.35rem 0 1.25rem;
}

[b-d1l5ksuvkl] .profile-avatar-display {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

[b-d1l5ksuvkl] .profile-avatar-wrap {
    position: relative;
    display: inline-flex;
    line-height: 0;
}

[b-d1l5ksuvkl] .profile-avatar-score {
    position: absolute;
    right: 0.35rem;
    bottom: 0.35rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.45rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    border: 2px solid rgba(255, 255, 255, 0.65);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
    font-variant-numeric: tabular-nums;
}

.profile-award-score-line[b-d1l5ksuvkl] {
    margin: 0 0 0.75rem;
    color: var(--muted);
    font-size: 0.92rem;
}

.award-badge-list[b-d1l5ksuvkl] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.55rem;
}

.award-badge-card[b-d1l5ksuvkl] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: start;
    padding: 0.7rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: rgba(15, 23, 42, 0.22);
}

.award-badge-score[b-d1l5ksuvkl] {
    min-width: 2.4rem;
    padding: 0.3rem 0.45rem;
    border-radius: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 0.85rem;
    color: #0f172a;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
}

.award-badge-name[b-d1l5ksuvkl] {
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.award-badge-description[b-d1l5ksuvkl] {
    color: var(--muted);
    font-size: 0.88rem;
}

.award-badge-note[b-d1l5ksuvkl] {
    margin-top: 0.25rem;
    font-size: 0.82rem;
    color: #cbd5e1;
    font-style: italic;
}

.competition-score-list[b-d1l5ksuvkl] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.55rem;
}

.competition-score-card[b-d1l5ksuvkl] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: center;
    padding: 0.7rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: rgba(56, 189, 248, 0.08);
}

.competition-score-points[b-d1l5ksuvkl] {
    min-width: 2.6rem;
    padding: 0.35rem 0.5rem;
    border-radius: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 0.95rem;
    color: #0f172a;
    background: linear-gradient(135deg, #38bdf8, #818cf8);
}

.competition-score-name[b-d1l5ksuvkl] {
    font-weight: 600;
}

.competition-score-hint[b-d1l5ksuvkl] {
    color: var(--muted);
    font-size: 0.82rem;
}

[b-d1l5ksuvkl] .profile-photo-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

[b-d1l5ksuvkl] .profile-upload-label {
    margin: 0;
}

[b-d1l5ksuvkl] .profile-photo-actions input[type="file"] {
    display: none;
}

[b-d1l5ksuvkl] .profile-selected-file {
    margin: 0.5rem 0 0;
    font-size: 0.82rem;
    color: var(--muted);
}

[b-d1l5ksuvkl] .profile-avatar {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(var(--accent-rgb), 0.45);
    box-shadow: var(--glow-accent);
}

[b-d1l5ksuvkl] .profile-avatar-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-size: 3rem;
    font-weight: 700;
}

[b-d1l5ksuvkl] .profile-photo-hint {
    margin: 0.75rem 0 0;
    font-size: 0.8rem;
    color: var(--muted);
}

/* Each logical block is its own .profile-card; titles are card headers only
   (no in-card divider borders — gap between cards separates sections). */
[b-d1l5ksuvkl] .profile-section-title {
    font-size: 1.05rem;
    font-weight: 650;
    margin: 0 0 1rem;
    padding: 0;
    border-top: none;
    color: var(--text);
}

[b-d1l5ksuvkl] .profile-section .profile-details {
    margin: 0;
}

.profile-details[b-d1l5ksuvkl] {
    margin: 0 0 1.5rem;
}

.profile-friend-section .profile-friend-actions[b-d1l5ksuvkl] {
    margin: 0;
}

.profile-detail-row[b-d1l5ksuvkl] {
    display: grid;
    /* Values are short ("admin", "Administrator"), so let the value column size to
       its content rather than stretching the label 900px away from it. */
    grid-template-columns: 120px minmax(0, max-content);
    gap: 0.75rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.profile-detail-row:last-child[b-d1l5ksuvkl] {
    border-bottom: none;
}

.profile-detail-row dt[b-d1l5ksuvkl] {
    color: var(--muted);
    font-weight: 500;
    margin: 0;
}

.profile-detail-row dd[b-d1l5ksuvkl] {
    margin: 0;
    color: var(--text);
    font-weight: 600;
}

.profile-group-list[b-d1l5ksuvkl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.profile-group-pill[b-d1l5ksuvkl] {
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.25);
    color: var(--accent-fg-on-tint);
    font-size: 0.82rem;
    font-weight: 600;
}

.profile-group-pill.admin[b-d1l5ksuvkl] {
    background: rgba(var(--accent-warm-rgb), 0.18);
    border-color: rgba(var(--accent-warm-rgb), 0.35);
    color: #ede9fe;
}

.profile-loading[b-d1l5ksuvkl] {
    color: var(--muted);
    padding: 2rem 0;
}

.profile-description-input[b-d1l5ksuvkl] {
    min-height: 120px;
    resize: vertical;
}

.profile-description-footer[b-d1l5ksuvkl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.75rem;
    /* Match the textarea's measure so the char counter and Save button stay
       aligned with the field rather than drifting to the card edge. */
    max-width: var(--profile-measure, 46rem);
}

.profile-description[b-d1l5ksuvkl] {
    margin: 0;
    color: var(--text);
    white-space: pre-wrap;
    line-height: 1.55;
}

.profile-status[b-d1l5ksuvkl] {
    margin-bottom: 1rem;
}

.profile-friend-actions[b-d1l5ksuvkl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--border-faint);
}

.profile-friend-badge[b-d1l5ksuvkl] {
    font-size: 0.82rem;
}

.profile-friend-hint[b-d1l5ksuvkl] {
    color: var(--muted);
    font-size: 0.9rem;
    margin-right: 0.25rem;
}

.profile-friend-confirm[b-d1l5ksuvkl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.profile-teaching-toggle[b-d1l5ksuvkl],
[b-d1l5ksuvkl] .profile-appearance {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

[b-d1l5ksuvkl] .profile-teaching-hint {
    font-size: 0.9rem;
}

.profile-teaching-contact-email[b-d1l5ksuvkl] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.profile-teaching-contact-email-input[b-d1l5ksuvkl] {
    max-width: 280px;
}

[b-d1l5ksuvkl] .profile-appearance-options {
    align-self: flex-start;
}

/* ── Readable measure for the editable fields ──
   Everything below was running the full width of the details card. Prose past
   roughly 70 characters per line is hard to track, and a full-width control for
   a short value reads as unfinished rather than spacious.

   Driven by --profile-measure so the wide-viewport block can relax it in one
   place instead of repeating the literal on every rule. */
.profile-description-input[b-d1l5ksuvkl],
[b-d1l5ksuvkl] .profile-section textarea {
    max-width: var(--profile-measure, 46rem);
}

.profile-description[b-d1l5ksuvkl] {
    max-width: var(--profile-measure, 46rem);
}

.profile-teaching-toggle[b-d1l5ksuvkl],
[b-d1l5ksuvkl] .profile-appearance {
    max-width: var(--profile-measure, 46rem);
}

/* ── Account & security ──
   Owner-only settings (password, sessions, export, delete). Same measure cap as
   the other editable blocks so the short inputs don't stretch the card. */
[b-d1l5ksuvkl] .profile-account-block {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: var(--profile-measure, 46rem);
    margin-bottom: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-faint);
}

.profile-account-block:first-of-type[b-d1l5ksuvkl] {
    padding-top: 0;
    border-top: none;
}

[b-d1l5ksuvkl] .profile-account-block:last-child {
    margin-bottom: 0;
}

[b-d1l5ksuvkl] .profile-account-heading {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

[b-d1l5ksuvkl] .profile-account-fields {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

[b-d1l5ksuvkl] .profile-account-input {
    max-width: 320px;
}

[b-d1l5ksuvkl] .profile-account-action {
    align-self: flex-start;
}

[b-d1l5ksuvkl] .profile-session-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-d1l5ksuvkl] .profile-session-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--surface-alt);
}

[b-d1l5ksuvkl] .profile-session-title {
    font-weight: 600;
}

[b-d1l5ksuvkl] .profile-session-badge {
    margin-left: 0.4rem;
    font-size: 0.7rem;
    vertical-align: middle;
}

[b-d1l5ksuvkl] .profile-session-hint {
    color: var(--muted);
    font-size: 0.85rem;
}

/* The delete block is the one destructive control on the page, so it gets a
   warm border rather than relying on button colour alone. */
[b-d1l5ksuvkl] .profile-account-danger {
    border: 1px solid var(--accent-warm);
    border-radius: 0.5rem;
    padding: 0.75rem;
}

[b-d1l5ksuvkl] .profile-delete-preview {
    list-style: none;
    margin: 0 0 0.5rem;
    padding: 0;
    display: grid;
    gap: 0.35rem 1rem;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}

[b-d1l5ksuvkl] .profile-delete-preview-item {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
}

[b-d1l5ksuvkl] .profile-delete-preview-count {
    font-weight: 600;
}

[b-d1l5ksuvkl] .profile-delete-preview-label {
    color: var(--muted);
    font-size: 0.9rem;
}

/* ── How to reach me (contact channels) ── */

[b-d1l5ksuvkl] .profile-channels-intro {
    margin: 0 0 0.5rem;
    color: var(--muted);
    font-size: 0.9rem;
}

[b-d1l5ksuvkl] .profile-channels-error {
    margin: 0 0 0.5rem;
    font-size: 0.85rem;
    color: var(--danger, #b3261e);
}

[b-d1l5ksuvkl] .profile-channels-visibility-summary {
    margin: 0 0 0.75rem;
    font-size: 0.88rem;
    color: var(--text);
    border-left: 3px solid rgba(var(--accent-rgb), 0.45);
    padding-left: 0.6rem;
}

[b-d1l5ksuvkl] .profile-channel-list {
    list-style: none;
    margin: 0 0 0.75rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-d1l5ksuvkl] .profile-channel {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.6rem 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

[b-d1l5ksuvkl] .profile-channel.preferred {
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.08);
}

[b-d1l5ksuvkl] .profile-channel-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

[b-d1l5ksuvkl] .profile-channel-type {
    font-weight: 600;
}

[b-d1l5ksuvkl] .profile-channel-value {
    font-family: var(--bs-font-monospace, monospace);
    font-size: 0.88rem;
    word-break: break-all;
}

[b-d1l5ksuvkl] .profile-channel-label {
    font-size: 0.78rem;
    color: var(--muted);
}

[b-d1l5ksuvkl] .profile-channel-visibility {
    display: inline-block;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid var(--border-strong);
    color: var(--muted);
}

/* Friends-visible is the louder of the two on purpose: a shared contact detail
   must never read as the quiet default. */
[b-d1l5ksuvkl] .profile-channel-visibility.shared {
    border-color: rgba(var(--accent-warm-rgb), 0.5);
    background: rgba(var(--accent-warm-rgb), 0.16);
    color: var(--accent-fg-on-tint);
}

[b-d1l5ksuvkl] .profile-channel-preferred-badge {
    display: inline-block;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    background: rgba(var(--accent-rgb), 0.12);
    color: var(--accent-fg-on-tint);
}

/* Muted reads as "switched off", not as an error: it is a choice the owner made. */
[b-d1l5ksuvkl] .profile-channel-muted-badge {
    display: inline-block;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid var(--border-color);
    background: var(--surface-2);
    color: var(--text-muted);
}

[b-d1l5ksuvkl] .profile-channel-edit {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

[b-d1l5ksuvkl] .profile-channel-field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 13rem;
    flex: 1 1 13rem;
}

[b-d1l5ksuvkl] .profile-channel-field-label {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--muted);
}

[b-d1l5ksuvkl] .profile-channel-hint {
    font-size: 0.76rem;
    color: var(--muted);
}

[b-d1l5ksuvkl] .profile-channel-check {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.45rem;
    font-size: 0.86rem;
    color: var(--text);
}

[b-d1l5ksuvkl] .profile-channel-announcements {
    margin-top: 0.9rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-faint);
}

[b-d1l5ksuvkl] .profile-channel-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

[b-d1l5ksuvkl] .profile-channel-add {
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.75rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

[b-d1l5ksuvkl] .profile-channel-confirm {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border: 1px solid rgba(var(--accent-rgb), 0.35);
    border-radius: 10px;
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
}

[b-d1l5ksuvkl] .profile-calendar-feed-intro {
    font-size: 0.92rem;
    margin: 0 0 0.75rem;
}

[b-d1l5ksuvkl] .profile-calendar-feed-row {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 0.75rem;
    align-items: center;
}

[b-d1l5ksuvkl] .profile-calendar-feed-link {
    background: var(--input-bg);
    border: 1px solid var(--border);
    color: var(--text);
    font-family: var(--bs-font-monospace);
    font-size: 0.82rem;
    min-width: 0;
    text-overflow: ellipsis;
}

[b-d1l5ksuvkl] .profile-calendar-feed-note {
    margin: 0.85rem 0 0;
}

[b-d1l5ksuvkl] .profile-discovery-toggle {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    max-width: var(--profile-measure, 46rem);
}

@media (max-width: 640px) {
    [b-d1l5ksuvkl] .profile-channel-edit {
        flex-direction: column;
    }

    [b-d1l5ksuvkl] .profile-channel-field {
        min-width: 0;
    }

    [b-d1l5ksuvkl] .profile-calendar-feed-row {
        grid-template-columns: 1fr;
    }
}
/* /Pages/RecommendSkill.razor.rz.scp.css */
.recommend-skill-page[b-gwllwpaxtu] {
    width: 100%;
    max-width: none;
}

.recommend-skill-header[b-gwllwpaxtu] {
    margin-bottom: 1.25rem;
}

.recommend-skill-title[b-gwllwpaxtu] {
    margin-bottom: 0.35rem;
}

.recommend-skill-subtitle[b-gwllwpaxtu] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.recommend-skill-status[b-gwllwpaxtu] {
    margin-bottom: 1rem;
}

.recommend-skill-loading[b-gwllwpaxtu] {
    color: var(--muted);
    padding: 2rem 0;
}

.recommend-skill-breadcrumb[b-gwllwpaxtu] {
    margin-bottom: 1rem;
}

.recommend-skill-breadcrumb .breadcrumb[b-gwllwpaxtu] {
    margin-bottom: 0;
}

.recommend-skill-card[b-gwllwpaxtu] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.recommend-skill-preview-name[b-gwllwpaxtu] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 0.35rem;
}

.recommend-skill-preview-description[b-gwllwpaxtu] {
    margin: 0 0 1rem;
    color: var(--muted);
    font-size: 0.92rem;
    line-height: 1.45;
}

.recommend-skill-section-title[b-gwllwpaxtu] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.recommend-skill-section-intro[b-gwllwpaxtu],
.recommend-skill-empty-inline[b-gwllwpaxtu] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.recommend-skill-section-intro[b-gwllwpaxtu] {
    margin-bottom: 1rem;
}

.recommend-skill-empty-inline[b-gwllwpaxtu] {
    margin-top: 0.75rem;
}

.recommend-skill-search-row[b-gwllwpaxtu] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.recommend-skill-search-results[b-gwllwpaxtu] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.recommend-skill-search-result[b-gwllwpaxtu] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--text);
    text-align: left;
}

.recommend-skill-search-result:hover[b-gwllwpaxtu],
.recommend-skill-search-result.selected[b-gwllwpaxtu] {
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.1);
}

.recommend-skill-search-result-name[b-gwllwpaxtu] {
    font-weight: 600;
}

.recommend-skill-search-result-username[b-gwllwpaxtu] {
    margin-left: auto;
    color: var(--muted);
    font-size: 0.85rem;
}

.recommend-skill-field-label[b-gwllwpaxtu] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.recommend-skill-actions[b-gwllwpaxtu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.recommend-skill-success[b-gwllwpaxtu] {
    text-align: center;
    padding: 0.5rem 0;
}

.recommend-skill-success-title[b-gwllwpaxtu] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}
/* /Pages/Rooms.razor.rz.scp.css */
.rooms-page[b-va8jfcml5r] {
    width: 100%;
    max-width: none;
}

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

.rooms-title[b-va8jfcml5r] {
    margin-bottom: 0.35rem;
}

.rooms-subtitle[b-va8jfcml5r] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.rooms-status[b-va8jfcml5r] {
    margin-bottom: 1rem;
}

.rooms-loading[b-va8jfcml5r] {
    color: var(--muted);
    padding: 2rem 0;
}

.rooms-card[b-va8jfcml5r] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.rooms-toolbar-card[b-va8jfcml5r] {
    margin-bottom: 1.25rem;
}

.rooms-section-title[b-va8jfcml5r] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.rooms-section-intro[b-va8jfcml5r],
.rooms-empty[b-va8jfcml5r],
.rooms-empty-inline[b-va8jfcml5r] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.rooms-section-intro[b-va8jfcml5r] {
    margin-bottom: 1rem;
}

.rooms-empty-inline[b-va8jfcml5r] {
    margin-top: 0.75rem;
}

.rooms-card-header[b-va8jfcml5r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.rooms-count[b-va8jfcml5r] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.rooms-field-label[b-va8jfcml5r] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
}

.rooms-toolbar-grid[b-va8jfcml5r] {
    display: grid;
    gap: 0.85rem;
}

.rooms-confirm-banner[b-va8jfcml5r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.rooms-confirm-actions[b-va8jfcml5r] {
    display: flex;
    gap: 0.5rem;
}

.rooms-form-grid[b-va8jfcml5r] {
    display: grid;
    gap: 0.85rem;
}

.rooms-form-row[b-va8jfcml5r] {
    display: grid;
    gap: 0.85rem;
}

.rooms-form-actions[b-va8jfcml5r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.rooms-attributes[b-va8jfcml5r] {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.rooms-attributes-label[b-va8jfcml5r] {
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.rooms-list[b-va8jfcml5r] {
    display: grid;
    gap: 0.85rem;
}

.rooms-list-item[b-va8jfcml5r] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.rooms-list-item:last-child[b-va8jfcml5r] {
    border-bottom: none;
    padding-bottom: 0;
}

.rooms-avatar[b-va8jfcml5r] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
    width: 48px;
    height: 48px;
    font-size: 1rem;
}

.rooms-list-body[b-va8jfcml5r] {
    min-width: 0;
}

.rooms-list-name[b-va8jfcml5r] {
    font-weight: 700;
    color: var(--text);
    margin: 0 0 0.2rem;
}

.rooms-list-meta[b-va8jfcml5r] {
    color: var(--muted);
    font-size: 0.85rem;
}

.rooms-list-actions[b-va8jfcml5r] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.rooms-empty-state[b-va8jfcml5r] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.rooms-empty-title[b-va8jfcml5r] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.rooms-columns[b-va8jfcml5r] {
    display: grid;
    gap: 1rem;
}

.rooms-availability-actions[b-va8jfcml5r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.rooms-assignment-list[b-va8jfcml5r] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.65rem;
}

.rooms-assignment-item[b-va8jfcml5r] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.rooms-assignment-name[b-va8jfcml5r] {
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.rooms-assignment-meta[b-va8jfcml5r] {
    color: var(--muted);
    font-size: 0.85rem;
}

.rooms-import-card[b-va8jfcml5r] {
    margin-top: 0.25rem;
}

.rooms-import-summary[b-va8jfcml5r] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.rooms-import-body[b-va8jfcml5r] {
    margin-top: 1rem;
    display: grid;
    gap: 0.85rem;
}

.rooms-import-message[b-va8jfcml5r] {
    font-size: 0.9rem;
    margin: 0;
}

.rooms-import-message.success[b-va8jfcml5r] {
    color: #86efac;
}

.rooms-import-message.error[b-va8jfcml5r] {
    color: #fca5a5;
}

@media (min-width: 992px) {
    .rooms-columns[b-va8jfcml5r] {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }

    .rooms-form-row[b-va8jfcml5r] {
        grid-template-columns: 1.4fr 0.8fr;
    }

    .rooms-toolbar-grid[b-va8jfcml5r] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .rooms-list-item[b-va8jfcml5r],
    .rooms-assignment-item[b-va8jfcml5r] {
        grid-template-columns: 1fr;
    }

    .rooms-list-actions[b-va8jfcml5r] {
        flex-direction: row;
        align-items: flex-start;
    }
}
/* /Pages/SkillCollections.razor.rz.scp.css */
.skill-collections-page[b-2fmiav48e8] {
    width: 100%;
    max-width: none;
}

.skill-collections-header[b-2fmiav48e8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-collections-title[b-2fmiav48e8] {
    margin-bottom: 0.35rem;
}

.skill-collections-subtitle[b-2fmiav48e8] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.skill-collections-status[b-2fmiav48e8] {
    margin-bottom: 1rem;
}

.skill-collections-loading[b-2fmiav48e8] {
    color: var(--muted);
    padding: 2rem 0;
}

.skill-collections-pending-banner[b-2fmiav48e8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.skill-collections-tabs[b-2fmiav48e8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.skill-collections-tab[b-2fmiav48e8] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.skill-collections-tab.active[b-2fmiav48e8] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.skill-collections-tab-badge[b-2fmiav48e8] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.skill-collections-tab-count[b-2fmiav48e8] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.skill-collections-card[b-2fmiav48e8] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-collections-subcard[b-2fmiav48e8] {
    background: var(--surface-faint);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.skill-collections-card-header[b-2fmiav48e8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-collections-section-title[b-2fmiav48e8] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.skill-collections-section-intro[b-2fmiav48e8],
.skill-collections-empty[b-2fmiav48e8] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.skill-collections-section-intro[b-2fmiav48e8] {
    margin-bottom: 1rem;
}

.skill-collections-empty-state[b-2fmiav48e8] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.skill-collections-empty-title[b-2fmiav48e8] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-collections-icon[b-2fmiav48e8] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
}

.skill-collections-icon-md[b-2fmiav48e8] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.skill-collections-list[b-2fmiav48e8] {
    display: grid;
    gap: 0.85rem;
}

.skill-collections-row[b-2fmiav48e8] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.skill-collections-row:last-child[b-2fmiav48e8] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-collections-row-body[b-2fmiav48e8] {
    min-width: 0;
}

.skill-collections-row-name[b-2fmiav48e8] {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.skill-collections-row-meta[b-2fmiav48e8] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-collections-row-description[b-2fmiav48e8] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.skill-collections-row-badges[b-2fmiav48e8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-collections-skill-chips[b-2fmiav48e8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.55rem;
}

.skill-collections-skill-chip[b-2fmiav48e8] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.82rem;
    text-decoration: none;
}

.skill-collections-skill-chip:hover[b-2fmiav48e8] {
    color: #93c5fd;
}

.skill-collections-row-actions[b-2fmiav48e8] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.skill-collections-form-row[b-2fmiav48e8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-collections-search-row[b-2fmiav48e8] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.skill-collections-selected-list[b-2fmiav48e8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.skill-collections-selected-item[b-2fmiav48e8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
}

.skill-collections-pagination[b-2fmiav48e8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.skill-collections-form-actions[b-2fmiav48e8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .skill-collections-row[b-2fmiav48e8] {
        grid-template-columns: 1fr;
    }

    .skill-collections-row-actions[b-2fmiav48e8] {
        align-items: flex-start;
        flex-direction: row;
    }

    .skill-collections-form-row[b-2fmiav48e8],
    .skill-collections-search-row[b-2fmiav48e8] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SkillDetails.razor.rz.scp.css */
.skill-details-page[b-t1hhe90vl5] {
    width: 100%;
    max-width: none;
}

.skill-details-loading[b-t1hhe90vl5] {
    color: var(--muted);
    padding: 2rem 0;
}

.skill-details-status[b-t1hhe90vl5] {
    margin-bottom: 1rem;
}

.skill-details-header[b-t1hhe90vl5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-details-heading[b-t1hhe90vl5] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.skill-details-title[b-t1hhe90vl5] {
    margin: 0 0 0.25rem;
}

.skill-details-meta[b-t1hhe90vl5] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.skill-details-header-badges[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-details-styles-list[b-t1hhe90vl5] {
    display: grid;
    gap: 0.75rem;
}

.skill-details-style[b-t1hhe90vl5] {
    display: grid;
    gap: 0.35rem;
}

.skill-details-style-heading[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.skill-details-style-name[b-t1hhe90vl5] {
    font-weight: 600;
    color: var(--text);
}

.skill-details-style-default[b-t1hhe90vl5] {
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: rgba(var(--accent-rgb), 0.14);
    border: 1px solid rgba(var(--accent-rgb), 0.45);
    color: var(--accent-fg-on-tint);
    font-size: 0.75rem;
    font-weight: 600;
}

.skill-details-style-taxonomies[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.skill-details-style-taxonomy[b-t1hhe90vl5] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.78rem;
}

.skill-details-style-fingerprint[b-t1hhe90vl5] {
    color: var(--muted);
    font-size: 0.78rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    word-break: break-all;
}

.skill-details-header-actions[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-details-avatar[b-t1hhe90vl5] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
}

.skill-details-avatar-xl[b-t1hhe90vl5] {
    width: 80px;
    height: 80px;
    font-size: 2rem;
    border-radius: 20px;
}

.skill-details-card[b-t1hhe90vl5] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-details-section-title[b-t1hhe90vl5] {
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.skill-details-description[b-t1hhe90vl5] {
    margin: 0;
    color: var(--text);
    line-height: 1.55;
    white-space: pre-wrap;
}

.skill-details-card-header[b-t1hhe90vl5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-details-fields-toolbar[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.skill-details-fields-hint[b-t1hhe90vl5] {
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-details-field-label[b-t1hhe90vl5] {
    font-size: 0.85rem;
    color: var(--muted);
    margin-bottom: 0.35rem;
}

.skill-details-video-edit-row[b-t1hhe90vl5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.skill-details-video-edit-item .skill-details-video-link[b-t1hhe90vl5] {
    word-break: break-all;
}

.skill-wiki-section .skill-wiki-html[b-t1hhe90vl5],
.skill-wiki-section .skill-wiki-body[b-t1hhe90vl5] {
    background: var(--surface-alt);
    border-color: var(--border) !important;
    color: var(--text);
}

/* Heading / link look shared via app.css (.skill-wiki-html). */

.skill-wiki-section .skill-wiki-body[b-t1hhe90vl5] {
    white-space: pre-wrap;
    font-size: 0.9rem;
}

.skill-details-count[b-t1hhe90vl5] {
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-details-empty[b-t1hhe90vl5] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.skill-details-empty-state[b-t1hhe90vl5] {
    text-align: center;
    padding: 1rem 0.5rem;
}

.skill-details-empty-title[b-t1hhe90vl5] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-details-actions[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-details-catalog[b-t1hhe90vl5] {
    margin-bottom: 1rem;
}

.skill-details-catalog-summary[b-t1hhe90vl5] {
    cursor: pointer;
    color: var(--muted);
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.skill-details-two-col[b-t1hhe90vl5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 0;
}

.skill-details-two-col .skill-details-card[b-t1hhe90vl5] {
    margin-bottom: 0;
}

.skill-details-badge-row[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.skill-details-tag-pill[b-t1hhe90vl5] {
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.82rem;
}

.skill-details-attributes[b-t1hhe90vl5] {
    display: grid;
    gap: 0.5rem;
}

.skill-details-attribute-row[b-t1hhe90vl5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.skill-details-attribute-row:last-child[b-t1hhe90vl5] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-details-attribute-name[b-t1hhe90vl5] {
    font-weight: 600;
    color: var(--text);
}

.skill-details-attribute-value[b-t1hhe90vl5] {
    color: var(--muted);
}

.skill-details-video-list[b-t1hhe90vl5] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.skill-details-video-item[b-t1hhe90vl5] {
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.skill-details-video-item:last-child[b-t1hhe90vl5] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-details-video-link[b-t1hhe90vl5] {
    color: #93c5fd;
    text-decoration: none;
    word-break: break-all;
}

.skill-details-video-link:hover[b-t1hhe90vl5] {
    text-decoration: underline;
}

.skill-details-video-tags[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.skill-details-hosted-status[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.35rem;
    font-weight: 600;
}

.skill-details-human-scene-row[b-t1hhe90vl5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.skill-details-human-scene-meta[b-t1hhe90vl5] {
    min-width: 0;
    flex: 1 1 auto;
}

.skill-details-human-scene-title[b-t1hhe90vl5] {
    font-weight: 600;
    color: var(--text);
}

.skill-details-human-scene-id[b-t1hhe90vl5] {
    display: block;
    font-size: 0.75rem;
    color: var(--muted);
    word-break: break-all;
    margin-top: 0.15rem;
}

.skill-details-human-scene-actions[b-t1hhe90vl5] {
    flex-shrink: 0;
}

.skill-details-human-scene-viewer[b-t1hhe90vl5] {
    margin-top: 0.75rem;
    min-height: 360px;
}

.skill-details-compare-layers[b-t1hhe90vl5] {
    display: grid;
    gap: 0.5rem;
}

.skill-details-compare-layer[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.5rem;
}

.skill-details-compare-pickers[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.65rem;
}

.skill-details-compare-picker[b-t1hhe90vl5] {
    display: grid;
    gap: 0.25rem;
    min-width: 12rem;
    flex: 1 1 12rem;
    margin: 0;
    font-size: 0.85rem;
    color: var(--muted);
}

.skill-details-compare-stage[b-t1hhe90vl5] {
    min-width: 0;
}

.skill-details-related-list[b-t1hhe90vl5] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.skill-details-related-item[b-t1hhe90vl5] {
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.skill-details-related-item:last-child[b-t1hhe90vl5] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-details-related-name[b-t1hhe90vl5] {
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.skill-details-related-description[b-t1hhe90vl5] {
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

@media (max-width: 768px) {
    .skill-details-header[b-t1hhe90vl5] {
        flex-direction: column;
    }

    .skill-details-two-col[b-t1hhe90vl5] {
        grid-template-columns: 1fr;
    }

    .skill-details-two-col .skill-details-card[b-t1hhe90vl5] {
        margin-bottom: 1rem;
    }

    .skill-details-attribute-row[b-t1hhe90vl5] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }
}

.skill-details-image-group[b-t1hhe90vl5],
.skill-details-media-group[b-t1hhe90vl5] {
    margin-bottom: 1rem;
}

.skill-details-image-group:last-child[b-t1hhe90vl5],
.skill-details-media-group:last-child[b-t1hhe90vl5] {
    margin-bottom: 0;
}

.skill-details-image-group-title[b-t1hhe90vl5],
.skill-details-media-group-title[b-t1hhe90vl5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted);
    margin-bottom: 0.5rem;
}

.skill-details-image-grid[b-t1hhe90vl5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem;
}

.skill-details-image-tile[b-t1hhe90vl5] {
    margin: 0;
    border: 1px solid var(--border);
    border-radius: 14px;
    overflow: hidden;
    background: var(--surface);
}

.skill-details-image[b-t1hhe90vl5] {
    display: block;
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.skill-details-image-placeholder[b-t1hhe90vl5] {
    width: 100%;
    height: 160px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
}

.skill-details-image-caption[b-t1hhe90vl5] {
    padding: 0.4rem 0.6rem;
    font-size: 0.8rem;
    color: var(--muted);
    line-height: 1.35;
}

@media (max-width: 480px) {
    .skill-details-image-grid[b-t1hhe90vl5] {
        grid-template-columns: 1fr;
    }
}

.skill-details-image-manage[b-t1hhe90vl5] {
    display: grid;
    gap: 0.4rem;
    padding: 0.5rem 0.6rem 0.6rem;
    border-top: 1px solid var(--border);
    background: var(--surface);
}

.skill-details-image-manage-actions[b-t1hhe90vl5] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.skill-details-image-upload[b-t1hhe90vl5] {
    display: grid;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px dashed var(--border);
}

.skill-details-image-error[b-t1hhe90vl5] {
    font-size: 0.85rem;
    margin: 0;
}

.skill-details-image-open[b-t1hhe90vl5] {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

.skill-details-lightbox[b-t1hhe90vl5] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.7);
}

.skill-details-lightbox-frame[b-t1hhe90vl5] {
    position: relative;
    max-width: min(90vw, 960px);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface);
}

.skill-details-lightbox-image[b-t1hhe90vl5] {
    max-width: 100%;
    max-height: 75vh;
    object-fit: contain;
    border-radius: 8px;
}

.skill-details-lightbox-status[b-t1hhe90vl5] {
    color: var(--muted);
    margin: 1rem;
}

.skill-details-lightbox-caption[b-t1hhe90vl5] {
    color: var(--text);
    font-size: 0.9rem;
    margin: 0;
    text-align: center;
}

.skill-details-lightbox-close[b-t1hhe90vl5] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    width: 2rem;
    height: 2rem;
    line-height: 1;
    border: 1px solid var(--border);
    border-radius: 50%;
    background: var(--surface);
    color: var(--text);
    font-size: 1.25rem;
    cursor: pointer;
}
/* /Pages/SkillFlows.razor.rz.scp.css */
.skill-flows-page[b-swuhhp700l] {
    width: 100%;
    max-width: none;
}

.skill-flows-header[b-swuhhp700l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-flows-title[b-swuhhp700l] {
    margin-bottom: 0.35rem;
}

.skill-flows-subtitle[b-swuhhp700l] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.skill-flows-status[b-swuhhp700l] {
    margin-bottom: 1rem;
}

.skill-flows-loading[b-swuhhp700l] {
    color: var(--muted);
    padding: 2rem 0;
}

.skill-flows-pending-banner[b-swuhhp700l] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.skill-flows-tabs[b-swuhhp700l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.skill-flows-tab[b-swuhhp700l] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.skill-flows-tab.active[b-swuhhp700l] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.skill-flows-tab-badge[b-swuhhp700l] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.skill-flows-tab-count[b-swuhhp700l] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.skill-flows-card[b-swuhhp700l] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-flows-subcard[b-swuhhp700l] {
    background: var(--surface-faint);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.skill-flows-card-header[b-swuhhp700l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-flows-section-title[b-swuhhp700l] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.skill-flows-section-intro[b-swuhhp700l],
.skill-flows-empty[b-swuhhp700l] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.skill-flows-section-intro[b-swuhhp700l] {
    margin-bottom: 1rem;
}

.skill-flows-empty-state[b-swuhhp700l] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.skill-flows-empty-title[b-swuhhp700l] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-flows-icon[b-swuhhp700l] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.25), rgba(var(--accent-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(251, 191, 36, 0.35);
}

.skill-flows-icon-md[b-swuhhp700l] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.skill-flows-list[b-swuhhp700l] {
    display: grid;
    gap: 0.85rem;
}

.skill-flows-row[b-swuhhp700l] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.skill-flows-row:last-child[b-swuhhp700l] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-flows-row-body[b-swuhhp700l] {
    min-width: 0;
}

.skill-flows-row-name[b-swuhhp700l] {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.skill-flows-row-meta[b-swuhhp700l] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-flows-row-description[b-swuhhp700l] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.skill-flows-row-badges[b-swuhhp700l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-flows-sequence[b-swuhhp700l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-flows-step[b-swuhhp700l] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.82rem;
    text-decoration: none;
}

.skill-flows-step:hover[b-swuhhp700l] {
    color: #93c5fd;
}


.skill-flows-arrow[b-swuhhp700l] {
    color: var(--muted);
    font-size: 0.82rem;
}

.skill-flows-row-actions[b-swuhhp700l] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.skill-flows-form-row[b-swuhhp700l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-flows-search-row[b-swuhhp700l] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.skill-flows-pagination[b-swuhhp700l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.skill-flows-form-actions[b-swuhhp700l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-flows-hint[b-swuhhp700l] {
    margin-top: 0.75rem;
    color: var(--muted);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .skill-flows-row[b-swuhhp700l] {
        grid-template-columns: 1fr;
    }

    .skill-flows-row-actions[b-swuhhp700l] {
        align-items: flex-start;
        flex-direction: row;
    }

    .skill-flows-form-row[b-swuhhp700l],
    .skill-flows-search-row[b-swuhhp700l] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SkillLibrary.razor.rz.scp.css */
.skill-library-page[b-ra4o9y9nf5] {
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: column;
}

.skill-library-header[b-ra4o9y9nf5],
.skill-library-status[b-ra4o9y9nf5],
.skill-library-loading[b-ra4o9y9nf5],
.skill-library-filter-banner[b-ra4o9y9nf5] {
    order: 0;
}

.skill-library-panel[b-ra4o9y9nf5] {
    order: 1;
}

.skill-library-card:not(.skill-library-panel)[b-ra4o9y9nf5] {
    order: 2;
}

.skill-library-header[b-ra4o9y9nf5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-library-header-actions[b-ra4o9y9nf5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.skill-library-add-btn[b-ra4o9y9nf5] {
    min-width: 2.75rem;
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1;
    padding: 0.4rem 0.75rem;
}

.skill-library-title[b-ra4o9y9nf5] {
    margin-bottom: 0.35rem;
}

.skill-library-subtitle[b-ra4o9y9nf5] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.skill-library-status[b-ra4o9y9nf5] {
    margin-bottom: 1rem;
}

.skill-library-loading[b-ra4o9y9nf5] {
    color: var(--muted);
    padding: 2rem 0;
}

.skill-library-filter-banner[b-ra4o9y9nf5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.skill-library-card[b-ra4o9y9nf5] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-library-search-card[b-ra4o9y9nf5] {
    margin-bottom: 0.85rem;
}

.skill-library-section-title[b-ra4o9y9nf5] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

/* Collapsible filter/search panels below the grid: closed by default, header is the whole row. */
.skill-library-panel[b-ra4o9y9nf5] {
    padding: 0.35rem 0.9rem;
    margin-bottom: 0.5rem;
}

.skill-library-panel-toggle[b-ra4o9y9nf5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.5rem 0;
    background: none;
    border: 0;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.skill-library-panel-toggle:hover .skill-library-section-title[b-ra4o9y9nf5] {
    color: var(--accent-fg-on-tint, inherit);
}

.skill-library-panel-caret[b-ra4o9y9nf5] {
    color: var(--muted);
    font-size: 0.85rem;
    line-height: 1;
    width: 0.9rem;
}

.skill-library-panel-toggle .skill-library-section-title[b-ra4o9y9nf5] {
    font-weight: 600;
    margin-bottom: 0;
}

.skill-library-panel-badge[b-ra4o9y9nf5] {
    background: rgba(var(--accent-rgb), 0.16);
    border: 1px solid rgba(var(--accent-rgb), 0.3);
    color: var(--accent-fg-on-tint);
    border-radius: 999px;
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.2rem 0.5rem;
}

.skill-library-panel-body[b-ra4o9y9nf5] {
    padding: 0.25rem 0 0.85rem;
}

.skill-library-section-intro[b-ra4o9y9nf5],
.skill-library-empty[b-ra4o9y9nf5] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.skill-library-section-intro[b-ra4o9y9nf5] {
    margin-bottom: 1rem;
}

.skill-library-search-row[b-ra4o9y9nf5] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.skill-library-personal-notes-hit[b-ra4o9y9nf5] {
    padding: 0.65rem 0;
    border-top: 1px solid var(--border);
}

.skill-library-personal-notes-hit:first-child[b-ra4o9y9nf5] {
    border-top: none;
    padding-top: 0;
}

.skill-library-personal-notes-skill[b-ra4o9y9nf5] {
    font-weight: 600;
    color: var(--accent);
    text-decoration: none;
}

.skill-library-personal-notes-skill:hover[b-ra4o9y9nf5] {
    text-decoration: underline;
}

.skill-library-personal-notes-snippet[b-ra4o9y9nf5] {
    margin: 0.25rem 0 0;
    color: var(--muted);
    font-size: 0.9rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.skill-library-filter-chips[b-ra4o9y9nf5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-library-filter-group + .skill-library-filter-group[b-ra4o9y9nf5] {
    margin-top: 0.85rem;
}

.skill-library-filter-group-header[b-ra4o9y9nf5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.5rem;
}

.skill-library-filter-group-caret[b-ra4o9y9nf5] {
    border: none;
    background: none;
    padding: 0 0.15rem;
    line-height: 1;
    color: var(--muted);
    font-size: 0.9rem;
}

.skill-library-filter-group-title[b-ra4o9y9nf5] {
    border: 1px solid transparent;
    background: none;
    padding: 0.15rem 0.45rem;
    border-radius: 0.4rem;
    color: var(--muted);
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.skill-library-filter-group-title:hover:not(:disabled)[b-ra4o9y9nf5] {
    border-color: var(--border);
}

.skill-library-filter-group-title.active[b-ra4o9y9nf5] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.skill-library-filter-group-title:disabled[b-ra4o9y9nf5] {
    opacity: 0.6;
}

.skill-library-filter-group-count[b-ra4o9y9nf5] {
    color: var(--muted);
    font-size: 0.75rem;
}

.skill-library-filter-chip[b-ra4o9y9nf5] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.82rem;
}

.skill-library-filter-chip.active[b-ra4o9y9nf5] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.skill-library-filter-chip:disabled[b-ra4o9y9nf5] {
    opacity: 0.6;
}

.skill-library-card-header[b-ra4o9y9nf5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-library-empty-state[b-ra4o9y9nf5] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.skill-library-empty-title[b-ra4o9y9nf5] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-library-empty-state .btn[b-ra4o9y9nf5] {
    margin-top: 0.75rem;
}

.skill-library-empty-actions[b-ra4o9y9nf5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.skill-library-preset-card[b-ra4o9y9nf5] {
    margin-bottom: 0.85rem;
}

.skill-library-preset-list[b-ra4o9y9nf5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-library-preset[b-ra4o9y9nf5] {
    display: inline-flex;
    align-items: stretch;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    overflow: hidden;
}

.skill-library-preset-apply[b-ra4o9y9nf5] {
    border: none;
    background: none;
    padding: 0.4rem 0.5rem 0.4rem 0.85rem;
    color: var(--text);
    font-weight: 600;
    font-size: 0.82rem;
}

.skill-library-preset-apply:hover:not(:disabled)[b-ra4o9y9nf5] {
    color: var(--accent-fg-on-tint);
    background: rgba(var(--accent-rgb), 0.14);
}

.skill-library-preset-delete[b-ra4o9y9nf5] {
    border: none;
    border-left: 1px solid var(--border);
    background: none;
    padding: 0.4rem 0.7rem;
    color: var(--muted);
    font-size: 0.95rem;
    line-height: 1;
}

.skill-library-preset-delete:hover:not(:disabled)[b-ra4o9y9nf5] {
    color: var(--text);
    background: var(--surface-strong);
}

.skill-library-preset-apply:disabled[b-ra4o9y9nf5],
.skill-library-preset-delete:disabled[b-ra4o9y9nf5] {
    opacity: 0.6;
}

.skill-library-avatar[b-ra4o9y9nf5] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.25), rgba(var(--accent-warm-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(var(--accent-rgb), 0.35);
}

.skill-library-avatar-lg[b-ra4o9y9nf5] {
    width: 64px;
    height: 64px;
    font-size: 1.5rem;
    border-radius: 18px;
}

.skill-library-grid[b-ra4o9y9nf5] {
    display: grid;
    gap: 0.85rem;
}

.skill-library-grid-card[b-ra4o9y9nf5] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.skill-library-grid-card:last-child[b-ra4o9y9nf5] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-library-grid-body[b-ra4o9y9nf5] {
    min-width: 0;
}

.skill-library-grid-name[b-ra4o9y9nf5] {
    display: block;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 0.2rem;
}

.skill-library-grid-name:hover[b-ra4o9y9nf5] {
    color: #93c5fd;
}

.skill-library-grid-style[b-ra4o9y9nf5] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
    margin: 0 0 0.15rem;
}

.skill-library-grid-meta[b-ra4o9y9nf5] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-library-grid-description[b-ra4o9y9nf5],
.skill-library-grid-alt[b-ra4o9y9nf5] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
}

.skill-library-grid-description[b-ra4o9y9nf5] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.skill-library-grid-alt[b-ra4o9y9nf5] {
    color: var(--muted);
    font-size: 0.82rem;
}

.skill-library-grid-badges[b-ra4o9y9nf5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-library-count-badge[b-ra4o9y9nf5] {
    background: var(--surface-strong);
    color: var(--muted);
    border: 1px solid var(--border);
}

.skill-library-grid-tags[b-ra4o9y9nf5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.skill-library-tag-pill[b-ra4o9y9nf5] {
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.78rem;
}

.skill-library-tag-more[b-ra4o9y9nf5] {
    color: var(--muted);
    font-size: 0.78rem;
    align-self: center;
}

.skill-library-grid-actions[b-ra4o9y9nf5] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.skill-library-pagination[b-ra4o9y9nf5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-faint);
}

.skill-library-pagination-meta[b-ra4o9y9nf5] {
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-library-pagination-actions[b-ra4o9y9nf5] {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .skill-library-search-row[b-ra4o9y9nf5] {
        grid-template-columns: 1fr;
    }

    .skill-library-grid-card[b-ra4o9y9nf5] {
        grid-template-columns: 1fr;
    }

    .skill-library-grid-actions[b-ra4o9y9nf5] {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
}
/* /Pages/SkillStatistics.razor.rz.scp.css */
.skill-stats-page[b-qg1mmpwrsg] {
    width: 100%;
    max-width: 56rem;
}

.skill-stats-header[b-qg1mmpwrsg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-stats-title[b-qg1mmpwrsg] {
    margin-bottom: 0.35rem;
}

.skill-stats-subtitle[b-qg1mmpwrsg] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
    max-width: 40rem;
}

.skill-stats-status[b-qg1mmpwrsg] {
    margin-bottom: 1rem;
}

.skill-stats-loading[b-qg1mmpwrsg],
.skill-stats-muted[b-qg1mmpwrsg] {
    color: var(--muted);
}

.skill-stats-summary[b-qg1mmpwrsg] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.55rem 0.85rem;
    border-radius: 999px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
    font-weight: 600;
    font-size: 0.88rem;
}

.skill-stats-toolbar[b-qg1mmpwrsg] {
    margin-bottom: 1rem;
}

.skill-stats-search[b-qg1mmpwrsg] {
    max-width: 22rem;
}

.skill-stats-tabs[b-qg1mmpwrsg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.skill-stats-tab[b-qg1mmpwrsg] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.skill-stats-tab.active[b-qg1mmpwrsg] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.skill-stats-tab-count[b-qg1mmpwrsg] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: var(--surface);
    border: 1px solid var(--border);
    font-size: 0.75rem;
    text-align: center;
}

.skill-stats-list[b-qg1mmpwrsg] {
    display: grid;
    gap: 0.85rem;
}

.skill-stats-card[b-qg1mmpwrsg] {
    padding: 1rem 1.1rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
}

.skill-stats-card-header[b-qg1mmpwrsg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.75rem;
}

.skill-stats-skill-name[b-qg1mmpwrsg] {
    margin: 0;
    font-size: 1.05rem;
}

.skill-stats-skill-name a[b-qg1mmpwrsg] {
    color: inherit;
    text-decoration: none;
}

.skill-stats-skill-name a:hover[b-qg1mmpwrsg] {
    text-decoration: underline;
}

.skill-stats-badges[b-qg1mmpwrsg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.skill-stats-badge[b-qg1mmpwrsg] {
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    font-size: 0.78rem;
    font-weight: 600;
}

.skill-stats-badge.is-interested[b-qg1mmpwrsg] {
    border-color: rgba(var(--accent-rgb), 0.4);
    background: rgba(var(--accent-rgb), 0.12);
}

.skill-stats-badge.is-sharing[b-qg1mmpwrsg] {
    border-color: color-mix(in srgb, var(--bs-success, #198754) 40%, var(--border));
    background: color-mix(in srgb, var(--bs-success, #198754) 12%, transparent);
}

.skill-stats-columns[b-qg1mmpwrsg] {
    display: grid;
    gap: 1rem;
}

@media (min-width: 720px) {
    .skill-stats-columns[b-qg1mmpwrsg] {
        grid-template-columns: 1fr 1fr;
    }
}

.skill-stats-col-title[b-qg1mmpwrsg] {
    margin: 0 0 0.45rem;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--muted);
}

.skill-stats-people[b-qg1mmpwrsg],
.skill-stats-chips[b-qg1mmpwrsg] {
    list-style: none;
    padding: 0;
    margin: 0 0 0.65rem;
    display: grid;
    gap: 0.4rem;
}

.skill-stats-chips[b-qg1mmpwrsg] {
    display: flex;
    flex-wrap: wrap;
}

.skill-stats-person[b-qg1mmpwrsg] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    text-align: left;
    border: 1px solid var(--border);
    border-radius: 0.5rem;
    background: var(--surface-alt, var(--bs-body-bg));
    color: inherit;
    padding: 0.45rem 0.65rem;
    text-decoration: none;
}

.skill-stats-person:hover[b-qg1mmpwrsg] {
    border-color: rgba(var(--accent-rgb), 0.45);
}

.skill-stats-person-copy[b-qg1mmpwrsg] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.skill-stats-person-name[b-qg1mmpwrsg] {
    font-weight: 600;
}

.skill-stats-person-meta[b-qg1mmpwrsg] {
    color: var(--muted);
    font-size: 0.8rem;
}

.skill-stats-chip[b-qg1mmpwrsg] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    color: inherit;
    text-decoration: none;
    font-size: 0.875rem;
}

.skill-stats-chip.is-sharing[b-qg1mmpwrsg] {
    border-color: color-mix(in srgb, var(--bs-success, #198754) 40%, var(--border));
}

.skill-stats-empty[b-qg1mmpwrsg] {
    padding: 2rem 0;
}

.skill-stats-empty-title[b-qg1mmpwrsg] {
    margin: 0;
    color: var(--muted);
}

@media (max-width: 640px) {
    .skill-stats-header[b-qg1mmpwrsg] {
        flex-direction: column;
    }

    .skill-stats-search[b-qg1mmpwrsg] {
        max-width: none;
    }
}
/* /Pages/SkillSuggestions.razor.rz.scp.css */
.skill-suggestions-page[b-p9ve47crur] {
    width: 100%;
    max-width: none;
}

.skill-suggestions-header[b-p9ve47crur] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-suggestions-title[b-p9ve47crur] {
    margin-bottom: 0.35rem;
}

.skill-suggestions-subtitle[b-p9ve47crur] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.skill-suggestions-status[b-p9ve47crur] {
    margin-bottom: 1rem;
}

.skill-suggestions-loading[b-p9ve47crur] {
    color: var(--muted);
    padding: 2rem 0;
}

.skill-suggestions-pending-banner[b-p9ve47crur] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.skill-suggestions-tabs[b-p9ve47crur] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.skill-suggestions-tab[b-p9ve47crur] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.skill-suggestions-tab.active[b-p9ve47crur] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.skill-suggestions-tab-badge[b-p9ve47crur] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.skill-suggestions-tab-count[b-p9ve47crur] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.skill-suggestions-card[b-p9ve47crur] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-suggestions-section-title[b-p9ve47crur] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.skill-suggestions-section-intro[b-p9ve47crur],
.skill-suggestions-empty[b-p9ve47crur] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.skill-suggestions-section-intro[b-p9ve47crur] {
    margin-bottom: 1rem;
}

.skill-suggestions-empty-state[b-p9ve47crur] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.skill-suggestions-empty-title[b-p9ve47crur] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-suggestions-list[b-p9ve47crur] {
    display: grid;
    gap: 0.85rem;
}

.skill-suggestions-skill-card[b-p9ve47crur] {
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: var(--surface-faint);
}

.skill-suggestions-skill-header[b-p9ve47crur] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.skill-suggestions-skill-name[b-p9ve47crur] {
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.skill-suggestions-skill-name:hover[b-p9ve47crur] {
    color: #93c5fd;
}


.skill-suggestions-skill-description[b-p9ve47crur] {
    margin: 0 0 0.65rem;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.skill-suggestions-tags[b-p9ve47crur] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}

.skill-suggestions-tag[b-p9ve47crur] {
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.78rem;
}

.skill-suggestions-context[b-p9ve47crur] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    line-height: 1.4;
}

.skill-suggestions-context-label[b-p9ve47crur] {
    display: block;
    color: var(--muted);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.25rem;
}
/* /Pages/SkillTrees.razor.rz.scp.css */
.skill-trees-page[b-3tzest7edi] {
    width: 100%;
    max-width: none;
}

.skill-trees-header[b-3tzest7edi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-trees-title[b-3tzest7edi] {
    margin-bottom: 0.35rem;
}

.skill-trees-subtitle[b-3tzest7edi] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.skill-trees-status[b-3tzest7edi] {
    margin-bottom: 1rem;
}

.skill-trees-loading[b-3tzest7edi] {
    color: var(--muted);
    padding: 2rem 0;
}

.skill-trees-pending-banner[b-3tzest7edi] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), 0.12);
    border: 1px solid rgba(var(--accent-rgb), 0.28);
    color: var(--accent-fg-on-tint);
}

.skill-trees-tabs[b-3tzest7edi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.skill-trees-tab[b-3tzest7edi] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: var(--surface-alt);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.skill-trees-tab.active[b-3tzest7edi] {
    color: var(--accent-fg-on-tint);
    border-color: rgba(var(--accent-rgb), 0.45);
    background: rgba(var(--accent-rgb), 0.14);
}

.skill-trees-tab-badge[b-3tzest7edi] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.skill-trees-tab-count[b-3tzest7edi] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.skill-trees-card[b-3tzest7edi] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-trees-subcard[b-3tzest7edi] {
    background: var(--surface-faint);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.skill-trees-card-header[b-3tzest7edi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-trees-section-title[b-3tzest7edi] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.skill-trees-section-intro[b-3tzest7edi],
.skill-trees-empty[b-3tzest7edi] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.skill-trees-section-intro[b-3tzest7edi] {
    margin-bottom: 1rem;
}

.skill-trees-empty-state[b-3tzest7edi] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.skill-trees-empty-title[b-3tzest7edi] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-trees-icon[b-3tzest7edi] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.25), rgba(var(--accent-rgb), 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(52, 211, 153, 0.35);
}

.skill-trees-icon-md[b-3tzest7edi] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.skill-trees-list[b-3tzest7edi] {
    display: grid;
    gap: 0.85rem;
}

.skill-trees-row[b-3tzest7edi] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid var(--border-faint);
}

.skill-trees-row:last-child[b-3tzest7edi] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-trees-row-body[b-3tzest7edi] {
    min-width: 0;
}

.skill-trees-row-name[b-3tzest7edi] {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.skill-trees-row-meta[b-3tzest7edi] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-trees-row-description[b-3tzest7edi] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.skill-trees-row-badges[b-3tzest7edi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-trees-skill-chips[b-3tzest7edi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.55rem;
}

.skill-trees-skill-chip[b-3tzest7edi] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(var(--accent-rgb), 0.2);
    color: var(--accent-fg-on-tint);
    font-size: 0.82rem;
    text-decoration: none;
}

.skill-trees-skill-chip:hover[b-3tzest7edi] {
    color: #93c5fd;
}

.skill-trees-preview[b-3tzest7edi] {
    margin-top: 0.55rem;
    display: grid;
    gap: 0.25rem;
}

.skill-trees-preview-item[b-3tzest7edi] {
    font-size: 0.85rem;
    color: var(--text);
}

.skill-trees-row-actions[b-3tzest7edi] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.skill-trees-form-row[b-3tzest7edi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-trees-search-row[b-3tzest7edi] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.skill-trees-pagination[b-3tzest7edi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.skill-trees-form-actions[b-3tzest7edi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-trees-visualisation[b-3tzest7edi] {
    display: grid;
    gap: 0.3rem;
}

.skill-trees-visualisation-item[b-3tzest7edi] {
    font-size: 0.88rem;
}

@media (max-width: 640px) {
    .skill-trees-row[b-3tzest7edi] {
        grid-template-columns: 1fr;
    }

    .skill-trees-row-actions[b-3tzest7edi] {
        align-items: flex-start;
        flex-direction: row;
    }

    .skill-trees-form-row[b-3tzest7edi],
    .skill-trees-search-row[b-3tzest7edi] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SubmitSkill.razor.rz.scp.css */
.submit-skill-page[b-9fa0c1mwn1] {
    width: 100%;
    max-width: none;
}

.submit-skill-header[b-9fa0c1mwn1] {
    margin-bottom: 1.25rem;
}

.submit-skill-title[b-9fa0c1mwn1] {
    margin-bottom: 0.35rem;
}

.submit-skill-subtitle[b-9fa0c1mwn1] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.submit-skill-status[b-9fa0c1mwn1] {
    margin-bottom: 1rem;
}

.submit-skill-card[b-9fa0c1mwn1] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.submit-skill-section-title[b-9fa0c1mwn1] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.submit-skill-section-intro[b-9fa0c1mwn1] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0 0 1rem;
}

.submit-skill-form-grid[b-9fa0c1mwn1] {
    display: grid;
    gap: 0.85rem;
}

.submit-skill-form-row[b-9fa0c1mwn1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.submit-skill-field-label[b-9fa0c1mwn1] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.submit-skill-actions[b-9fa0c1mwn1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.submit-skill-categorized[b-9fa0c1mwn1] {
    display: grid;
    gap: 0.35rem;
}

.submit-skill-hint[b-9fa0c1mwn1] {
    color: var(--muted);
    font-size: 0.82rem;
    margin: 0.35rem 0 0;
}

@media (max-width: 640px) {
    .submit-skill-form-row[b-9fa0c1mwn1] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Suggestions.razor.rz.scp.css */
.sg-page[b-mkodwv30gb] {
    min-height: 100%;
    max-width: 28rem;
    margin: 0 auto;
    padding: 1.25rem 0.85rem 3rem;
}

.sg-masthead[b-mkodwv30gb] {
    margin: 0 0 1.25rem;
}

.sg-kicker[b-mkodwv30gb] {
    margin: 0;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--muted, #8a8078);
}

.sg-title[b-mkodwv30gb] {
    margin: 0.15rem 0 0;
    font-size: 2rem;
    font-weight: 650;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.sg-feed[b-mkodwv30gb] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.sg-card[b-mkodwv30gb] {
    margin: 0;
    border: 0;
    background: transparent;
}

.sg-card-link[b-mkodwv30gb] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.sg-card-link:focus-visible[b-mkodwv30gb] {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
}

.sg-still[b-mkodwv30gb] {
    position: relative;
    min-height: 22rem;
    overflow: hidden;
    background: #1a1612;
    color: #f4efe6;
}

.sg-still img[b-mkodwv30gb] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sg-still-poster[b-mkodwv30gb] {
    background:
        radial-gradient(120% 80% at 20% 10%, #3a2c22 0%, transparent 55%),
        linear-gradient(165deg, #241c16, #0f0d0b);
}

.sg-still-shade[b-mkodwv30gb] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgb(12 10 8 / 0.05) 35%, rgb(12 10 8 / 0.82) 100%);
    pointer-events: none;
}

.sg-kind[b-mkodwv30gb],
.sg-admin[b-mkodwv30gb] {
    position: absolute;
    top: 0.7rem;
    z-index: 1;
    padding: 0.15rem 0.45rem;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: rgb(12 10 8 / 0.55);
    color: #f4efe6;
}

.sg-kind[b-mkodwv30gb] { left: 0.7rem; }

.sg-admin[b-mkodwv30gb] {
    right: 0.7rem;
    color: #f0d9a8;
}

.sg-copy[b-mkodwv30gb] {
    position: absolute;
    left: 0.9rem;
    right: 0.9rem;
    bottom: 0.9rem;
    z-index: 1;
}

.sg-card-title[b-mkodwv30gb] {
    margin: 0;
    font-size: 1.45rem;
    font-weight: 650;
    letter-spacing: -0.02em;
    line-height: 1.15;
    text-wrap: balance;
}

.sg-card-sub[b-mkodwv30gb] {
    margin: 0.35rem 0 0;
    font-size: 0.9rem;
    color: rgb(244 239 230 / 0.78);
}

.sg-status[b-mkodwv30gb] {
    padding: 2rem 0.5rem;
    color: var(--muted, #8a8078);
}

.sg-more[b-mkodwv30gb] {
    display: block;
    width: 100%;
    margin-top: 1rem;
    padding: 0.85rem;
    border: 0;
    background: transparent;
    color: var(--text);
    font: inherit;
    text-align: center;
    cursor: pointer;
}

.sg-more:focus-visible[b-mkodwv30gb] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .sg-still img[b-mkodwv30gb] {
        transform: none;
    }
}
/* /Pages/TeachingMatch.razor.rz.scp.css */
.teaching-match-page[b-4v4ptpxr5q] {
    --teaching-match-measure: 46rem;
}

.teaching-match-header[b-4v4ptpxr5q] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.teaching-match-title[b-4v4ptpxr5q] {
    margin-bottom: 0.35rem;
}

.teaching-match-subtitle[b-4v4ptpxr5q] {
    color: var(--bs-secondary-color);
    max-width: var(--teaching-match-measure);
    margin-bottom: 0;
}

.teaching-match-card[b-4v4ptpxr5q] {
    max-width: var(--teaching-match-measure);
}

.teaching-match-search[b-4v4ptpxr5q] {
    max-width: 16rem;
}

.teaching-match-chip-list[b-4v4ptpxr5q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}

.teaching-match-chip[b-4v4ptpxr5q] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--bs-border-color);
    color: inherit;
    text-decoration: none;
    font-size: 0.875rem;
}

.teaching-match-chip.is-match[b-4v4ptpxr5q] {
    border-color: var(--bs-success);
    background: color-mix(in srgb, var(--bs-success) 12%, transparent);
}

.teaching-match-teacher-list[b-4v4ptpxr5q] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.4rem;
}

.teaching-match-skill + .teaching-match-skill[b-4v4ptpxr5q] {
    margin-top: 1rem;
}

.teaching-match-teacher[b-4v4ptpxr5q] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    text-align: left;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    background: var(--bs-body-bg);
    color: inherit;
    padding: 0.45rem 0.65rem;
    text-decoration: none;
}

.teaching-match-teacher.is-selected[b-4v4ptpxr5q] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 1px var(--bs-primary);
}

.teaching-match-teacher-copy[b-4v4ptpxr5q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.teaching-match-teacher-name[b-4v4ptpxr5q] {
    font-weight: 600;
}

.teaching-match-teacher-meta[b-4v4ptpxr5q] {
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
}
/* /Pages/VideoWatch.razor.rz.scp.css */
.video-watch-page[b-ssgzrmh1ho] {
    max-width: 960px;
}

.video-watch-player[b-ssgzrmh1ho] {
    width: 100%;
}

.video-watch-loading[b-ssgzrmh1ho] {
    min-height: 8rem;
    display: flex;
    align-items: center;
}