/* /Components/Account/Pages/Manage/AiAccess.razor.rz.scp.css */
.ai-access[b-dyblz76eab] {
    max-width: 880px;
    min-width: 0;
}

.ai-hero[b-dyblz76eab] {
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border-subtle);
}

.ai-hero h3[b-dyblz76eab] {
    font-family: var(--font-display);
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: var(--text-primary);
}

.ai-hero .lead[b-dyblz76eab] {
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 0;
}

.ai-section[b-dyblz76eab] {
    margin-bottom: 2.5rem;
    min-width: 0;
}

.ai-section h4[b-dyblz76eab] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    letter-spacing: 0;
}

.ai-section-desc[b-dyblz76eab] {
    color: var(--text-secondary);
    font-size: 0.9375rem;
    margin-bottom: 1rem;
    line-height: 1.6;
    word-wrap: break-word;
}

.ai-section-desc code[b-dyblz76eab] {
    background: var(--surface-2);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    font-size: 0.8125rem;
    color: var(--accent-primary);
    border: 1px solid var(--border-subtle);
    word-break: break-all;
}

/* CSS-only radio tabs (no JS; works on static SSR) */
.ai-tabs-wrapper[b-dyblz76eab] {
    min-width: 0;
}

.ai-tab-input[b-dyblz76eab] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.ai-tabs[b-dyblz76eab] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid var(--border-subtle);
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.ai-tab[b-dyblz76eab] {
    display: inline-block;
    background: transparent;
    border: none;
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 0.15s, border-color 0.15s;
    user-select: none;
}

.ai-tab:hover[b-dyblz76eab] {
    color: var(--text-primary);
}

/* Panels hidden by default, shown when corresponding radio is checked */
.ai-tab-panel[b-dyblz76eab] {
    display: none;
    min-height: 180px;
    min-width: 0;
}

#tab-cc:checked ~ .ai-panel-cc[b-dyblz76eab],
#tab-cd:checked ~ .ai-panel-cd[b-dyblz76eab],
#tab-cu:checked ~ .ai-panel-cu[b-dyblz76eab],
#tab-ot:checked ~ .ai-panel-ot[b-dyblz76eab] {
    display: block;
}

/* Active tab label */
#tab-cc:checked ~ .ai-tabs label[for="tab-cc"][b-dyblz76eab],
#tab-cd:checked ~ .ai-tabs label[for="tab-cd"][b-dyblz76eab],
#tab-cu:checked ~ .ai-tabs label[for="tab-cu"][b-dyblz76eab],
#tab-ot:checked ~ .ai-tabs label[for="tab-ot"][b-dyblz76eab] {
    color: var(--accent-primary);
    border-bottom-color: var(--accent-primary);
}

.ai-step[b-dyblz76eab] {
    color: var(--text-secondary);
    margin-bottom: 0.625rem;
    font-size: 0.9375rem;
    line-height: 1.6;
}

.ai-step code[b-dyblz76eab] {
    background: var(--surface-2);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    font-size: 0.875rem;
    color: var(--accent-primary);
    border: 1px solid var(--border-subtle);
}

.ai-code[b-dyblz76eab] {
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin: 0.75rem 0 1rem;
    font-family: var(--font-mono, 'JetBrains Mono', 'SF Mono', Menlo, monospace);
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--text-primary);
    overflow-x: auto;
    max-width: 100%;
    white-space: pre;
}

.ai-code code[b-dyblz76eab] {
    background: transparent;
    padding: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    border: none;
}

.ai-list[b-dyblz76eab] {
    color: var(--text-secondary);
    font-size: 0.9375rem;
    line-height: 1.8;
    padding-left: 1.25rem;
    word-wrap: break-word;
}

.ai-list code[b-dyblz76eab] {
    background: var(--surface-2);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    font-size: 0.8125rem;
    color: var(--accent-primary);
    border: 1px solid var(--border-subtle);
    word-break: break-all;
}

/* Example prompts */
.ai-prompts[b-dyblz76eab] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.75rem;
}

.ai-prompt[b-dyblz76eab] {
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-left: 3px solid var(--accent-primary);
    border-radius: 6px;
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    color: var(--text-primary);
    font-style: italic;
    line-height: 1.5;
}

/* Scrollable wrapper prevents tables from forcing parent wider */
.ai-tools-scroll[b-dyblz76eab] {
    overflow-x: auto;
    max-width: 100%;
    min-width: 0;
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
}

.ai-tools-table[b-dyblz76eab],
.ai-sessions-table[b-dyblz76eab] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    min-width: 520px;
}

.ai-tools-table th[b-dyblz76eab],
.ai-sessions-table th[b-dyblz76eab] {
    text-align: left;
    padding: 0.625rem 0.875rem;
    font-weight: 600;
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-default);
    text-transform: uppercase;
    font-size: 0.6875rem;
    letter-spacing: 0;
    background: var(--surface-2);
}

.ai-tools-table td[b-dyblz76eab],
.ai-sessions-table td[b-dyblz76eab] {
    padding: 0.75rem 0.875rem;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-subtle);
    vertical-align: middle;
}

.ai-tools-table tr:last-child td[b-dyblz76eab],
.ai-sessions-table tr:last-child td[b-dyblz76eab] {
    border-bottom: none;
}

.ai-tools-table code[b-dyblz76eab] {
    background: var(--surface-2);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    font-family: var(--font-mono, 'JetBrains Mono', 'SF Mono', Menlo, monospace);
    font-size: 0.8125rem;
    color: var(--accent-primary);
    border: 1px solid var(--border-subtle);
}

.scope-badge[b-dyblz76eab] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-right: 0.25rem;
}

.scope-badge.read[b-dyblz76eab] {
    background: var(--accent-info-subtle, rgba(65, 154, 245, 0.12));
    color: var(--accent-info, var(--accent-primary));
}

.scope-badge.write[b-dyblz76eab] {
    background: var(--accent-success-subtle, rgba(34, 160, 90, 0.12));
    color: var(--accent-success, #22A05A);
}

.scope-badge.admin[b-dyblz76eab] {
    background: var(--accent-warning-subtle, rgba(213, 146, 27, 0.12));
    color: var(--accent-warning, #D5921B);
}

.ai-hint[b-dyblz76eab] {
    color: var(--text-tertiary);
    margin-top: 0.75rem;
    margin-bottom: 0;
}

.ai-client-id[b-dyblz76eab] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    margin-top: 0.125rem;
}

.ai-empty[b-dyblz76eab] {
    text-align: center;
    padding: 2rem;
    background: var(--surface-2);
    border: 1px dashed var(--border-default);
    border-radius: 8px;
    color: var(--text-secondary);
}

.ai-empty i[b-dyblz76eab] {
    font-size: 1.5rem;
    color: var(--text-tertiary);
    margin-bottom: 0.5rem;
    display: block;
}

.ai-empty p[b-dyblz76eab] {
    margin: 0;
    font-size: 0.9375rem;
}

.ai-security[b-dyblz76eab] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.875rem;
}

.ai-security-item[b-dyblz76eab] {
    display: flex;
    gap: 0.875rem;
    padding: 0.875rem 1rem;
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
}

.ai-security-item i[b-dyblz76eab] {
    color: var(--accent-primary);
    font-size: 1.125rem;
    flex-shrink: 0;
    padding-top: 0.25rem;
}

.ai-security-item strong[b-dyblz76eab] {
    color: var(--text-primary);
    font-size: 0.9375rem;
    display: block;
    margin-bottom: 0.25rem;
}

.ai-security-item p[b-dyblz76eab] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.875rem;
    line-height: 1.5;
}

@media (max-width: 640px) {
    .ai-tabs[b-dyblz76eab] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
    }
}

.ai-generate-row[b-dyblz76eab] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.ai-generate-row .form-control[b-dyblz76eab] {
    flex: 1 1 16rem;
}

.ai-generate-row .form-select[b-dyblz76eab] {
    flex: 0 0 auto;
    width: auto;
}

.ai-new-token[b-dyblz76eab] {
    border: 1px solid var(--accent-success, #22A05A);
    background: var(--accent-success-subtle, rgba(34, 160, 90, 0.1));
    border-radius: var(--control-radius, 8px);
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.ai-new-token pre[b-dyblz76eab] {
    margin: 0.5rem 0 0;
    white-space: pre-wrap;
    word-break: break-all;
}
/* /Components/Account/Pages/Manage/Notifications.razor.rz.scp.css */
.np-group[b-8h587ixmv8] {
    margin-bottom: 1.5rem;
}

.np-group h5[b-8h587ixmv8] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    opacity: 0.85;
}

.np-row[b-8h587ixmv8] {
    padding: 0.25rem 0;
}

.np-row .form-check-label[b-8h587ixmv8] {
    cursor: pointer;
}

.np-hint[b-8h587ixmv8] {
    margin: 0.35rem 0 0 1.5rem;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--text-tertiary);
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.profile-header[b-8rv9bgf761] {
    max-width: 1200px;
    margin: 0 auto var(--spacing-lg);
    /* No stray border or outline from any source */
    border: none;
    outline: none;
    box-shadow: none;
}

.profile-heading[b-8rv9bgf761] {
    border: none;
    outline: none;
    box-shadow: none;
}

.profile-heading span[b-8rv9bgf761] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--accent-secondary);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.profile-header h1[b-8rv9bgf761] {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.7rem, 3vw, 2.4rem);
    font-weight: 700;
    letter-spacing: 0;
    color: var(--text-primary);
}

.profile-content[b-8rv9bgf761] {
    min-width: 0;
    max-width: 1200px;
    margin: 0 auto;
}

.profile-grid[b-8rv9bgf761] {
    display: grid;
    grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr);
    gap: var(--spacing-lg);
    align-items: start;
}

.profile-nav-panel[b-8rv9bgf761],
.profile-detail-panel[b-8rv9bgf761] {
    min-width: 0;
}

.profile-nav-panel[b-8rv9bgf761] {
    position: sticky;
    top: calc(var(--header-height, 44px) + 1rem);
    padding: 0.625rem;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    background: var(--surface-1);
}

.profile-detail-panel[b-8rv9bgf761] {
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    background: var(--surface-1);
}

.profile-detail-panel[b-8rv9bgf761]  h3 {
    margin-bottom: 1rem;
    font-size: 1.15rem;
    font-weight: 720;
}

.profile-detail-panel[b-8rv9bgf761]  .row {
    margin-left: 0;
    margin-right: 0;
}

.profile-detail-panel[b-8rv9bgf761]  .col-md-6,
.profile-detail-panel[b-8rv9bgf761]  .col-md-9,
.profile-detail-panel[b-8rv9bgf761]  .col-md-12 {
    width: 100%;
    max-width: 42rem;
    padding-left: 0;
    padding-right: 0;
}

.profile-detail-panel[b-8rv9bgf761]  .form-floating {
    position: relative;
    /* Extra top space so the lifted label (top: -0.6rem) doesn't clip */
    margin-top: 0.75rem;
}

.profile-detail-panel[b-8rv9bgf761]  .form-floating > .form-control,
.profile-detail-panel[b-8rv9bgf761]  .form-floating > .form-select {
    min-height: 3rem;
    height: auto;
    padding: 0.7rem 0.875rem;
    border-color: var(--border-default);
    border-radius: var(--radius-sm);
    background: var(--surface-2);
    color: var(--text-primary);
    line-height: 1.25;
}

.profile-detail-panel[b-8rv9bgf761]  .form-floating > .form-control::placeholder {
    color: transparent !important;
}

.profile-detail-panel[b-8rv9bgf761]  .form-floating > .form-control:disabled {
    color: var(--text-secondary);
    background: var(--surface-2);
    opacity: 1;
}

.profile-detail-panel[b-8rv9bgf761]  .form-floating > label {
    position: absolute;
    /* Lift the label 0.5rem above the field's top edge so the border runs
       below the label text, not through it. Combined with a matching
       background this creates the standard floating-label notch look. */
    top: -0.6rem;
    left: 0.75rem;
    z-index: 2;
    display: flex;
    align-items: center;
    height: auto;
    min-height: 1.2rem;
    max-width: calc(100% - 1.5rem);
    padding: 0 0.25rem;
    /* Background matches the field surface to create a clean notch */
    background: var(--surface-2);
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 1;
    transform: none;
}

.profile-detail-panel[b-8rv9bgf761]  .form-floating > .form-control:focus ~ label,
.profile-detail-panel[b-8rv9bgf761]  .form-floating > .form-control:not(:placeholder-shown) ~ label,
.profile-detail-panel[b-8rv9bgf761]  .form-floating > .form-control-plaintext ~ label,
.profile-detail-panel[b-8rv9bgf761]  .form-floating > .form-select ~ label {
    color: var(--accent-secondary);
    opacity: 1;
    transform: none;
    /* Background always matches field surface for notch clarity */
    background: var(--surface-2);
}

.profile-detail-panel[b-8rv9bgf761]  .input-group.form-floating {
    display: flex;
    align-items: stretch;
}

.profile-detail-panel[b-8rv9bgf761]  .input-group.form-floating > .form-control {
    flex: 1 1 auto;
    min-width: 0;
}

.profile-detail-panel[b-8rv9bgf761]  .input-group.form-floating > label {
    z-index: 4;
}

.profile-detail-panel[b-8rv9bgf761]  .input-group-text {
    border-color: var(--border-default);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    background: var(--surface-2);
}

.profile-detail-panel[b-8rv9bgf761]  .nav-pills {
    gap: 0.125rem;
}

.profile-detail-panel[b-8rv9bgf761]  .btn,
.profile-nav-panel[b-8rv9bgf761]  .nav-link {
    border-radius: var(--radius-sm);
}

.profile-nav-panel[b-8rv9bgf761]  .nav-link {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: 650;
}

.profile-nav-panel[b-8rv9bgf761]  .nav-link:hover {
    color: var(--text-primary);
    background: var(--surface-2);
}

.profile-nav-panel[b-8rv9bgf761]  .nav-link.active {
    color: var(--text-primary);
    background: var(--accent-primary-subtle);
}

@media (max-width: 900px) {
    .profile-grid[b-8rv9bgf761] {
        grid-template-columns: 1fr;
    }

    .profile-nav-panel[b-8rv9bgf761] {
        position: relative;
        top: auto;
    }

    .profile-nav-panel[b-8rv9bgf761]  .nav {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
        gap: 0.25rem;
    }
}
/* /Components/Admin/AdminHome.razor.rz.scp.css */
.admin-dashboard[b-ewmgvxwluz] {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.35rem);
    max-width: 1480px;
}

.admin-hero[b-ewmgvxwluz] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: calc(var(--density-hero-pad-y) * 4.75);
    padding: min(var(--density-hero-pad-y), clamp(1.1rem, 3vw, 1.75rem));
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--border-default) 72%, var(--accent-primary) 28%);
    border-radius: var(--panel-radius, var(--radius-sm));
    background: var(--surface-panel, var(--surface-1));
    box-shadow: var(--shadow-premium, var(--shadow-sm));
}

.admin-hero[b-ewmgvxwluz]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--text-primary) 6%, transparent), transparent 1px),
        linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 4%, transparent), transparent 1px);
    background-size: 56px 56px;
    opacity: 0.16;
}

.admin-hero-copy[b-ewmgvxwluz],
.admin-hero-mark[b-ewmgvxwluz] {
    position: relative;
    z-index: 1;
}

.admin-eyebrow[b-ewmgvxwluz] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--accent-primary);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-hero h2[b-ewmgvxwluz] {
    margin: 0;
    font-size: clamp(1.3rem, 2.2vw, 1.8rem);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.admin-hero-mark[b-ewmgvxwluz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(4rem, 12vw, 6.5rem);
    height: clamp(4rem, 12vw, 6.5rem);
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--accent-secondary) 38%, var(--border-default));
    border-radius: var(--panel-radius, var(--radius-sm));
    color: var(--accent-secondary);
    background: var(--gold-gradient, var(--accent-secondary));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #fff 30%, transparent),
        0 18px 46px color-mix(in srgb, var(--accent-secondary) 16%, transparent);
}

.admin-hero-mark i[b-ewmgvxwluz] {
    font-size: min(calc(var(--density-hero-pad-y) * 1.35), clamp(1.85rem, 4vw, 2.7rem)) !important;
    color: color-mix(in srgb, var(--text-inverse) 88%, #000 12%);
    opacity: 0.92;
}

.admin-dashboard-section[b-ewmgvxwluz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-section-header[b-ewmgvxwluz] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 0.1rem;
}

.admin-section-header h3[b-ewmgvxwluz] {
    margin: 0;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: clamp(1.05rem, 1.6vw, 1.28rem);
    font-weight: 800;
    letter-spacing: 0;
}

.admin-section-header span[b-ewmgvxwluz] {
    color: var(--text-quaternary);
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-tools[b-ewmgvxwluz],
.admin-stats-grid[b-ewmgvxwluz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
    gap: 0.75rem;
}

.admin-tool-card[b-ewmgvxwluz],
.admin-stat-card[b-ewmgvxwluz] {
    border: 1px solid var(--border-default);
    border-radius: var(--panel-radius, var(--radius-sm));
    background: var(--surface-panel, var(--surface-1));
    box-shadow: var(--shadow-xs);
}

.admin-tool-card[b-ewmgvxwluz] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 4.6rem;
    padding: 1rem;
    overflow: hidden;
    color: var(--text-primary);
    text-decoration: none;
    transition:
        border-color var(--duration-fast, 0.15s) var(--ease-out, ease),
        background-color var(--duration-fast, 0.15s) var(--ease-out, ease),
        transform var(--duration-fast, 0.15s) var(--ease-out, ease);
}

.admin-tool-card[b-ewmgvxwluz]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: var(--accent-primary);
    opacity: 0.72;
}

.admin-tool-card:hover[b-ewmgvxwluz] {
    color: var(--text-primary);
    border-color: var(--border-strong);
    background: color-mix(in srgb, var(--surface-panel-strong, var(--surface-1)) 88%, var(--accent-primary-subtle) 12%);
    transform: translateY(-1px);
}

.admin-tool-icon[b-ewmgvxwluz] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.8rem !important;
    height: 1.8rem !important;
    min-width: 1.8rem !important;
    border-radius: var(--control-radius, var(--radius-sm));
    color: var(--text-primary);
    background: var(--accent-primary-subtle);
    font-size: 0.85rem;
}

.admin-tool-card.success[b-ewmgvxwluz]::before { background: var(--accent-success); }
.admin-tool-card.warning[b-ewmgvxwluz]::before { background: var(--accent-warning); }
.admin-tool-card.info[b-ewmgvxwluz]::before { background: var(--accent-info); }
.admin-tool-card.accent[b-ewmgvxwluz]::before { background: var(--accent-secondary); }
.admin-tool-card.neutral[b-ewmgvxwluz]::before { background: var(--border-strong); }

.admin-tool-card.success .admin-tool-icon[b-ewmgvxwluz] { background: var(--accent-success-subtle); color: var(--accent-success); }
.admin-tool-card.warning .admin-tool-icon[b-ewmgvxwluz] { background: var(--accent-warning-subtle); color: var(--accent-warning); }
.admin-tool-card.info .admin-tool-icon[b-ewmgvxwluz] { background: var(--accent-info-subtle); color: var(--accent-info); }
.admin-tool-card.accent .admin-tool-icon[b-ewmgvxwluz] { background: var(--accent-secondary-subtle); color: var(--accent-secondary); }
.admin-tool-card.neutral .admin-tool-icon[b-ewmgvxwluz] { background: var(--surface-3); color: var(--text-secondary); }

.admin-tool-copy[b-ewmgvxwluz] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.admin-tool-card strong[b-ewmgvxwluz] {
    font-size: var(--text-sm);
    font-weight: 800;
    line-height: 1.2;
}

.admin-tool-card small[b-ewmgvxwluz] {
    margin-top: 0.2rem;
    color: var(--text-tertiary);
    font-size: var(--text-xs);
    line-height: 1.25;
}

.admin-stat-card[b-ewmgvxwluz] {
    min-height: 8rem;
    padding: 0.95rem;
}

.admin-stat-card.loading[b-ewmgvxwluz] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.admin-stat-heading[b-ewmgvxwluz] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.95rem;
}

.admin-stat-icon[b-ewmgvxwluz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--border-subtle);
    border-radius: var(--control-radius, var(--radius-xs));
    color: var(--accent-primary);
    background: var(--surface-2);
}

.admin-stat-icon i[b-ewmgvxwluz] {
    font-size: 0.82rem !important;
}

.admin-stat-heading h4[b-ewmgvxwluz] {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: 800;
}

.admin-stat-values[b-ewmgvxwluz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(4.75rem, 1fr));
    gap: 0.65rem;
}

.admin-stat-values div[b-ewmgvxwluz] {
    min-width: 0;
}

.admin-stat-values strong[b-ewmgvxwluz] {
    display: block;
    font-family: var(--font-mono);
    font-size: clamp(1.1rem, 1.8vw, 1.35rem);
    line-height: 1;
    color: var(--text-primary);
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
}

.admin-stat-values span[b-ewmgvxwluz] {
    display: block;
    margin-top: 0.35rem;
    color: var(--text-quaternary);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .admin-hero[b-ewmgvxwluz] {
        min-height: 7.5rem;
    }
}

@media (max-width: 640px) {
    .admin-hero[b-ewmgvxwluz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-hero-mark[b-ewmgvxwluz] {
        width: 3.5rem;
        height: 3.5rem;
    }

    .admin-tools[b-ewmgvxwluz],
    .admin-stats-grid[b-ewmgvxwluz] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/AdminLayout.razor.rz.scp.css */
.admin-shell[b-h27tqe55oo] {
    --admin-rail-width: clamp(14.5rem, 17vw, 16.75rem);
    --admin-panel-bg: color-mix(in srgb, var(--surface-rail, var(--surface-1)) 90%, var(--accent-primary-subtle) 10%);
    --admin-panel-bg-strong: color-mix(in srgb, var(--surface-panel, var(--surface-2)) 88%, var(--accent-secondary-subtle) 12%);
    --admin-panel-border: color-mix(in srgb, var(--border-default) 78%, var(--accent-primary) 22%);
    --admin-control-bg: var(--surface-control, color-mix(in srgb, var(--surface-2) 82%, transparent));
    display: grid;
    grid-template-columns: var(--admin-rail-width) minmax(0, 1fr);
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-height: 100vh;
    background:
        linear-gradient(90deg, var(--surface-grid-line, rgba(255,255,255,0.04)) 1px, transparent 1px),
        linear-gradient(180deg, var(--surface-grid-line, rgba(255,255,255,0.04)) 1px, transparent 1px),
        var(--surface-0);
    background-size: 72px 72px, 72px 72px, auto;
    color: var(--text-primary);
}

.admin-rail[b-h27tqe55oo] {
    position: sticky;
    top: 0;
    align-self: start;
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-width: 0;
    border-right: 1px solid var(--admin-panel-border);
    background: var(--admin-panel-bg);
    box-shadow: none;
}

.admin-rail-brand[b-h27tqe55oo] {
    padding: 1rem 0.95rem 0.95rem;
    border-bottom: 1px solid var(--border-subtle);
}

.admin-brand-link[b-h27tqe55oo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: var(--text-primary);
    text-decoration: none;
}

.admin-brand-logo[b-h27tqe55oo] {
    --logo-mark-size: 1.85rem;
    --logo-word-size: 1.1rem;
    --logo-gap: 0.45rem;
}

.admin-brand-mark[b-h27tqe55oo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    color: var(--accent-secondary);
    background: var(--surface-2);
}

.admin-brand-copy[b-h27tqe55oo] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex: 0 0 auto;
    min-width: 0;
}

.admin-brand-title[b-h27tqe55oo] {
    font-family: var(--font-display);
    font-size: 1.08rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
}

.admin-badge[b-h27tqe55oo] {
    display: inline-flex;
    align-items: center;
    height: 1.35rem;
    padding: 0 0.5rem;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 34%, var(--border-default));
    border-radius: var(--radius-sm);
    color: var(--accent-primary);
    background: var(--accent-primary-subtle);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-nav[b-h27tqe55oo] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.9rem 0.7rem;
    overflow-y: auto;
}

.admin-nav-section[b-h27tqe55oo] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.admin-nav-section-label[b-h27tqe55oo] {
    display: block;
    padding: 0.35rem 0.55rem 0.1rem;
    color: var(--text-quaternary);
    font-size: 0.62rem;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

.admin-nav-section + .admin-nav-section[b-h27tqe55oo] {
    padding-top: 0.15rem;
    border-top: 1px solid var(--border-subtle);
}

.admin-nav[b-h27tqe55oo]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.admin-nav[b-h27tqe55oo]::-webkit-scrollbar-thumb {
    border-radius: var(--radius-full);
    background: var(--border-strong);
}

.admin-nav-link[b-h27tqe55oo] {
    position: relative;
    display: grid;
    grid-template-columns: 1.95rem minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    min-height: 2.55rem;
    padding: 0.34rem 0.55rem;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition:
        color var(--duration-fast, 0.15s) var(--ease-out, ease),
        border-color var(--duration-fast, 0.15s) var(--ease-out, ease),
        background-color var(--duration-fast, 0.15s) var(--ease-out, ease),
        transform var(--duration-fast, 0.15s) var(--ease-out, ease);
}

.admin-nav-link:hover[b-h27tqe55oo] {
    color: var(--text-primary);
    border-color: var(--border-default);
    background: var(--admin-control-bg);
    transform: translateX(1px);
}

.admin-nav-link.active[b-h27tqe55oo] {
    color: var(--text-primary);
    border-color: var(--admin-panel-border);
    background: color-mix(in srgb, var(--surface-control-hover, var(--surface-2)) 86%, var(--accent-primary-subtle) 14%);
    box-shadow: inset 2px 0 0 var(--accent-primary);
}

.admin-nav-link i[b-h27tqe55oo] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.95rem;
    height: 1.95rem;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xs);
    color: var(--text-quaternary);
    background: color-mix(in srgb, var(--surface-2) 82%, transparent);
    font-size: 0.82rem !important;
}

.admin-nav-link.active i[b-h27tqe55oo] {
    color: var(--accent-primary);
    border-color: var(--accent-primary-subtle);
    background: var(--accent-primary-subtle);
}

.admin-nav-text[b-h27tqe55oo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-rail-footer[b-h27tqe55oo] {
    padding: 0.95rem;
    border-top: 1px solid var(--border-subtle);
}

.admin-back-link[b-h27tqe55oo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.45rem;
    width: 100%;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    color: var(--text-secondary);
    background: var(--surface-control, var(--surface-1));
    font-size: var(--text-sm);
    font-weight: 600;
    text-decoration: none;
    transition:
        color var(--duration-fast, 0.15s) var(--ease-out, ease),
        border-color var(--duration-fast, 0.15s) var(--ease-out, ease),
        background-color var(--duration-fast, 0.15s) var(--ease-out, ease);
}

.admin-back-link:hover[b-h27tqe55oo] {
    color: var(--text-primary);
    background: var(--surface-2);
    border-color: var(--border-strong);
}

.admin-main[b-h27tqe55oo] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 100vh;
    background: transparent;
}

.admin-topbar[b-h27tqe55oo] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.5rem;
    padding: 0.85rem clamp(1rem, 2vw, 1.75rem);
    border-bottom: 1px solid var(--admin-panel-border);
    background: color-mix(in srgb, var(--surface-0) 82%, transparent);
    backdrop-filter: blur(20px) saturate(1.35);
    -webkit-backdrop-filter: blur(20px) saturate(1.35);
}

.admin-topbar-title[b-h27tqe55oo] {
    min-width: 0;
}

.admin-kicker[b-h27tqe55oo] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.2rem;
    color: var(--text-quaternary);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-kicker i[b-h27tqe55oo] {
    color: var(--accent-secondary);
    font-size: 0.74rem !important;
}

.admin-topbar h1[b-h27tqe55oo] {
    margin: 0;
    font-size: clamp(1.3rem, 2vw, 1.85rem);
    font-weight: 800;
    letter-spacing: 0;
}

.admin-topbar h1:focus[b-h27tqe55oo],
.admin-topbar h1:focus-visible[b-h27tqe55oo] {
    outline: none;
    box-shadow: none;
}

.admin-topbar-actions[b-h27tqe55oo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    min-width: 0;
}

.admin-content[b-h27tqe55oo] {
    flex: 1;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    padding: clamp(1rem, 2vw, 1.75rem);
    overflow-x: auto;
}

.admin-content[b-h27tqe55oo]  .card,
.admin-content[b-h27tqe55oo]  .modal-content {
    border: 1px solid var(--border-default) !important;
    border-radius: var(--panel-radius, var(--radius-sm)) !important;
    background: var(--surface-panel, var(--surface-1)) !important;
    box-shadow: var(--shadow-sm) !important;
}

.admin-content[b-h27tqe55oo]  .card-header,
.admin-content[b-h27tqe55oo]  .modal-header {
    border-bottom: 1px solid var(--border-subtle) !important;
    background: color-mix(in srgb, var(--surface-2) 86%, var(--accent-primary-subtle) 14%) !important;
}

.admin-content[b-h27tqe55oo]  .card-footer,
.admin-content[b-h27tqe55oo]  .modal-footer {
    border-top: 1px solid var(--border-subtle) !important;
    background: color-mix(in srgb, var(--surface-1) 88%, var(--surface-2) 12%) !important;
}

.admin-content[b-h27tqe55oo]  .table-responsive {
    border: 1px solid var(--border-default);
    border-radius: var(--panel-radius, var(--radius-sm));
    background: var(--surface-panel, var(--surface-1));
    box-shadow: var(--shadow-xs);
}

.admin-content[b-h27tqe55oo]  .table {
    margin-bottom: 0;
    color: var(--text-primary);
}

.admin-content[b-h27tqe55oo]  .table > :not(caption) > * > * {
    border-bottom-color: var(--border-subtle);
    background: transparent;
}

.admin-content[b-h27tqe55oo]  .table thead th {
    color: var(--text-secondary);
    background: var(--table-header-bg, color-mix(in srgb, var(--surface-2) 88%, var(--accent-primary-subtle) 12%));
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-content[b-h27tqe55oo]  .table tbody tr:hover > * {
    background: var(--table-row-hover, var(--surface-2));
}

.admin-content[b-h27tqe55oo]  .alert {
    border-radius: var(--radius-sm);
    border-color: var(--border-default);
}

.admin-content[b-h27tqe55oo]  .badge {
    border-radius: var(--radius-xs);
    font-weight: 700;
    letter-spacing: 0;
}

.admin-content[b-h27tqe55oo]  .btn-group {
    gap: 0.25rem;
}

.admin-content[b-h27tqe55oo]  .btn,
.admin-content[b-h27tqe55oo]  .form-control,
.admin-content[b-h27tqe55oo]  .form-select {
    border-radius: var(--control-radius, var(--radius-sm)) !important;
}

.admin-content[b-h27tqe55oo]  .nav-tabs {
    gap: 0.35rem;
    border-bottom-color: var(--border-subtle);
}

.admin-content[b-h27tqe55oo]  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    color: var(--text-tertiary);
}

.admin-content[b-h27tqe55oo]  .nav-tabs .nav-link:hover {
    border-color: var(--border-subtle);
    color: var(--text-primary);
}

.admin-content[b-h27tqe55oo]  .nav-tabs .nav-link.active {
    border-color: var(--border-default);
    border-bottom-color: var(--surface-1);
    color: var(--text-primary);
    background: var(--surface-1);
}

.admin-content[b-h27tqe55oo]  pre,
.admin-content[b-h27tqe55oo]  code {
    border-radius: var(--radius-sm);
}

@media (max-width: 1180px) {
    .admin-shell[b-h27tqe55oo] {
        grid-template-columns: 1fr;
    }

    .admin-rail[b-h27tqe55oo] {
        position: relative;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--admin-panel-border);
    }

    .admin-rail-brand[b-h27tqe55oo] {
        padding: 0.8rem 1rem 0.65rem;
    }

    .admin-brand-mark[b-h27tqe55oo] {
        width: 2.1rem;
        height: 2.1rem;
        flex-basis: 2.1rem;
    }

    .admin-nav[b-h27tqe55oo] {
        flex-direction: row;
        gap: 0.375rem;
        padding: 0.625rem 0.875rem 0.875rem;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    .admin-nav[b-h27tqe55oo]::-webkit-scrollbar {
        display: none;
    }

    .admin-nav-section[b-h27tqe55oo] {
        display: contents;
    }

    .admin-nav-section + .admin-nav-section[b-h27tqe55oo] {
        padding-top: 0;
        border-top: 0;
    }

    .admin-nav-section-label[b-h27tqe55oo] {
        display: none;
    }

    .admin-nav-link[b-h27tqe55oo] {
        flex: 0 0 auto;
        grid-template-columns: 1.8rem minmax(0, auto);
        min-height: 2.4rem;
        white-space: nowrap;
    }

    .admin-nav-link:hover[b-h27tqe55oo] {
        transform: translateY(-1px);
    }

    .admin-nav-link i[b-h27tqe55oo] {
        width: 1.8rem;
        height: 1.8rem;
    }

    .admin-rail-footer[b-h27tqe55oo] {
        display: none;
    }

    .admin-topbar[b-h27tqe55oo] {
        position: relative;
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .admin-topbar[b-h27tqe55oo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-topbar-actions[b-h27tqe55oo] {
        width: 100%;
        justify-content: space-between;
    }

    .admin-topbar-actions .header-search[b-h27tqe55oo] {
        display: none;
    }
}
/* /Components/Admin/Announcements.razor.rz.scp.css */
.an-shell[b-xx4yyruqji] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.an-hero[b-xx4yyruqji],
.an-panel[b-xx4yyruqji] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.08));
}

.an-hero[b-xx4yyruqji] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem;
}

.an-hero-copy[b-xx4yyruqji] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.an-kicker[b-xx4yyruqji] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.an-hero h2[b-xx4yyruqji],
.an-panel h3[b-xx4yyruqji] {
    margin: 0;
    color: var(--text-primary);
}

.an-hero h2[b-xx4yyruqji] {
    font-size: clamp(1.55rem, 2vw, 2.05rem);
}

.an-hero p[b-xx4yyruqji] {
    margin: 0;
    color: var(--text-tertiary);
    max-width: 60ch;
}

.an-hero-controls[b-xx4yyruqji] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.an-refresh[b-xx4yyruqji],
.an-create[b-xx4yyruqji] {
    min-height: 2.55rem;
}

.an-panel[b-xx4yyruqji] {
    padding: 1rem 1.1rem;
}

.an-panel-heading[b-xx4yyruqji] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.an-count[b-xx4yyruqji] {
    color: var(--text-tertiary);
    font-size: 0.85rem;
}

.an-list[b-xx4yyruqji] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.an-item[b-xx4yyruqji] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: var(--surface-1);
    transition: border-color 120ms ease, background-color 120ms ease;
}

.an-item:hover[b-xx4yyruqji] {
    background: color-mix(in srgb, var(--accent-primary) 4%, var(--surface-1));
}

.an-item.is-selected[b-xx4yyruqji] {
    border-color: color-mix(in srgb, var(--accent-primary) 38%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary) 8%, var(--surface-1));
}

.an-item-header[b-xx4yyruqji] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.an-item-meta[b-xx4yyruqji] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.an-item-meta h4[b-xx4yyruqji] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.02rem;
    font-weight: 650;
}

.an-item-meta span[b-xx4yyruqji] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.an-item-actions[b-xx4yyruqji] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: flex-end;
}

.an-announcement-body[b-xx4yyruqji] {
    white-space: pre-wrap;
    color: var(--text-primary);
    line-height: 1.55;
}

.an-empty-state[b-xx4yyruqji] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: min(calc(var(--density-empty-state-pad) * 0.83), 2.5rem) 1rem;
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    background: var(--surface-1);
    color: var(--text-tertiary);
    text-align: center;
}

.an-empty-state i[b-xx4yyruqji] {
    font-size: var(--density-empty-icon-size);
    color: var(--accent-primary);
}

.an-empty-state h3[b-xx4yyruqji] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.15rem;
}

.an-empty-state p[b-xx4yyruqji] {
    margin: 0;
    max-width: 50ch;
}

.an-modal[b-xx4yyruqji] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.an-modal-backdrop[b-xx4yyruqji] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
}

.an-modal-dialog[b-xx4yyruqji] {
    position: relative;
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid var(--border-default);
    background: var(--surface-panel, var(--surface-2));
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.32);
    overflow: hidden;
}

.an-modal-header[b-xx4yyruqji] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--border-default);
    background: var(--surface-1);
}

.an-modal-header h3[b-xx4yyruqji] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.15rem;
}

.an-modal-header span[b-xx4yyruqji] {
    display: block;
    margin-top: 0.15rem;
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.an-modal-body[b-xx4yyruqji] {
    padding: 1rem 1.2rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.an-field[b-xx4yyruqji] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
}

.an-field > span[b-xx4yyruqji] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
}

.an-email-toggle[b-xx4yyruqji] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.75rem 0.9rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 22%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary) 8%, transparent);
}

.an-email-toggle small[b-xx4yyruqji] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.an-checkbox[b-xx4yyruqji] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--text-primary);
    font-weight: 650;
    cursor: pointer;
}

.an-checkbox input[b-xx4yyruqji] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--accent-primary);
}

.an-modal-footer[b-xx4yyruqji] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.85rem 1.2rem;
    border-top: 1px solid var(--border-default);
    background: var(--surface-1);
}

@media (max-width: 1180px) {
    .an-hero[b-xx4yyruqji] {
        grid-template-columns: 1fr;
    }

    .an-hero-controls[b-xx4yyruqji] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .an-hero[b-xx4yyruqji],
    .an-panel[b-xx4yyruqji] {
        padding: 0.85rem;
    }

    .an-hero-controls[b-xx4yyruqji] {
        width: 100%;
    }

    .an-hero-controls .btn[b-xx4yyruqji] {
        flex: 1;
        justify-content: center;
    }

    .an-item-header[b-xx4yyruqji] {
        flex-direction: column;
        align-items: stretch;
    }

    .an-item-actions[b-xx4yyruqji] {
        justify-content: flex-start;
    }
}
/* /Components/Admin/Auctions.razor.rz.scp.css */
.table td[b-q7lfm88c8u] {
    vertical-align: middle;
}

.btn-group .btn[b-q7lfm88c8u] {
    border-radius: 0.25rem;
    margin-right: 2px;
}

.btn-group .btn:last-child[b-q7lfm88c8u] {
    margin-right: 0;
}
/* /Components/Admin/Backup.razor.rz.scp.css */
.bk-shell[b-bd4diike9x] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.bk-hero[b-bd4diike9x],
.bk-panel[b-bd4diike9x] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.08));
}

.bk-hero[b-bd4diike9x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem;
}

.bk-hero-copy[b-bd4diike9x] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.bk-kicker[b-bd4diike9x] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.bk-hero h2[b-bd4diike9x],
.bk-panel h3[b-bd4diike9x] {
    margin: 0;
    color: var(--text-primary);
}

.bk-hero h2[b-bd4diike9x] {
    font-size: clamp(1.55rem, 2vw, 2.05rem);
}

.bk-hero p[b-bd4diike9x] {
    margin: 0;
    color: var(--text-tertiary);
    max-width: 60ch;
}

.bk-hero-controls[b-bd4diike9x] {
    display: flex;
    align-items: center;
}

.bk-create[b-bd4diike9x] {
    min-height: 2.55rem;
}

.bk-loading[b-bd4diike9x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 2.5rem 0;
    color: var(--text-tertiary);
}

.bk-loading .spinner-border[b-bd4diike9x] {
    color: var(--accent-primary);
}

.bk-panel[b-bd4diike9x] {
    padding: 1rem 1.1rem;
}

.bk-panel-heading[b-bd4diike9x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.bk-count[b-bd4diike9x] {
    color: var(--text-tertiary);
    font-size: 0.85rem;
}

.bk-table-wrap[b-bd4diike9x] {
    margin: 0 -1.1rem -1rem;
    border-top: 1px solid var(--border-default);
}

.bk-table[b-bd4diike9x] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.bk-table thead th[b-bd4diike9x] {
    padding: 0.75rem 1.1rem;
    background: var(--surface-1);
    border-bottom: 1px solid var(--border-default);
    color: var(--text-tertiary);
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: left;
    white-space: nowrap;
}

.bk-table thead th.text-end[b-bd4diike9x] {
    text-align: right;
}

.bk-table tbody tr[b-bd4diike9x] {
    border-top: 1px solid var(--border-default);
}

.bk-table tbody tr:first-child[b-bd4diike9x] {
    border-top: none;
}

.bk-table tbody tr:hover[b-bd4diike9x] {
    background: color-mix(in srgb, var(--accent-primary) 6%, transparent);
}

.bk-table td[b-bd4diike9x] {
    padding: 0.75rem 1.1rem;
    color: var(--text-primary);
    vertical-align: middle;
}

.bk-when[b-bd4diike9x] {
    display: flex;
    flex-direction: column;
}

.bk-when strong[b-bd4diike9x] {
    color: var(--text-primary);
    font-weight: 650;
}

.bk-when span[b-bd4diike9x] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.bk-size[b-bd4diike9x] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
}

.bk-row-actions[b-bd4diike9x] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: flex-end;
}

.bk-empty-state[b-bd4diike9x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2.5rem 1rem;
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    background: var(--surface-1);
    color: var(--text-tertiary);
    text-align: center;
}

.bk-empty-state i[b-bd4diike9x] {
    font-size: 2.5rem;
    color: var(--accent-primary);
}

.bk-empty-state h3[b-bd4diike9x] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.15rem;
}

.bk-empty-state p[b-bd4diike9x] {
    margin: 0;
    max-width: 50ch;
}

.bk-modal[b-bd4diike9x] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.bk-modal-backdrop[b-bd4diike9x] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
}

.bk-modal-dialog[b-bd4diike9x] {
    position: relative;
    width: 100%;
    max-width: 820px;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid var(--border-default);
    background: var(--surface-panel, var(--surface-2));
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.32);
    overflow: hidden;
}

.bk-modal-header[b-bd4diike9x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--border-default);
    background: var(--surface-1);
}

.bk-modal-header h3[b-bd4diike9x] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.15rem;
}

.bk-modal-header span[b-bd4diike9x] {
    display: block;
    margin-top: 0.15rem;
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.bk-modal-body[b-bd4diike9x] {
    padding: 1rem 1.2rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.bk-meta[b-bd4diike9x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.bk-meta div[b-bd4diike9x] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.65rem 0.75rem;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
}

.bk-meta dt[b-bd4diike9x] {
    color: var(--text-tertiary);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bk-meta dd[b-bd4diike9x] {
    margin: 0;
    color: var(--text-primary);
    font-size: 0.95rem;
    font-weight: 650;
}

.bk-tabs[b-bd4diike9x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.35rem;
    border: 1px solid var(--border-default);
    border-radius: 999px;
    background: var(--surface-1);
}

.bk-tab[b-bd4diike9x] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.95rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--text-tertiary);
    font-weight: 650;
    font-size: 0.88rem;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease;
}

.bk-tab:hover[b-bd4diike9x] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--accent-primary-subtle, var(--surface-2)) 70%, transparent);
}

.bk-tab.active[b-bd4diike9x] {
    color: var(--text-primary);
    background: var(--surface-panel, var(--surface-2));
    border-color: var(--border-default);
}

.bk-payload[b-bd4diike9x] {
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
    color: var(--text-primary);
    font-family: var(--font-mono, ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace);
    font-size: 0.8rem;
    line-height: 1.5;
    max-height: 360px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

.bk-modal-footer[b-bd4diike9x] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.85rem 1.2rem;
    border-top: 1px solid var(--border-default);
    background: var(--surface-1);
}

@media (max-width: 1180px) {
    .bk-hero[b-bd4diike9x] {
        grid-template-columns: 1fr;
    }

    .bk-hero-controls[b-bd4diike9x] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .bk-hero[b-bd4diike9x],
    .bk-panel[b-bd4diike9x] {
        padding: 0.85rem;
    }

    .bk-table-wrap[b-bd4diike9x] {
        margin: 0 -0.85rem -0.85rem;
    }

    .bk-table thead[b-bd4diike9x] {
        display: none;
    }

    .bk-table tbody tr[b-bd4diike9x] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.35rem;
        padding: 0.85rem;
        border-top: 1px solid var(--border-default);
    }

    .bk-table td[b-bd4diike9x] {
        padding: 0;
    }

    .bk-table td.text-end[b-bd4diike9x] {
        text-align: left;
    }

    .bk-row-actions[b-bd4diike9x] {
        justify-content: flex-start;
    }

    .bk-meta[b-bd4diike9x] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/ComplianceDropModal.razor.rz.scp.css */
.modal[b-ummcrobmpn] {
    z-index: 1055;
}

.modal-backdrop[b-ummcrobmpn] {
    z-index: 1050;
}
/* /Components/Admin/EOY.razor.rz.scp.css */
.eoy-shell[b-5m1azbb4u1] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.eoy-hero[b-5m1azbb4u1],
.eoy-panel[b-5m1azbb4u1] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.08));
}

.eoy-hero[b-5m1azbb4u1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem);
    gap: 1rem;
    align-items: stretch;
    padding: 1.25rem;
}

.eoy-hero-copy[b-5m1azbb4u1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.eoy-kicker[b-5m1azbb4u1] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.eoy-hero h2[b-5m1azbb4u1],
.eoy-panel h3[b-5m1azbb4u1] {
    margin: 0;
    color: var(--text-primary);
    letter-spacing: 0;
}

.eoy-hero h2[b-5m1azbb4u1] {
    margin-top: 0.25rem;
    font-size: clamp(1.25rem, 1.9vw, 1.75rem);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.eoy-hero p[b-5m1azbb4u1],
.eoy-reference p[b-5m1azbb4u1],
.eoy-option small[b-5m1azbb4u1],
.eoy-empty-state[b-5m1azbb4u1] {
    margin: 0;
    color: var(--text-tertiary);
}

.eoy-season-panel[b-5m1azbb4u1] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.75rem;
    align-items: center;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 26%, var(--border-default));
    background: color-mix(in srgb, var(--surface-1) 88%, var(--accent-primary-subtle) 12%);
    padding: 1rem;
}

.eoy-season-panel div[b-5m1azbb4u1],
.eoy-season-panel label[b-5m1azbb4u1] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.eoy-season-panel span[b-5m1azbb4u1] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
}

.eoy-season-panel strong[b-5m1azbb4u1] {
    color: var(--text-primary);
    font-size: 1.3rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.eoy-season-panel i[b-5m1azbb4u1] {
    color: var(--accent-primary);
}

.eoy-season-input[b-5m1azbb4u1] {
    min-height: 2.5rem;
    max-width: 8rem;
    font-weight: 700;
}

.eoy-alert[b-5m1azbb4u1] {
    margin: 0;
}

.eoy-grid[b-5m1azbb4u1] {
    display: grid;
    grid-template-columns: minmax(18rem, 0.9fr) minmax(0, 1.1fr);
    gap: 1rem;
}

.eoy-panel[b-5m1azbb4u1] {
    padding: 1rem;
}

.eoy-panel-heading[b-5m1azbb4u1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.eoy-readiness[b-5m1azbb4u1] {
    display: inline-flex;
    align-items: center;
    min-height: 1.85rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    border: 1px solid var(--border-default);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.eoy-readiness.ready[b-5m1azbb4u1] {
    color: var(--success-text, #0f5132);
    border-color: color-mix(in srgb, var(--success, #198754) 36%, var(--border-default));
    background: color-mix(in srgb, var(--success, #198754) 12%, transparent);
}

.eoy-readiness.pending[b-5m1azbb4u1] {
    color: var(--text-tertiary);
    background: color-mix(in srgb, var(--surface-control, var(--surface-1)) 88%, transparent);
}

.eoy-readiness.blocked[b-5m1azbb4u1] {
    color: var(--danger-text, #842029);
    border-color: color-mix(in srgb, var(--danger, #dc3545) 32%, var(--border-default));
    background: color-mix(in srgb, var(--danger, #dc3545) 10%, transparent);
}

.eoy-checklist[b-5m1azbb4u1] {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.eoy-check[b-5m1azbb4u1] {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr) auto;
    gap: 0.6rem;
    align-items: center;
    min-height: 2.2rem;
    padding: 0.45rem 0.75rem;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
    font-size: 0.875rem;
}

.eoy-check i[b-5m1azbb4u1] {
    color: var(--text-tertiary);
    text-align: center;
}

.eoy-check span[b-5m1azbb4u1] {
    min-width: 0;
    color: var(--text-primary);
    font-weight: 650;
}

.eoy-check strong[b-5m1azbb4u1] {
    color: var(--text-tertiary);
    font-size: 0.8rem;
    white-space: nowrap;
}

.eoy-check.ok[b-5m1azbb4u1] {
    border-color: color-mix(in srgb, var(--success, #198754) 28%, var(--border-default));
}

.eoy-check.ok i[b-5m1azbb4u1],
.eoy-check.ok strong[b-5m1azbb4u1] {
    color: var(--success-text, #0f5132);
}

.eoy-check.blocked[b-5m1azbb4u1] {
    border-color: color-mix(in srgb, var(--danger, #dc3545) 24%, var(--border-default));
}

.eoy-check.blocked i[b-5m1azbb4u1],
.eoy-check.blocked strong[b-5m1azbb4u1] {
    color: var(--danger-text, #842029);
}

.eoy-actions[b-5m1azbb4u1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.eoy-primary-action[b-5m1azbb4u1],
.eoy-apply-action[b-5m1azbb4u1] {
    min-height: 2.55rem;
}

.eoy-options[b-5m1azbb4u1] {
    display: grid;
    gap: 0.65rem;
}

.eoy-option[b-5m1azbb4u1] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    margin: 0;
    padding: 0.6rem 0.85rem;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
    font-size: 0.875rem;
}

.eoy-option.required[b-5m1azbb4u1] {
    border-color: color-mix(in srgb, var(--accent-primary) 30%, var(--border-default));
}

.eoy-option span[b-5m1azbb4u1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.eoy-metrics[b-5m1azbb4u1] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.65rem;
}

.eoy-metric[b-5m1azbb4u1] {
    min-height: 5.2rem;
    padding: 0.75rem;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
}

.eoy-metric span[b-5m1azbb4u1] {
    display: block;
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
}

.eoy-metric strong[b-5m1azbb4u1] {
    display: block;
    margin-top: 0.35rem;
    color: var(--text-primary);
    font-size: 1.25rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.eoy-detail-count[b-5m1azbb4u1] {
    display: inline-flex;
    align-items: center;
    min-height: 1.85rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    border: 1px solid var(--border-default);
    color: var(--text-tertiary);
    background: var(--surface-1);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.eoy-change-groups[b-5m1azbb4u1] {
    display: grid;
    gap: 0.75rem;
}

.eoy-change-group[b-5m1azbb4u1] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-1);
    overflow: hidden;
}

.eoy-change-group summary[b-5m1azbb4u1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
    cursor: pointer;
    color: var(--text-primary);
    font-weight: 700;
}

.eoy-change-group-title[b-5m1azbb4u1] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.eoy-change-group-title > span[b-5m1azbb4u1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eoy-change-group-title small[b-5m1azbb4u1] {
    color: var(--text-tertiary);
    font-size: 0.76rem;
    font-weight: 650;
    line-height: 1.25;
}

.eoy-change-group summary[b-5m1azbb4u1]::marker {
    color: var(--accent-primary);
}

.eoy-change-group-count[b-5m1azbb4u1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: fit-content;
    min-height: 1.5rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    color: var(--text-tertiary);
    background: var(--surface-panel, var(--surface-2));
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.eoy-player-change-list[b-5m1azbb4u1] {
    display: grid;
    gap: 0;
    max-height: 30rem;
    overflow: auto;
    border-top: 1px solid var(--border-default);
}

.eoy-player-change-card[b-5m1azbb4u1] {
    display: grid;
    grid-template-columns: minmax(10rem, 0.9fr) minmax(0, 2.1fr);
    gap: 0.85rem;
    align-items: start;
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid var(--border-default);
    background: var(--surface-1);
}

.eoy-player-change-card:last-child[b-5m1azbb4u1] {
    border-bottom: 0;
}

.eoy-player-change-heading[b-5m1azbb4u1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    min-width: 0;
}

.eoy-player-change-heading strong[b-5m1azbb4u1] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--text-primary);
    font-size: 0.9rem;
    line-height: 1.2;
}

.eoy-player-change-heading span[b-5m1azbb4u1] {
    display: inline-flex;
    align-items: center;
    min-height: 1.25rem;
    padding: 0.05rem 0.35rem;
    border-radius: 999px;
    color: var(--text-secondary);
    background: var(--surface-control, var(--surface-panel));
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.eoy-player-change-statuses[b-5m1azbb4u1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.eoy-player-change-statuses > div[b-5m1azbb4u1] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.eoy-player-change-statuses dt[b-5m1azbb4u1] {
    color: var(--text-tertiary);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

.eoy-player-change-statuses dd[b-5m1azbb4u1] {
    margin: 0;
}

.eoy-player-status[b-5m1azbb4u1] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    width: fit-content;
    max-width: 100%;
    padding: 0.2rem 0.45rem;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    color: var(--text-secondary);
    background: var(--surface-panel, var(--surface-2));
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.eoy-player-status.changed[b-5m1azbb4u1] {
    color: var(--success-text, #0f5132);
    border-color: color-mix(in srgb, var(--success, #198754) 28%, var(--border-default));
    background: color-mix(in srgb, var(--success, #198754) 10%, var(--surface-1));
}

.eoy-player-status.skipped[b-5m1azbb4u1] {
    color: var(--text-tertiary);
    border-color: var(--border-default);
    background: color-mix(in srgb, var(--surface-control, var(--surface-panel)) 82%, transparent);
}

.eoy-player-status.neutral[b-5m1azbb4u1] {
    color: var(--text-secondary);
}

.eoy-message-list[b-5m1azbb4u1] {
    display: grid;
    gap: 0.3rem;
    font-size: 0.85rem;
    line-height: 1.4;
    max-height: 22rem;
    overflow-y: auto;
}

.eoy-message-list div[b-5m1azbb4u1] {
    padding: 0.45rem 0.65rem;
    border-radius: 6px;
    background: var(--surface-1);
    border-left: 2px solid color-mix(in srgb, var(--accent-primary) 22%, transparent);
}

.eoy-elapsed[b-5m1azbb4u1] {
    display: inline-block;
    min-width: 3.4rem;
    margin-right: 0.4rem;
    color: var(--text-tertiary);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, "Menlo", monospace);
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
}

.eoy-reference[b-5m1azbb4u1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

@media (max-width: 1180px) {
    .eoy-hero[b-5m1azbb4u1],
    .eoy-grid[b-5m1azbb4u1] {
        grid-template-columns: 1fr;
    }

    .eoy-metrics[b-5m1azbb4u1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .eoy-hero[b-5m1azbb4u1],
    .eoy-panel[b-5m1azbb4u1] {
        padding: 0.85rem;
    }

    .eoy-season-panel[b-5m1azbb4u1] {
        grid-template-columns: 1fr;
    }

    .eoy-season-panel i[b-5m1azbb4u1] {
        display: none;
    }

    .eoy-panel-heading[b-5m1azbb4u1],
    .eoy-reference[b-5m1azbb4u1] {
        flex-direction: column;
    }

    .eoy-readiness[b-5m1azbb4u1],
    .eoy-detail-count[b-5m1azbb4u1],
    .eoy-reference .btn[b-5m1azbb4u1] {
        width: 100%;
        justify-content: center;
    }

    .eoy-check[b-5m1azbb4u1] {
        grid-template-columns: 1.8rem minmax(0, 1fr);
    }

    .eoy-check strong[b-5m1azbb4u1] {
        grid-column: 2;
        white-space: normal;
    }

    .eoy-metrics[b-5m1azbb4u1] {
        grid-template-columns: 1fr;
    }

    .eoy-player-change-list[b-5m1azbb4u1] {
        max-height: none;
    }

    .eoy-player-change-card[b-5m1azbb4u1],
    .eoy-player-change-statuses[b-5m1azbb4u1] {
        grid-template-columns: 1fr;
    }

    .eoy-change-group summary[b-5m1azbb4u1] {
        align-items: flex-start;
    }

    .eoy-change-group-title > span[b-5m1azbb4u1] {
        white-space: normal;
    }
}
/* /Components/Admin/Exemptions.razor.rz.scp.css */
.exempt-shell[b-4ld3s0cmhq] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.exempt-hero[b-4ld3s0cmhq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.exempt-kicker[b-4ld3s0cmhq] {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--accent-primary, #007bff);
}

.exempt-hero-copy h2[b-4ld3s0cmhq] {
    margin: 0.25rem 0;
}

.exempt-hero-copy p[b-4ld3s0cmhq] {
    margin: 0;
    color: var(--text-secondary, #6c757d);
    max-width: 60ch;
}

.exempt-loading[b-4ld3s0cmhq],
.exempt-empty[b-4ld3s0cmhq] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--text-secondary, #6c757d);
}

.exempt-empty i[b-4ld3s0cmhq] {
    font-size: 2.5rem;
    color: var(--accent-success, #28a745);
    margin-bottom: 0.5rem;
}

.exempt-panel[b-4ld3s0cmhq] {
    background: var(--surface-1, #fff);
    border: 1px solid var(--border-subtle, #dee2e6);
    border-radius: 10px;
    overflow-x: auto;
}

.exempt-table[b-4ld3s0cmhq] {
    width: 100%;
    border-collapse: collapse;
}

.exempt-table th[b-4ld3s0cmhq],
.exempt-table td[b-4ld3s0cmhq] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--border-subtle, #eee);
    vertical-align: top;
}

.exempt-table th[b-4ld3s0cmhq] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-secondary, #6c757d);
}

.exempt-pos[b-4ld3s0cmhq] {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 4px;
    font-size: 0.7rem;
    background: var(--surface-2, #f1f3f5);
    color: var(--text-secondary, #6c757d);
}

.exempt-penalty[b-4ld3s0cmhq] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--accent-warning, #fd7e14);
}

.exempt-reason[b-4ld3s0cmhq] {
    max-width: 28ch;
    font-style: italic;
    color: var(--text-secondary, #6c757d);
}

.exempt-actions[b-4ld3s0cmhq] {
    white-space: nowrap;
}

.exempt-actions .btn + .btn[b-4ld3s0cmhq] {
    margin-left: 0.4rem;
}

.exempt-modal[b-4ld3s0cmhq] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1080;
}

.exempt-modal-backdrop[b-4ld3s0cmhq] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.exempt-modal-dialog[b-4ld3s0cmhq] {
    position: relative;
    background: var(--surface-1, #fff);
    border-radius: 10px;
    width: min(520px, 92vw);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

.exempt-modal-header[b-4ld3s0cmhq],
.exempt-modal-footer[b-4ld3s0cmhq] {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
}

.exempt-modal-header[b-4ld3s0cmhq] {
    justify-content: space-between;
    border-bottom: 1px solid var(--border-subtle, #eee);
}

.exempt-modal-header h3[b-4ld3s0cmhq] {
    margin: 0;
    font-size: 1.1rem;
}

.exempt-modal-body[b-4ld3s0cmhq] {
    padding: 1.25rem;
}

.exempt-modal-footer[b-4ld3s0cmhq] {
    justify-content: flex-end;
    gap: 0.5rem;
    border-top: 1px solid var(--border-subtle, #eee);
}
/* /Components/Admin/Logs.razor.rz.scp.css */
.lg-shell[b-0cl54pkc6u] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.lg-hero[b-0cl54pkc6u],
.lg-panel[b-0cl54pkc6u] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.08));
}

.lg-hero[b-0cl54pkc6u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem;
}

.lg-hero-copy[b-0cl54pkc6u] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.lg-kicker[b-0cl54pkc6u] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.lg-hero h2[b-0cl54pkc6u],
.lg-panel h3[b-0cl54pkc6u] {
    margin: 0;
    color: var(--text-primary);
}

.lg-hero h2[b-0cl54pkc6u] {
    font-size: clamp(1.55rem, 2vw, 2.05rem);
}

.lg-hero p[b-0cl54pkc6u] {
    margin: 0;
    color: var(--text-tertiary);
    max-width: 60ch;
}

.lg-hero-controls[b-0cl54pkc6u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.lg-tabs[b-0cl54pkc6u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.35rem;
    border: 1px solid var(--border-default);
    border-radius: 999px;
    background: var(--surface-1);
}

.lg-tab[b-0cl54pkc6u] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 1rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--text-tertiary);
    font-weight: 650;
    font-size: 0.92rem;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease;
}

.lg-tab:hover[b-0cl54pkc6u] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--accent-primary-subtle, var(--surface-2)) 70%, transparent);
}

.lg-tab.active[b-0cl54pkc6u] {
    color: var(--text-primary);
    background: var(--surface-panel, var(--surface-2));
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm, 0 4px 12px rgba(15, 23, 42, 0.06));
}

.lg-loading[b-0cl54pkc6u] {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
    color: var(--text-tertiary);
}

.lg-loading .spinner-border[b-0cl54pkc6u] {
    color: var(--accent-primary);
}

.lg-panel[b-0cl54pkc6u] {
    padding: 1rem 1.1rem;
}

.lg-panel-heading[b-0cl54pkc6u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.lg-panel-controls[b-0cl54pkc6u] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.lg-page-size[b-0cl54pkc6u] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 650;
}

.lg-page-size select[b-0cl54pkc6u] {
    width: auto;
    min-width: 4.5rem;
}

.lg-count[b-0cl54pkc6u] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
    color: var(--text-tertiary);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
}

.lg-empty-state[b-0cl54pkc6u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2.5rem 1rem;
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    background: var(--surface-1);
    color: var(--text-tertiary);
    text-align: center;
}

.lg-empty-state i[b-0cl54pkc6u] {
    font-size: 2.5rem;
    color: var(--accent-primary);
}

.lg-empty-state h3[b-0cl54pkc6u] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.15rem;
}

.lg-empty-state p[b-0cl54pkc6u] {
    margin: 0;
    max-width: 50ch;
}

.lg-table-wrap[b-0cl54pkc6u] {
    margin: 0 -1.1rem -1rem;
    border-top: 1px solid var(--border-default);
    overflow-x: auto;
}

.lg-table[b-0cl54pkc6u] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.lg-table thead th[b-0cl54pkc6u] {
    padding: 0.7rem 1.1rem;
    background: var(--surface-1);
    border-bottom: 1px solid var(--border-default);
    color: var(--text-tertiary);
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: left;
    white-space: nowrap;
}

.lg-table thead th.text-end[b-0cl54pkc6u] {
    text-align: right;
}

.lg-table thead th.text-center[b-0cl54pkc6u] {
    text-align: center;
}

.lg-col-date[b-0cl54pkc6u] {
    width: 9.5rem;
}

.lg-col-actions[b-0cl54pkc6u] {
    width: 4rem;
}

.lg-table tbody tr[b-0cl54pkc6u] {
    border-top: 1px solid var(--border-default);
}

.lg-table tbody tr:first-child[b-0cl54pkc6u] {
    border-top: none;
}

.lg-table tbody tr:hover[b-0cl54pkc6u] {
    background: color-mix(in srgb, var(--accent-primary) 6%, transparent);
}

.lg-table tbody tr.lg-row-issue[b-0cl54pkc6u] {
    background: color-mix(in srgb, var(--danger, #dc3545) 10%, transparent);
}

.lg-table tbody tr.lg-row-issue:hover[b-0cl54pkc6u] {
    background: color-mix(in srgb, var(--danger, #dc3545) 16%, transparent);
}

.lg-table td[b-0cl54pkc6u] {
    padding: 0.6rem 1.1rem;
    color: var(--text-primary);
    vertical-align: middle;
    font-size: 0.9rem;
}

.lg-timestamp[b-0cl54pkc6u] {
    color: var(--text-tertiary);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: 0.8rem;
    white-space: nowrap;
}

.lg-muted[b-0cl54pkc6u] {
    color: var(--text-tertiary);
}

.lg-value-issue[b-0cl54pkc6u] {
    color: var(--danger-text, #842029);
    font-weight: 700;
}

.lg-value-positive[b-0cl54pkc6u] {
    color: var(--success-text, #0f5132);
    font-weight: 700;
}

.lg-action-badge[b-0cl54pkc6u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: var(--surface-1);
    color: var(--text-tertiary);
}

.lg-action-badge.action-add[b-0cl54pkc6u] {
    color: var(--success-text, #0f5132);
    background: color-mix(in srgb, var(--success, #198754) 14%, transparent);
    border-color: color-mix(in srgb, var(--success, #198754) 32%, var(--border-default));
}

.lg-action-badge.action-drop[b-0cl54pkc6u] {
    color: var(--danger-text, #842029);
    background: color-mix(in srgb, var(--danger, #dc3545) 14%, transparent);
    border-color: color-mix(in srgb, var(--danger, #dc3545) 32%, var(--border-default));
}

.lg-action-badge.action-update[b-0cl54pkc6u] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--warning, #ffc107) 22%, transparent);
    border-color: color-mix(in srgb, var(--warning, #ffc107) 40%, var(--border-default));
}

.lg-action-badge.action-salary[b-0cl54pkc6u] {
    color: var(--accent-primary);
    background: color-mix(in srgb, var(--accent-primary) 14%, transparent);
    border-color: color-mix(in srgb, var(--accent-primary) 32%, var(--border-default));
}

.lg-action-badge.action-other[b-0cl54pkc6u] {
    color: var(--text-tertiary);
    background: var(--surface-1);
    border-color: var(--border-default);
}

.lg-status-pill[b-0cl54pkc6u] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.lg-status-pill.success[b-0cl54pkc6u] {
    color: var(--success-text, #0f5132);
    background: color-mix(in srgb, var(--success, #198754) 14%, transparent);
    border-color: color-mix(in srgb, var(--success, #198754) 32%, var(--border-default));
}

.lg-status-pill.danger[b-0cl54pkc6u] {
    color: var(--danger-text, #842029);
    background: color-mix(in srgb, var(--danger, #dc3545) 14%, transparent);
    border-color: color-mix(in srgb, var(--danger, #dc3545) 32%, var(--border-default));
}

.lg-code[b-0cl54pkc6u] {
    display: inline-block;
    max-width: 100%;
    padding: 0.15rem 0.45rem;
    border-radius: 6px;
    background: var(--surface-1);
    border: 1px solid var(--border-default);
    color: var(--text-primary);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.lg-icon-btn[b-0cl54pkc6u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
    color: var(--text-tertiary);
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

.lg-icon-btn:hover[b-0cl54pkc6u] {
    color: var(--accent-primary);
    border-color: color-mix(in srgb, var(--accent-primary) 36%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary) 10%, var(--surface-1));
}

.lg-modal[b-0cl54pkc6u] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.lg-modal-backdrop[b-0cl54pkc6u] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
}

.lg-modal-dialog[b-0cl54pkc6u] {
    position: relative;
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid var(--border-default);
    background: var(--surface-panel, var(--surface-2));
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.32);
    overflow: hidden;
}

.lg-modal-header[b-0cl54pkc6u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--border-default);
    background: color-mix(in srgb, var(--accent-primary) 8%, var(--surface-panel, var(--surface-2)));
}

.lg-modal-header h3[b-0cl54pkc6u] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.15rem;
}

.lg-modal-body[b-0cl54pkc6u] {
    padding: 1rem 1.2rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lg-detail-block[b-0cl54pkc6u] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.lg-detail-block h4[b-0cl54pkc6u] {
    margin: 0;
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.lg-pre[b-0cl54pkc6u] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
    color: var(--text-primary);
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: 0.8rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.lg-pre-scroll[b-0cl54pkc6u] {
    max-height: 200px;
    overflow: auto;
    scrollbar-width: thin;
}

.lg-modal-footer[b-0cl54pkc6u] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.85rem 1.2rem;
    border-top: 1px solid var(--border-default);
    background: var(--surface-1);
}

@media (max-width: 1180px) {
    .lg-hero[b-0cl54pkc6u] {
        grid-template-columns: 1fr;
    }

    .lg-col-date[b-0cl54pkc6u] {
        width: auto;
    }
}

@media (max-width: 720px) {
    .lg-hero[b-0cl54pkc6u],
    .lg-panel[b-0cl54pkc6u] {
        padding: 0.85rem;
    }

    .lg-tabs[b-0cl54pkc6u] {
        justify-content: stretch;
    }

    .lg-tab[b-0cl54pkc6u] {
        flex: 1;
        justify-content: center;
    }

    .lg-table-wrap[b-0cl54pkc6u] {
        margin: 0 -0.85rem -0.85rem;
    }

    .lg-table thead th[b-0cl54pkc6u],
    .lg-table td[b-0cl54pkc6u] {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }
}
/* /Components/Admin/Reports.razor.rz.scp.css */
.rep-shell[b-owou92u4v3] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.rep-hero[b-owou92u4v3],
.rep-panel[b-owou92u4v3] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.08));
}

.rep-hero[b-owou92u4v3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem;
}

.rep-hero-copy[b-owou92u4v3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.rep-kicker[b-owou92u4v3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rep-hero h2[b-owou92u4v3],
.rep-panel h3[b-owou92u4v3] {
    margin: 0;
    color: var(--text-primary);
}

.rep-hero h2[b-owou92u4v3] {
    font-size: clamp(1.55rem, 2vw, 2.05rem);
}

.rep-hero p[b-owou92u4v3] {
    margin: 0;
    color: var(--text-tertiary);
    max-width: 60ch;
}

.rep-hero-controls[b-owou92u4v3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.rep-tabs[b-owou92u4v3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.35rem;
    border: 1px solid var(--border-default);
    border-radius: 999px;
    background: var(--surface-1);
}

.rep-tab[b-owou92u4v3] {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 1rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--text-tertiary);
    font-weight: 650;
    font-size: 0.92rem;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease;
}

.rep-tab:hover[b-owou92u4v3] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--accent-primary-subtle, var(--surface-2)) 70%, transparent);
}

.rep-tab.active[b-owou92u4v3] {
    color: var(--text-primary);
    background: var(--surface-panel, var(--surface-2));
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm, 0 4px 12px rgba(15, 23, 42, 0.06));
}

.rep-export[b-owou92u4v3] {
    min-height: 2.55rem;
}

.rep-loading[b-owou92u4v3] {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
    color: var(--text-tertiary);
}

.rep-loading .spinner-border[b-owou92u4v3] {
    color: var(--accent-primary);
}

.rep-empty-state[b-owou92u4v3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2.5rem 1rem;
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    background: var(--surface-1);
    color: var(--text-tertiary);
    text-align: center;
}

.rep-empty-state i[b-owou92u4v3] {
    font-size: 2.5rem;
    color: var(--warning, #ffc107);
}

.rep-empty-state h3[b-owou92u4v3] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.15rem;
}

.rep-empty-state p[b-owou92u4v3] {
    margin: 0;
    max-width: 50ch;
}

.rep-summary[b-owou92u4v3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.rep-metric[b-owou92u4v3] {
    min-height: 5.2rem;
    padding: 0.85rem 0.9rem;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
}

.rep-metric span[b-owou92u4v3] {
    display: block;
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
}

.rep-metric strong[b-owou92u4v3] {
    display: block;
    margin-top: 0.4rem;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.rep-metric.success[b-owou92u4v3] {
    border-color: color-mix(in srgb, var(--success, #198754) 32%, var(--border-default));
    background: color-mix(in srgb, var(--success, #198754) 10%, var(--surface-1));
}

.rep-metric.success strong[b-owou92u4v3] {
    color: var(--success-text, #0f5132);
}

.rep-metric.danger[b-owou92u4v3] {
    border-color: color-mix(in srgb, var(--danger, #dc3545) 32%, var(--border-default));
    background: color-mix(in srgb, var(--danger, #dc3545) 10%, var(--surface-1));
}

.rep-metric.danger strong[b-owou92u4v3] {
    color: var(--danger-text, #842029);
}

.rep-panel[b-owou92u4v3] {
    padding: 1rem 1.1rem;
}

.rep-panel-heading[b-owou92u4v3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.rep-table-wrap[b-owou92u4v3] {
    margin: 0 -1.1rem -1rem;
    border-top: 1px solid var(--border-default);
    overflow-x: auto;
}

.rep-table[b-owou92u4v3] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.rep-table thead th[b-owou92u4v3] {
    padding: 0.75rem 1.1rem;
    background: var(--surface-1);
    border-bottom: 1px solid var(--border-default);
    color: var(--text-tertiary);
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: left;
    white-space: nowrap;
}

.rep-table thead th.text-end[b-owou92u4v3] {
    text-align: right;
}

.rep-table thead th.text-center[b-owou92u4v3] {
    text-align: center;
}

.rep-col-franchise[b-owou92u4v3] {
    width: 260px;
}

.rep-table tbody tr[b-owou92u4v3] {
    border-top: 1px solid var(--border-default);
}

.rep-table tbody tr:first-child[b-owou92u4v3] {
    border-top: none;
}

.rep-table tbody tr:hover[b-owou92u4v3] {
    background: color-mix(in srgb, var(--accent-primary) 6%, transparent);
}

.rep-table tbody tr.rep-row-issue[b-owou92u4v3] {
    background: color-mix(in srgb, var(--warning, #ffc107) 12%, transparent);
}

.rep-table tbody tr.rep-row-issue:hover[b-owou92u4v3] {
    background: color-mix(in srgb, var(--warning, #ffc107) 18%, transparent);
}

.rep-table td[b-owou92u4v3] {
    padding: 0.75rem 1.1rem;
    color: var(--text-primary);
    vertical-align: middle;
}

.rep-franchise[b-owou92u4v3] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.rep-franchise-logo[b-owou92u4v3] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid var(--border-default);
}

.rep-franchise > div[b-owou92u4v3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.rep-franchise strong[b-owou92u4v3] {
    color: var(--text-primary);
    font-weight: 650;
    line-height: 1.2;
}

.rep-franchise span[b-owou92u4v3] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.rep-value-issue[b-owou92u4v3] {
    color: var(--danger-text, #842029);
    font-weight: 700;
}

.rep-value-positive[b-owou92u4v3] {
    color: var(--success-text, #0f5132);
}

.rep-delta[b-owou92u4v3] {
    display: block;
    color: var(--danger-text, #842029);
    font-size: 0.75rem;
    font-weight: 500;
}

.rep-muted[b-owou92u4v3] {
    color: var(--text-tertiary);
}

.rep-roster-total[b-owou92u4v3] {
    font-weight: 700;
}

.rep-status-pill[b-owou92u4v3] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.78rem;
    font-weight: 700;
}

.rep-status-pill.success[b-owou92u4v3] {
    color: var(--success-text, #0f5132);
    background: color-mix(in srgb, var(--success, #198754) 14%, transparent);
    border-color: color-mix(in srgb, var(--success, #198754) 32%, var(--border-default));
}

.rep-status-pill.danger[b-owou92u4v3] {
    color: var(--danger-text, #842029);
    background: color-mix(in srgb, var(--danger, #dc3545) 14%, transparent);
    border-color: color-mix(in srgb, var(--danger, #dc3545) 32%, var(--border-default));
}

.rep-progress[b-owou92u4v3] {
    position: relative;
    height: 1.4rem;
    border-radius: 999px;
    background: var(--surface-1);
    border: 1px solid var(--border-default);
    overflow: hidden;
}

.rep-progress-fill[b-owou92u4v3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    padding: 0 0.55rem;
    color: var(--surface-panel, var(--surface-2));
    font-size: 0.74rem;
    font-weight: 700;
    transition: width 200ms ease;
}

.rep-progress-fill.success[b-owou92u4v3] {
    background: var(--success, #198754);
}

.rep-progress-fill.warning[b-owou92u4v3] {
    background: var(--warning, #ffc107);
    color: var(--text-primary);
}

.rep-progress-fill.danger[b-owou92u4v3] {
    background: var(--danger, #dc3545);
}

@media (max-width: 1180px) {
    .rep-hero[b-owou92u4v3] {
        grid-template-columns: 1fr;
    }

    .rep-summary[b-owou92u4v3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rep-col-franchise[b-owou92u4v3] {
        width: auto;
    }
}

@media (max-width: 720px) {
    .rep-hero[b-owou92u4v3],
    .rep-panel[b-owou92u4v3] {
        padding: 0.85rem;
    }

    .rep-summary[b-owou92u4v3] {
        grid-template-columns: 1fr;
    }

    .rep-tabs[b-owou92u4v3] {
        justify-content: stretch;
    }

    .rep-tab[b-owou92u4v3] {
        flex: 1;
        justify-content: center;
    }

    .rep-table-wrap[b-owou92u4v3] {
        margin: 0 -0.85rem -0.85rem;
    }
}
/* /Components/Admin/Rfa.razor.rz.scp.css */
.rfa-shell[b-we58zvp95a] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.rfa-hero[b-we58zvp95a],
.rfa-panel[b-we58zvp95a] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.08));
}

.rfa-hero[b-we58zvp95a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem);
    gap: 1rem;
    align-items: stretch;
    padding: 1.25rem;
}

.rfa-hero-copy[b-we58zvp95a] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.rfa-kicker[b-we58zvp95a] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rfa-hero h2[b-we58zvp95a],
.rfa-panel h3[b-we58zvp95a] {
    margin: 0;
    color: var(--text-primary);
    letter-spacing: 0;
}

.rfa-hero h2[b-we58zvp95a] {
    margin-top: 0.25rem;
    font-size: clamp(1.25rem, 1.9vw, 1.75rem);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.rfa-hero p[b-we58zvp95a] {
    margin: 0;
    color: var(--text-tertiary);
}

.rfa-hero-controls[b-we58zvp95a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.75rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 26%, var(--border-default));
    background: color-mix(in srgb, var(--surface-1) 88%, var(--accent-primary-subtle) 12%);
    padding: 1rem;
}

.rfa-season[b-we58zvp95a] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.rfa-season span[b-we58zvp95a] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
}

.rfa-season-input[b-we58zvp95a] {
    min-height: 2.5rem;
    font-weight: 700;
}

.rfa-calculate[b-we58zvp95a] {
    min-height: 2.55rem;
    align-self: end;
}

.rfa-alert[b-we58zvp95a] {
    margin: 0;
}

.rfa-panel[b-we58zvp95a] {
    padding: 1rem 1.1rem;
}

.rfa-panel-heading[b-we58zvp95a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.rfa-collapse-heading[b-we58zvp95a] {
    cursor: pointer;
    margin-bottom: 0;
    user-select: none;
}

.rfa-collapse-toggle[b-we58zvp95a] {
    border: none;
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
    padding: 0.25rem 0.5rem;
}

.rfa-collapse-toggle:hover[b-we58zvp95a] {
    color: var(--text-primary);
}

.rfa-bands-body[b-we58zvp95a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.rfa-info-banner[b-we58zvp95a] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 0.75rem 0.9rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 22%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary) 8%, transparent);
}

.rfa-info-banner i[b-we58zvp95a] {
    color: var(--accent-primary);
    margin-top: 0.2rem;
}

.rfa-info-banner p[b-we58zvp95a] {
    margin: 0;
    color: var(--text-primary);
    line-height: 1.55;
}

.rfa-band-group[b-we58zvp95a] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-1);
    padding: 0.75rem 0.9rem;
}

.rfa-band-group-head[b-we58zvp95a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.rfa-band-table[b-we58zvp95a] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.rfa-band-table thead th[b-we58zvp95a] {
    padding: 0.4rem 0.5rem;
    color: var(--text-tertiary);
    font-size: 0.74rem;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.rfa-band-table td[b-we58zvp95a] {
    padding: 0.3rem 0.5rem;
    vertical-align: middle;
}

.rfa-band-table input[b-we58zvp95a] {
    max-width: 7rem;
}

.rfa-band-remove[b-we58zvp95a] {
    width: 3rem;
    text-align: right;
}

.rfa-bands-actions[b-we58zvp95a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.rfa-add-position[b-we58zvp95a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.rfa-add-position .form-select[b-we58zvp95a] {
    max-width: 8rem;
}

.rfa-loading[b-we58zvp95a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 3rem 0;
    color: var(--text-tertiary);
}

.rfa-loading .spinner-border[b-we58zvp95a] {
    color: var(--accent-primary);
}

.rfa-metrics[b-we58zvp95a] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.rfa-metric[b-we58zvp95a] {
    min-height: 5.2rem;
    padding: 0.85rem 0.9rem;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
}

.rfa-metric span[b-we58zvp95a] {
    display: block;
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
}

.rfa-metric strong[b-we58zvp95a] {
    display: block;
    margin-top: 0.4rem;
    color: var(--text-primary);
    font-size: 1.25rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.rfa-metric.highlight[b-we58zvp95a] {
    border-color: color-mix(in srgb, var(--accent-primary) 32%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary) 10%, var(--surface-1));
}

.rfa-metric.highlight strong[b-we58zvp95a] {
    color: var(--accent-primary);
}

.rfa-metric.success[b-we58zvp95a] {
    border-color: color-mix(in srgb, var(--success, #198754) 32%, var(--border-default));
    background: color-mix(in srgb, var(--success, #198754) 10%, var(--surface-1));
}

.rfa-metric.success strong[b-we58zvp95a] {
    color: var(--success-text, #0f5132);
}

.rfa-metric.danger[b-we58zvp95a] {
    border-color: color-mix(in srgb, var(--danger, #dc3545) 32%, var(--border-default));
    background: color-mix(in srgb, var(--danger, #dc3545) 10%, var(--surface-1));
}

.rfa-metric.danger strong[b-we58zvp95a] {
    color: var(--danger-text, #842029);
}

.rfa-warnings[b-we58zvp95a] {
    border-color: color-mix(in srgb, var(--warning, #ffc107) 36%, var(--border-default));
    background: color-mix(in srgb, var(--warning, #ffc107) 10%, var(--surface-panel, var(--surface-2)));
}

.rfa-warnings-head[b-we58zvp95a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.rfa-warnings-head i[b-we58zvp95a] {
    color: var(--warning, #ffc107);
}

.rfa-warnings-head h3[b-we58zvp95a] {
    font-size: 1.05rem;
}

.rfa-warnings ul[b-we58zvp95a] {
    margin: 0;
    padding-left: 1.2rem;
    color: var(--text-primary);
    line-height: 1.55;
}

.rfa-tabs[b-we58zvp95a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.35rem;
    border: 1px solid var(--border-default);
    border-radius: 999px;
    background: var(--surface-1);
}

.rfa-tab[b-we58zvp95a] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.95rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--text-tertiary);
    font-weight: 650;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease;
}

.rfa-tab:hover[b-we58zvp95a] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--accent-primary-subtle, var(--surface-2)) 70%, transparent);
}

.rfa-tab.active[b-we58zvp95a] {
    color: var(--text-primary);
    background: var(--surface-panel, var(--surface-2));
    border-color: var(--border-default);
    box-shadow: var(--shadow-sm, 0 4px 12px rgba(15, 23, 42, 0.06));
}

.rfa-tab-count[b-we58zvp95a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-primary) 14%, transparent);
    color: var(--accent-primary);
    font-size: 0.74rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.rfa-tab.active .rfa-tab-count[b-we58zvp95a] {
    background: color-mix(in srgb, var(--accent-primary) 24%, transparent);
}

.rfa-table-wrap[b-we58zvp95a] {
    padding: 0;
    overflow: hidden;
}

.rfa-table[b-we58zvp95a] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.rfa-table thead th[b-we58zvp95a] {
    padding: 0.75rem 0.9rem;
    background: var(--surface-1);
    border-bottom: 1px solid var(--border-default);
    color: var(--text-secondary, var(--text-tertiary));
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0;
    text-align: left;
    white-space: nowrap;
}

.rfa-table thead th.text-end[b-we58zvp95a] {
    text-align: right;
}

.rfa-table thead th.text-center[b-we58zvp95a] {
    text-align: center;
}

.rfa-col-finish[b-we58zvp95a] {
    width: 4.5rem;
}

.rfa-table tbody tr[b-we58zvp95a] {
    border-top: 1px solid var(--border-default);
}

.rfa-table tbody tr:first-child[b-we58zvp95a] {
    border-top: none;
}

.rfa-table tbody tr:hover[b-we58zvp95a] {
    background: color-mix(in srgb, var(--accent-primary) 6%, transparent);
}

.rfa-table tbody tr.rfa-row-mismatch[b-we58zvp95a] {
    background: color-mix(in srgb, var(--warning, #ffc107) 12%, transparent);
}

.rfa-table tbody tr.rfa-row-mismatch:hover[b-we58zvp95a] {
    background: color-mix(in srgb, var(--warning, #ffc107) 18%, transparent);
}

.rfa-table td[b-we58zvp95a] {
    padding: 0.75rem 0.9rem;
    color: var(--text-primary);
    vertical-align: middle;
}

.rfa-table td.text-center[b-we58zvp95a] {
    text-align: center;
}

.rfa-table.rfa-table-compact td[b-we58zvp95a],
.rfa-table.rfa-table-compact thead th[b-we58zvp95a] {
    padding: 0.55rem 0.7rem;
}

.rfa-finish-badge[b-we58zvp95a],
.rfa-position-badge[b-we58zvp95a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    border: 1px solid transparent;
    background: var(--surface-1);
    color: var(--text-tertiary);
}

.rfa-finish-badge.finish-top[b-we58zvp95a] {
    color: var(--accent-primary);
    background: color-mix(in srgb, var(--accent-primary) 14%, transparent);
    border-color: color-mix(in srgb, var(--accent-primary) 36%, var(--border-default));
}

.rfa-finish-badge.finish-podium[b-we58zvp95a] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--text-tertiary) 12%, var(--surface-1));
    border-color: var(--border-default);
}

.rfa-finish-badge.finish-default[b-we58zvp95a],
.rfa-finish-badge.finish-none[b-we58zvp95a] {
    color: var(--text-tertiary);
    background: var(--surface-1);
    border-color: var(--border-default);
}

.rfa-position-badge[b-we58zvp95a] {
    min-width: 2.3rem;
    letter-spacing: 0.04em;
}

.rfa-position-badge.pos-qb[b-we58zvp95a] {
    color: var(--danger-text, #842029);
    background: color-mix(in srgb, var(--danger, #dc3545) 12%, transparent);
    border-color: color-mix(in srgb, var(--danger, #dc3545) 30%, var(--border-default));
}

.rfa-position-badge.pos-rb[b-we58zvp95a] {
    color: var(--success-text, #0f5132);
    background: color-mix(in srgb, var(--success, #198754) 12%, transparent);
    border-color: color-mix(in srgb, var(--success, #198754) 30%, var(--border-default));
}

.rfa-position-badge.pos-wr[b-we58zvp95a] {
    color: var(--accent-primary);
    background: color-mix(in srgb, var(--accent-primary) 12%, transparent);
    border-color: color-mix(in srgb, var(--accent-primary) 30%, var(--border-default));
}

.rfa-position-badge.pos-te[b-we58zvp95a] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--accent-secondary, var(--accent-primary)) 14%, transparent);
    border-color: color-mix(in srgb, var(--accent-secondary, var(--accent-primary)) 30%, var(--border-default));
}

.rfa-position-badge.pos-pk[b-we58zvp95a],
.rfa-position-badge.pos-db[b-we58zvp95a],
.rfa-position-badge.pos-dl[b-we58zvp95a],
.rfa-position-badge.pos-lb[b-we58zvp95a],
.rfa-position-badge.pos-other[b-we58zvp95a] {
    color: var(--text-tertiary);
    background: var(--surface-1);
    border-color: var(--border-default);
}

.rfa-tag[b-we58zvp95a] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--accent-primary);
    background: color-mix(in srgb, var(--accent-primary) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent-primary) 30%, var(--border-default));
}

.rfa-tag-franchise[b-we58zvp95a] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--accent-secondary, var(--accent-primary)) 14%, transparent);
    border-color: color-mix(in srgb, var(--accent-secondary, var(--accent-primary)) 30%, var(--border-default));
}

.rfa-tag-warn[b-we58zvp95a] {
    color: var(--danger-text, #842029);
    background: color-mix(in srgb, var(--warning, #ffc107) 18%, transparent);
    border-color: color-mix(in srgb, var(--warning, #ffc107) 36%, var(--border-default));
}

.rfa-comp[b-we58zvp95a] {
    font-weight: 700;
    color: var(--accent-primary);
}

.rfa-current-comp[b-we58zvp95a] {
    color: var(--text-tertiary);
}

.rfa-match-ok[b-we58zvp95a] {
    color: var(--success-text, #198754);
}

.rfa-match-no[b-we58zvp95a] {
    color: var(--danger-text, #dc3545);
}

.rfa-actions[b-we58zvp95a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.rfa-actions .btn[b-we58zvp95a] {
    min-height: 2.55rem;
}

.rfa-empty-state[b-we58zvp95a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 3rem 1rem;
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    background: var(--surface-1);
    color: var(--text-tertiary);
    text-align: center;
}

.rfa-empty-state i[b-we58zvp95a] {
    font-size: 2.6rem;
    color: var(--accent-primary);
}

.rfa-empty-state h3[b-we58zvp95a] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.2rem;
}

.rfa-empty-state p[b-we58zvp95a] {
    margin: 0;
    max-width: 50ch;
}

.rfa-modal[b-we58zvp95a] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.rfa-modal-backdrop[b-we58zvp95a] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
}

.rfa-modal-dialog[b-we58zvp95a] {
    position: relative;
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid var(--border-default);
    background: var(--surface-panel, var(--surface-2));
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.32);
    overflow: hidden;
}

.rfa-modal-header[b-we58zvp95a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--border-default);
    background: color-mix(in srgb, var(--warning, #ffc107) 12%, var(--surface-panel, var(--surface-2)));
}

.rfa-modal-header h3[b-we58zvp95a] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.15rem;
}

.rfa-modal-body[b-we58zvp95a] {
    padding: 1rem 1.2rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rfa-warning-banner[b-we58zvp95a] {
    padding: 0.7rem 0.9rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 22%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary) 8%, transparent);
    color: var(--text-primary);
    line-height: 1.55;
}

.rfa-modal-summary[b-we58zvp95a] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.rfa-modal-summary div[b-we58zvp95a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    padding: 0.6rem;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
}

.rfa-modal-summary strong[b-we58zvp95a] {
    color: var(--text-primary);
    font-size: 1.15rem;
    font-variant-numeric: tabular-nums;
}

.rfa-modal-summary span[b-we58zvp95a] {
    color: var(--text-tertiary);
    font-size: 0.75rem;
    text-align: center;
}

.rfa-modal-preview[b-we58zvp95a] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid var(--border-default);
    border-radius: 8px;
}

.rfa-modal-preview thead th[b-we58zvp95a] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.rfa-apply-result[b-we58zvp95a] {
    padding: 0.75rem 0.9rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--success, #198754) 30%, var(--border-default));
    background: color-mix(in srgb, var(--success, #198754) 8%, transparent);
    color: var(--text-primary);
}

.rfa-apply-result ul[b-we58zvp95a] {
    margin: 0.5rem 0 0;
    padding-left: 1.2rem;
    line-height: 1.55;
}

.rfa-modal-footer[b-we58zvp95a] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.85rem 1.2rem;
    border-top: 1px solid var(--border-default);
    background: var(--surface-1);
}

@media (max-width: 1180px) {
    .rfa-hero[b-we58zvp95a] {
        grid-template-columns: 1fr;
    }

    .rfa-metrics[b-we58zvp95a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .rfa-hero[b-we58zvp95a],
    .rfa-panel[b-we58zvp95a] {
        padding: 0.85rem;
    }

    .rfa-hero-controls[b-we58zvp95a] {
        grid-template-columns: 1fr;
    }

    .rfa-metrics[b-we58zvp95a] {
        grid-template-columns: 1fr;
    }

    .rfa-modal-summary[b-we58zvp95a] {
        grid-template-columns: 1fr;
    }

    .rfa-tabs[b-we58zvp95a] {
        justify-content: stretch;
    }

    .rfa-tab[b-we58zvp95a] {
        flex: 1;
        justify-content: center;
    }

    .rfa-bands-actions[b-we58zvp95a] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Admin/Rulebook.razor.rz.scp.css */
.adm-rb-shell[b-06b3jyss7q] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.adm-rb-hero[b-06b3jyss7q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.08));
}

.adm-rb-hero-copy[b-06b3jyss7q] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.adm-rb-kicker[b-06b3jyss7q] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.adm-rb-hero h2[b-06b3jyss7q] {
    margin: 0;
    color: var(--text-primary);
    font-size: clamp(1.55rem, 2vw, 2.05rem);
}

.adm-rb-hero p[b-06b3jyss7q] {
    margin: 0;
    color: var(--text-tertiary);
    max-width: 60ch;
}

.adm-rb-hero-controls[b-06b3jyss7q] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.adm-rb-create[b-06b3jyss7q] {
    min-height: 2.55rem;
}

.adm-rb-loading[b-06b3jyss7q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 3rem 0;
    color: var(--text-tertiary);
}

.adm-rb-loading .spinner-border[b-06b3jyss7q] {
    color: var(--accent-primary);
}

.adm-rb-empty-state[b-06b3jyss7q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    padding: 3rem 1rem;
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    background: var(--surface-1);
    color: var(--text-tertiary);
    text-align: center;
}

.adm-rb-empty-state i[b-06b3jyss7q] {
    font-size: 2.6rem;
    color: var(--accent-primary);
}

.adm-rb-empty-state h3[b-06b3jyss7q] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.2rem;
}

.adm-rb-empty-state p[b-06b3jyss7q] {
    margin: 0;
    max-width: 50ch;
}

.adm-rb-grid[b-06b3jyss7q] {
    display: grid;
    grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.adm-rb-toc[b-06b3jyss7q] {
    position: sticky;
    top: 1rem;
    padding: 0.85rem;
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.06));
}

.adm-rb-toc h3[b-06b3jyss7q] {
    margin: 0 0 0.6rem;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.adm-rb-toc nav[b-06b3jyss7q] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.adm-rb-toc-empty[b-06b3jyss7q] {
    margin: 0;
    padding: 0.6rem 0.25rem;
    color: var(--text-tertiary);
    font-size: 0.85rem;
    text-align: center;
}

.adm-rb-toc-link[b-06b3jyss7q] {
    display: block;
    padding: 0.5rem 0.65rem;
    border-radius: 6px;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 0.92rem;
    transition: background-color 120ms ease;
}

.adm-rb-toc-link strong[b-06b3jyss7q],
.adm-rb-toc-link span[b-06b3jyss7q] {
    color: var(--text-tertiary);
    font-weight: 700;
    margin-right: 0.35rem;
}

.adm-rb-toc-link.child[b-06b3jyss7q] {
    padding-left: 1.5rem;
    font-size: 0.86rem;
}

.adm-rb-toc-link:hover[b-06b3jyss7q] {
    background: color-mix(in srgb, var(--accent-primary-subtle, var(--surface-1)) 70%, transparent);
}

.adm-rb-toc-link.active[b-06b3jyss7q] {
    background: color-mix(in srgb, var(--accent-primary) 14%, transparent);
    color: var(--text-primary);
}

.adm-rb-toc-link.active strong[b-06b3jyss7q],
.adm-rb-toc-link.active span[b-06b3jyss7q] {
    color: var(--accent-primary);
}

.adm-rb-content[b-06b3jyss7q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.adm-rb-section[b-06b3jyss7q],
.adm-rb-subsection[b-06b3jyss7q] {
    padding: 1.25rem 1.4rem;
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.06));
}

.adm-rb-subsection[b-06b3jyss7q] {
    margin-top: 1rem;
    padding: 1rem 1.2rem;
    background: var(--surface-1);
    box-shadow: none;
}

.adm-rb-section-header[b-06b3jyss7q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
    flex-wrap: wrap;
}

.adm-rb-subsection-header[b-06b3jyss7q] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
}

.adm-rb-section-title[b-06b3jyss7q] {
    display: flex;
    align-items: baseline;
    gap: 0.7rem;
    min-width: 0;
}

.adm-rb-section-number[b-06b3jyss7q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 30%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary) 12%, transparent);
    color: var(--accent-primary);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.adm-rb-section h3[b-06b3jyss7q] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.25rem;
    line-height: 1.25;
}

.adm-rb-subsection h4[b-06b3jyss7q] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.02rem;
    line-height: 1.25;
}

.adm-rb-section-actions[b-06b3jyss7q] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.adm-rb-action[b-06b3jyss7q] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.7rem;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
    color: var(--text-primary);
    font-size: 0.82rem;
    font-weight: 600;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.adm-rb-action:hover[b-06b3jyss7q] {
    background: color-mix(in srgb, var(--accent-primary) 8%, var(--surface-1));
    border-color: color-mix(in srgb, var(--accent-primary) 35%, var(--border-default));
}

.adm-rb-action.edit:hover[b-06b3jyss7q] {
    color: var(--accent-primary);
    border-color: color-mix(in srgb, var(--accent-primary) 45%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary) 12%, var(--surface-1));
}

.adm-rb-action.history:hover[b-06b3jyss7q] {
    color: var(--accent-secondary, var(--accent-primary));
    border-color: color-mix(in srgb, var(--accent-secondary, var(--accent-primary)) 45%, var(--border-default));
    background: color-mix(in srgb, var(--accent-secondary, var(--accent-primary)) 12%, var(--surface-1));
}

.adm-rb-action.delete:hover[b-06b3jyss7q] {
    color: var(--danger-text, #842029);
    border-color: color-mix(in srgb, var(--danger, #dc3545) 45%, var(--border-default));
    background: color-mix(in srgb, var(--danger, #dc3545) 12%, var(--surface-1));
}

.adm-rb-body[b-06b3jyss7q] {
    color: var(--text-primary);
    line-height: 1.7;
}

.adm-rb-body[b-06b3jyss7q]  p {
    margin: 0 0 0.85rem;
}

.adm-rb-body[b-06b3jyss7q]  p:last-child {
    margin-bottom: 0;
}

.adm-rb-body[b-06b3jyss7q]  ul {
    margin: 0 0 0.85rem 1.1rem;
    padding: 0;
}

.adm-rb-body[b-06b3jyss7q]  li {
    margin-bottom: 0.3rem;
}

.adm-rb-body[b-06b3jyss7q]  .adm-rb-empty-body {
    color: var(--text-tertiary);
    font-style: italic;
}

.adm-rb-section-footer[b-06b3jyss7q] {
    margin-top: 0.85rem;
    padding-top: 0.6rem;
    border-top: 1px dashed var(--border-default);
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.adm-rb-modal[b-06b3jyss7q] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.adm-rb-modal-backdrop[b-06b3jyss7q] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
}

.adm-rb-modal-dialog[b-06b3jyss7q] {
    position: relative;
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid var(--border-default);
    background: var(--surface-panel, var(--surface-2));
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.32);
    overflow: hidden;
}

.adm-rb-modal-header[b-06b3jyss7q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--border-default);
    background: var(--surface-1);
}

.adm-rb-modal-header h3[b-06b3jyss7q] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.15rem;
}

.adm-rb-modal-body[b-06b3jyss7q] {
    padding: 1rem 1.2rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.adm-rb-form-grid[b-06b3jyss7q] {
    display: grid;
    grid-template-columns: minmax(7rem, 9rem) minmax(0, 1fr);
    gap: 0.85rem;
}

.adm-rb-field[b-06b3jyss7q] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
}

.adm-rb-field > span[b-06b3jyss7q] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
}

.adm-rb-field small[b-06b3jyss7q] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.adm-rb-textarea[b-06b3jyss7q] {
    min-height: 12rem;
    font-family: inherit;
    line-height: 1.55;
}

.adm-rb-modal-footer[b-06b3jyss7q] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.85rem 1.2rem;
    border-top: 1px solid var(--border-default);
    background: var(--surface-1);
}

.adm-rb-history-empty[b-06b3jyss7q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem 1rem;
    color: var(--text-tertiary);
    text-align: center;
}

.adm-rb-history-empty i[b-06b3jyss7q] {
    font-size: 1.85rem;
    color: var(--accent-primary);
}

.adm-rb-history-empty p[b-06b3jyss7q] {
    margin: 0;
}

.adm-rb-history-list[b-06b3jyss7q] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.adm-rb-history-item[b-06b3jyss7q] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-1);
    overflow: hidden;
}

.adm-rb-history-header[b-06b3jyss7q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid var(--border-default);
    background: color-mix(in srgb, var(--accent-primary) 4%, var(--surface-1));
}

.adm-rb-history-meta[b-06b3jyss7q] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.adm-rb-history-tag[b-06b3jyss7q] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--accent-secondary, var(--accent-primary)) 30%, var(--border-default));
    background: color-mix(in srgb, var(--accent-secondary, var(--accent-primary)) 14%, transparent);
    color: var(--accent-secondary, var(--accent-primary));
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.adm-rb-history-body[b-06b3jyss7q] {
    padding: 0.65rem 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.adm-rb-history-body h4[b-06b3jyss7q] {
    margin: 0;
    color: var(--text-primary);
    font-size: 0.98rem;
    font-weight: 650;
}

.adm-rb-history-preview[b-06b3jyss7q] {
    max-height: 6.25rem;
    overflow-y: auto;
    color: var(--text-tertiary);
    font-size: 0.85rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.adm-rb-history-note[b-06b3jyss7q] {
    margin: 0;
    color: var(--text-tertiary);
    font-size: 0.82rem;
    font-style: italic;
}

@media (max-width: 960px) {
    .adm-rb-grid[b-06b3jyss7q] {
        grid-template-columns: 1fr;
    }

    .adm-rb-toc[b-06b3jyss7q] {
        position: static;
    }
}

@media (max-width: 720px) {
    .adm-rb-hero[b-06b3jyss7q] {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .adm-rb-hero-controls[b-06b3jyss7q] {
        width: 100%;
    }

    .adm-rb-hero-controls .btn[b-06b3jyss7q] {
        flex: 1;
        justify-content: center;
    }

    .adm-rb-section[b-06b3jyss7q],
    .adm-rb-subsection[b-06b3jyss7q] {
        padding: 1rem;
    }

    .adm-rb-section-header[b-06b3jyss7q] {
        flex-direction: column;
        align-items: stretch;
    }

    .adm-rb-section-actions[b-06b3jyss7q] {
        justify-content: flex-start;
    }

    .adm-rb-form-grid[b-06b3jyss7q] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/TradeBlocks.razor.rz.scp.css */
.table td[b-g92eogre09] {
    vertical-align: middle;
}

.btn-group .btn[b-g92eogre09] {
    border-radius: 0.25rem;
    margin-right: 2px;
}

.btn-group .btn:last-child[b-g92eogre09] {
    margin-right: 0;
}

.table-secondary[b-g92eogre09] {
    background-color: var(--surface-3);
}
/* /Components/Admin/TransactionCreateModal.razor.rz.scp.css */
.player-search-results[b-ui33xnhnev] {
    position: relative;
    z-index: 1050;
}

.modal[b-ui33xnhnev] {
    z-index: 1055;
}

.modal-backdrop[b-ui33xnhnev] {
    z-index: 1050;
}
/* /Components/Admin/TransactionReverseModal.razor.rz.scp.css */
.modal[b-q6ytoaa8th] {
    z-index: 1055;
}

.modal-backdrop[b-q6ytoaa8th] {
    z-index: 1050;
}
/* /Components/Admin/Transactions.razor.rz.scp.css */
.transaction-list[b-gakh1kgsnp] {
    max-height: 600px;
    overflow-y: auto;
}

.transaction-item[b-gakh1kgsnp] {
    transition: background-color 0.2s ease;
}

.transaction-item:hover[b-gakh1kgsnp] {
    background-color: var(--surface-3);
}

.transaction-reversed[b-gakh1kgsnp] {
    opacity: 0.7;
    background-color: rgba(255, 193, 7, 0.15);
}

.transaction-icon[b-gakh1kgsnp] {
    min-width: 40px;
}

.icon-wrapper[b-gakh1kgsnp] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--surface-3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.transaction-details .badge[b-gakh1kgsnp] {
    font-size: 0.75em;
}

.transaction-actions .btn-group[b-gakh1kgsnp] {
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
/* /Components/Admin/UnsignedRookies.razor.rz.scp.css */
.ur-shell[b-2md3lf12mu] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.ur-hero[b-2md3lf12mu],
.ur-panel[b-2md3lf12mu] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.08));
}

.ur-hero[b-2md3lf12mu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem);
    gap: 1rem;
    align-items: stretch;
    padding: 1.25rem;
}

.ur-hero-copy[b-2md3lf12mu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.ur-kicker[b-2md3lf12mu] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ur-hero h2[b-2md3lf12mu],
.ur-panel h3[b-2md3lf12mu] {
    margin: 0;
    color: var(--text-primary);
    letter-spacing: 0;
}

.ur-hero h2[b-2md3lf12mu] {
    margin-top: 0.25rem;
    font-size: clamp(1.55rem, 2vw, 2.05rem);
}

.ur-hero p[b-2md3lf12mu] {
    margin: 0;
    color: var(--text-tertiary);
}

.ur-hero-controls[b-2md3lf12mu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.75rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 26%, var(--border-default));
    background: color-mix(in srgb, var(--surface-1) 88%, var(--accent-primary-subtle) 12%);
    padding: 1rem;
}

.ur-season[b-2md3lf12mu] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.ur-season span[b-2md3lf12mu] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
}

.ur-season-input[b-2md3lf12mu] {
    min-height: 2.5rem;
    font-weight: 700;
}

.ur-refresh[b-2md3lf12mu] {
    min-height: 2.55rem;
    align-self: end;
}

.ur-panel[b-2md3lf12mu] {
    padding: 1rem 1.1rem;
}

.ur-panel-heading[b-2md3lf12mu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.ur-loading[b-2md3lf12mu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 3rem 0;
    color: var(--text-tertiary);
}

.ur-loading .spinner-border[b-2md3lf12mu] {
    color: var(--accent-primary);
}

.ur-metrics[b-2md3lf12mu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.ur-metric[b-2md3lf12mu] {
    min-height: 5.2rem;
    padding: 0.85rem 0.9rem;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
}

.ur-metric span[b-2md3lf12mu] {
    display: block;
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
}

.ur-metric strong[b-2md3lf12mu] {
    display: block;
    margin-top: 0.4rem;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.ur-metric.highlight[b-2md3lf12mu] {
    border-color: color-mix(in srgb, var(--accent-primary) 32%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary) 10%, var(--surface-1));
}

.ur-metric.highlight strong[b-2md3lf12mu] {
    color: var(--accent-primary);
}

.ur-metric.success[b-2md3lf12mu] {
    border-color: color-mix(in srgb, var(--success, #198754) 32%, var(--border-default));
    background: color-mix(in srgb, var(--success, #198754) 10%, var(--surface-1));
}

.ur-metric.success strong[b-2md3lf12mu] {
    color: var(--success-text, #0f5132);
}

.ur-metric.warning[b-2md3lf12mu] {
    border-color: color-mix(in srgb, var(--warning, #ffc107) 36%, var(--border-default));
    background: color-mix(in srgb, var(--warning, #ffc107) 12%, var(--surface-1));
}

.ur-metric.warning strong[b-2md3lf12mu] {
    color: var(--text-primary);
}

.ur-pill[b-2md3lf12mu] {
    display: inline-flex;
    align-items: center;
    min-height: 1.85rem;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--border-default);
    background: var(--surface-1);
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.ur-pill-warning[b-2md3lf12mu] {
    color: var(--text-primary);
    border-color: color-mix(in srgb, var(--warning, #ffc107) 36%, var(--border-default));
    background: color-mix(in srgb, var(--warning, #ffc107) 14%, transparent);
}

.ur-pill-success[b-2md3lf12mu] {
    color: var(--success-text, #0f5132);
    border-color: color-mix(in srgb, var(--success, #198754) 32%, var(--border-default));
    background: color-mix(in srgb, var(--success, #198754) 12%, transparent);
}

.ur-table-wrap[b-2md3lf12mu] {
    margin: 0 -1.1rem -1rem;
    overflow: hidden;
    border-top: 1px solid var(--border-default);
}

.ur-table[b-2md3lf12mu] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.ur-table thead th[b-2md3lf12mu] {
    padding: 0.75rem 0.9rem;
    background: var(--surface-1);
    border-bottom: 1px solid var(--border-default);
    color: var(--text-tertiary);
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: left;
    white-space: nowrap;
}

.ur-table thead th.text-end[b-2md3lf12mu] {
    text-align: right;
}

.ur-table thead th.text-center[b-2md3lf12mu] {
    text-align: center;
}

.ur-col-pick[b-2md3lf12mu] {
    width: 4.5rem;
}

.ur-table tbody tr[b-2md3lf12mu] {
    border-top: 1px solid var(--border-default);
}

.ur-table tbody tr:first-child[b-2md3lf12mu] {
    border-top: none;
}

.ur-table tbody tr:hover[b-2md3lf12mu] {
    background: color-mix(in srgb, var(--accent-primary) 6%, transparent);
}

.ur-table td[b-2md3lf12mu] {
    padding: 0.75rem 0.9rem;
    color: var(--text-primary);
    vertical-align: middle;
}

.ur-table.ur-table-compact td[b-2md3lf12mu],
.ur-table.ur-table-compact thead th[b-2md3lf12mu] {
    padding: 0.55rem 0.7rem;
}

.ur-subtext[b-2md3lf12mu] {
    margin-top: 0.15rem;
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.ur-franchise[b-2md3lf12mu] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.ur-franchise-logo[b-2md3lf12mu] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--border-default);
}

.ur-pick-badge[b-2md3lf12mu],
.ur-position-badge[b-2md3lf12mu],
.ur-status-badge[b-2md3lf12mu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    border: 1px solid transparent;
    background: var(--surface-1);
    color: var(--text-tertiary);
}

.ur-pick-badge[b-2md3lf12mu] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--text-tertiary) 12%, var(--surface-1));
    border-color: var(--border-default);
}

.ur-position-badge[b-2md3lf12mu] {
    min-width: 2.3rem;
    letter-spacing: 0.04em;
}

.ur-position-badge.pos-qb[b-2md3lf12mu] {
    color: var(--danger-text, #842029);
    background: color-mix(in srgb, var(--danger, #dc3545) 12%, transparent);
    border-color: color-mix(in srgb, var(--danger, #dc3545) 30%, var(--border-default));
}

.ur-position-badge.pos-rb[b-2md3lf12mu] {
    color: var(--success-text, #0f5132);
    background: color-mix(in srgb, var(--success, #198754) 12%, transparent);
    border-color: color-mix(in srgb, var(--success, #198754) 30%, var(--border-default));
}

.ur-position-badge.pos-wr[b-2md3lf12mu] {
    color: var(--accent-primary);
    background: color-mix(in srgb, var(--accent-primary) 12%, transparent);
    border-color: color-mix(in srgb, var(--accent-primary) 30%, var(--border-default));
}

.ur-position-badge.pos-te[b-2md3lf12mu] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--accent-secondary, var(--accent-primary)) 14%, transparent);
    border-color: color-mix(in srgb, var(--accent-secondary, var(--accent-primary)) 30%, var(--border-default));
}

.ur-position-badge.pos-other[b-2md3lf12mu] {
    color: var(--text-tertiary);
    background: var(--surface-1);
    border-color: var(--border-default);
}

.ur-status-badge.ur-status-active[b-2md3lf12mu] {
    color: var(--success-text, #0f5132);
    background: color-mix(in srgb, var(--success, #198754) 12%, transparent);
    border-color: color-mix(in srgb, var(--success, #198754) 30%, var(--border-default));
}

.ur-status-badge.ur-status-taxi[b-2md3lf12mu] {
    color: var(--accent-primary);
    background: color-mix(in srgb, var(--accent-primary) 12%, transparent);
    border-color: color-mix(in srgb, var(--accent-primary) 30%, var(--border-default));
}

.ur-sign-btn[b-2md3lf12mu] {
    min-height: 2rem;
}

.ur-empty-state[b-2md3lf12mu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 3rem 1rem;
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    background: var(--surface-1);
    color: var(--text-tertiary);
    text-align: center;
}

.ur-empty-state i[b-2md3lf12mu] {
    font-size: 2.6rem;
    color: var(--success-text, #0f5132);
}

.ur-empty-state h3[b-2md3lf12mu] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.2rem;
}

.ur-empty-state p[b-2md3lf12mu] {
    margin: 0;
    max-width: 50ch;
}

.ur-modal[b-2md3lf12mu] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.ur-modal-backdrop[b-2md3lf12mu] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
}

.ur-modal-dialog[b-2md3lf12mu] {
    position: relative;
    width: 100%;
    max-width: 560px;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid var(--border-default);
    background: var(--surface-panel, var(--surface-2));
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.32);
    overflow: hidden;
}

.ur-modal-header[b-2md3lf12mu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--border-default);
    background: color-mix(in srgb, var(--accent-primary) 10%, var(--surface-panel, var(--surface-2)));
}

.ur-modal-header h3[b-2md3lf12mu] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.15rem;
}

.ur-modal-body[b-2md3lf12mu] {
    padding: 1rem 1.2rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ur-field[b-2md3lf12mu] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
}

.ur-field > span[b-2md3lf12mu] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
    font-weight: 700;
}

.ur-field small[b-2md3lf12mu] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.ur-checkbox[b-2md3lf12mu] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--text-primary);
    font-weight: 650;
}

.ur-checkbox input[b-2md3lf12mu] {
    margin: 0;
}

.ur-info-banner[b-2md3lf12mu] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 0.75rem 0.9rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 22%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary) 8%, transparent);
}

.ur-info-banner i[b-2md3lf12mu] {
    color: var(--accent-primary);
    margin-top: 0.2rem;
}

.ur-info-banner p[b-2md3lf12mu] {
    margin: 0;
    color: var(--text-primary);
    line-height: 1.55;
}

.ur-modal-footer[b-2md3lf12mu] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.85rem 1.2rem;
    border-top: 1px solid var(--border-default);
    background: var(--surface-1);
}

@media (max-width: 1180px) {
    .ur-hero[b-2md3lf12mu] {
        grid-template-columns: 1fr;
    }

    .ur-metrics[b-2md3lf12mu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .ur-hero[b-2md3lf12mu],
    .ur-panel[b-2md3lf12mu] {
        padding: 0.85rem;
    }

    .ur-hero-controls[b-2md3lf12mu] {
        grid-template-columns: 1fr;
    }

    .ur-metrics[b-2md3lf12mu] {
        grid-template-columns: 1fr;
    }

    .ur-panel-heading[b-2md3lf12mu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ur-table-wrap[b-2md3lf12mu] {
        margin: 0 -0.85rem -0.85rem;
    }
}
/* /Components/Admin/Users.razor.rz.scp.css */
.user-avatar .avatar-placeholder[b-7yq4bqmbyk] {
    width: 32px;
    height: 32px;
    background-color: var(--surface-4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
}

.table td[b-7yq4bqmbyk] {
    vertical-align: middle;
}

.btn-group .btn[b-7yq4bqmbyk] {
    border-radius: 0.25rem;
    margin-right: 2px;
}

.btn-group .btn:last-child[b-7yq4bqmbyk] {
    margin-right: 0;
}
/* /Components/Anniversary/AchievementBadge.razor.rz.scp.css */
/* Achievement Badge Component */

.achievement-badge[b-frsjyg0eim] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 8px;
    background: var(--surface-3);
    border: 1px solid var(--border-default);
    transition: all 0.2s ease;
}

.achievement-badge:hover[b-frsjyg0eim] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.badge-icon[b-frsjyg0eim] {
    font-size: 1.25rem;
}

.badge-content[b-frsjyg0eim] {
    display: flex;
    flex-direction: column;
}

.badge-name[b-frsjyg0eim] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-primary, #1c1917);
    line-height: 1.2;
}

.badge-context[b-frsjyg0eim] {
    font-size: 0.7rem;
    color: var(--text-secondary, #57534e);
}

.badge-tier[b-frsjyg0eim] {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    margin-left: 0.25rem;
}

/* Tier Styling */
.tier-bronze[b-frsjyg0eim] {
    background: rgba(205, 127, 50, 0.1);
    border-color: rgba(205, 127, 50, 0.25);
}

.tier-bronze .badge-tier[b-frsjyg0eim] {
    background: #cd7f32;
    color: white;
}

.tier-silver[b-frsjyg0eim] {
    background: rgba(168, 162, 158, 0.15);
    border-color: rgba(168, 162, 158, 0.3);
}

.tier-silver .badge-tier[b-frsjyg0eim] {
    background: #a8a8a8;
    color: white;
}

.tier-gold[b-frsjyg0eim] {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.25);
}

.tier-gold .badge-tier[b-frsjyg0eim] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
}

.tier-diamond[b-frsjyg0eim] {
    background: rgba(16, 185, 129, 0.1);
    border-color: rgba(16, 185, 129, 0.25);
}

.tier-diamond .badge-tier[b-frsjyg0eim] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
}

.tier-dynasty[b-frsjyg0eim] {
    background: rgba(147, 51, 234, 0.1);
    border-color: rgba(147, 51, 234, 0.25);
    box-shadow: 0 0 12px rgba(147, 51, 234, 0.15);
}

.tier-dynasty .badge-tier[b-frsjyg0eim] {
    background: linear-gradient(135deg, #9333ea 0%, #7c3aed 100%);
    color: white;
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
/* ============================================================================
   LOGIN LAYOUT
   Focused auth surface: brand, access, account recovery, appearance.
   ============================================================================ */

.login-page[b-3lg2f7eirc] {
    --auth-ink: #101417;
    --auth-muted: rgba(16, 20, 23, 0.56);
    --auth-soft: rgba(16, 20, 23, 0.38);
    --auth-line: rgba(16, 20, 23, 0.12);
    --auth-line-strong: rgba(16, 20, 23, 0.22);
    --auth-paper: rgba(255, 255, 255, 0.78);
    --auth-paper-solid: #ffffff;
    --auth-cyan: #18bce8;
    --auth-cyan-deep: #057fa7;
    --auth-gold: var(--brand-gold, #d6b463);
    --auth-display: var(--font-display, 'Space Grotesk', system-ui, sans-serif);
    --auth-copy: var(--font-body, 'DM Sans', system-ui, sans-serif);
    --brand-wordmark: #111719;
    --brand-wordmark-accent: #12aeda;
    --brand-tagline: rgba(16, 20, 23, 0.5);

    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    min-height: 100vh;
    min-height: 100dvh;
    padding: clamp(1rem, 4vw, 3rem);
    overflow: hidden;
    color: var(--auth-ink);
    background:
        radial-gradient(circle at 20% 10%, rgba(24, 188, 232, 0.075), transparent 27rem),
        radial-gradient(circle at 84% 90%, rgba(214, 180, 99, 0.035), transparent 30rem),
        linear-gradient(135deg, #f2f6f7 0%, #ffffff 52%, #eef3f4 100%);
}

.login-page[b-3lg2f7eirc]::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(16, 20, 23, 0.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 20, 23, 0.026) 1px, transparent 1px);
    background-size: 4.75rem 4.75rem;
    mask-image: radial-gradient(circle at center, black 0%, black 48%, transparent 82%);
}

.login-atmosphere[b-3lg2f7eirc] {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.login-light[b-3lg2f7eirc] {
    position: absolute;
    width: 34rem;
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(72px);
    opacity: 0.18;
}

.login-light-primary[b-3lg2f7eirc] {
    top: -18rem;
    right: 12%;
    background: rgba(24, 188, 232, 0.72);
}

.login-light-secondary[b-3lg2f7eirc] {
    left: -17rem;
    bottom: -18rem;
    background: rgba(214, 180, 99, 0.68);
}

.login-field-line[b-3lg2f7eirc] {
    position: absolute;
    top: 14%;
    left: 50%;
    width: min(36rem, 58vw);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(16, 20, 23, 0.14), transparent);
    transform: translateX(-50%);
}

.login-shell[b-3lg2f7eirc] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: clamp(1rem, 2.4vw, 1.5rem);
    width: min(100%, 33rem);
    padding: clamp(1rem, 2.8vw, 1.35rem);
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.46);
    box-shadow:
        0 42px 110px rgba(16, 20, 23, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(26px) saturate(1.08);
    -webkit-backdrop-filter: blur(26px) saturate(1.08);
}

.login-brand-row[b-3lg2f7eirc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
    padding: 0.35rem 0.35rem 0;
}

[b-3lg2f7eirc] .login-brand-logo {
    --logo-word-size: 1.34rem;
    --logo-tag-size: 0.46rem;
    --logo-gap: 0.7rem;
    --logo-wordmark-shadow: none;
    --logo-mark-filter: drop-shadow(0 10px 18px rgba(214, 180, 99, 0.16));
}

[b-3lg2f7eirc] .login-brand-logo .dynasty-tagline {
    display: none;
}

[b-3lg2f7eirc] .login-brand-row .theme-toggle-btn {
    min-height: 2.55rem !important;
    padding-inline: 0.75rem !important;
    border-color: rgba(16, 20, 23, 0.1) !important;
    background: rgba(255, 255, 255, 0.66) !important;
    color: rgba(16, 20, 23, 0.62) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 10px 22px rgba(16, 20, 23, 0.06) !important;
}

[b-3lg2f7eirc] .login-brand-row .theme-toggle-btn:hover {
    border-color: rgba(24, 188, 232, 0.34) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: var(--auth-ink) !important;
}

[b-3lg2f7eirc] .login-brand-row .theme-name {
    display: none !important;
}

[b-3lg2f7eirc] .login-brand-row .theme-dropdown {
    border-color: rgba(16, 20, 23, 0.1) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.8)),
        #fbfcfc !important;
    box-shadow: 0 28px 72px rgba(16, 20, 23, 0.16) !important;
}

[b-3lg2f7eirc] .login-brand-row .theme-option {
    color: rgba(16, 20, 23, 0.62) !important;
}

[b-3lg2f7eirc] .login-brand-row .theme-option:hover,
[b-3lg2f7eirc] .login-brand-row .theme-option.active {
    background: rgba(24, 188, 232, 0.12) !important;
    color: var(--auth-ink) !important;
    border-color: rgba(24, 188, 232, 0.22) !important;
}

[b-3lg2f7eirc] .login-brand-row .theme-section-label {
    color: rgba(16, 20, 23, 0.45) !important;
}

[b-3lg2f7eirc] .login-brand-row .theme-section-divider {
    background: rgba(16, 20, 23, 0.08) !important;
}

.login-form-container[b-3lg2f7eirc] {
    position: relative;
    width: 100%;
    padding: clamp(1.35rem, 3.2vw, 2.1rem);
    border: 1px solid rgba(16, 20, 23, 0.1);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.62)),
        var(--auth-paper);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 24px 64px rgba(16, 20, 23, 0.12);
    backdrop-filter: blur(24px) saturate(1.08);
    -webkit-backdrop-filter: blur(24px) saturate(1.08);
}

.login-form-container > *[b-3lg2f7eirc] {
    position: relative;
    z-index: 1;
}

[b-3lg2f7eirc] .login-form-container .row {
    --bs-gutter-x: 0;
    margin-inline: 0;
}

[b-3lg2f7eirc] .login-form-container [class*="col-md"] {
    width: 100%;
    max-width: 100%;
    padding-inline: 0;
}

[b-3lg2f7eirc] .login-header {
    margin-bottom: 1.35rem;
}

[b-3lg2f7eirc] .login-header h1,
[b-3lg2f7eirc] .login-form-container > h1,
[b-3lg2f7eirc] .login-form-container header h1 {
    margin: 0;
    color: var(--auth-ink);
    font-family: var(--auth-display);
    font-size: clamp(2.35rem, 6vw, 3.35rem);
    font-weight: 830;
    line-height: 0.96;
}

[b-3lg2f7eirc] .login-header p,
[b-3lg2f7eirc] .login-form-container > h2,
[b-3lg2f7eirc] .login-form-container header p {
    margin: 0.55rem 0 0;
    color: var(--auth-muted);
    font-family: var(--auth-copy);
    font-size: 0.98rem;
    font-weight: 680;
}

[b-3lg2f7eirc] .login-card,
[b-3lg2f7eirc] .auth-form {
    display: grid;
    gap: 1.05rem;
}

[b-3lg2f7eirc] .auth-field {
    display: grid;
    gap: 0.5rem;
}

[b-3lg2f7eirc] .auth-lede {
    margin: 0 0 1rem;
    color: rgba(16, 20, 23, 0.62);
    font-size: 0.95rem;
    line-height: 1.55;
}

[b-3lg2f7eirc] .login-form-container .alert {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin: 0 0 1rem;
    padding: 0.82rem 0.95rem;
    border-radius: 11px;
    font-family: var(--auth-copy);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.45;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.74),
        0 14px 32px rgba(16, 20, 23, 0.08);
}

[b-3lg2f7eirc] .login-form-container .alert::before {
    content: '!';
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 850;
}

[b-3lg2f7eirc] .login-form-container .alert-danger {
    border: 1px solid rgba(203, 71, 88, 0.24);
    background: rgba(203, 71, 88, 0.075);
    color: #8e2635;
}

[b-3lg2f7eirc] .login-form-container .alert-danger::before {
    background: rgba(203, 71, 88, 0.14);
    color: #b43649;
}

[b-3lg2f7eirc] .login-form-container .alert-success {
    border: 1px solid rgba(43, 168, 105, 0.24);
    background: rgba(43, 168, 105, 0.075);
    color: #176f45;
}

[b-3lg2f7eirc] .login-form-container .alert-success::before {
    content: '✓';
    background: rgba(43, 168, 105, 0.14);
    color: #1d8a55;
}

[b-3lg2f7eirc] .form-label {
    margin: 0;
    color: rgba(16, 20, 23, 0.55);
    font-family: var(--auth-copy);
    font-size: 0.74rem;
    font-weight: 760;
    text-transform: uppercase;
}

[b-3lg2f7eirc] .auth-input-shell {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 3.35rem;
}

[b-3lg2f7eirc] .auth-input-shell i,
[b-3lg2f7eirc] .auth-input-shell .svg-inline--fa {
    position: absolute;
    left: 1rem;
    z-index: 2;
    color: rgba(24, 188, 232, 0.74);
    font-size: 1rem;
    transition: color 160ms ease;
}

[b-3lg2f7eirc] .auth-input-shell:focus-within i,
[b-3lg2f7eirc] .auth-input-shell:focus-within .svg-inline--fa {
    color: var(--auth-cyan);
}

[b-3lg2f7eirc] .auth-input-shell .form-control {
    padding-left: 3rem !important;
}

[b-3lg2f7eirc] .form-control,
[b-3lg2f7eirc] .form-control-lg {
    width: 100%;
    min-height: 3.35rem;
    border: 1px solid rgba(16, 20, 23, 0.12) !important;
    border-radius: 11px !important;
    background: rgba(255, 255, 255, 0.7) !important;
    color: var(--auth-ink) !important;
    font-family: var(--auth-copy);
    font-size: 1rem;
    font-weight: 650;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 12px 26px rgba(16, 20, 23, 0.055) !important;
    caret-color: var(--auth-cyan);
}

[b-3lg2f7eirc] input.form-control:-webkit-autofill,
[b-3lg2f7eirc] input.form-control:-webkit-autofill:hover,
[b-3lg2f7eirc] input.form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--auth-ink);
    box-shadow:
        0 0 0 1000px rgba(255, 255, 255, 0.88) inset,
        0 12px 26px rgba(16, 20, 23, 0.055) !important;
    transition: background-color 9999s ease-in-out 0s;
}

[b-3lg2f7eirc] .form-control:focus,
[b-3lg2f7eirc] .form-control-lg:focus {
    border-color: rgba(24, 188, 232, 0.7) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow:
        0 0 0 3px rgba(24, 188, 232, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

[b-3lg2f7eirc] .form-control::placeholder,
[b-3lg2f7eirc] .form-control-lg::placeholder {
    color: rgba(16, 20, 23, 0.34) !important;
}

[b-3lg2f7eirc] .form-floating > .form-control {
    padding-left: 1rem !important;
}

[b-3lg2f7eirc] .login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    margin-top: 0.15rem;
}

[b-3lg2f7eirc] .remember-option {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    color: rgba(16, 20, 23, 0.62);
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
}

[b-3lg2f7eirc] .form-check-input {
    width: 1.15rem;
    height: 1.15rem;
    margin: 0;
    border: 1px solid rgba(16, 20, 23, 0.24);
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.72);
}

[b-3lg2f7eirc] .form-check-input:focus {
    border-color: var(--auth-cyan);
    box-shadow: 0 0 0 3px rgba(24, 188, 232, 0.16);
}

[b-3lg2f7eirc] .form-check-input:checked {
    border-color: var(--auth-cyan);
    background-color: var(--auth-cyan);
}

[b-3lg2f7eirc] .login-secondary-link,
[b-3lg2f7eirc] .login-support a,
[b-3lg2f7eirc] .auth-back-link {
    color: var(--auth-cyan-deep);
    font-weight: 780;
    text-decoration: none;
}

[b-3lg2f7eirc] .login-secondary-link:hover,
[b-3lg2f7eirc] .login-support a:hover,
[b-3lg2f7eirc] .auth-back-link:hover {
    color: var(--auth-ink);
}

[b-3lg2f7eirc] .btn.btn-primary {
    min-height: 3.35rem;
    border: 1px solid rgba(16, 20, 23, 0.9) !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, #101719, #172126) !important;
    color: #ffffff !important;
    font-family: var(--auth-display);
    font-size: 0.95rem;
    font-weight: 830;
    box-shadow:
        0 18px 38px rgba(16, 20, 23, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.13) !important;
    text-transform: none;
    transition:
        transform 160ms ease,
        box-shadow 160ms ease,
        filter 160ms ease;
}

[b-3lg2f7eirc] .btn.btn-primary:hover,
[b-3lg2f7eirc] .btn.btn-primary:focus-visible {
    color: #ffffff !important;
    filter: saturate(1.05) brightness(1.02);
    transform: translateY(-1px);
    box-shadow:
        0 23px 50px rgba(16, 20, 23, 0.24),
        0 0 0 3px rgba(24, 188, 232, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

[b-3lg2f7eirc] .login-support,
[b-3lg2f7eirc] .auth-back-link {
    color: rgba(16, 20, 23, 0.5);
    font-size: 0.92rem;
    line-height: 1.5;
    text-align: center;
}

[b-3lg2f7eirc] .auth-message,
[b-3lg2f7eirc] .auth-alt-panel,
[b-3lg2f7eirc] .validation-summary-errors {
    border: 1px solid rgba(16, 20, 23, 0.1);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.62);
    color: rgba(16, 20, 23, 0.72);
}

[b-3lg2f7eirc] .auth-message {
    display: grid;
    gap: 0.4rem;
    margin-bottom: 1rem;
    padding: 1rem;
    text-align: left;
}

[b-3lg2f7eirc] .auth-message.success {
    border-color: rgba(87, 214, 151, 0.36);
    background: rgba(87, 214, 151, 0.1);
}

[b-3lg2f7eirc] .auth-message.warning {
    border-color: rgba(214, 180, 99, 0.4);
    background: rgba(214, 180, 99, 0.1);
}

[b-3lg2f7eirc] .auth-alt-panel {
    margin-top: 1rem;
    padding: 1rem;
}

[b-3lg2f7eirc] .auth-alt-panel h2,
[b-3lg2f7eirc] .auth-alt-panel h3 {
    color: var(--auth-ink);
    font-family: var(--auth-display);
    font-size: 1rem;
}

[b-3lg2f7eirc] .auth-alt-panel p,
[b-3lg2f7eirc] .validation-message,
[b-3lg2f7eirc] .text-danger {
    color: #d94b60 !important;
}

[b-3lg2f7eirc] .validation-summary-errors {
    padding: 0.85rem 1rem;
}

[b-3lg2f7eirc] .validation-summary-errors ul {
    margin: 0;
    padding-left: 1.1rem;
}

@media (max-width: 720px) {
    .login-page[b-3lg2f7eirc] {
        display: block;
        padding: 0;
        overflow: auto;
    }

    .login-page[b-3lg2f7eirc]::before,
    .login-field-line[b-3lg2f7eirc] {
        display: none;
    }

    .login-shell[b-3lg2f7eirc] {
        width: 100%;
        min-height: 100dvh;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: rgba(255, 255, 255, 0.42);
    }

    .login-brand-row[b-3lg2f7eirc] {
        padding-inline: 0.1rem;
    }

    [b-3lg2f7eirc] .login-brand-logo {
        --logo-mark-size: 2.25rem;
        --logo-word-size: 1.14rem;
        --logo-gap: 0.55rem;
    }

    .login-form-container[b-3lg2f7eirc] {
        align-self: center;
        padding: clamp(1.1rem, 5vw, 1.45rem);
        border-radius: 15px;
    }

    [b-3lg2f7eirc] .login-header h1,
    [b-3lg2f7eirc] .login-form-container > h1,
    [b-3lg2f7eirc] .login-form-container header h1 {
        font-size: clamp(2.2rem, 12vw, 2.8rem);
    }

    [b-3lg2f7eirc] .login-options {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-3lg2f7eirc] .login-secondary-link {
        align-self: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-3lg2f7eirc] .btn.btn-primary,
    [b-3lg2f7eirc] .auth-input-shell i,
    [b-3lg2f7eirc] .auth-input-shell .svg-inline--fa {
        transition: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/*.page {*/
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/

/*main {*/
/*    flex: 1;*/
/*    background-color: #363d47;*/
/*}*/

/*.top-row {*/
/*    background-color: #f7f7f7;*/
/*    border-bottom: 1px solid #d6d5d5;*/
/*    justify-content: flex-start;*/
/*    height: 3.5rem;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*    .top-row ::deep a, .top-row ::deep .btn-link {*/
/*        white-space: nowrap;*/
/*        margin-left: 1.5rem;*/
/*        text-decoration: none;*/
/*    }*/

/*    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {*/
/*        text-decoration: underline;*/
/*    }*/

/*    .top-row ::deep a:first-child {*/
/*        overflow: hidden;*/
/*        text-overflow: ellipsis;*/
/*    }*/

/*@media (max-width: 640.98px) {*/
/*    .top-row {*/
/*        justify-content: space-between;*/
/*    }*/

/*    .top-row ::deep a, .top-row ::deep .btn-link {*/
/*        margin-left: 0;*/
/*    }*/
/*}*/

/*@media (min-width: 641px) {*/
/*    .page {*/
/*        flex-direction: row;*/
/*    }*/

/*    main { margin-left: 250px; }*/
/*    */
/*    .sidebar {*/
/*        width: 250px;*/
/*        height: 100vh;*/
/*        position: sticky;*/
/*        position: fixed;*/
/*        top: 0;*/
/*    }*/

/*    .top-row {*/
/*        position: sticky;*/
/*        top: 0;*/
/*        z-index: 1;*/
/*    }*/

/*    .top-row.auth ::deep a:first-child {*/
/*        flex: 1;*/
/*        text-align: right;*/
/*        width: 0;*/
/*    }*/

/*    .top-row, article {*/
/*        padding-left: 2rem !important;*/
/*        padding-right: 1.5rem !important;*/
/*    }*/
/*}*/

/*#blazor-error-ui {*/
/*    background: lightyellow;*/
/*    bottom: 0;*/
/*    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);*/
/*    display: none;*/
/*    left: 0;*/
/*    padding: 0.6rem 1.25rem 0.7rem 1.25rem;*/
/*    position: fixed;*/
/*    width: 100%;*/
/*    z-index: 1000;*/
/*}*/

/*    #blazor-error-ui .dismiss {*/
/*        cursor: pointer;*/
/*        position: absolute;*/
/*        right: 0.75rem;*/
/*        top: 0.5rem;*/
/*    }*/
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* --- Auctions submenu group ---
   Structural-only. Layout-specific expand/collapse behavior (sidebar vs
   top-nav) lives in themes.css under the [data-layout] blocks, since that
   attribute sits on <html> outside this component's scope. */
.nav-group[b-vfx96l2xmr] {
    display: flex;
    flex-direction: column;
}

.nav-submenu[b-vfx96l2xmr] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-submenu li[b-vfx96l2xmr] {
    margin: 0;
    padding: 0;
}

/*.navbar-toggler {*/
/*    appearance: none;*/
/*    cursor: pointer;*/
/*    width: 3.5rem;*/
/*    height: 2.5rem;*/
/*    color: var(--color-darkest-blue);*/
/*    position: absolute;*/
/*    top: 0.5rem;*/
/*    right: 1rem;*/
/*    border-radius: 10px;*/
/*    border: 1px solid rgba(0,0,0,0.1);*/
/*    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);*/
/*}*/

/*.navbar-toggler:checked {*/
/*    background-color: rgba(255, 255, 255, 0.5);*/
/*}*/

/*.top-row {*/
/*    !*height: 3.5rem;*!*/
/*    !*background-color: rgba(0,0,0,0.4);*!*/
/*}*/

/*.navbar-brand {*/
/*    font-size: 1.1rem;*/
/*}*/

/*!*.bi {*!*/
/*!*    display: inline-block;*!*/
/*!*    position: relative;*!*/
/*!*    width: 1.25rem;*!*/
/*!*    height: 1.25rem;*!*/
/*!*    margin-right: 0.75rem;*!*/
/*!*    top: -1px;*!*/
/*!*    background-size: cover;*!*/
/*!*}*!*/

/*.bi, .icon { */
/*    margin-right: 1em;*/
/*    height: 1.25rem;*/
/*    font-size: 1.25rem;*/
/*    display: inline-block;*/
/*}*/

/*.bi-house-door-fill-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-plus-square-fill-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-list-nested-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-lock-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-person-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-person-badge-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-person-fill-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");*/
/*}*/

/*.bi-arrow-bar-left-nav-menu {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");*/
/*}*/

/*.nav-item {*/
/*    font-size: 0.9rem;*/
/*    padding-bottom: 0.5rem;*/
/*}*/

/*    .nav-item:first-of-type {*/
/*        padding-top: 1rem;*/
/*    }*/

/*    .nav-item:last-of-type {*/
/*        padding-bottom: 1rem;*/
/*    }*/

/*    .nav-item ::deep .nav-link {*/
/*        color: var(--color-darkest-blue);*/
/*        background: none;*/
/*        border: none;*/
/*        border-radius: 4px;*/
/*        height: 3rem;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        line-height: 3rem;*/
/*        width: 100%;*/
/*        padding-left: 48px;*/
/*    }*/

/*.nav-item ::deep a.active {*/
/*    background-color: var(--color-darkest-blue);*/
/*    color: var(--color-light-blue);*/
/*}*/

/*.nav-item ::deep .nav-link:hover {*/
/*    background-color: var(--color-light-blue);*/
/*    color: var(--color-darkest-blue);*/
/*}*/

/*.nav-scrollable {*/
/*    display: none;*/
/*}*/

/*.navbar-toggler:checked ~ .nav-scrollable {*/
/*    display: block;*/
/*}*/

/*@media (min-width: 641px) {*/
/*    .navbar-toggler {*/
/*        display: none;*/
/*    }*/

/*    .nav-scrollable {*/
/*        !* Never collapse the sidebar for wide screens *!*/
/*        display: block;*/

/*        !* Allow sidebar to scroll for tall menus *!*/
/*        height: calc(100vh - 3.5rem);*/
/*        overflow-y: auto;*/
/*    }*/
/*    */
/*}*/

/*@media (max-width: 640px) {*/
/*    .navbar-brand img { height: 50px !important; width: auto !important; }*/
/*}*/
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   PublicLayout.razor — scoped styles for the anonymous, crawlable public shell.
   Tokens only — no hardcoded colors so it follows the fixed obsidian theme.
   ═══════════════════════════════════════════════════════════════════════════════ */

.public-shell[b-q1tgzll723] {
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    background: var(--surface-canvas);
    color: var(--text-primary);
}

/* Header */
.public-header[b-q1tgzll723] {
    border-bottom: 1px solid var(--line-default);
    background: color-mix(in srgb, var(--surface-module) 82%, transparent);
    backdrop-filter: blur(16px) saturate(1.1);
    -webkit-backdrop-filter: blur(16px) saturate(1.1);
    position: sticky;
    top: 0;
    z-index: 50;
}

.public-header-inner[b-q1tgzll723] {
    max-width: 1000px;
    margin: 0 auto;
    padding: var(--spacing-md) var(--spacing-lg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md);
}

.public-brand[b-q1tgzll723] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.public-nav[b-q1tgzll723] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.public-nav-link[b-q1tgzll723] {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: var(--text-sm);
    font-weight: 600;
    transition: color var(--duration-fast) var(--ease-out);
}

.public-nav-link:hover[b-q1tgzll723] {
    color: var(--text-primary);
}

.public-nav-cta[b-q1tgzll723] {
    color: var(--surface-0);
    background: var(--accent-primary);
    text-decoration: none;
    font-size: var(--text-sm);
    font-weight: 700;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--control-radius);
    transition: background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);
}

.public-nav-cta:hover[b-q1tgzll723] {
    background: var(--accent-primary-hover);
    transform: translateY(-1px);
}

/* Main */
.public-main[b-q1tgzll723] {
    flex: 1 1 auto;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-2xl);
}

/* Footer */
.public-footer[b-q1tgzll723] {
    border-top: 1px solid var(--line-default);
    background: color-mix(in srgb, var(--surface-module) 70%, transparent);
    margin-top: auto;
}

.public-footer-inner[b-q1tgzll723] {
    max-width: 1000px;
    margin: 0 auto;
    padding: var(--spacing-lg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md);
    flex-wrap: wrap;
}

.public-footer-copy[b-q1tgzll723] {
    color: var(--text-tertiary);
    font-size: var(--text-xs);
}

.public-footer-links[b-q1tgzll723] {
    display: flex;
    gap: var(--spacing-md);
    flex-wrap: wrap;
}

.public-footer-links a[b-q1tgzll723] {
    color: var(--text-tertiary);
    text-decoration: none;
    font-size: var(--text-xs);
    transition: color var(--duration-fast) var(--ease-out);
}

.public-footer-links a:hover[b-q1tgzll723] {
    color: var(--text-primary);
}

@media (max-width: 640px) {
    .public-header-inner[b-q1tgzll723],
    .public-main[b-q1tgzll723] {
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md);
    }

    .public-nav-link[b-q1tgzll723] {
        display: none;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
/* About Page Styles */

/* Hero section styling */
.bg-primary.bg-gradient[b-m38lac6vc3] {
    background: linear-gradient(135deg, var(--bs-primary) 0%, var(--accent-secondary) 100%) !important;
}

/* Feature icons */
.rounded-circle.bg-primary[b-m38lac6vc3] {
    box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3);
    transition: transform 0.2s;
}

.rounded-circle.bg-primary:hover[b-m38lac6vc3] {
    transform: scale(1.1);
}

/* Stats cards */
.card-body.text-center h3[b-m38lac6vc3] {
    font-weight: 700;
}

/* Section cards */
.card[b-m38lac6vc3] {
    transition: box-shadow 0.2s;
}

.card:hover[b-m38lac6vc3] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Feature list styling */
.d-flex.mb-4:hover .rounded-circle[b-m38lac6vc3] {
    transform: scale(1.05);
}

/* Back to home button */
.btn-outline-primary:hover[b-m38lac6vc3] {
    transform: translateX(-5px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .bg-primary.bg-gradient h1[b-m38lac6vc3] {
        font-size: 1.75rem;
    }

    .lead[b-m38lac6vc3] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Anniversary/RingOfHonor.razor.rz.scp.css */
/* Ring of Honor — theme-aware trophy hall, driven entirely by design tokens. */

.ring-of-honor[b-48mgxf2kzm] {
    color: var(--text-primary);
}

/* ---- Hero ---- */
.hero-section[b-48mgxf2kzm] {
    position: relative;
    overflow: hidden;
    padding: clamp(3rem, 6vw, 4.5rem) 2rem;
    text-align: center;
    border: 1px solid color-mix(in srgb, var(--accent-secondary) 26%, var(--border-default));
    border-radius: var(--panel-radius, var(--radius-lg));
    background:
        radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--accent-secondary) 22%, transparent), transparent 55%),
        linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 5%, transparent), transparent 14rem),
        var(--surface-panel, var(--surface-1));
    box-shadow: var(--shadow-premium, var(--shadow-lg));
}

.hero-section[b-48mgxf2kzm]::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(color-mix(in srgb, var(--text-primary) 6%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--text-primary) 6%, transparent) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: radial-gradient(circle at 50% 0%, black, transparent 70%);
    opacity: 0.3;
}

.hero-content[b-48mgxf2kzm] {
    position: relative;
    z-index: 1;
    max-width: 820px;
    margin: 0 auto;
}

.trophy-display[b-48mgxf2kzm] {
    font-size: clamp(3.5rem, 8vw, 5rem);
    margin-bottom: 1rem;
    animation: trophy-float-b-48mgxf2kzm 3s ease-in-out infinite;
    filter: drop-shadow(0 0 30px color-mix(in srgb, var(--accent-secondary) 45%, transparent));
}

@keyframes trophy-float-b-48mgxf2kzm {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.hero-title[b-48mgxf2kzm] {
    font-family: var(--font-display);
    font-size: clamp(2.4rem, 6vw, 3.5rem);
    font-weight: 820;
    letter-spacing: -0.01em;
    color: var(--accent-secondary);
    margin: 0 0 0.5rem 0;
    text-shadow: 0 2px 28px color-mix(in srgb, var(--accent-secondary) 30%, transparent);
}

.hero-subtitle[b-48mgxf2kzm] {
    font-family: var(--font-body);
    font-size: var(--text-lg, 1.2rem);
    color: var(--text-secondary);
    margin: 0 0 2rem 0;
}

.hero-stats[b-48mgxf2kzm] {
    display: flex;
    justify-content: center;
    gap: clamp(1.5rem, 5vw, 3rem);
    flex-wrap: wrap;
}

.hero-stat[b-48mgxf2kzm] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-stat .stat-number[b-48mgxf2kzm] {
    font-family: var(--font-display);
    font-size: clamp(1.9rem, 4vw, 2.5rem);
    font-weight: 800;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.hero-stat .stat-label[b-48mgxf2kzm] {
    font-size: var(--text-xs, 0.8rem);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* ---- Loading ---- */
.loading-state[b-48mgxf2kzm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(var(--density-empty-state-pad) * 1.33);
    color: var(--text-tertiary);
}

.loading-state .spinner[b-48mgxf2kzm] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-default);
    border-top-color: var(--accent-secondary);
    border-radius: 50%;
    animation: roh-spin-b-48mgxf2kzm 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes roh-spin-b-48mgxf2kzm {
    to { transform: rotate(360deg); }
}

/* ---- Sections ---- */
.section[b-48mgxf2kzm] {
    padding: clamp(2rem, 4vw, 3rem) 0;
    max-width: 1400px;
    margin: 0 auto;
}

.section-header[b-48mgxf2kzm] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.section-header h2[b-48mgxf2kzm] {
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 780;
    letter-spacing: -0.01em;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.section-icon[b-48mgxf2kzm] {
    font-size: 1.4rem;
}

.section-header p[b-48mgxf2kzm] {
    color: var(--text-tertiary);
    margin: 0;
}

/* ---- Championship rings ---- */
.rings-showcase[b-48mgxf2kzm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem;
}

.ring-card[b-48mgxf2kzm] {
    background: var(--surface-panel, var(--surface-1));
    border-radius: var(--radius-lg, 16px);
    padding: 1.5rem;
    text-align: center;
    width: 150px;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-subtle);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.ring-card:hover[b-48mgxf2kzm] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
    border-color: var(--border-strong);
}

.ring-card.latest[b-48mgxf2kzm] {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent-secondary-subtle) 70%, transparent), transparent 70%),
        var(--surface-panel, var(--surface-1));
    border-color: color-mix(in srgb, var(--accent-secondary) 50%, var(--border-default));
    box-shadow: 0 0 26px color-mix(in srgb, var(--accent-secondary) 22%, transparent);
}

.ring-year[b-48mgxf2kzm] {
    font-family: var(--font-mono);
    font-size: var(--text-xs, 0.75rem);
    font-weight: 700;
    color: var(--text-tertiary);
    letter-spacing: 0.06em;
    margin-bottom: 0.75rem;
}

.ring-display[b-48mgxf2kzm] {
    position: relative;
    margin-bottom: 0.75rem;
}

.ring-icon[b-48mgxf2kzm] {
    font-size: 3rem;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 2px 6px color-mix(in srgb, var(--text-primary) 18%, transparent));
}

.ring-glow[b-48mgxf2kzm] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-secondary) 45%, transparent) 0%, transparent 70%);
    animation: ring-pulse-b-48mgxf2kzm 2s ease-in-out infinite;
}

@keyframes ring-pulse-b-48mgxf2kzm {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }
    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
}

.ring-team[b-48mgxf2kzm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.ring-team-logo[b-48mgxf2kzm] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.ring-team-name[b-48mgxf2kzm] {
    font-size: var(--text-sm, 0.8rem);
    font-weight: 650;
    color: var(--text-primary);
    text-decoration: none;
    line-height: 1.2;
}

.ring-team-name:hover[b-48mgxf2kzm] {
    color: var(--accent-secondary);
}

.ring-record[b-48mgxf2kzm] {
    font-family: var(--font-mono);
    font-size: var(--text-xs, 0.75rem);
    color: var(--text-tertiary);
    margin-top: 0.25rem;
    font-variant-numeric: tabular-nums;
}

/* ---- Dynasty leaders ---- */
.leaders-grid[b-48mgxf2kzm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.25rem;
    max-width: 1000px;
    margin: 0 auto;
}

.leader-card[b-48mgxf2kzm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--surface-panel, var(--surface-1));
    border-radius: var(--radius-md, 12px);
    padding: 1.25rem;
    border: 1px solid var(--border-subtle);
    box-shadow: var(--shadow-xs);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.leader-card:hover[b-48mgxf2kzm] {
    box-shadow: var(--shadow-sm);
    border-color: var(--border-strong);
    transform: translateY(-2px);
}

/* Podium tints derived from tokens: gold / silver / bronze. */
.leader-card.top-1[b-48mgxf2kzm] {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent-secondary-subtle) 60%, transparent), transparent 65%),
        var(--surface-panel, var(--surface-1));
    border-color: color-mix(in srgb, var(--accent-secondary) 45%, var(--border-default));
}

.leader-card.top-2[b-48mgxf2kzm] {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--text-secondary) 12%, transparent), transparent 65%),
        var(--surface-panel, var(--surface-1));
    border-color: color-mix(in srgb, var(--text-secondary) 26%, var(--border-default));
}

.leader-card.top-3[b-48mgxf2kzm] {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent-warning, #d97706) 16%, transparent), transparent 65%),
        var(--surface-panel, var(--surface-1));
    border-color: color-mix(in srgb, var(--accent-warning, #d97706) 30%, var(--border-default));
}

.leader-rank[b-48mgxf2kzm] {
    font-size: 1.5rem;
    min-width: 40px;
    text-align: center;
}

.leader-logo[b-48mgxf2kzm] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.leader-logo img[b-48mgxf2kzm] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.logo-placeholder[b-48mgxf2kzm] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--surface-control, var(--surface-2));
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--text-secondary);
    font-size: 1.25rem;
}

.leader-info[b-48mgxf2kzm] {
    flex: 1;
    min-width: 0;
}

.leader-name[b-48mgxf2kzm] {
    font-weight: 700;
    color: var(--text-primary);
    text-decoration: none;
    display: block;
    margin-bottom: 0.25rem;
}

.leader-name:hover[b-48mgxf2kzm] {
    color: var(--accent-secondary);
}

.leader-stats[b-48mgxf2kzm] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.leader-stat[b-48mgxf2kzm] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--text-sm, 0.8rem);
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
}

.stat-icon[b-48mgxf2kzm] {
    font-size: 0.75rem;
}

/* ---- League records grid ---- */
.records-grid[b-48mgxf2kzm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25rem;
    max-width: 1000px;
    margin: 0 auto;
}

.record-card[b-48mgxf2kzm] {
    background: var(--surface-panel, var(--surface-1));
    border-radius: var(--radius-lg, 16px);
    padding: 1.5rem;
    text-align: center;
    border: 1px solid var(--border-subtle);
    box-shadow: var(--shadow-xs);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.record-card:hover[b-48mgxf2kzm] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
    border-color: var(--border-strong);
}

.record-card .record-icon[b-48mgxf2kzm] {
    font-size: 2.4rem;
    margin-bottom: 0.75rem;
}

.record-card .record-value[b-48mgxf2kzm] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 800;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
    font-variant-numeric: tabular-nums;
}

.record-label[b-48mgxf2kzm] {
    font-size: var(--text-sm, 0.875rem);
    color: var(--text-tertiary);
    margin-bottom: 0.75rem;
}

.record-card .record-holder[b-48mgxf2kzm] {
    font-size: var(--text-sm, 0.8rem);
    color: var(--text-secondary);
}

.record-card .record-holder a[b-48mgxf2kzm] {
    color: var(--accent-secondary);
    text-decoration: none;
    font-weight: 650;
}

.record-card .record-holder a:hover[b-48mgxf2kzm] {
    text-decoration: underline;
}

.record-year[b-48mgxf2kzm] {
    display: block;
    font-family: var(--font-mono);
    font-size: var(--text-xs, 0.75rem);
    color: var(--text-tertiary);
    margin-top: 0.25rem;
}

/* ---- Franchise honor roll ---- */
.honor-roll[b-48mgxf2kzm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.25rem;
}

.honor-card[b-48mgxf2kzm] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    gap: 0.75rem 1rem;
    background: var(--surface-panel, var(--surface-1));
    border-radius: var(--radius-md, 12px);
    padding: 1.25rem;
    border: 1px solid var(--border-subtle);
    box-shadow: var(--shadow-xs);
    transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.honor-card:hover[b-48mgxf2kzm] {
    box-shadow: var(--shadow-sm);
    border-color: var(--border-strong);
    transform: translateY(-2px);
}

.honor-logo[b-48mgxf2kzm] {
    grid-row: span 2;
    width: 56px;
    height: 56px;
    align-self: center;
}

.honor-logo img[b-48mgxf2kzm] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.logo-placeholder-lg[b-48mgxf2kzm] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--surface-control, var(--surface-2));
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--text-secondary);
    font-size: 1.5rem;
}

.honor-details[b-48mgxf2kzm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.honor-name[b-48mgxf2kzm] {
    font-weight: 700;
    color: var(--text-primary);
    text-decoration: none;
    font-size: var(--text-lg, 1rem);
}

.honor-name:hover[b-48mgxf2kzm] {
    color: var(--accent-secondary);
}

.honor-owner[b-48mgxf2kzm] {
    font-size: var(--text-sm, 0.8rem);
    color: var(--text-tertiary);
}

.honor-achievements[b-48mgxf2kzm] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.achievement-badge[b-48mgxf2kzm] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.55rem;
    border-radius: var(--radius-full, 20px);
    font-size: var(--text-xs, 0.75rem);
    font-weight: 650;
}

.achievement-badge.championship[b-48mgxf2kzm] {
    background: color-mix(in srgb, var(--accent-secondary-subtle) 70%, transparent);
    color: var(--accent-secondary);
    border: 1px solid color-mix(in srgb, var(--accent-secondary) 36%, transparent);
}

.achievement-badge.playoff[b-48mgxf2kzm] {
    background: var(--surface-control, var(--surface-2));
    color: var(--text-secondary);
    border: 1px solid var(--border-subtle);
}

.badge-icon[b-48mgxf2kzm] {
    font-size: 0.875rem;
}

.badge-count[b-48mgxf2kzm] {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.honor-stats-grid[b-48mgxf2kzm] {
    grid-column: 2 / -1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
}

.honor-stat[b-48mgxf2kzm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.stat-val[b-48mgxf2kzm] {
    font-weight: 700;
    color: var(--text-primary);
    font-size: var(--text-sm, 0.9rem);
    font-variant-numeric: tabular-nums;
}

.stat-lbl[b-48mgxf2kzm] {
    font-size: 0.7rem;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .hero-section[b-48mgxf2kzm] { padding: 3rem 1.5rem; }
    .section[b-48mgxf2kzm] { padding: 2rem 0; }
    .leaders-grid[b-48mgxf2kzm] { grid-template-columns: 1fr; }
    .records-grid[b-48mgxf2kzm] { grid-template-columns: repeat(2, 1fr); }
    .honor-roll[b-48mgxf2kzm] { grid-template-columns: 1fr; }
    .honor-card[b-48mgxf2kzm] { grid-template-columns: auto 1fr; }
    .honor-achievements[b-48mgxf2kzm] { grid-column: 2; }
    .honor-stats-grid[b-48mgxf2kzm] { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
    .hero-stats[b-48mgxf2kzm] { flex-direction: column; gap: 1rem; }
    .records-grid[b-48mgxf2kzm] { grid-template-columns: 1fr; }
    .honor-stats-grid[b-48mgxf2kzm] { grid-template-columns: repeat(2, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
    .trophy-display[b-48mgxf2kzm], .ring-glow[b-48mgxf2kzm], .loading-state .spinner[b-48mgxf2kzm] { animation: none; }
    .ring-card[b-48mgxf2kzm], .leader-card[b-48mgxf2kzm], .record-card[b-48mgxf2kzm], .honor-card[b-48mgxf2kzm] { transition: none; }
    .ring-card:hover[b-48mgxf2kzm], .leader-card:hover[b-48mgxf2kzm], .record-card:hover[b-48mgxf2kzm], .honor-card:hover[b-48mgxf2kzm] { transform: none; }
}
/* /Components/Pages/Auctions/AuctionDetails.razor.rz.scp.css */
.auction-header-card[b-ra91ybcsn0] {
    background: var(--surface-2);
    border: none;
    box-shadow: var(--shadow-xs, 0 1px 2px rgba(0,0,0,0.05));
}

.bid-history-container[b-ra91ybcsn0] {
    max-height: 600px;
    overflow-y: auto;
}

.bid-item[b-ra91ybcsn0] {
    transition: all 0.2s ease;
}

.bid-item:hover[b-ra91ybcsn0] {
    background-color: var(--surface-3);
}

.bid-winning[b-ra91ybcsn0] {
    background: rgba(40, 167, 69, 0.1);
    border-left: 4px solid var(--accent-success, #28a745);
}

.bid-rank[b-ra91ybcsn0] {
    min-width: 60px;
    text-align: center;
}

.auction-countdown .countdown-urgent[b-ra91ybcsn0] {
    color: var(--accent-danger, #dc3545) !important;
    animation: pulse-b-ra91ybcsn0 1s infinite;
}

@keyframes pulse-b-ra91ybcsn0 {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

.franchise-info[b-ra91ybcsn0] {
    min-width: 150px;
}

.bid-details[b-ra91ybcsn0] {
    min-width: 300px;
}

.draft-picks .badge[b-ra91ybcsn0] {
    font-size: 0.7em;
}

.autobid-indicator[b-ra91ybcsn0] {
    min-width: 60px;
}

/* Enhanced bid form styling */
.form-control-lg.fs-3[b-ra91ybcsn0] {
    height: auto;
    padding: 0.75rem 1rem;
    border: 2px solid var(--border-default);
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-lg.fs-3:focus[b-ra91ybcsn0] {
    border-color: var(--accent-secondary);
    box-shadow: 0 0 0 0.25rem rgba(var(--accent-secondary-rgb, 13, 110, 253), 0.25);
}

.form-control-lg.fs-3.bg-light[b-ra91ybcsn0] {
    background-color: var(--surface-3) !important;
    border-color: var(--accent-success, #28a745);
    color: var(--text-primary);
    font-weight: bold;
}

/* Chat styling */
.chat-container[b-ra91ybcsn0] {
    border: none;
}

.chat-message[b-ra91ybcsn0] {
    transition: background-color 0.15s ease-in-out;
}

.chat-message:hover[b-ra91ybcsn0] {
    background-color: var(--surface-3);
}

.chat-message:last-child[b-ra91ybcsn0] {
    border-bottom: none;
}

.chat-message .btn-link[b-ra91ybcsn0] {
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}

.chat-message:hover .btn-link[b-ra91ybcsn0] {
    opacity: 1;
}

/* News styling */
.news-container[b-ra91ybcsn0] {
    border: none;
}

.news-item[b-ra91ybcsn0] {
    transition: background-color 0.15s ease-in-out;
}

.news-item:hover[b-ra91ybcsn0] {
    background-color: var(--surface-3);
}

.news-item:last-child[b-ra91ybcsn0] {
    border-bottom: none;
}

.news-item h6 a:hover[b-ra91ybcsn0] {
    color: var(--accent-secondary) !important;
}

.badge-xs[b-ra91ybcsn0] {
    font-size: 0.65em;
    padding: 0.25em 0.4em;
}
/* /Components/Pages/Auctions/CreateAuction.razor.rz.scp.css */
/* ── Page header ─────────────────────────────────────────────────── */
.create-auction-header[b-qr92blev8f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

/* ── Two-column layout: player card | bid form ───────────────────── */
.create-auction-layout[b-qr92blev8f] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 768px) {
    .create-auction-layout[b-qr92blev8f] {
        grid-template-columns: 1fr;
    }

    .create-auction-header[b-qr92blev8f] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ── Player info card ────────────────────────────────────────────── */
.player-info-card[b-qr92blev8f] {
    border: 1px solid var(--border-subtle);
    background: var(--surface-2);
    box-shadow: none;
}

/* Image: constrain to 120×120 max, never upscale past native size */
.player-image-container[b-qr92blev8f] {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border-subtle);
}

.player-image[b-qr92blev8f] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Prefer crisp rendering — avoid browser bicubic blowup */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.player-name[b-qr92blev8f] {
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.player-details[b-qr92blev8f] {
    margin-bottom: 1rem;
}

/* ── Auction form card ───────────────────────────────────────────── */
.auction-form-card[b-qr92blev8f] {
    border: 1px solid var(--border-subtle);
    background: var(--surface-1);
    box-shadow: none;
}

.auction-form-header[b-qr92blev8f] {
    background: var(--accent-secondary) !important;
    border-bottom: none;
    color: var(--text-inverse);
    border-radius: inherit;
}

.auction-form-header h5[b-qr92blev8f] {
    color: var(--text-inverse);
}

/* ── Bid fields row (salary | years | total) ─────────────────────── */
.bid-fields-row[b-qr92blev8f] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

@media (max-width: 480px) {
    .bid-fields-row[b-qr92blev8f] {
        grid-template-columns: 1fr 1fr;
    }
}

.bid-field[b-qr92blev8f] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

/* Remove browser spinners on the salary number input */
.bid-salary-input[type="number"][b-qr92blev8f]::-webkit-outer-spin-button,
.bid-salary-input[type="number"][b-qr92blev8f]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bid-salary-input[type="number"][b-qr92blev8f] {
    -moz-appearance: textfield;
}

/* Years dropdown — match form-control height */
.bid-years-select[b-qr92blev8f] {
    cursor: pointer;
}

/* Total bid computed display */
.total-bid-display[b-qr92blev8f] {
    display: flex;
    align-items: center;
    height: calc(1.5em + 0.75rem + 2px); /* matches Bootstrap form-control height */
    padding: 0.375rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--accent-primary);
    white-space: nowrap;
}

/* ── Form footer (cap note + submit button) ──────────────────────── */
.auction-form-footer[b-qr92blev8f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.75rem;
    gap: 0.75rem;
    flex-wrap: wrap;
}

/* ── Submit button ───────────────────────────────────────────────── */
.btn-success.btn-lg[b-qr92blev8f] {
    background: var(--accent-success, #28a745);
    border: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-success.btn-lg:hover:not(:disabled)[b-qr92blev8f] {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(40, 167, 69, 0.35);
}

/* ── Shared tweaks ───────────────────────────────────────────────── */
.alert[b-qr92blev8f] {
    border: none;
    border-radius: 8px;
}

.badge[b-qr92blev8f] {
    font-size: 0.8rem;
    padding: 0.4em 0.75em;
}
/* /Components/Pages/Auctions/PlayerSearch.razor.rz.scp.css */
/* Search results section — replaces card/card-header/card-body chrome */
.search-results-section[b-ur53gvnbdw] {
    margin-top: 0.5rem;
}

.results-heading[b-ur53gvnbdw] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
    padding: 0 0.25rem;
}

/* Tighten Radzen compact grid cells further — Density.Compact sets 4px padding;
   we nudge it down to 3px vertical to match the "unnecessary nested-card padding" note. */
[b-ur53gvnbdw] .rz-grid-table td,
[b-ur53gvnbdw] .rz-grid-table th {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* Player avatar in compact mode */
[b-ur53gvnbdw] .col-photo .rz-cell-data,
[b-ur53gvnbdw] .col-photo td {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.player-avatar[b-ur53gvnbdw] {
    width: 32px;
    height: 32px;
}

/* Muted avg in last-season cell */
.last-season-avg[b-ur53gvnbdw] {
    color: var(--text-tertiary);
    font-size: 0.8em;
}

/* ── Mobile: hide enrichment columns on small screens ── */
@media (max-width: 767px) {
    [b-ur53gvnbdw] .col-enriched {
        display: none !important;
    }

    /* On mobile, Status column can be narrower */
    [b-ur53gvnbdw] .rz-grid-table th,
    [b-ur53gvnbdw] .rz-grid-table td {
        white-space: nowrap;
    }
}

/* ── Tablet: hide Last Season column, keep Age + Exp ── */
@media (min-width: 768px) and (max-width: 991px) {
    [b-ur53gvnbdw] .col-last-season {
        display: none !important;
    }
}
/* /Components/Pages/Auctions/RfaIndex.razor.rz.scp.css */
.table th[b-vrmm0cppd1] {
    border-top: none;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0;
}

.table td[b-vrmm0cppd1] {
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-vrmm0cppd1] {
    background-color: rgba(0, 0, 0, 0.02);
}

.rfa-sort-control[b-vrmm0cppd1] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.rfa-sort-label[b-vrmm0cppd1] {
    margin: 0;
    font-size: var(--text-xs);
    font-weight: 500;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.rfa-sort-select[b-vrmm0cppd1] {
    appearance: none;
    background-color: var(--surface-2);
    color: var(--text-primary);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    padding: 0.25rem 1.75rem 0.25rem 0.6rem;
    font-family: var(--font-body);
    font-size: var(--text-sm);
    line-height: 1.4;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23808a92'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 0.85rem;
    transition: border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);
}

.rfa-sort-select:hover[b-vrmm0cppd1] {
    border-color: var(--border-strong);
}

.rfa-sort-select:focus-visible[b-vrmm0cppd1] {
    outline: none;
    border-color: var(--border-accent);
    box-shadow: var(--focus-ring);
}

.rfa-toggle[b-vrmm0cppd1] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    margin: 0;
    padding: 0.25rem 0.6rem;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    background-color: var(--surface-2);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    cursor: pointer;
    user-select: none;
}

.rfa-toggle:hover[b-vrmm0cppd1] {
    border-color: var(--border-strong);
    color: var(--text-primary);
}

.rfa-toggle input[b-vrmm0cppd1] {
    accent-color: var(--accent-primary);
    cursor: pointer;
}
/* /Components/Pages/Auctions/RfaMatches.razor.rz.scp.css */
.match-item[b-d5lvvhioge] {
    transition: all 0.2s ease;
}

.match-item:hover[b-d5lvvhioge] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.bg-light-success[b-d5lvvhioge] {
    background-color: rgba(25, 135, 84, 0.1) !important;
}

.bg-light-danger[b-d5lvvhioge] {
    background-color: rgba(220, 53, 69, 0.1) !important;
}
/* /Components/Pages/Auctions/RfaPending.razor.rz.scp.css */
.table th[b-aepl9xwpnr] {
    border-top: none;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0;
}

.table td[b-aepl9xwpnr] {
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-aepl9xwpnr] {
    background-color: rgba(0, 0, 0, 0.02);
}

.table-opacity-25[b-aepl9xwpnr] {
    opacity: 0.8;
}
/* /Components/Pages/Changelog.razor.rz.scp.css */
.changelog-page[b-8qpsz5f9lo] {
    width: min(100%, 1260px);
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    gap: clamp(1rem, 2vw, 1.35rem);
    color: var(--text-primary);
    /* Never let a long heading or word push the page wider than the viewport. */
    overflow-wrap: anywhere;
}

.changelog-hero[b-8qpsz5f9lo] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.36fr);
    gap: clamp(1rem, 4vw, 2rem);
    align-items: end;
    min-height: clamp(15rem, 28vw, 21rem);
    padding: clamp(1.35rem, 3.4vw, 2.6rem);
    border: 1px solid color-mix(in srgb, var(--border-default) 78%, transparent);
    border-radius: var(--panel-radius);
    background:
        radial-gradient(circle at 14% 16%, color-mix(in srgb, var(--accent-primary) 20%, transparent), transparent 28rem),
        radial-gradient(circle at 82% 88%, color-mix(in srgb, var(--accent-secondary) 16%, transparent), transparent 24rem),
        linear-gradient(135deg, color-mix(in srgb, var(--surface-panel) 78%, transparent), color-mix(in srgb, var(--surface-0) 92%, transparent));
    box-shadow: 0 28px 84px rgba(0, 0, 0, 0.28);
}

.changelog-hero[b-8qpsz5f9lo]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(color-mix(in srgb, var(--text-primary) 6%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--text-primary) 5%, transparent) 1px, transparent 1px);
    background-size: 4.2rem 4.2rem;
    mask-image: linear-gradient(135deg, black, transparent 72%);
    opacity: 0.42;
}

.changelog-hero[b-8qpsz5f9lo]::after {
    content: "";
    position: absolute;
    top: -12%;
    bottom: -12%;
    left: 58%;
    width: 1px;
    transform: rotate(8deg);
    background: linear-gradient(
        180deg,
        transparent,
        color-mix(in srgb, var(--accent-primary) 46%, transparent),
        color-mix(in srgb, var(--accent-secondary) 30%, transparent),
        transparent
    );
    box-shadow: 0 0 32px color-mix(in srgb, var(--accent-primary) 18%, transparent);
    opacity: 0.72;
}

.changelog-hero-copy[b-8qpsz5f9lo],
.release-snapshot[b-8qpsz5f9lo] {
    position: relative;
    z-index: 1;
}

.changelog-hero h1[b-8qpsz5f9lo] {
    max-width: 12ch;
    margin: 0;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: clamp(3.15rem, 8vw, 6.8rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 0.9;
}

.changelog-hero p[b-8qpsz5f9lo] {
    width: min(100%, 56ch);
    margin: 1rem 0 0;
    color: var(--text-secondary);
    font-size: clamp(1rem, 1.6vw, 1.12rem);
    font-weight: 560;
    line-height: 1.58;
}

.release-snapshot[b-8qpsz5f9lo] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 28%, var(--border-default));
    border-radius: var(--radius-sm);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 5%, transparent), transparent),
        color-mix(in srgb, var(--surface-0) 36%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-primary) 7%, transparent);
    backdrop-filter: blur(22px) saturate(1.15);
    -webkit-backdrop-filter: blur(22px) saturate(1.15);
}

.release-snapshot span[b-8qpsz5f9lo],
.release-snapshot dt[b-8qpsz5f9lo] {
    color: var(--text-tertiary);
    font-family: var(--font-mono);
    font-size: 0.66rem;
    font-weight: 760;
    text-transform: uppercase;
}

/* CalVer pill (YY.MM.WW) — shown in the hero snapshot and inline on the
   per-release header at narrow widths. Higher specificity than the generic
   `.release-snapshot span` label rule above so the pill wins. */
.release-snapshot .changelog-version[b-8qpsz5f9lo],
.changelog-release-date .changelog-version[b-8qpsz5f9lo] {
    display: inline-block;
    justify-self: start;
    padding: 0.18rem 0.5rem;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 40%, var(--border-default));
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-primary) 16%, transparent);
    color: var(--accent-primary);
    font-family: var(--font-mono);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.1;
    text-transform: none;
    white-space: nowrap;
}

.release-snapshot strong[b-8qpsz5f9lo] {
    display: block;
    margin-top: 0.28rem;
    color: var(--accent-secondary);
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.45rem);
    font-weight: 880;
    line-height: 0.95;
}

.release-snapshot p[b-8qpsz5f9lo] {
    margin: 0;
    color: var(--text-primary);
    font-size: 0.96rem;
    font-weight: 720;
    line-height: 1.35;
}

.release-snapshot dl[b-8qpsz5f9lo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 0;
}

.release-snapshot dl div[b-8qpsz5f9lo] {
    min-width: 0;
    padding: 0.8rem;
    border: 1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--surface-0) 26%, transparent);
}

.release-snapshot dd[b-8qpsz5f9lo] {
    margin: 0.25rem 0 0;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: 1.45rem;
    font-weight: 850;
    line-height: 1;
}

.changelog-workspace[b-8qpsz5f9lo] {
    display: grid;
    grid-template-columns: minmax(15rem, 0.24fr) minmax(0, 1fr);
    gap: clamp(1rem, 2vw, 1.35rem);
    align-items: start;
}

.release-index[b-8qpsz5f9lo] {
    position: sticky;
    top: calc(var(--header-height, 44px) + 1rem);
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--border-default) 76%, transparent);
    border-radius: var(--panel-radius);
    background: color-mix(in srgb, var(--surface-panel) 74%, transparent);
    box-shadow: var(--shadow-sm);
    backdrop-filter: blur(18px) saturate(1.1);
    -webkit-backdrop-filter: blur(18px) saturate(1.1);
}

.release-index h2[b-8qpsz5f9lo] {
    margin: 0;
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: 0.68rem;
    font-weight: 780;
    text-transform: uppercase;
}

.release-index nav[b-8qpsz5f9lo] {
    display: grid;
    gap: 0.5rem;
}

.release-index-link[b-8qpsz5f9lo] {
    display: grid;
    gap: 0.28rem;
    padding: 0.72rem 0.78rem;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    color: inherit;
    text-decoration: none;
    transition:
        background var(--duration-fast, 150ms) ease,
        border-color var(--duration-fast, 150ms) ease,
        transform var(--duration-fast, 150ms) ease;
}

.release-index-link:hover[b-8qpsz5f9lo],
.release-index-link.active[b-8qpsz5f9lo] {
    border-color: color-mix(in srgb, var(--accent-primary) 34%, transparent);
    background: color-mix(in srgb, var(--accent-primary-subtle) 42%, transparent);
    transform: translateX(2px);
}

.release-index-link span[b-8qpsz5f9lo] {
    color: var(--accent-secondary);
    font-family: var(--font-mono);
    font-size: 0.66rem;
    font-weight: 760;
}

.release-index-link strong[b-8qpsz5f9lo] {
    color: var(--text-secondary);
    font-size: 0.88rem;
    font-weight: 720;
    line-height: 1.25;
}

.release-index-link.active strong[b-8qpsz5f9lo] {
    color: var(--text-primary);
}

.changelog-list[b-8qpsz5f9lo] {
    min-width: 0;
    display: grid;
    gap: 1rem;
}

.changelog-release[b-8qpsz5f9lo] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(6rem, 0.18fr) minmax(0, 1fr);
    min-height: 18rem;
    border: 1px solid color-mix(in srgb, var(--border-default) 78%, transparent);
    border-radius: var(--panel-radius);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 4%, transparent), transparent 13rem),
        color-mix(in srgb, var(--surface-panel) 80%, transparent);
    box-shadow: var(--shadow-sm);
}

.changelog-release[b-8qpsz5f9lo]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--accent-primary), var(--accent-secondary));
    opacity: 0.86;
}

.release-stamp[b-8qpsz5f9lo] {
    display: grid;
    place-items: start center;
    padding: 1.35rem 0.75rem;
    border-right: 1px solid color-mix(in srgb, var(--text-primary) 7%, transparent);
    background: color-mix(in srgb, var(--surface-0) 22%, transparent);
}

.release-stamp span[b-8qpsz5f9lo] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: color-mix(in srgb, var(--accent-secondary) 82%, var(--text-primary) 18%);
    font-family: var(--font-mono);
    font-size: 0.7rem;
    font-weight: 780;
    text-transform: uppercase;
}

.release-body[b-8qpsz5f9lo] {
    min-width: 0;
    padding: clamp(1.15rem, 2.4vw, 1.55rem);
}

.changelog-release-header[b-8qpsz5f9lo] {
    margin-bottom: 1rem;
}

.changelog-release-date[b-8qpsz5f9lo] {
    display: none;
    margin-bottom: 0.42rem;
    color: var(--accent-secondary);
    font-family: var(--font-mono);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.changelog-release h2[b-8qpsz5f9lo] {
    margin: 0;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: clamp(1.65rem, 3.4vw, 2.45rem);
    font-weight: 880;
    letter-spacing: 0;
    line-height: 0.98;
}

.changelog-notes[b-8qpsz5f9lo] {
    display: grid;
    gap: 0.55rem;
    margin: 0 0 1rem;
}

.changelog-notes p[b-8qpsz5f9lo] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.96rem;
    font-weight: 560;
    line-height: 1.62;
}

.changelog-sections[b-8qpsz5f9lo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.changelog-section[b-8qpsz5f9lo] {
    min-width: 0;
    padding: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--text-primary) 8%, transparent);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--surface-0) 24%, transparent);
}

.changelog-section header[b-8qpsz5f9lo] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.72rem;
}

.changelog-section i[b-8qpsz5f9lo],
.changelog-section .svg-inline--fa[b-8qpsz5f9lo] {
    color: var(--accent-primary);
    font-size: 0.84rem;
}

.changelog-section h3[b-8qpsz5f9lo] {
    margin: 0;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 820;
    letter-spacing: 0;
}

.changelog-section ul[b-8qpsz5f9lo] {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.changelog-section li[b-8qpsz5f9lo] {
    position: relative;
    padding-left: 1.05rem;
    color: var(--text-secondary);
    font-size: 0.92rem;
    font-weight: 540;
    line-height: 1.58;
}

.changelog-section li[b-8qpsz5f9lo]::before {
    content: "";
    position: absolute;
    top: 0.72em;
    left: 0;
    width: 0.36rem;
    height: 0.36rem;
    border-radius: 999px;
    background: var(--accent-primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-primary) 12%, transparent);
}

.changelog-empty[b-8qpsz5f9lo] {
    display: grid;
    place-items: center;
    min-height: calc(var(--density-empty-state-pad) * 7.33);
    padding: calc(var(--density-empty-state-pad) * 0.66);
    border: 1px solid var(--border-default);
    border-radius: var(--panel-radius);
    background: color-mix(in srgb, var(--surface-panel) 82%, transparent);
    text-align: center;
}

.changelog-empty i[b-8qpsz5f9lo] {
    color: var(--accent-primary);
    font-size: min(var(--density-empty-icon-size), 2rem);
}

.changelog-empty h2[b-8qpsz5f9lo] {
    margin: 0.75rem 0 0;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    font-weight: 820;
}

.changelog-empty p[b-8qpsz5f9lo] {
    width: min(100%, 42ch);
    margin: 0.5rem 0 0;
    color: var(--text-tertiary);
    line-height: 1.55;
}

@media (max-width: 980px) {
    .changelog-hero[b-8qpsz5f9lo],
    .changelog-workspace[b-8qpsz5f9lo] {
        grid-template-columns: 1fr;
    }

    .release-index[b-8qpsz5f9lo] {
        position: relative;
        top: auto;
    }

    .release-index nav[b-8qpsz5f9lo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* The hero collapses to a single column here, but its decorative overlays
       (background grid + rotated accent line anchored at left:58%) are absolutely
       positioned and would bleed diagonally across the stacked copy/snapshot.
       Drop them once stacked so nothing renders on top of the text. */
    .changelog-hero[b-8qpsz5f9lo]::before,
    .changelog-hero[b-8qpsz5f9lo]::after {
        display: none;
    }
}

/* Collapse the two-column "Changed | Fixed" sections (and the date rail) at the
   standard tablet/phone boundary. Below this width the release body is too
   narrow to host two readable columns side by side; without this they collide
   and the columns' text overlaps. 768px also matches the viewport the league
   members reported the break at. */
@media (max-width: 768px) {
    .changelog-hero[b-8qpsz5f9lo] {
        min-height: auto;
        padding: 1.2rem;
    }

    .changelog-hero h1[b-8qpsz5f9lo] {
        font-size: clamp(2.65rem, 12vw, 4rem);
    }

    .release-snapshot dl[b-8qpsz5f9lo],
    .release-index nav[b-8qpsz5f9lo],
    .changelog-sections[b-8qpsz5f9lo] {
        grid-template-columns: 1fr;
    }

    .changelog-release[b-8qpsz5f9lo] {
        grid-template-columns: 1fr;
    }

    .release-stamp[b-8qpsz5f9lo] {
        display: none;
    }

    .changelog-release-date[b-8qpsz5f9lo] {
        display: block;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
/* Contact Page Styles */

/* Hero section */
.bg-info.bg-gradient[b-mbynby5ri8] {
    background: linear-gradient(135deg, var(--bs-info) 0%, var(--accent-secondary) 100%) !important;
}

/* Contact icons */
.rounded-circle.bg-info[b-mbynby5ri8] {
    box-shadow: 0 4px 15px rgba(13, 202, 240, 0.3);
    transition: transform 0.2s;
}

.rounded-circle.bg-info:hover[b-mbynby5ri8] {
    transform: scale(1.1);
}

/* Accordion styling */
.accordion-button:not(.collapsed)[b-mbynby5ri8] {
    background-color: rgba(13, 110, 253, 0.1);
    color: var(--bs-primary);
}

.accordion-button:focus[b-mbynby5ri8] {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
}

.accordion-body[b-mbynby5ri8] {
    line-height: 1.7;
}

/* Card hover effects */
.card[b-mbynby5ri8] {
    transition: box-shadow 0.2s, transform 0.2s;
}

.card:hover[b-mbynby5ri8] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Back button */
.btn-outline-primary:hover[b-mbynby5ri8] {
    transform: translateX(-5px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .bg-info.bg-gradient h1[b-mbynby5ri8] {
        font-size: 1.75rem;
    }

    .accordion-button[b-mbynby5ri8] {
        font-size: 0.9rem;
        padding: 0.75rem 1rem;
    }
}
/* /Components/Pages/Dashboard/OwnerAnniversaryCard.razor.rz.scp.css */
/* Franchise Stats — Hero Banner, Oversized Numbers */

.franchise-stats-widget[b-5fb55dlvvn] {
    background: transparent;
    border-radius: 0;
    padding: 0;
    border: none;
}

.widget-header[b-5fb55dlvvn] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1.25rem;
}

.widget-title[b-5fb55dlvvn] {
    font-family: var(--font-display);
    font-size: 1.75rem;
    font-weight: 720;
    font-style: normal;
    color: var(--text-primary);
    margin: 0;
    letter-spacing: 0;
}

.view-all-link[b-5fb55dlvvn] {
    font-size: 0.6875rem;
    color: var(--text-quaternary);
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    transition: color 0.15s ease;
}

.view-all-link:hover[b-5fb55dlvvn] {
    color: var(--accent-primary);
    text-decoration: none;
}

/* Loading State */
.loading-shimmer[b-5fb55dlvvn] {
    height: 80px;
    background: linear-gradient(90deg, var(--surface-3) 0%, var(--surface-4) 50%, var(--surface-3) 100%);
    background-size: 200% 100%;
    animation: shimmer-b-5fb55dlvvn 1.5s infinite;
    border-radius: 8px;
}

@keyframes shimmer-b-5fb55dlvvn {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Franchise Identity — Bold inline with stats */
.franchise-identity[b-5fb55dlvvn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.franchise-logo[b-5fb55dlvvn] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: cover;
    border: none;
}

.franchise-logo-placeholder[b-5fb55dlvvn] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--surface-4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.franchise-name[b-5fb55dlvvn] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-primary);
    letter-spacing: 0;
}

/* Stats Grid — Horizontal strip, oversized numbers */
.franchise-stats-grid[b-5fb55dlvvn] {
    display: flex;
    gap: 0;
    margin-bottom: 1rem;
    border-radius: 0;
    overflow: hidden;
    background: none;
}

.stat-tile[b-5fb55dlvvn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: none;
    border-radius: 0;
    padding: 0 2rem 0 0;
    position: relative;
    border-right: 1px solid var(--border-subtle);
    margin-right: 2rem;
}

.stat-tile:last-child[b-5fb55dlvvn] {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.stat-tile.featured[b-5fb55dlvvn] {
    background: none;
}

.stat-content[b-5fb55dlvvn] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.stat-value[b-5fb55dlvvn] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

.stat-tile.featured .stat-value[b-5fb55dlvvn] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 2rem;
    font-weight: 700;
    color: var(--accent-primary);
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

.stat-tile.featured .stat-label[b-5fb55dlvvn] {
    color: var(--text-quaternary);
}

.stat-separator[b-5fb55dlvvn] {
    color: var(--text-quaternary);
    font-weight: 400;
    margin: 0 1px;
}

.stat-label[b-5fb55dlvvn] {
    font-size: 0.625rem;
    color: var(--text-quaternary);
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 500;
}

.stat-tile.golden .stat-value[b-5fb55dlvvn] {
    color: var(--accent-warning, #f59e0b);
}

/* Championship Banner — accent stripe */
.championship-banner[b-5fb55dlvvn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--accent-warning-subtle, rgba(245, 158, 11, 0.08));
    padding: 0.375rem 0.875rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    border-left: 3px solid var(--accent-warning, #f59e0b);
}

.championship-count[b-5fb55dlvvn] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--accent-warning, #f59e0b);
    letter-spacing: 0;
}

.championship-label[b-5fb55dlvvn] {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    color: var(--accent-warning, #f59e0b);
}

.championship-years[b-5fb55dlvvn] {
    color: var(--text-tertiary);
    font-size: 0.6875rem;
    font-weight: 500;
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    letter-spacing: 0;
    margin-left: 0.25rem;
}

/* Quick Links — minimal, inline */
.stats-links[b-5fb55dlvvn] {
    display: flex;
    gap: 0.375rem;
}

.link-btn[b-5fb55dlvvn] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0.75rem;
    background: transparent;
    border: 1px solid var(--border-subtle);
    border-radius: 4px;
    color: var(--text-tertiary);
    text-decoration: none;
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0;
    transition: all 0.15s ease;
}

.link-btn:hover[b-5fb55dlvvn] {
    background: var(--surface-2);
    color: var(--text-primary);
    border-color: var(--border-default);
    text-decoration: none;
}

/* Empty State */
.empty-state[b-5fb55dlvvn] {
    text-align: center;
    padding: 1.5rem;
    color: var(--text-tertiary);
    font-size: 0.8rem;
}
/* /Components/Pages/Forums/Forums.razor.rz.scp.css */
/* Modern Forums Component Styles - Slack-inspired Design */
/* Scoped to ModernForums.razor */
/* Uses design system tokens from app.css */

/* ========== LAYOUT STRUCTURE ========== */
.forums-shell-container[b-zkli1a33kt] {
    --forums-channels-w: 220px;
    --forums-topics-w: 360px;
    --forums-header-offset: 60px;

    display: grid;
    grid-template-columns: var(--forums-channels-w) var(--forums-topics-w) minmax(0, 1fr);
    /* dvh tracks the *dynamic* viewport so mobile browser chrome (URL bar, the app's
       own top nav) can't push the composer below the fold. */
    height: calc(100dvh - var(--forums-header-offset));
    max-height: calc(100dvh - var(--forums-header-offset));
    background: transparent;
    color: var(--text-primary);
}

/* When no thread is open the subject list takes the remaining width. */
.forums-shell-container[data-has-topic="false"][b-zkli1a33kt] {
    grid-template-columns: var(--forums-channels-w) minmax(0, 1fr) 0;
}

/* Desktop only: collapse the Channels rail to give threads + messages more room (UX).
   Below 960px the rail is already an overlay drawer, so this must NOT apply there
   (it would hide the opened drawer). */
@media (min-width: 961px) {
    .forums-shell-container[data-channels-collapsed="true"][b-zkli1a33kt] {
        --forums-channels-w: 0px;
    }

    .forums-shell-container[data-channels-collapsed="true"] .forums-shell-sidebar[b-zkli1a33kt] {
        display: none;
    }
}

.forums-shell-sidebar[b-zkli1a33kt],
.forums-shell-topics[b-zkli1a33kt],
.forums-shell-messages[b-zkli1a33kt] {
    height: calc(100dvh - var(--forums-header-offset));
    max-height: calc(100dvh - var(--forums-header-offset));
    overflow: hidden;
    min-width: 0;
}

.forums-shell-sidebar .flex-grow-1[b-zkli1a33kt],
.forums-shell-topics .flex-grow-1[b-zkli1a33kt],
.forums-shell-messages .flex-grow-1[b-zkli1a33kt] {
    overflow-y: auto;
    min-height: 0;
}

/* Mobile-only back affordance — hidden on wide screens, surfaced on narrow */
.messages-back-button[b-zkli1a33kt] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    margin-right: 0.5rem;
    border: 1px solid var(--border-default);
    border-radius: var(--control-radius, 6px);
    background: var(--surface-control);
    color: var(--text-secondary);
    cursor: pointer;
}

.messages-back-button:hover[b-zkli1a33kt] {
    background: var(--surface-3);
    color: var(--text-primary);
}

/* Drawer backdrop appears only when the channel drawer is shown on narrow screens. */
.forums-shell-drawer-backdrop[b-zkli1a33kt] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9;
    background: rgba(15, 23, 42, 0.45);
    border: none;
    padding: 0;
}

/* ========== SIDEBAR - SLACK STYLE ========== */
.forums-sidebar[b-zkli1a33kt] {
    background: var(--sidebar-bg, #3F0E40);
    color: var(--sidebar-text, #fff);
}

.forums-sidebar-header[b-zkli1a33kt] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    /* Match the min-height of topics-header's first row so the title baseline
       aligns with the other column headers across all three columns. */
    min-height: 3.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.forums-sidebar-title[b-zkli1a33kt] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.forums-sidebar-subtitle[b-zkli1a33kt] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

.sidebar-section[b-zkli1a33kt] {
    margin-bottom: 0.5rem;
}

.sidebar-section-header[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem 1rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    color: var(--text-tertiary);
}

.channel-button[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.35rem 1rem;
    border: none;
    background: transparent;
    color: rgba(255,255,255,0.8);
    font-size: 0.9rem;
    text-align: left;
    cursor: pointer;
    transition: background 0.1s ease;
    gap: 0.5rem;
}

.channel-button:hover[b-zkli1a33kt] {
    background: rgba(255,255,255,0.1);
}

.channel-button.active[b-zkli1a33kt] {
    background: var(--accent-primary);
    color: var(--text-inverse);
}

.channel-hash[b-zkli1a33kt] {
    font-size: 1rem;
    font-weight: 400;
    opacity: 0.7;
}

.channel-name[b-zkli1a33kt] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Unread count badge */
.unread-badge[b-zkli1a33kt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--text-inverse);
    background: var(--accent-danger);
    border-radius: 9px;
    margin-left: auto;
}

.channel-badge[b-zkli1a33kt] {
    background: var(--accent-danger);
    color: var(--text-inverse);
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    min-width: 18px;
    text-align: center;
}

/* Light mode sidebar variant */
.forums-sidebar-light[b-zkli1a33kt] {
    background: color-mix(in srgb, var(--surface-module-soft) 88%, transparent);
    color: var(--text-primary, #1d1c1d);
    border-right: 1px solid var(--line-default);
    backdrop-filter: blur(18px) saturate(1.14);
    -webkit-backdrop-filter: blur(18px) saturate(1.14);
}

.forums-sidebar-light .channel-button[b-zkli1a33kt] {
    color: var(--text-secondary, #616061);
    border: 1px solid transparent;
    border-radius: var(--control-radius);
}

.forums-sidebar-light .channel-button:hover[b-zkli1a33kt] {
    background: color-mix(in srgb, var(--accent-primary-subtle) 28%, transparent);
    color: var(--text-primary);
}

.forums-sidebar-light .channel-button.active[b-zkli1a33kt] {
    border: 1px solid color-mix(in srgb, var(--accent-primary) 55%, var(--border-default));
    background: color-mix(in srgb, var(--surface-control-hover) 84%, var(--accent-primary-subtle) 16%);
    color: var(--text-primary);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-primary) 6%, transparent), 0 0 0 3px var(--accent-primary-subtle);
}

.forums-sidebar-light .sidebar-section-header[b-zkli1a33kt] {
    color: var(--text-tertiary);
}

/* ========== TOPICS/THREADS LIST ========== */
.topics-panel[b-zkli1a33kt] {
    background: color-mix(in srgb, var(--surface-module-soft) 88%, transparent);
    border-right: 1px solid var(--line-default);
}

.topics-header[b-zkli1a33kt] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--line-default);
    background: color-mix(in srgb, var(--surface-module-strong) 82%, transparent);
    backdrop-filter: blur(18px) saturate(1.15);
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.topics-channels-toggle[b-zkli1a33kt] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: 0.25rem;
    border: 1px solid var(--border-default);
    border-radius: var(--control-radius, 6px);
    background: var(--surface-control);
    color: var(--text-secondary);
    cursor: pointer;
}

.topics-channels-toggle:hover[b-zkli1a33kt] {
    background: var(--surface-3);
    color: var(--text-primary);
}

@media (max-width: 960px) {
    .topics-channels-toggle[b-zkli1a33kt] {
        display: inline-flex;
    }
}

/* Desktop-only collapse/expand control for the Channels rail (hidden once the
   mobile drawer takes over at 960px). */
.topics-channels-collapse[b-zkli1a33kt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--border-default);
    border-radius: var(--control-radius, 6px);
    background: var(--surface-control);
    color: var(--text-secondary);
    cursor: pointer;
    flex-shrink: 0;
}

.topics-channels-collapse:hover[b-zkli1a33kt] {
    background: var(--surface-3);
    color: var(--text-primary);
}

@media (max-width: 960px) {
    .topics-channels-collapse[b-zkli1a33kt] {
        display: none;
    }
}

/* Header top row holds the collapse toggle + title + new-thread button inline. */
.topics-header-row[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.topics-header-row .topics-title[b-zkli1a33kt] {
    margin: 0;
    flex: 1;
    min-width: 0;
}

.topics-title[b-zkli1a33kt] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.25rem 0;
    color: var(--text-primary, #1d1c1d);
}

.topics-count[b-zkli1a33kt] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

.topics-new-thread-btn[b-zkli1a33kt] {
    margin-top: 0.4rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.75rem;
    border: 1px solid var(--accent-primary, #2c7be5);
    border-radius: var(--control-radius, 6px);
    background: var(--accent-primary, #2c7be5);
    color: var(--text-inverse, #fff);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 120ms ease, transform 120ms ease;
}

.topics-new-thread-btn:hover[b-zkli1a33kt] {
    background: var(--accent-primary-hover, #1d6fd6);
    transform: translateY(-1px);
}

.topics-new-thread-btn:focus-visible[b-zkli1a33kt] {
    outline: 2px solid var(--accent-primary, #2c7be5);
    outline-offset: 2px;
}

/* Auctions opt-in toggle — muted pill when off, amber when on. */
.topics-auctions-toggle[b-zkli1a33kt] {
    margin-top: 0.4rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid var(--border-default);
    border-radius: 30px;
    background: transparent;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: color 120ms ease, border-color 120ms ease, background 120ms ease;
}
.topics-auctions-toggle:hover[b-zkli1a33kt] { color: var(--text-secondary); border-color: var(--border-strong); }
.topics-auctions-toggle.is-on[b-zkli1a33kt] {
    color: var(--accent-warning);
    border-color: color-mix(in srgb, var(--accent-warning) 40%, transparent);
    background: var(--accent-warning-subtle);
}

/* ========== INLINE NEW-THREAD COMPOSER ========== */
/* Reuses .messages-header for the compose header (already styled above).
   Only these incremental pieces are needed. */

.new-thread-label[b-zkli1a33kt] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
    display: block;
}

.new-thread-title-input[b-zkli1a33kt] {
    width: 100%;
    border: 1px solid var(--border-default);
    background: var(--surface-control);
    color: var(--text-primary);
    border-radius: var(--control-radius, 8px);
    padding: 0.6rem 0.75rem;
    font: inherit;
    font-size: 1.1rem;
    font-weight: 600;
    outline: none;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.new-thread-title-input:focus[b-zkli1a33kt] {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px var(--accent-primary-subtle);
}

.new-thread-title-input[b-zkli1a33kt]::placeholder {
    color: var(--text-tertiary);
    font-weight: 400;
}

.new-thread-body-input[b-zkli1a33kt] {
    width: 100%;
    border: 1px solid var(--border-default);
    background: var(--surface-control);
    color: var(--text-primary);
    border-radius: var(--control-radius, 8px);
    padding: 0.6rem 0.75rem;
    font: inherit;
    font-size: 0.92rem;
    line-height: 1.5;
    outline: none;
    resize: vertical;
    min-height: 160px;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.new-thread-body-input:focus[b-zkli1a33kt] {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px var(--accent-primary-subtle);
}

.new-thread-body-input[b-zkli1a33kt]::placeholder {
    color: var(--text-tertiary);
}

.new-thread-error[b-zkli1a33kt] {
    color: var(--accent-danger);
    font-size: 0.85rem;
    margin-top: 0.35rem;
}

/* Compose area — scrollable content with title + textarea */
.new-thread-compose-body[b-zkli1a33kt] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem 1.25rem 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: var(--surface-canvas);
}

.new-thread-compose-title-row[b-zkli1a33kt],
.new-thread-compose-message-row[b-zkli1a33kt] {
    display: flex;
    flex-direction: column;
}

/* Footer lives inside .message-composer wrapper to match thread composer chrome */
.new-thread-compose-footer[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.75rem;
}

/* The compose wrapper reuses .message-composer but needs no top border duplication
   since the compose-body provides enough visual separation. */
.new-thread-compose-composer[b-zkli1a33kt] {
    border-top: none;
    box-shadow: none;
    background: var(--surface-canvas);
    padding-top: 0.5rem;
}

.mrkdwn-pre[b-zkli1a33kt] {
    background: var(--surface-2, #f3f4f6);
    color: var(--text-primary, #111);
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    overflow-x: auto;
    margin: 0.25rem 0;
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, "Menlo", monospace);
    font-size: 0.85rem;
}

.mrkdwn-code[b-zkli1a33kt] {
    background: var(--surface-2, rgba(148, 163, 184, 0.18));
    padding: 0.05rem 0.35rem;
    border-radius: 4px;
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, "Menlo", monospace);
    font-size: 0.88em;
}

.mrkdwn-quote[b-zkli1a33kt] {
    border-left: 3px solid var(--accent-primary, #2c7be5);
    background: var(--surface-2, rgba(44, 123, 229, 0.06));
    padding: 0.35rem 0.75rem;
    margin: 0.35rem 0;
    color: var(--text-secondary, #475569);
    font-style: italic;
}

.topics-search[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    background: var(--surface-control);
    border: 1px solid var(--line-default);
    border-radius: var(--control-radius);
    padding: 0.35rem 0.75rem;
    margin-top: 0.5rem;
}

.topics-search-icon[b-zkli1a33kt] {
    color: var(--text-tertiary);
    font-size: 0.8rem;
    margin-right: 0.5rem;
}

.topics-search-input[b-zkli1a33kt] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 0.85rem;
    outline: none;
    color: var(--text-primary, #1d1c1d);
}

.topics-search-input[b-zkli1a33kt]::placeholder {
    color: var(--text-tertiary);
}

.topics-search-clear[b-zkli1a33kt] {
    border: none;
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
    padding: 0.25rem;
    font-size: 0.7rem;
}

/* Topic Item - Slack thread preview style */
.topic-item[b-zkli1a33kt] {
    display: flex;
    align-items: flex-start;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--line-faint);
    cursor: pointer;
    transition: background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);
    gap: 0.75rem;
}

.topic-item:hover[b-zkli1a33kt] {
    background: color-mix(in srgb, var(--accent-primary-subtle) 20%, transparent);
}

.topic-item.selected[b-zkli1a33kt] {
    background: var(--surface-selected);
    border-left: 3px solid var(--accent-primary);
    padding-left: calc(1rem - 3px);
}

.topic-avatar[b-zkli1a33kt] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    flex-shrink: 0;
    object-fit: cover;
}

.topic-avatar-placeholder[b-zkli1a33kt] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--accent-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-inverse);
    font-weight: 600;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.topic-content[b-zkli1a33kt] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.topic-header[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.15rem;
}

.topic-title[b-zkli1a33kt] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary, #1d1c1d);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.topic-time[b-zkli1a33kt] {
    font-size: 0.7rem;
    color: var(--text-tertiary);
    flex-shrink: 0;
    margin-left: 0.5rem;
}

.topic-preview[b-zkli1a33kt] {
    font-size: 0.8rem;
    color: var(--text-secondary, #616061);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

.topic-meta[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.25rem;
    font-size: 0.7rem;
    color: var(--text-tertiary);
}

.topic-meta-item[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.topic-badge[b-zkli1a33kt] {
    font-size: 0.65rem;
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
    font-weight: 500;
}

.topic-badge-auction[b-zkli1a33kt] {
    background: var(--accent-warning-subtle);
    color: var(--accent-warning);
}

.topic-badge-pinned[b-zkli1a33kt] {
    background: var(--accent-info-subtle);
    color: var(--accent-info);
}

.topic-badge-locked[b-zkli1a33kt] {
    background: var(--accent-danger-subtle);
    color: var(--accent-danger);
}

.topic-direct-link[b-zkli1a33kt] {
    opacity: 0;
    transition: opacity 0.15s ease;
    padding: 0.25rem;
    border: none;
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
}

.topic-item:hover .topic-direct-link[b-zkli1a33kt] {
    opacity: 1;
}

.topic-direct-link:hover[b-zkli1a33kt] {
    color: var(--text-primary, #1d1c1d);
    background: var(--surface-3);
    border-radius: 4px;
}

/* ========== MESSAGES PANEL - SLACK STYLE ========== */
.messages-panel[b-zkli1a33kt] {
    display: flex;
    flex-direction: column;
    background: var(--surface-canvas);
    height: 100%;
}

.messages-header[b-zkli1a33kt] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-default);
    background: color-mix(in srgb, var(--surface-panel) 88%, transparent);
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Consistent header height across all three columns. */
    min-height: 3.25rem;
}

.messages-header-info[b-zkli1a33kt] {
    flex: 1;
}

.messages-header-title[b-zkli1a33kt] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.messages-header-description[b-zkli1a33kt] {
    font-size: 0.8rem;
    color: var(--text-tertiary);
    margin: 0.15rem 0 0 0;
}

.messages-header-actions[b-zkli1a33kt] {
    display: flex;
    gap: 0.5rem;
}

.header-action-btn[b-zkli1a33kt] {
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--border-default);
    background: var(--surface-control);
    border-radius: var(--control-radius);
    color: var(--text-secondary, #616061);
    cursor: pointer;
    font-size: 0.8rem;
    transition: all 0.1s ease;
}

.header-action-btn:hover[b-zkli1a33kt] {
    background: var(--surface-3);
    color: var(--text-primary, #1d1c1d);
}

/* Messages Container */
.messages-container[b-zkli1a33kt] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0;
    scroll-behavior: smooth;
    background: var(--surface-canvas);
}

/* Thread/Message Item - Slack style */
.thread-message[b-zkli1a33kt] {
    display: flex;
    align-items: flex-start;
    padding: 0.5rem 1.25rem;
    gap: 0.75rem;
    transition: background 0.1s ease;
    position: relative;
}

.thread-message:hover[b-zkli1a33kt] {
    background: color-mix(in srgb, var(--accent-primary-subtle) 18%, transparent);
}

.thread-message:hover .message-actions[b-zkli1a33kt] {
    opacity: 1;
}

.thread-avatar[b-zkli1a33kt] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    flex-shrink: 0;
    object-fit: cover;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 24%, var(--border-default));
}

.thread-avatar-placeholder[b-zkli1a33kt] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--accent-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-inverse);
    font-weight: 600;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.thread-content[b-zkli1a33kt] {
    flex: 1;
    min-width: 0;
}

.thread-header[b-zkli1a33kt] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin-bottom: 0.15rem;
}

.thread-author[b-zkli1a33kt] {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--text-primary, #1d1c1d);
}

.thread-author-username[b-zkli1a33kt] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    font-weight: normal;
}

.thread-timestamp[b-zkli1a33kt] {
    font-size: 0.7rem;
    color: var(--text-tertiary);
}

.thread-body[b-zkli1a33kt] {
    font-size: 0.9rem;
    line-height: 1.46;
    color: var(--text-primary, #1d1c1d);
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.thread-body.message-content[b-zkli1a33kt] {
    width: fit-content;
    max-width: min(100%, 84ch);
    padding: 0.72rem 0.88rem;
    border: 1px solid var(--line-default);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--surface-sheet) 92%, transparent);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.2);
    line-height: 1.58;
}

/* Message Actions - Hover toolbar */
.message-actions[b-zkli1a33kt] {
    position: absolute;
    top: 0.25rem;
    right: 1rem;
    display: flex;
    gap: 0.125rem;
    background: var(--surface-2);
    border: 1px solid var(--line-default);
    border-radius: 6px;
    padding: 0.125rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity 0.1s ease;
}

.message-action-btn[b-zkli1a33kt] {
    padding: 0.25rem 0.4rem;
    border: none;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.75rem;
    color: var(--text-secondary, #616061);
    transition: all 0.1s ease;
}

.message-action-btn:hover[b-zkli1a33kt] {
    background: var(--surface-3);
    color: var(--text-primary, #1d1c1d);
}

.message-action-btn.danger:hover[b-zkli1a33kt] {
    background: var(--accent-danger-subtle);
    color: var(--accent-danger);
}

/* Reactions */
.thread-reactions[b-zkli1a33kt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.35rem;
}

.thread-reaction[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.5rem;
    background: var(--surface-3);
    border: 1px solid var(--line-default);
    border-radius: 12px;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.1s ease;
}

.thread-reaction:hover[b-zkli1a33kt] {
    background: var(--accent-primary-subtle);
    border-color: var(--accent-primary);
}

.thread-reaction.user-reacted[b-zkli1a33kt] {
    background: var(--accent-primary-subtle);
    border-color: var(--accent-primary);
    color: var(--accent-primary);
}

/* ========== MESSAGE COMPOSER ========== */
.message-composer[b-zkli1a33kt] {
    padding: 0.75rem 1rem 1rem;
    /* Keep the send button clear of the iOS home indicator / gesture bar. */
    padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
    background: color-mix(in srgb, var(--surface-module) 92%, transparent);
    border-top: 1px solid var(--line-default);
    box-shadow: 0 -14px 34px rgba(0, 0, 0, 0.22);
    flex-shrink: 0;
}

.reply-indicator[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--surface-3);
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
    color: var(--text-secondary, #616061);
}

.reply-indicator-close[b-zkli1a33kt] {
    border: none;
    background: transparent;
    color: var(--text-tertiary);
    cursor: pointer;
    padding: 0.15rem 0.25rem;
}

.thread-locked-note[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.75rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--border-default);
    border-radius: var(--control-radius);
    background: var(--surface-control);
    color: var(--text-tertiary);
    font-size: 0.86rem;
    font-weight: 650;
}

.thread-locked-note i[b-zkli1a33kt] {
    color: var(--accent-primary);
}

.composer-input-wrapper[b-zkli1a33kt] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

.composer-textarea[b-zkli1a33kt] {
    flex: 1;
    border: 1px solid var(--line-default);
    border-radius: var(--control-radius);
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
    resize: none;
    outline: none;
    min-height: 40px;
    max-height: 200px;
    line-height: 1.4;
    color: var(--text-primary, #1d1c1d);
    background: var(--surface-control);
}

.composer-textarea:focus[b-zkli1a33kt] {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 1px var(--accent-primary);
}

.composer-textarea[b-zkli1a33kt]::placeholder {
    color: var(--text-tertiary);
}

/* ===== WYSIWYG composer (contenteditable + toolbar) ===== */
.composer-toolbar[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    margin-bottom: 0.4rem;
}

.composer-fmt-btn[b-zkli1a33kt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: var(--control-radius, 6px);
    background: transparent;
    color: var(--text-tertiary);
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.composer-fmt-btn:hover[b-zkli1a33kt] {
    background: var(--surface-control-hover, var(--surface-3));
    color: var(--text-primary);
}

.composer-fmt-sep[b-zkli1a33kt] {
    width: 1px;
    height: 18px;
    margin: 0 0.25rem;
    background: var(--line-default, var(--border-default));
}

.composer-editor[b-zkli1a33kt] {
    flex: 1;
    min-width: 0;
    border: 1px solid var(--line-default);
    border-radius: var(--control-radius);
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
    outline: none;
    min-height: 40px;
    max-height: 200px;
    overflow-y: auto;
    line-height: 1.45;
    color: var(--text-primary, #1d1c1d);
    background: var(--surface-control);
    word-break: break-word;
}

.composer-editor:focus[b-zkli1a33kt] {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 1px var(--accent-primary);
}

/* Visual cue while dragging an image over the composer. */
.composer-editor.composer-dropping[b-zkli1a33kt] {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 2px var(--accent-primary-subtle);
    background: color-mix(in srgb, var(--accent-primary-subtle) 30%, var(--surface-control));
}

/* Inline images rendered live inside the contenteditable (if any HTML sneaks in). */
.composer-editor img[b-zkli1a33kt] {
    max-width: min(100%, 320px);
    max-height: 240px;
    border-radius: var(--radius-sm);
}

/* Placeholder for the empty contenteditable. */
.composer-editor:empty[b-zkli1a33kt]::before {
    content: attr(data-placeholder);
    color: var(--text-tertiary);
    pointer-events: none;
}

/* Inline formatting rendered live inside the editor. */
.composer-editor code[b-zkli1a33kt] {
    background: var(--surface-3);
    padding: 0.05rem 0.3rem;
    border-radius: 3px;
    font-family: var(--font-mono);
    font-size: 0.85em;
}

.composer-editor a[b-zkli1a33kt] { color: var(--accent-primary); }

.composer-editor blockquote[b-zkli1a33kt] {
    border-left: 3px solid var(--accent-primary);
    margin: 0.25rem 0;
    padding-left: 0.6rem;
    color: var(--text-secondary);
}

@media (max-width: 768px) {
    .composer-fmt-btn[b-zkli1a33kt] { width: 34px; height: 34px; }
}

.composer-send-btn[b-zkli1a33kt] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 6px;
    background: var(--accent-primary);
    color: var(--text-inverse);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.1s ease;
    flex-shrink: 0;
}

.composer-send-btn:hover:not(:disabled)[b-zkli1a33kt] {
    background: var(--accent-primary-hover);
}

.composer-send-btn:disabled[b-zkli1a33kt] {
    background: var(--surface-4);
    cursor: not-allowed;
}

/* ========== EMPTY STATES ========== */
.empty-state[b-zkli1a33kt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--density-empty-state-pad) 2rem;
    text-align: center;
    color: var(--text-tertiary);
}

.empty-state-icon[b-zkli1a33kt] {
    font-size: var(--density-empty-icon-size);
    opacity: 0.4;
    margin-bottom: 1rem;
}

.empty-state-title[b-zkli1a33kt] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-secondary, #616061);
    margin: 0 0 0.25rem 0;
}

.empty-state-description[b-zkli1a33kt] {
    font-size: 0.85rem;
    color: var(--text-tertiary);
    margin: 0;
}

/* ========== LOADING STATE ========== */
.loading-state[b-zkli1a33kt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--density-empty-state-pad) 2rem;
    color: var(--text-tertiary);
}

.loading-spinner[b-zkli1a33kt] {
    font-size: min(var(--density-empty-icon-size), 2rem);
    margin-bottom: 0.75rem;
    animation: spin-b-zkli1a33kt 1s linear infinite;
}

@keyframes spin-b-zkli1a33kt {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* ========== CONTENT FORMATTING ========== */
.message-content[b-zkli1a33kt] {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.message-content blockquote[b-zkli1a33kt] {
    margin: 0.5rem 0;
    padding-left: 0.75rem;
    border-left: 3px solid var(--accent-primary);
    color: var(--text-secondary, #616061);
}

.message-content pre[b-zkli1a33kt] {
    background: var(--surface-0);
    color: var(--text-secondary);
    border: 1px solid var(--border-subtle);
    padding: 0.75rem;
    border-radius: 6px;
    overflow-x: auto;
    margin: 0.5rem 0;
    font-size: 0.85rem;
    font-family: var(--font-mono);
}

.message-content code[b-zkli1a33kt] {
    background: var(--surface-3);
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.85em;
    font-family: var(--font-mono);
}

.message-content a[b-zkli1a33kt] {
    color: var(--accent-secondary);
    text-decoration: none;
}

.message-content a:hover[b-zkli1a33kt] {
    text-decoration: underline;
}

/* ========== MODERATION DROPDOWN ========== */
.mod-dropdown[b-zkli1a33kt] {
    position: relative;
}

.mod-dropdown-menu[b-zkli1a33kt] {
    position: absolute;
    right: 0;
    top: 100%;
    background: var(--surface-2);
    border: 1px solid var(--line-default);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    min-width: 180px;
    z-index: 100;
}

.mod-dropdown-item[b-zkli1a33kt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font-size: 0.85rem;
    color: var(--text-primary, #1d1c1d);
}

.mod-dropdown-item:hover[b-zkli1a33kt] {
    background: var(--surface-3);
}

.mod-dropdown-item.danger[b-zkli1a33kt] {
    color: var(--accent-danger);
}

.mod-dropdown-divider[b-zkli1a33kt] {
    height: 1px;
    background: var(--border-default);
    margin: 0.25rem 0;
}

/* ========== HOVER EFFECTS ========== */
.hover-bg-light:hover[b-zkli1a33kt] {
    background-color: var(--surface-3) !important;
}

.hover-underline:hover[b-zkli1a33kt] {
    text-decoration: underline !important;
}

/* ========== EXTRACTED INLINE STYLES ========== */
/* Channel icon styling */
.channel-icon-auction[b-zkli1a33kt] {
    font-size: 0.8rem;
    opacity: 0.7;
}

/* Topic status icons */
.icon-pinned[b-zkli1a33kt] {
    color: var(--accent-primary);
}

.icon-locked[b-zkli1a33kt] {
    color: var(--text-tertiary, #888);
}

/* Flexbox overflow fix for messages */
.messages-flex-container[b-zkli1a33kt] {
    min-height: 0;
}

/* ========== MOBILE CHANNEL PICKER ========== */
/* Hidden on desktop; shown on phones (≤767px) as a full-width dropdown
   that replaces the sidebar drawer for channel selection. */
.mobile-channel-picker[b-zkli1a33kt] {
    display: none;
    padding: 0 0 0.5rem 0;
}

.mobile-channel-select[b-zkli1a33kt] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-default);
    border-radius: var(--control-radius, 6px);
    background: var(--surface-control);
    color: var(--text-primary);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    outline: none;
    appearance: auto;
}

.mobile-channel-select:focus[b-zkli1a33kt] {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px var(--accent-primary-subtle);
}

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

/* Tablets and narrow desktops: tighten the column widths a touch so threads
   and messages have more breathing room. Channels stay visible. */
@media (max-width: 1180px) {
    .forums-shell-container[b-zkli1a33kt] {
        --forums-channels-w: 180px;
        --forums-topics-w: 320px;
        --forums-header-offset: 56px;
    }
}

/* ≤960px: true mobile-app list→detail. The whole tablet + phone range shows ONE
   pane at a time, driven by data-has-topic (which mirrors the URL: a topic route =>
   "true"). No thread open => the list fills the screen; a thread open => the messages
   pane takes over full-screen with the back button. The channel rail becomes an
   overlay drawer (768–960px) or the inline dropdown (≤767px). Because data-has-topic
   is the source of truth, browser back/forward and refresh control the visible pane. */
@media (max-width: 960px) {
    .forums-shell-container[b-zkli1a33kt],
    .forums-shell-container[data-has-topic="false"][b-zkli1a33kt],
    .forums-shell-container[data-has-topic="true"][b-zkli1a33kt] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* Only one of {topics, messages} is in the grid flow at a time.
       !important is REQUIRED: the panes carry Bootstrap's `d-flex` utility
       (display:flex !important) in the markup, which a normal media-query rule
       can't override — without !important here the list never hides on mobile and
       the messages pane collapses to 0 height behind it. */
    .forums-shell-topics[b-zkli1a33kt],
    .forums-shell-messages[b-zkli1a33kt] {
        display: none !important;
    }

    /* No thread open => list. Thread open (or composing a new thread) => messages. */
    .forums-shell-container[data-has-topic="false"] .forums-shell-topics[b-zkli1a33kt] {
        display: flex !important;
    }

    .forums-shell-container[data-has-topic="true"] .forums-shell-messages[b-zkli1a33kt] {
        display: flex !important;
    }

    /* The messages pane (and its composer) must own the full viewport height. */
    .forums-shell-messages[b-zkli1a33kt] {
        grid-column: 1 / -1;
    }

    /* Channel rail: overlay drawer slid in from the left, toggled by the hamburger. */
    .forums-shell-sidebar[b-zkli1a33kt] {
        position: fixed;
        top: var(--forums-header-offset);
        bottom: 0;
        left: -300px;
        width: 280px;
        height: auto;
        max-height: none;
        z-index: 10;
        transition: left 200ms ease;
        box-shadow: 12px 0 32px rgba(15, 23, 42, 0.25);
    }

    .forums-shell-container[data-mobile-panel="channels"] .forums-shell-sidebar[b-zkli1a33kt] {
        left: 0;
    }

    .forums-shell-container[data-mobile-panel="channels"] .forums-shell-drawer-backdrop[b-zkli1a33kt] {
        display: block;
    }

    /* Back button is the way out of a thread on every narrow viewport. */
    .messages-back-button[b-zkli1a33kt] {
        display: inline-flex;
    }
}

/* Phones (≤767px): same one-pane list→detail as the ≤960px block (driven by
   data-has-topic), but channel selection moves from the overlay drawer to an inline
   dropdown in the topics header — no drawer on phones. */
@media (max-width: 767px) {
    .forums-shell-container[b-zkli1a33kt] {
        --forums-header-offset: 56px;
    }

    /* Sidebar is fully suppressed on phones — the dropdown replaces it. */
    .forums-shell-sidebar[b-zkli1a33kt] {
        display: none !important;
    }

    /* Suppress the drawer backdrop on phones too (no drawer). */
    .forums-shell-drawer-backdrop[b-zkli1a33kt] {
        display: none !important;
    }

    /* Hide the hamburger toggle — replaced by the channel dropdown. */
    .topics-channels-toggle[b-zkli1a33kt] {
        display: none !important;
    }

    /* Show the mobile channel picker. */
    .mobile-channel-picker[b-zkli1a33kt] {
        display: block;
    }

    .thread-message[b-zkli1a33kt] {
        padding: 0.5rem 0.75rem;
    }

    .topics-header[b-zkli1a33kt],
    .messages-header[b-zkli1a33kt] {
        padding: 0.5rem 0.75rem;
    }

    /* Composer feels cramped on phones — let the textarea grow a little */
    .composer-textarea[b-zkli1a33kt] {
        min-height: 44px;
    }
}

/* ===== Touch / mobile: reveal hover-only affordances, enlarge tap targets ===== */
@media (hover: none), (max-width: 767px) {
    /* Message react/reply/edit/delete toolbar is hover-gated — always show it on touch. */
    .message-actions[b-zkli1a33kt] { opacity: 1 !important; position: static; margin-top: 0.25rem; box-shadow: none; }
    /* "Open directly" link on topic rows is hover-gated too. */
    .topic-direct-link[b-zkli1a33kt] { opacity: 1 !important; }
    /* Comfortable tap targets. */
    .composer-send-btn[b-zkli1a33kt] { width: 44px; height: 44px; }
    .message-action-btn[b-zkli1a33kt] { padding: 0.4rem 0.55rem; min-height: 40px; }
    /* Moderation dropdown must never run off-screen. */
    .mod-dropdown-menu[b-zkli1a33kt] { right: 0; max-width: min(180px, calc(100vw - 2rem)); }
}

/* ========== SUPPRESS ENTRY ANIMATIONS IN THE FORUMS SHELL ========== */
/* The .badge scaleIn and .list-group-item slideIn animations defined in shared.css
   would replay whenever these nodes are (re)created — e.g. a full re-render of the
   shell. Suppress them inside the forums shell so the sidebar, thread list, and
   messages pane never zoom/pan in. (Enhanced-nav DOM morphing now preserves these
   nodes rather than replacing them, but this keeps the panes static on any remount.) */
.forums-shell-container .badge[b-zkli1a33kt] {
    animation: none;
}

.forums-shell-container .list-group-item[b-zkli1a33kt] {
    animation: none;
}
/* /Components/Pages/League/Calendar.razor.rz.scp.css */
.calendar-events[b-ht8qoizbbi] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0 1.5rem 1rem;
}

.calendar-row[b-ht8qoizbbi] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    padding: 0.4rem 0.55rem;
    border-radius: 6px;
    border: 1px solid transparent;
    background: transparent;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.calendar-row:hover[b-ht8qoizbbi] {
    background: color-mix(in srgb, var(--accent-primary, #2c7be5) 6%, var(--surface-1, transparent));
    border-color: color-mix(in srgb, var(--accent-primary, #2c7be5) 24%, var(--border-default, rgba(148, 163, 184, 0.3)));
}

.calendar-row.is-active[b-ht8qoizbbi] {
    border-color: color-mix(in srgb, var(--accent-success, #198754) 32%, var(--border-default, rgba(148, 163, 184, 0.3)));
    background: color-mix(in srgb, var(--accent-success, #198754) 8%, var(--surface-1, transparent));
}

.calendar-date[b-ht8qoizbbi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    padding: 0.3rem 0.2rem;
    border-radius: 4px;
    background: var(--surface-2, rgba(148, 163, 184, 0.08));
    border: 1px solid var(--border-subtle, rgba(148, 163, 184, 0.18));
}

.calendar-month[b-ht8qoizbbi] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--accent-primary, #2c7be5);
}

.calendar-day[b-ht8qoizbbi] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary, #111);
    font-variant-numeric: tabular-nums;
    margin-top: 0.1rem;
}

.calendar-row.is-active .calendar-month[b-ht8qoizbbi] {
    color: var(--accent-success, #198754);
}

.calendar-meta[b-ht8qoizbbi] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.calendar-title[b-ht8qoizbbi] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    font-weight: 650;
    color: var(--text-primary, #111);
    line-height: 1.25;
}

/* Linked events read as links (accent + chevron); non-linked render plain. */
.calendar-title a[b-ht8qoizbbi] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    color: var(--accent-primary, #2c7be5);
    text-decoration: none;
    transition: color 120ms ease;
}

.calendar-title a[b-ht8qoizbbi]::after {
    content: "›";
    margin-left: 0.3rem;
    opacity: 0.55;
    font-weight: 700;
}

.calendar-title a:hover[b-ht8qoizbbi] {
    color: var(--accent-primary-hover, #1d6fd6);
    text-decoration: underline;
}

.calendar-row:hover[b-ht8qoizbbi],
.calendar-row:focus-within[b-ht8qoizbbi] {
    border-color: color-mix(in srgb, var(--accent-primary, #2c7be5) 30%, var(--border-default, rgba(148,163,184,0.3)));
}

.calendar-pill[b-ht8qoizbbi] {
    display: inline-flex;
    align-items: center;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-success, #198754) 18%, transparent);
    color: var(--accent-success, #198754);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.calendar-when[b-ht8qoizbbi] {
    font-size: 0.72rem;
    color: var(--text-tertiary);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.calendar-empty[b-ht8qoizbbi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    border-radius: 6px;
    background: var(--surface-1, transparent);
    border: 1px dashed var(--border-subtle, rgba(148, 163, 184, 0.2));
    color: var(--text-tertiary);
    font-size: 0.85rem;
}

.calendar-empty i[b-ht8qoizbbi] {
    color: var(--accent-success, #198754);
}
/* /Components/Pages/League/Draft.razor.rz.scp.css */
.table th[b-du4zuvo4j8] {
    border-top: none;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0;
}

.table td[b-du4zuvo4j8] {
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-du4zuvo4j8] {
    background-color: var(--surface-3);
}

.draft-season-card[b-du4zuvo4j8] {
    transition: all 0.2s ease-in-out;
}

.draft-season-card:hover[b-du4zuvo4j8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}
/* /Components/Pages/League/FranchiseHonorRollCard.razor.rz.scp.css */
/* Franchise Honor Roll - Team Ring of Honor */

.franchise-honor-roll[b-axcub5nq1s] {
    background: var(--surface-2);
    border-radius: 12px;
    padding: var(--density-card-pad);
    border: 1px solid var(--border-default);
}

/* Header */
.honor-header[b-axcub5nq1s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-default);
}

.honor-badge[b-axcub5nq1s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--amber-500, #f59e0b) 0%, var(--amber-600, #d97706) 100%);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    color: white;
    font-weight: 600;
    font-size: 0.9rem;
}

.badge-icon[b-axcub5nq1s] {
    font-size: 1rem;
}

.alumni-count[b-axcub5nq1s] {
    font-size: 0.85rem;
    color: var(--text-secondary, #57534e);
    font-weight: 500;
}

/* Section Styling */
.honor-section[b-axcub5nq1s] {
    margin-bottom: 1.5rem;
}

.honor-section:last-child[b-axcub5nq1s] {
    margin-bottom: 0;
}

.section-header[b-axcub5nq1s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.section-icon[b-axcub5nq1s] {
    font-size: 1rem;
}

.section-title[b-axcub5nq1s] {
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 720;
    color: var(--text-primary, #1c1917);
}

.section-subtitle[b-axcub5nq1s] {
    font-size: 0.75rem;
    color: var(--text-secondary, #57534e);
    margin-left: auto;
}

/* Player List (Scoring Leaders) */
.player-list[b-axcub5nq1s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.player-card[b-axcub5nq1s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--surface-3);
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.player-card:hover[b-axcub5nq1s] {
    background: var(--surface-3);
}

.player-card.top-three[b-axcub5nq1s] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid var(--amber-200, #fde68a);
}

/* The gold/cream gradient above is a fixed light surface, so text inside the
   medal cards must use fixed dark colors. The default text tokens are
   theme-driven (near-white in dark themes), which rendered the top-3 player
   names, position/tenure and PTS as light-on-light and effectively invisible.
   Pinning dark ink here keeps the gold treatment legible across every theme. */
.player-card.top-three .player-name[b-axcub5nq1s],
.player-card.top-three .stat-value[b-axcub5nq1s] {
    color: #3a2c05;
}

.player-card.top-three .player-details[b-axcub5nq1s],
.player-card.top-three .stat-label[b-axcub5nq1s],
.player-card.top-three .tenure[b-axcub5nq1s],
.player-card.top-three .position[b-axcub5nq1s],
.player-card.top-three .games[b-axcub5nq1s] {
    color: #6b5417;
}

.player-card.top-three .player-name:hover[b-axcub5nq1s] {
    color: #1c1503;
}

.player-card.current[b-axcub5nq1s] {
    border-left: 3px solid var(--emerald-500, #10b981);
}

.player-rank[b-axcub5nq1s] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--stone-200, #e7e5e4);
    border-radius: 50%;
    font-weight: 700;
    font-size: 0.8rem;
    color: var(--text-secondary, #57534e);
}

.player-card.top-three .player-rank[b-axcub5nq1s] {
    background: linear-gradient(135deg, var(--amber-400, #fbbf24) 0%, var(--amber-500, #f59e0b) 100%);
    color: white;
}

.player-info[b-axcub5nq1s] {
    flex: 1;
    min-width: 0;
}

.player-name-row[b-axcub5nq1s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.player-name[b-axcub5nq1s] {
    font-weight: 600;
    color: var(--text-primary, #1c1917);
    text-decoration: none;
    font-size: 0.9rem;
}

.player-name:hover[b-axcub5nq1s] {
    color: var(--amber-600, #d97706);
}

.current-badge[b-axcub5nq1s] {
    font-size: 0.65rem;
    padding: 0.125rem 0.375rem;
    background: var(--emerald-100, #d1fae5);
    color: var(--emerald-700, #047857);
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
}

.player-details[b-axcub5nq1s] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--text-secondary, #57534e);
}

.player-details span[b-axcub5nq1s]::after {
    content: "·";
    margin-left: 0.5rem;
}

.player-details span:last-child[b-axcub5nq1s]::after {
    display: none;
}

.player-stat[b-axcub5nq1s] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.stat-value[b-axcub5nq1s] {
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 720;
    color: var(--text-primary, #1c1917);
}

.stat-label[b-axcub5nq1s] {
    font-size: 0.65rem;
    color: var(--text-secondary, #57534e);
    text-transform: uppercase;
    letter-spacing: 0;
}

/* Legends Grid */
.legends-grid[b-axcub5nq1s] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

@media (max-width: 768px) {
    .legends-grid[b-axcub5nq1s] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.legend-card[b-axcub5nq1s] {
    background: linear-gradient(135deg, var(--stone-50, #fafaf9) 0%, var(--stone-100, #f5f5f4) 100%);
    border-radius: 8px;
    padding: 0.75rem;
    text-align: center;
    border: 1px solid var(--border-default);
}

.legend-card.current[b-axcub5nq1s] {
    border-color: var(--emerald-300, #6ee7b7);
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
}

.legend-name[b-axcub5nq1s] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--text-primary, #1c1917);
    margin-bottom: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.legend-stats[b-axcub5nq1s] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.7rem;
    color: var(--text-secondary, #57534e);
}

.legend-stats span[b-axcub5nq1s]::after {
    content: "·";
    margin-left: 0.5rem;
}

.legend-stats span:last-child[b-axcub5nq1s]::after {
    display: none;
}

.legend-drafted[b-axcub5nq1s] {
    font-size: 0.65rem;
    color: var(--amber-600, #d97706);
    margin-top: 0.25rem;
}

/* Draft Gems List */
.gems-list[b-axcub5nq1s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.gem-item[b-axcub5nq1s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    background: var(--surface-3);
    border-radius: 6px;
}

.gem-draft[b-axcub5nq1s] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary, #57534e);
    background: var(--stone-200, #e7e5e4);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.gem-name[b-axcub5nq1s] {
    flex: 1;
    font-weight: 500;
    color: var(--text-primary, #1c1917);
    text-decoration: none;
    font-size: 0.85rem;
}

.gem-name:hover[b-axcub5nq1s] {
    color: var(--amber-600, #d97706);
}

.gem-ppg[b-axcub5nq1s] {
    font-family: var(--font-display);
    font-size: 0.95rem;
    color: var(--amber-600, #d97706);
    font-weight: 720;
}

/* Position Leaders Grid */
.position-leaders-grid[b-axcub5nq1s] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.5rem;
}

@media (max-width: 992px) {
    .position-leaders-grid[b-axcub5nq1s] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 576px) {
    .position-leaders-grid[b-axcub5nq1s] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.position-leader-card[b-axcub5nq1s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 0.5rem;
    background: var(--surface-3);
    border-radius: 8px;
    text-align: center;
}

.position-tag[b-axcub5nq1s] {
    font-size: 0.7rem;
    font-weight: 700;
    color: white;
    background: var(--stone-600, #57534e);
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    margin-bottom: 0.375rem;
}

.leader-name[b-axcub5nq1s] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-primary, #1c1917);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.leader-name:hover[b-axcub5nq1s] {
    color: var(--amber-600, #d97706);
}

.leader-points[b-axcub5nq1s] {
    font-family: var(--font-display);
    font-size: 0.9rem;
    color: var(--text-secondary, #57534e);
    margin-top: 0.25rem;
}

/* Loading State */
.loading-state[b-axcub5nq1s] {
    padding: calc(var(--density-empty-state-pad) * 0.66);
}

.loading-shimmer[b-axcub5nq1s] {
    height: 200px;
    background: linear-gradient(90deg, var(--stone-100, #f5f5f4) 0%, var(--stone-200, #e7e5e4) 50%, var(--stone-100, #f5f5f4) 100%);
    background-size: 200% 100%;
    animation: shimmer-b-axcub5nq1s 1.5s infinite;
    border-radius: 8px;
}

@keyframes shimmer-b-axcub5nq1s {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Empty State */
.empty-state[b-axcub5nq1s] {
    text-align: center;
    padding: calc(var(--density-empty-state-pad) * 0.66);
    color: var(--text-secondary, #57534e);
}

.empty-icon[b-axcub5nq1s] {
    font-size: min(var(--density-empty-icon-size), 2rem);
    display: block;
    margin-bottom: 0.75rem;
}

.empty-state p[b-axcub5nq1s] {
    margin: 0;
    font-size: 0.9rem;
}
/* /Components/Pages/League/FuturePicks.razor.rz.scp.css */
.table th[b-vv8k3xc3pv] {
    border-top: none;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0;
}

.table td[b-vv8k3xc3pv] {
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-vv8k3xc3pv] {
    background-color: var(--surface-3);
}

.table-opacity-25[b-vv8k3xc3pv] {
    opacity: 0.8;
}
/* /Components/Pages/League/Lineup.razor.rz.scp.css */
/* Lineup.razor is now a thin redirect to /my-team/lineups.
   The lineup styles live in TeamLineupsTab.razor.css. */
/* /Components/Pages/League/LiveDraft.razor.rz.scp.css */
/* Live Draft Page Styles */

/* Pulse animation for LIVE badge */
.pulse[b-lub0026c2t] {
    animation: pulse-b-lub0026c2t 2s infinite;
}

@keyframes pulse-b-lub0026c2t {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Timer badge styling */
.timer-badge[b-lub0026c2t] {
    font-family: 'Courier New', monospace;
    font-size: 1.25rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
}

/* Current pick row highlight */
.current-pick-row[b-lub0026c2t] {
    background-color: rgba(255, 193, 7, 0.15) !important;
    border-left: 4px solid var(--accent-warning, #ffc107);
    animation: glow-b-lub0026c2t 2s ease-in-out infinite alternate;
}

@keyframes glow-b-lub0026c2t {
    from { background-color: rgba(255, 193, 7, 0.1); }
    to { background-color: rgba(255, 193, 7, 0.25); }
}

/* Recent pick row styling */
.recent-pick-row[b-lub0026c2t] {
    background-color: rgba(25, 135, 84, 0.08) !important;
    border-left: 3px solid var(--bs-success);
}

/* Queue item styling */
.queue-item[b-lub0026c2t] {
    transition: background-color 0.2s ease;
}

.queue-item:hover[b-lub0026c2t] {
    background-color: var(--surface-3);
}

/* Available player cards */
.available-player-card[b-lub0026c2t] {
    transition: all 0.2s ease;
}

.available-player-card:hover[b-lub0026c2t] {
    background-color: var(--surface-3);
    border-color: var(--bs-primary) !important;
    transform: translateX(2px);
}

/* Scrollable areas */
.table-responsive[b-lub0026c2t],
.queue-list[b-lub0026c2t],
.available-players-list[b-lub0026c2t] {
    scrollbar-width: thin;
    scrollbar-color: var(--bs-secondary) transparent;
}

/* Sticky header for draft board */
[b-lub0026c2t] thead.sticky-top {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .timer-badge[b-lub0026c2t] {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .table-responsive[b-lub0026c2t] {
        max-height: 400px !important;
    }

    .queue-list[b-lub0026c2t],
    .available-players-list[b-lub0026c2t] {
        max-height: 300px !important;
    }
}
/* /Components/Pages/League/Team.razor.rz.scp.css */
/* Team page — component-scoped styling.
   Radzen renders grid rows/cells outside this component's authored markup, so
   ::deep is required to reach the generated DOM. shared.css forces row
   backgrounds transparent with !important, so the row-tint rules below also
   use !important to win. All colors come from design tokens. */

/* (C) Main Dynasty Roster row backgrounds — subtle, token-driven, theme-safe. */
[b-bv7yk205pt] .dynasty-roster-grid .rz-datatable-data tr.row-rfa,
[b-bv7yk205pt] .dynasty-roster-grid .row-rfa {
    background-color: var(--accent-danger-subtle) !important;
    box-shadow: inset 3px 0 0 0 var(--accent-danger);
}

[b-bv7yk205pt] .dynasty-roster-grid .rz-datatable-data tr.row-rfa:hover,
[b-bv7yk205pt] .dynasty-roster-grid .row-rfa:hover {
    background-color: var(--accent-danger-subtle) !important;
}

[b-bv7yk205pt] .dynasty-roster-grid .rz-datatable-data tr.row-taxi,
[b-bv7yk205pt] .dynasty-roster-grid .row-taxi {
    background-color: var(--accent-warning-subtle) !important;
    box-shadow: inset 3px 0 0 0 var(--accent-warning);
}

[b-bv7yk205pt] .dynasty-roster-grid .rz-datatable-data tr.row-taxi:hover,
[b-bv7yk205pt] .dynasty-roster-grid .row-taxi:hover {
    background-color: var(--accent-warning-subtle) !important;
}

[b-bv7yk205pt] .dynasty-roster-grid .rz-datatable-data tr.row-penalty,
[b-bv7yk205pt] .dynasty-roster-grid .row-penalty {
    background-color: var(--accent-warning-subtle) !important;
    box-shadow: inset 3px 0 0 0 var(--accent-warning);
    opacity: 0.85;
}

/* (C2) RFA grid shares the dynasty-roster-grid theme (token-driven bg/border/
   header) via the .dynasty-roster-grid class. It carries no footer totals, so
   defensively zero any footer band Radzen might still render — no stray white
   strip on dark themes. */
[b-bv7yk205pt] .rfa-grid .rz-datatable-footer {
    display: none !important;
    border: none !important;
    padding: 0 !important;
}

/* (C3) Row actions (kebab) menu. The kebab dropdown is absolutely positioned but
   sits inside several Radzen overflow containers that clip it: the cell wrapper
   (.rz-cell-data) and <td> are overflow:hidden, the data viewport
   (.rz-data-grid-data) is overflow:auto, and the grid root (.rz-data-grid) is
   overflow:hidden. The menu has real size and toggles correctly, but every one of
   those ancestors clips it to nothing — so it never appeared.

   The earlier override anchored on `.dynasty-roster-grid`, but Radzen does not emit
   the grid's CssClass into the DOM, so those selectors matched nothing. Anchor on
   `.roster-actions-menu` (our own class, always present) instead, and only lift the
   clip while a menu is open so cell ellipsis / grid scroll are untouched otherwise. */
[b-bv7yk205pt] .roster-actions-menu {
    position: relative;
    display: inline-block;
}

/* Grids sit flush inside their team-section cards. Radzen's default
   `.rz-data-grid { border: 1px solid #dadfe2; box-shadow: ... }` drew a stray
   light-gray box around each table (a box-inside-a-box on dark themes). Strip it
   so the table reads as part of the section, not a nested table-in-a-card. */
[b-bv7yk205pt] .team-section .rz-data-grid,
[b-bv7yk205pt] .team-section .rz-datatable {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

[b-bv7yk205pt] .rz-data-grid:has(.roster-actions-menu .dropdown-menu.show),
[b-bv7yk205pt] .rz-data-grid-data:has(.roster-actions-menu .dropdown-menu.show),
[b-bv7yk205pt] tr:has(.roster-actions-menu .dropdown-menu.show),
[b-bv7yk205pt] td:has(.roster-actions-menu .dropdown-menu.show),
[b-bv7yk205pt] td:has(.roster-actions-menu .dropdown-menu.show) > .rz-cell-data {
    overflow: visible !important;
}

/* Without Bootstrap's JS-driven dropdown, the [data-bs-popper] that powers
   `.dropdown-menu-end` is never set, so the menu defaults to left/start alignment
   and overflows the right edge under the rightmost Actions column. Pin it to the
   toggle's right edge so it opens inward (leftward) instead. */
[b-bv7yk205pt] .roster-actions-menu .dropdown-menu {
    min-width: 12rem;
    z-index: 1080;
    right: 0;
    left: auto;
}

/* (C4) Row "Actions" toggle. A labeled, filled button so it reads unmistakably as
   a control — the bare kebab icon was easy to miss. Token-driven for theme safety;
   the caret flips when the menu is open. */
[b-bv7yk205pt] .dynasty-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
}

[b-bv7yk205pt] .roster-actions-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--accent-primary) !important;
    border: 1px solid var(--accent-primary) !important;
    color: var(--text-inverse) !important;
    box-shadow: none !important;
    padding: 0.3rem 0.7rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    white-space: nowrap;
    border-radius: var(--radius-sm) !important;
}

[b-bv7yk205pt] .roster-actions-toggle:hover:not(:disabled),
[b-bv7yk205pt] .roster-actions-toggle[aria-expanded="true"] {
    background: var(--accent-primary-hover) !important;
    border-color: var(--accent-primary-hover) !important;
    color: var(--text-inverse) !important;
}

[b-bv7yk205pt] .roster-actions-caret {
    font-size: 0.7em;
    transition: transform 0.15s ease;
}

[b-bv7yk205pt] .roster-actions-menu.show .roster-actions-caret {
    transform: rotate(180deg);
}

[b-bv7yk205pt] .roster-actions-menu .dropdown-item i {
    width: 1.1rem;
    margin-right: 0.4rem;
    text-align: center;
}

/* (D) RFA section typography — one consistent body size for cells, a slightly
   larger weighted player-name link. Replaces the fs-4/fs-5 mismatch. */
[b-bv7yk205pt] .rfa-name-cell,
[b-bv7yk205pt] .rfa-salary-cell {
    font-size: 0.9375rem;
}

/* Name cells must never collapse to zero on mobile — Radzen distributes remaining
   width to flex columns but can squeeze them to nothing when fixed-width siblings
   consume the viewport. min-width keeps the column readable at 440px. */
[b-bv7yk205pt] .rfa-name-cell {
    min-width: 120px;
}

[b-bv7yk205pt] .player-name-cell {
    min-width: 120px;
}

[b-bv7yk205pt] .rfa-player-name {
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

[b-bv7yk205pt] .rfa-player-name:hover {
    color: var(--accent-primary);
}

[b-bv7yk205pt] .rfa-salary-cell {
    font-family: var(--font-mono);
    color: var(--text-primary);
}

/* (D) Player-avatar rounding (~8px) for player photos in this file, per the
   shared player-avatar contract. The legacy .img-cover defaults are overridden
   so RFA/roster photos render as rounded rectangles, not circles.
   Size is density-driven (56px comfortable → 44px ultra): previously the
   blob image rendered at intrinsic size, blowing row height out at ultra. */
[b-bv7yk205pt] .img-round-badge-inline img.img-cover {
    width: var(--density-avatar-size, 56px);
    height: var(--density-avatar-size, 56px);
    border-radius: var(--radius-sm);
    object-fit: cover;
    display: block;
}

/* Keep the 56px comfortable avatar inside the fixed 70px photo column. */
[b-bv7yk205pt] .dynasty-roster-grid .rz-datatable-data td:has(.img-round-badge-inline) {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important;
}

/* (E) Deep-linkable tab navigation. Token-driven so it adapts across all six
   themes and both layouts (sidebar/top-nav). The underline indicator marks the
   active tab; tabs are real <a> links so deep links + back/forward work. */
.team-tabs[b-bv7yk205pt] {
    display: flex;
    gap: var(--spacing-xs);
    flex-wrap: wrap;
    margin: var(--spacing-md) 0 var(--spacing-lg);
    border-bottom: 1px solid var(--border-default);
}

.team-tab[b-bv7yk205pt] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: 0.625rem var(--spacing-md);
    font-family: var(--font-body);
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-tertiary);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
    transition: color var(--duration-fast) var(--ease-out),
                background-color var(--duration-fast) var(--ease-out),
                border-color var(--duration-fast) var(--ease-out);
}

.team-tab:hover[b-bv7yk205pt] {
    color: var(--text-primary);
    background-color: var(--accent-primary-subtle);
}

.team-tab i[b-bv7yk205pt] {
    font-size: 0.875em;
}

.team-tab-active[b-bv7yk205pt] {
    color: var(--accent-primary);
    border-bottom-color: var(--accent-primary);
}

.team-tab-active:hover[b-bv7yk205pt] {
    color: var(--accent-primary);
}

.team-tab:focus-visible[b-bv7yk205pt] {
    outline: none;
    box-shadow: var(--focus-ring);
}

@media (max-width: 575.98px) {
    .team-tab span[b-bv7yk205pt] {
        display: none;
    }

    .team-tab[b-bv7yk205pt] {
        padding: 0.625rem var(--spacing-md);
        font-size: var(--text-lg);
    }
}
/* /Components/Pages/League/TeamAnalysisTab.razor.rz.scp.css */
/* Team Analysis tab — component-scoped. All colors from design tokens; no invented
   tokens. Mirrors the editorial, low-chrome feel of Team.razor's stat strips. */

.ta-loading[b-pbh1a1kw59],
.ta-empty[b-pbh1a1kw59] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 30vh;
    color: var(--text-tertiary);
}

.ta-empty i[b-pbh1a1kw59] {
    font-size: 1.75rem;
    color: var(--text-quaternary);
}

.ta-grid[b-pbh1a1kw59] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
}

/* Panels that should always span the full row. */
.ta-takeaways[b-pbh1a1kw59],
.ta-mcp[b-pbh1a1kw59] {
    grid-column: 1 / -1;
}

@media (max-width: 860px) {
    .ta-grid[b-pbh1a1kw59] {
        grid-template-columns: 1fr;
    }
}

/* ---- Panel shell ---- */
.ta-panel[b-pbh1a1kw59] {
    background: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: 1.1rem 1.25rem 1.25rem;
}

.ta-panel-title[b-pbh1a1kw59] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.85rem;
    font-family: var(--font-display);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-secondary);
}

.ta-panel-title i[b-pbh1a1kw59] {
    color: var(--accent-primary);
    font-size: 0.85rem;
}

.ta-panel-sub[b-pbh1a1kw59] {
    margin: -0.4rem 0 0.85rem;
    font-size: 0.78rem;
    color: var(--text-tertiary);
    line-height: 1.4;
}

.ta-muted[b-pbh1a1kw59] {
    color: var(--text-quaternary);
}

/* ---- Takeaways ---- */
.ta-takeaway-list[b-pbh1a1kw59] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.55rem;
}

.ta-takeaway[b-pbh1a1kw59] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.6rem 0.75rem;
    border-radius: var(--radius-sm);
    background: var(--surface-2);
    border-left: 3px solid var(--border-default);
    font-size: 0.9rem;
    color: var(--text-primary);
    line-height: 1.35;
}

.ta-takeaway-icon[b-pbh1a1kw59] {
    flex: 0 0 auto;
    width: 1.1rem;
    text-align: center;
    margin-top: 0.05rem;
    color: var(--text-tertiary);
}

.ta-takeaway-good[b-pbh1a1kw59] {
    border-left-color: var(--accent-success);
    background: var(--accent-success-subtle);
}
.ta-takeaway-good .ta-takeaway-icon[b-pbh1a1kw59] { color: var(--accent-success); }

.ta-takeaway-warning[b-pbh1a1kw59] {
    border-left-color: var(--accent-warning);
    background: var(--accent-warning-subtle);
}
.ta-takeaway-warning .ta-takeaway-icon[b-pbh1a1kw59] { color: var(--accent-warning); }

.ta-takeaway-danger[b-pbh1a1kw59] {
    border-left-color: var(--accent-danger);
    background: var(--accent-danger-subtle);
}
.ta-takeaway-danger .ta-takeaway-icon[b-pbh1a1kw59] { color: var(--accent-danger); }

/* ---- Cap stat row ---- */
.ta-stat-row[b-pbh1a1kw59] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

@media (max-width: 540px) {
    .ta-stat-row[b-pbh1a1kw59] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.ta-stat[b-pbh1a1kw59] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ta-stat-value[b-pbh1a1kw59] {
    font-family: var(--font-mono);
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.1;
}

.ta-stat-value.ta-pos[b-pbh1a1kw59] { color: var(--accent-success); }
.ta-stat-value.ta-neg[b-pbh1a1kw59] { color: var(--accent-danger); }
.ta-stat-value.ta-warn[b-pbh1a1kw59] { color: var(--accent-warning); }

.ta-stat-label[b-pbh1a1kw59] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-tertiary);
}

.ta-stat-meta[b-pbh1a1kw59] {
    font-size: 0.72rem;
    color: var(--text-quaternary);
    font-family: var(--font-mono);
}

/* ---- Positional strength ---- */
.ta-pos-list[b-pbh1a1kw59] {
    display: grid;
    gap: 0.55rem;
}

.ta-pos-row[b-pbh1a1kw59] {
    display: grid;
    grid-template-columns: 2.75rem 4.25rem 1fr 4rem;
    align-items: center;
    gap: 0.6rem;
}

.ta-pos-tag[b-pbh1a1kw59] {
    font-family: var(--font-mono);
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
    padding: 0.15rem 0;
    border-radius: var(--radius-sm);
    background: var(--surface-3);
    color: var(--text-secondary);
}

.ta-pos-count[b-pbh1a1kw59] {
    display: flex;
    flex-direction: column;
    font-family: var(--font-mono);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1;
}

.ta-pos-count-label[b-pbh1a1kw59] {
    font-family: var(--font-body);
    font-size: 0.62rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-quaternary);
}

.ta-pos-bar-track[b-pbh1a1kw59] {
    height: 7px;
    border-radius: var(--radius-full);
    background: var(--surface-3);
    overflow: hidden;
}

.ta-pos-bar[b-pbh1a1kw59] {
    height: 100%;
    border-radius: var(--radius-full);
}

.ta-pos-strong[b-pbh1a1kw59] { color: var(--accent-success); }
.ta-pos-mid[b-pbh1a1kw59] { color: var(--accent-warning); }
.ta-pos-weak[b-pbh1a1kw59] { color: var(--accent-danger); }

.ta-pos-bar.ta-pos-strong[b-pbh1a1kw59] { background: var(--accent-success); }
.ta-pos-bar.ta-pos-mid[b-pbh1a1kw59] { background: var(--accent-warning); }
.ta-pos-bar.ta-pos-weak[b-pbh1a1kw59] { background: var(--accent-danger); }

.ta-pos-verdict[b-pbh1a1kw59] {
    font-size: 0.75rem;
    font-weight: 600;
    text-align: right;
}

/* ---- Player lists (top-valued / watch list) ---- */
.ta-player-list[b-pbh1a1kw59] {
    display: grid;
    gap: 0.4rem;
}

.ta-player[b-pbh1a1kw59] {
    display: grid;
    grid-template-columns: 2rem 1fr auto auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 0.5rem;
    border-radius: var(--radius-sm);
    text-decoration: none;
    transition: background 0.12s ease;
}

.ta-player:hover[b-pbh1a1kw59] {
    background: var(--surface-2);
}

.ta-player-photo[b-pbh1a1kw59] {
    width: 2rem;
    height: 2rem;
}

.ta-player-name[b-pbh1a1kw59] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ta-player:hover .ta-player-name[b-pbh1a1kw59] {
    color: var(--accent-primary);
}

.ta-player-pos[b-pbh1a1kw59] {
    font-family: var(--font-mono);
    font-size: 0.66rem;
    font-weight: 700;
    padding: 0.1rem 0.4rem;
    border-radius: var(--radius-sm);
    background: var(--surface-3);
    color: var(--text-secondary);
}

.ta-player-meta[b-pbh1a1kw59] {
    font-family: var(--font-mono);
    font-size: 0.74rem;
    color: var(--text-tertiary);
    white-space: nowrap;
}

.ta-player-risk:hover[b-pbh1a1kw59] {
    background: var(--accent-warning-subtle);
}

/* Position color accents (subtle left tints on the tag). */
.ta-pos-qb[b-pbh1a1kw59] { box-shadow: inset 2px 0 0 0 var(--accent-info); }
.ta-pos-rb[b-pbh1a1kw59] { box-shadow: inset 2px 0 0 0 var(--accent-success); }
.ta-pos-wr[b-pbh1a1kw59] { box-shadow: inset 2px 0 0 0 var(--accent-primary); }
.ta-pos-te[b-pbh1a1kw59] { box-shadow: inset 2px 0 0 0 var(--accent-secondary); }

/* ---- MCP panel ---- */
.ta-mcp[b-pbh1a1kw59] {
    background:
        radial-gradient(circle at 0% 0%, var(--accent-primary-subtle) 0, transparent 40%),
        var(--surface-1);
    border-color: var(--border-default);
}

.ta-mcp-head[b-pbh1a1kw59] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.ta-mcp-badge[b-pbh1a1kw59] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-md);
    background: var(--accent-primary-subtle);
    color: var(--accent-primary);
    font-size: 1.1rem;
}

.ta-mcp-title[b-pbh1a1kw59] {
    margin-bottom: 0.3rem;
}

.ta-mcp-lede[b-pbh1a1kw59] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--text-secondary);
    line-height: 1.5;
    max-width: 60ch;
}

.ta-prompt-grid[b-pbh1a1kw59] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
}

@media (max-width: 700px) {
    .ta-prompt-grid[b-pbh1a1kw59] {
        grid-template-columns: 1fr;
    }
}

.ta-prompt[b-pbh1a1kw59] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.85rem 0.95rem;
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
}

.ta-prompt-text[b-pbh1a1kw59] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--text-primary);
    line-height: 1.4;
}

.ta-prompt-tools[b-pbh1a1kw59] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: auto;
}

.ta-tool[b-pbh1a1kw59] {
    font-family: var(--font-mono);
    font-size: 0.68rem;
    padding: 0.1rem 0.4rem;
    border-radius: var(--radius-sm);
    background: var(--surface-3);
    color: var(--accent-primary);
    border: 1px solid var(--border-subtle);
}

.ta-mcp-foot[b-pbh1a1kw59] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-subtle);
}

.ta-mcp-cta[b-pbh1a1kw59] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.95rem;
    border-radius: var(--radius-sm);
    background: var(--accent-primary);
    color: var(--surface-0);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.12s ease;
}

.ta-mcp-cta:hover[b-pbh1a1kw59] {
    background: var(--accent-primary-hover);
}

.ta-mcp-foot-note[b-pbh1a1kw59] {
    font-size: 0.76rem;
    color: var(--text-tertiary);
    line-height: 1.4;
}

.ta-mcp-foot-note code[b-pbh1a1kw59] {
    font-family: var(--font-mono);
    font-size: 0.72rem;
    color: var(--text-secondary);
}
/* /Components/Pages/League/TeamLineupsTab.razor.rz.scp.css */
.lineup-tab[b-bpdr1zew9c] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0.5rem 0 1rem;
}

/* Tab header (replaces the standalone page hero) */
.lineup-tab-header[b-bpdr1zew9c] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-subtle);
}

.lineup-tab-title[b-bpdr1zew9c] {
    font-family: var(--font-display, inherit);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: var(--text-primary);
    line-height: 1.1;
}

.lineup-tab-meta[b-bpdr1zew9c] {
    margin: 0.35rem 0 0;
    color: var(--text-tertiary);
    font-size: 0.95rem;
}

.lineup-hero-sep[b-bpdr1zew9c] {
    margin: 0 0.5rem;
    opacity: 0.5;
}

.lineup-hero-controls[b-bpdr1zew9c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.lineup-week-label[b-bpdr1zew9c] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-tertiary);
    margin: 0;
}

.lineup-week-select[b-bpdr1zew9c] {
    background: var(--surface-2);
    color: var(--text-primary);
    border: 1px solid var(--border-default, var(--border-subtle));
    border-radius: var(--radius-sm);
    padding: 0.45rem 0.75rem;
    font-size: 0.95rem;
    font-family: inherit;
    cursor: pointer;
}

.lineup-week-select:focus-visible[b-bpdr1zew9c] {
    outline: none;
    box-shadow: var(--focus-ring, 0 0 0 3px var(--accent-primary-subtle));
}

/* Loading + gates */
.lineup-loading[b-bpdr1zew9c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 4rem 1rem;
    color: var(--text-tertiary);
}

.lineup-gate[b-bpdr1zew9c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    padding: 3rem 1.5rem;
    background: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
}

.lineup-gate-icon[b-bpdr1zew9c] {
    font-size: 2.25rem;
    color: var(--accent-primary);
}

.lineup-gate-title[b-bpdr1zew9c] {
    margin: 0;
    font-size: 1.4rem;
    color: var(--text-primary);
}

.lineup-gate-body[b-bpdr1zew9c] {
    margin: 0;
    max-width: 38rem;
    color: var(--text-secondary);
    line-height: 1.55;
}

/* Status banner */
.lineup-status[b-bpdr1zew9c] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-sm);
    font-size: 0.95rem;
    border: 1px solid transparent;
}

.lineup-status-ok[b-bpdr1zew9c] {
    background: var(--accent-success-subtle);
    color: var(--text-primary);
    border-color: var(--accent-success);
}

.lineup-status-err[b-bpdr1zew9c] {
    background: var(--accent-danger-subtle);
    color: var(--text-primary);
    border-color: var(--accent-danger);
}

/* Requirement chips */
.lineup-reqs[b-bpdr1zew9c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.lineup-req-chip[b-bpdr1zew9c] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    font-size: 0.85rem;
    border: 1px solid var(--border-subtle);
    background: var(--surface-2);
}

.lineup-req-chip.is-met[b-bpdr1zew9c] {
    border-color: var(--accent-success);
    background: var(--accent-success-subtle);
}

.lineup-req-chip.is-unmet[b-bpdr1zew9c] {
    border-color: var(--accent-warning);
    background: var(--accent-warning-subtle);
}

.lineup-req-pos[b-bpdr1zew9c] {
    font-weight: 600;
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.lineup-req-count[b-bpdr1zew9c] {
    font-family: var(--font-mono);
    color: var(--text-secondary);
}

/* Warnings */
.lineup-warnings[b-bpdr1zew9c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.lineup-warning[b-bpdr1zew9c] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.85rem;
    border-radius: var(--radius-sm);
    font-size: 0.9rem;
    border-left: 3px solid transparent;
    background: var(--surface-2);
    color: var(--text-secondary);
}

.lineup-warning-bye[b-bpdr1zew9c] {
    border-left-color: var(--accent-warning);
}

.lineup-warning-injury[b-bpdr1zew9c] {
    border-left-color: var(--accent-danger);
}

.lineup-warning-req[b-bpdr1zew9c] {
    border-left-color: var(--accent-primary);
}

/* Columns */
.lineup-columns[b-bpdr1zew9c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

@media (max-width: 720px) {
    .lineup-columns[b-bpdr1zew9c] {
        grid-template-columns: 1fr;
    }
}

.lineup-col[b-bpdr1zew9c],
.lineup-history[b-bpdr1zew9c] {
    background: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    padding: 1rem;
}

.lineup-col-header[b-bpdr1zew9c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.lineup-col-title[b-bpdr1zew9c] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-primary);
}

.lineup-col-stats[b-bpdr1zew9c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.lineup-col-proj[b-bpdr1zew9c] {
    font-family: var(--font-mono);
    font-size: 0.85rem;
    color: var(--accent-primary);
    background: var(--accent-primary-subtle);
    border-radius: 999px;
    padding: 0.1rem 0.55rem;
}

.lineup-col-count[b-bpdr1zew9c] {
    font-family: var(--font-mono);
    font-size: 0.85rem;
    color: var(--text-tertiary);
    background: var(--surface-2);
    border-radius: 999px;
    padding: 0.1rem 0.55rem;
}

.lineup-list[b-bpdr1zew9c] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.lineup-empty[b-bpdr1zew9c] {
    color: var(--text-tertiary);
    font-size: 0.9rem;
    padding: 0.75rem 0.25rem;
    font-style: italic;
}

/* Row */
.lineup-row[b-bpdr1zew9c] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.5rem 0.6rem;
    border-radius: var(--radius-sm);
    background: var(--surface-2);
    border: 1px solid transparent;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.lineup-row:hover[b-bpdr1zew9c] {
    border-color: var(--border-subtle);
}

.lineup-row.has-warning[b-bpdr1zew9c] {
    border-color: var(--accent-warning);
    background: var(--accent-warning-subtle);
}

.lineup-row-avatar[b-bpdr1zew9c] {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    object-fit: cover;
    background: var(--surface-3);
}

.lineup-row-main[b-bpdr1zew9c] {
    flex: 1 1 auto;
    min-width: 0;
}

.lineup-row-name-line[b-bpdr1zew9c] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.lineup-row-name[b-bpdr1zew9c] {
    font-weight: 600;
    color: var(--text-primary);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lineup-row-name:hover[b-bpdr1zew9c] {
    color: var(--accent-primary);
    text-decoration: underline;
}

.lineup-row-sub[b-bpdr1zew9c] {
    font-size: 0.82rem;
    color: var(--text-tertiary);
    margin-top: 0.1rem;
}

.lineup-row-pos[b-bpdr1zew9c] {
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
}

.lineup-row-rank[b-bpdr1zew9c] {
    font-family: var(--font-mono);
}

.lineup-row-proj[b-bpdr1zew9c] {
    flex: 0 0 auto;
    font-family: var(--font-mono);
    font-size: 0.85rem;
    color: var(--text-secondary);
    min-width: 2.75rem;
    text-align: right;
}

/* Badges */
.lineup-badge[b-bpdr1zew9c] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.1rem 0.4rem;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
}

.lineup-badge-bye[b-bpdr1zew9c] {
    background: var(--accent-warning-subtle);
    color: var(--accent-warning);
    border: 1px solid var(--accent-warning);
}

.lineup-badge-injury[b-bpdr1zew9c] {
    background: var(--accent-danger-subtle);
    color: var(--accent-danger);
    border: 1px solid var(--accent-danger);
}

.lineup-badge-soft[b-bpdr1zew9c] {
    background: var(--surface-3);
    color: var(--text-tertiary);
    border: 1px solid var(--border-subtle);
}

/* Move buttons */
.lineup-move[b-bpdr1zew9c] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-subtle);
    background: var(--surface-3);
    color: var(--text-secondary);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.lineup-move:hover:not(:disabled)[b-bpdr1zew9c] {
    color: var(--text-primary);
}

.lineup-move-up:hover:not(:disabled)[b-bpdr1zew9c] {
    border-color: var(--accent-success);
    color: var(--accent-success);
}

.lineup-move-down:hover:not(:disabled)[b-bpdr1zew9c] {
    border-color: var(--accent-warning);
    color: var(--accent-warning);
}

.lineup-move:disabled[b-bpdr1zew9c] {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Actions */
.lineup-actions[b-bpdr1zew9c] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.lineup-actions-hint[b-bpdr1zew9c] {
    color: var(--text-tertiary);
    font-size: 0.88rem;
}

.lineup-btn[b-bpdr1zew9c] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.1rem;
    border-radius: var(--radius-sm);
    font-size: 0.95rem;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

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

.lineup-btn-primary[b-bpdr1zew9c] {
    background: var(--accent-primary);
    color: var(--text-inverse);
}

.lineup-btn-primary:hover:not(:disabled)[b-bpdr1zew9c] {
    background: var(--accent-primary-hover);
}

.lineup-btn-secondary[b-bpdr1zew9c] {
    background: var(--surface-2);
    color: var(--text-primary);
    border-color: var(--border-default, var(--border-subtle));
}

.lineup-btn-secondary:hover:not(:disabled)[b-bpdr1zew9c] {
    background: var(--surface-3);
}

.lineup-btn-ghost[b-bpdr1zew9c] {
    background: transparent;
    color: var(--text-secondary);
    border-color: var(--border-subtle);
}

.lineup-btn-ghost:hover:not(:disabled)[b-bpdr1zew9c] {
    color: var(--text-primary);
    border-color: var(--border-default, var(--border-subtle));
}

.lineup-btn:focus-visible[b-bpdr1zew9c] {
    outline: none;
    box-shadow: var(--focus-ring, 0 0 0 3px var(--accent-primary-subtle));
}

/* History */
.lineup-history-list[b-bpdr1zew9c] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.lineup-history-item[b-bpdr1zew9c] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 0.55rem;
    border-radius: var(--radius-sm);
    background: var(--surface-2);
    font-size: 0.88rem;
    flex-wrap: wrap;
}

.lineup-history-source[b-bpdr1zew9c] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.12rem 0.45rem;
    border-radius: var(--radius-sm);
}

.lineup-source-mfl[b-bpdr1zew9c] {
    background: var(--accent-secondary-subtle, var(--accent-warning-subtle));
    color: var(--text-primary);
    border: 1px solid var(--accent-warning);
}

.lineup-source-dynastydb[b-bpdr1zew9c] {
    background: var(--accent-primary-subtle);
    color: var(--text-primary);
    border: 1px solid var(--accent-primary);
}

.lineup-history-when[b-bpdr1zew9c] {
    font-family: var(--font-mono);
    color: var(--text-secondary);
}

.lineup-history-meta[b-bpdr1zew9c] {
    color: var(--text-tertiary);
}

.lineup-history-by[b-bpdr1zew9c] {
    color: var(--text-tertiary);
}

.lineup-history-current[b-bpdr1zew9c] {
    margin-left: auto;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--accent-success);
    background: var(--accent-success-subtle);
    border: 1px solid var(--accent-success);
    padding: 0.12rem 0.45rem;
    border-radius: var(--radius-sm);
}
/* /Components/Pages/League/TeamManageTab.razor.rz.scp.css */
.manage-forbidden[b-cesj7es93j] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: min(calc(var(--density-empty-state-pad) * 0.66), 2rem) 2.5rem;
    color: var(--text-tertiary);
    font-family: var(--font-body);
    font-size: var(--text-base);
}

.manage-forbidden i[b-cesj7es93j] {
    color: var(--text-quaternary);
}

/* --- MFL status banner --- */
.manage-mfl-status[b-cesj7es93j] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 2.5rem 1.5rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    background: var(--surface-2);
}

.manage-mfl-status.is-linked[b-cesj7es93j] {
    border-color: color-mix(in srgb, var(--accent-success) 40%, var(--border-default));
    background: var(--accent-success-subtle);
}

.manage-mfl-status.is-unlinked[b-cesj7es93j] {
    border-color: color-mix(in srgb, var(--accent-warning) 36%, var(--border-default));
    background: var(--accent-warning-subtle);
}

.manage-mfl-status-icon[b-cesj7es93j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: none;
    border-radius: var(--radius-full);
    font-size: 1rem;
    background: var(--surface-3);
    color: var(--text-secondary);
}

.is-linked .manage-mfl-status-icon[b-cesj7es93j] {
    background: color-mix(in srgb, var(--accent-success) 24%, transparent);
    color: var(--accent-success);
}

.is-unlinked .manage-mfl-status-icon[b-cesj7es93j] {
    background: color-mix(in srgb, var(--accent-warning) 24%, transparent);
    color: var(--accent-warning);
}

.manage-mfl-status-text[b-cesj7es93j] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
    flex: 1 1 auto;
}

.manage-mfl-status-title[b-cesj7es93j] {
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-primary);
}

.manage-mfl-status-sub[b-cesj7es93j] {
    font-family: var(--font-body);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.manage-mfl-status-action[b-cesj7es93j] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    flex: none;
    padding: 0.4rem 0.875rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-strong);
    background: var(--surface-3);
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background var(--duration-fast) var(--ease-out),
                border-color var(--duration-fast) var(--ease-out);
}

.manage-mfl-status-action:hover[b-cesj7es93j] {
    background: var(--surface-4);
    border-color: var(--border-accent);
    color: var(--text-primary);
}

/* --- Action card grid --- */
.manage-grid[b-cesj7es93j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.75rem;
    margin: 0 2.5rem;
}

.manage-card[b-cesj7es93j] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 1rem 1.125rem;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    background: var(--surface-2);
    color: var(--text-primary);
    text-decoration: none;
    transition: background var(--duration-fast) var(--ease-out),
                border-color var(--duration-fast) var(--ease-out),
                transform var(--duration-fast) var(--ease-out);
}

.manage-card:hover[b-cesj7es93j] {
    background: var(--surface-3);
    border-color: var(--border-accent);
    transform: translateY(-1px);
}

.manage-card-icon[b-cesj7es93j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex: none;
    border-radius: var(--radius-sm);
    font-size: 1.0625rem;
}

.manage-card-icon-primary[b-cesj7es93j] {
    background: var(--accent-primary-subtle);
    color: var(--accent-primary);
}

.manage-card-icon-success[b-cesj7es93j] {
    background: var(--accent-success-subtle);
    color: var(--accent-success);
}

.manage-card-icon-warning[b-cesj7es93j] {
    background: var(--accent-warning-subtle);
    color: var(--accent-warning);
}

.manage-card-icon-info[b-cesj7es93j] {
    background: var(--accent-info-subtle);
    color: var(--accent-info);
}

.manage-card-icon-secondary[b-cesj7es93j] {
    background: var(--accent-secondary-subtle);
    color: var(--accent-secondary);
}

.manage-card-icon-muted[b-cesj7es93j] {
    background: var(--surface-3);
    color: var(--text-tertiary);
}

.manage-card-body[b-cesj7es93j] {
    display: flex;
    flex-direction: column;
    gap: 0.1875rem;
    min-width: 0;
    flex: 1 1 auto;
}

.manage-card-title[b-cesj7es93j] {
    font-family: var(--font-display);
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-primary);
}

.manage-card-desc[b-cesj7es93j] {
    font-family: var(--font-body);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    line-height: 1.35;
}

.manage-card-chevron[b-cesj7es93j] {
    flex: none;
    font-size: 0.75rem;
    color: var(--text-quaternary);
    transition: color var(--duration-fast) var(--ease-out),
                transform var(--duration-fast) var(--ease-out);
}

.manage-card:hover .manage-card-chevron[b-cesj7es93j] {
    color: var(--accent-primary);
    transform: translateX(2px);
}

/* --- Roster snapshot strip --- */
.manage-snapshot[b-cesj7es93j] {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--density-section-gap) * 1.33);
    margin: 1.5rem 2.5rem 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--border-subtle);
}

.manage-snapshot-item[b-cesj7es93j] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.manage-snapshot-value[b-cesj7es93j] {
    font-family: var(--font-mono);
    font-size: var(--text-2xl);
    font-weight: 700;
    line-height: 1;
    color: var(--text-primary);
}

.manage-snapshot-value.is-danger[b-cesj7es93j] {
    color: var(--accent-danger);
}

.manage-snapshot-value.is-warning[b-cesj7es93j] {
    color: var(--accent-warning);
}

.manage-snapshot-label[b-cesj7es93j] {
    font-family: var(--font-body);
    font-size: var(--text-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-quaternary);
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .manage-mfl-status[b-cesj7es93j],
    .manage-grid[b-cesj7es93j] {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .manage-snapshot[b-cesj7es93j] {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
        gap: 1.5rem;
    }

    .manage-mfl-status[b-cesj7es93j] {
        flex-wrap: wrap;
    }

    .manage-mfl-status-action[b-cesj7es93j] {
        margin-left: auto;
    }
}
/* /Components/Pages/League/TeamPenaltiesTab.razor.rz.scp.css */
/* Penalties tab — component-scoped styling. Radzen renders grid cells outside
   this component's authored markup, so ::deep reaches the generated DOM. All
   colors come from design tokens, so it stays theme-safe across all 6 themes. */

/* Player-avatar rounding (~8px) per the shared player-avatar contract. */
[b-xo3vz5w1r8] .img-round-badge-inline img.img-cover {
    border-radius: var(--radius-sm);
    object-fit: cover;
}

[b-xo3vz5w1r8] .penalty-name-cell {
    font-size: 0.9375rem;
}

[b-xo3vz5w1r8] .penalty-player-name {
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

[b-xo3vz5w1r8] .penalty-original {
    font-family: var(--font-mono);
    color: var(--text-secondary);
}

[b-xo3vz5w1r8] .penalty-amount-cell {
    font-family: var(--font-mono);
}

[b-xo3vz5w1r8] .penalty-amount {
    font-family: var(--font-mono);
    font-weight: 600;
    color: var(--accent-warning);
}

[b-xo3vz5w1r8] .penalty-amount-total {
    font-size: 1rem;
    color: var(--accent-warning);
}

/* Mobile-only meta line — folds the cap hit + exempt badge into the name cell
   when the dedicated columns are hidden below the md breakpoint. */
[b-xo3vz5w1r8] .penalty-mobile-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

[b-xo3vz5w1r8] .penalty-mobile-amount {
    font-family: var(--font-mono);
    font-weight: 600;
    color: var(--accent-warning);
}

/* Empty state — calm, centered, token-driven. */
.penalty-empty[b-xo3vz5w1r8] {
    text-align: center;
    padding: var(--density-empty-state-pad) 1.5rem;
    color: var(--text-tertiary);
}

.penalty-empty-icon[b-xo3vz5w1r8] {
    font-size: var(--density-empty-icon-size);
    color: var(--accent-success);
    opacity: 0.5;
    margin-bottom: 1rem;
}

.penalty-empty-title[b-xo3vz5w1r8] {
    font-family: var(--font-display);
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin: 0 0 0.5rem;
}

.penalty-empty-text[b-xo3vz5w1r8] {
    font-family: var(--font-body);
    font-size: 0.875rem;
    color: var(--text-tertiary);
    max-width: 28rem;
    margin: 0 auto;
}
/* /Components/Pages/League/Teams.razor.rz.scp.css */
/* Teams.razor — scoped styles
   Most team-card visuals live in shared.css; this file is just for the
   empty-state and header overrides specific to the teams list. */

.teams-empty-state[b-66uu4pel15] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: var(--density-empty-state-pad) 1.5rem;
    border: 1px dashed var(--border-default);
    border-radius: 12px;
    background: var(--surface-1);
    color: var(--text-tertiary);
    text-align: center;
}

.teams-empty-state i[b-66uu4pel15] {
    color: var(--text-quaternary);
    opacity: 0.6;
}

.teams-empty-state h3[b-66uu4pel15] {
    margin: 0;
    font-family: var(--font-display, inherit);
    font-size: 1.25rem;
    color: var(--text-primary);
}

.teams-empty-state p[b-66uu4pel15] {
    margin: 0;
    max-width: 32ch;
    color: var(--text-tertiary);
}
/* /Components/Pages/League/TradeBlock.razor.rz.scp.css */
.tb-page[b-g9k3of9ozq] {
    width: min(100%, 1240px);
    margin: 0 auto;
    display: grid;
    gap: var(--spacing-lg, 1.25rem);
    color: var(--text-primary);
}

/* ---- Hero ---- */
.tb-hero[b-g9k3of9ozq] {
    position: relative;
    overflow: hidden;
    padding: var(--density-hero-pad-y);
    border: 1px solid var(--border-default);
    border-radius: var(--panel-radius, var(--radius-lg));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent-primary-subtle) 52%, transparent), transparent 46%),
        linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 5%, transparent), transparent 12rem),
        var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-premium, var(--shadow-lg));
}

.tb-hero[b-g9k3of9ozq]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(color-mix(in srgb, var(--text-primary) 6%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--text-primary) 6%, transparent) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(135deg, black, transparent 68%);
    opacity: 0.32;
}

.tb-hero-copy[b-g9k3of9ozq] { position: relative; z-index: 1; }

.tb-kicker[b-g9k3of9ozq] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 44%, var(--border-default));
    border-radius: var(--control-radius, var(--radius-sm));
    color: var(--accent-primary);
    background: color-mix(in srgb, var(--accent-primary-subtle) 44%, transparent);
    font-family: var(--font-mono);
    font-size: var(--text-sm, 0.85rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tb-hero h1[b-g9k3of9ozq] {
    margin: 0.85rem 0 0;
    font-family: var(--font-display);
    font-size: var(--density-display-size);
    font-weight: 820;
    letter-spacing: -0.01em;
    line-height: 1;
    color: var(--text-primary);
}

.tb-hero p[b-g9k3of9ozq] {
    width: min(100%, 58ch);
    margin: 0.9rem 0 0;
    color: var(--text-secondary);
    font-size: var(--text-lg, 1.05rem);
    line-height: 1.55;
}

/* ---- Panels ---- */
.tb-panel[b-g9k3of9ozq] {
    border: 1px solid var(--border-default);
    border-radius: var(--panel-radius, var(--radius-lg));
    background: var(--surface-panel, var(--surface-1));
    padding: 1.4rem;
    box-shadow: var(--shadow-sm);
}

.tb-panel-head[b-g9k3of9ozq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

.tb-panel-head h2[b-g9k3of9ozq] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-xl, 1.3rem);
    font-weight: 760;
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

/* ---- Profile editor ---- */
.tb-switch[b-g9k3of9ozq] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary);
    font-size: var(--text-sm, 0.85rem);
    cursor: pointer;
    user-select: none;
}

.tb-switch input[b-g9k3of9ozq] { accent-color: var(--accent-primary); width: 1.05rem; height: 1.05rem; }

.tb-profile-grid[b-g9k3of9ozq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: 1rem;
}

.tb-field[b-g9k3of9ozq] { display: grid; gap: 0.4rem; }

.tb-field > label[b-g9k3of9ozq] {
    font-size: var(--text-sm, 0.82rem);
    font-weight: 700;
    color: var(--text-secondary);
}

.tb-field > label span[b-g9k3of9ozq] { color: var(--text-tertiary); font-weight: 500; }

.tb-field textarea[b-g9k3of9ozq],
.tb-ask + textarea[b-g9k3of9ozq] {
    width: 100%;
    border: 1px solid var(--border-default);
    background: var(--surface-control, var(--surface-2));
    color: var(--text-primary);
    border-radius: var(--control-radius, var(--radius-sm));
    padding: 0.6rem 0.75rem;
    font: inherit;
    resize: vertical;
    outline: none;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.tb-field textarea:focus[b-g9k3of9ozq] {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px var(--accent-primary-subtle);
}

.tb-field textarea[b-g9k3of9ozq]::placeholder { color: var(--text-tertiary); }

.tb-actions[b-g9k3of9ozq] { display: flex; justify-content: flex-end; margin-top: 1rem; }

.tb-btn-primary[b-g9k3of9ozq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 1.2rem;
    border: 1px solid var(--accent-primary);
    border-radius: var(--control-radius, var(--radius-sm));
    background: var(--accent-primary);
    color: var(--text-inverse);
    font-weight: 700;
    font-size: var(--text-sm, 0.875rem);
    cursor: pointer;
    transition: background-color 120ms ease, transform 120ms ease;
}

.tb-btn-primary:hover:not(:disabled)[b-g9k3of9ozq] { background: var(--accent-primary-hover); transform: translateY(-1px); }
.tb-btn-primary:disabled[b-g9k3of9ozq] { opacity: 0.6; cursor: default; }

/* ---- Around the league ---- */
.tb-league-grid[b-g9k3of9ozq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
    gap: 0.75rem;
}

.tb-team-card[b-g9k3of9ozq] {
    display: grid;
    gap: 0.4rem;
    padding: 1rem;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 12px);
    background: var(--surface-control, var(--surface-2));
    transition: border-color 140ms ease, transform 140ms ease;
}

.tb-team-card:hover[b-g9k3of9ozq] { border-color: var(--border-strong); transform: translateY(-2px); }

.tb-team-head[b-g9k3of9ozq] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.tb-team-name[b-g9k3of9ozq] { font-weight: 700; color: var(--text-primary); }

.tb-open-badge[b-g9k3of9ozq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.15rem 0.55rem;
    border-radius: var(--radius-full, 999px);
    background: color-mix(in srgb, var(--accent-success-subtle) 80%, transparent);
    color: var(--accent-success);
    font-size: var(--text-xs, 0.72rem);
    font-weight: 700;
}

.tb-dot[b-g9k3of9ozq] {
    width: 0.45rem; height: 0.45rem; border-radius: 50%;
    background: var(--accent-success);
    box-shadow: 0 0 8px var(--accent-success);
}

.tb-line[b-g9k3of9ozq] { font-size: var(--text-sm, 0.85rem); color: var(--text-secondary); line-height: 1.4; }
.tb-line-label[b-g9k3of9ozq] { color: var(--text-tertiary); font-weight: 600; margin-right: 0.4rem; }

/* ---- On the block ---- */
.tb-block-grid[b-g9k3of9ozq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr));
    gap: 0.9rem;
}

.tb-block-card[b-g9k3of9ozq] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1.1rem;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 12px);
    background: var(--surface-control, var(--surface-2));
    transition: border-color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.tb-block-card:hover[b-g9k3of9ozq] {
    border-color: var(--border-strong);
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.tb-block-head[b-g9k3of9ozq] { display: flex; align-items: center; gap: 0.85rem; }

.tb-avatar[b-g9k3of9ozq] {
    width: 56px; height: 56px; flex-shrink: 0;
    border-radius: var(--radius-sm, 8px);
    object-fit: cover;
    border: 1px solid var(--border-default);
    background: var(--surface-3);
}

.tb-avatar-pick[b-g9k3of9ozq] {
    display: flex; align-items: center; justify-content: center;
    font-family: var(--font-display);
    font-weight: 760;
    font-size: var(--text-xl, 1.4rem);
    color: var(--accent-primary);
    background: var(--accent-primary-subtle, var(--surface-3));
}

.tb-block-id[b-g9k3of9ozq] { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }

.tb-player-name[b-g9k3of9ozq] {
    font-family: var(--font-display);
    font-weight: 760;
    font-size: var(--text-lg, 1.05rem);
    color: var(--text-primary);
    text-decoration: none;
    line-height: 1.15;
}
.tb-player-name:hover[b-g9k3of9ozq] { color: var(--accent-primary); }

.tb-player-meta[b-g9k3of9ozq] { font-size: var(--text-xs, 0.76rem); color: var(--text-tertiary); }

.tb-from[b-g9k3of9ozq] {
    font-size: var(--text-xs, 0.78rem);
    color: var(--text-secondary);
    text-decoration: none;
    margin-top: 0.1rem;
}
.tb-from:hover[b-g9k3of9ozq] { color: var(--accent-primary); }

.tb-stats[b-g9k3of9ozq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.tb-stat[b-g9k3of9ozq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    border-radius: var(--radius-sm, 8px);
    background: var(--surface-panel, var(--surface-1));
    border: 1px solid var(--border-subtle);
}

.tb-stat-val[b-g9k3of9ozq] {
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 1.15rem;
    color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}

.tb-stat-lbl[b-g9k3of9ozq] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-tertiary);
}

.tb-ask[b-g9k3of9ozq] {
    font-size: var(--text-sm, 0.85rem);
    color: var(--text-secondary);
    line-height: 1.4;
    padding: 0.5rem 0.7rem;
    border-radius: var(--radius-sm, 8px);
    background: color-mix(in srgb, var(--accent-primary-subtle) 40%, transparent);
    border-left: 2px solid var(--accent-primary);
}

.tb-ask-give[b-g9k3of9ozq] {
    background: color-mix(in srgb, var(--accent-success-subtle) 50%, transparent);
    border-left-color: var(--accent-success);
}

.tb-ask-label[b-g9k3of9ozq] {
    display: block;
    font-size: var(--text-xs, 0.7rem);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-tertiary);
    margin-bottom: 0.15rem;
}

.tb-block-foot[b-g9k3of9ozq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 0.4rem;
}

.tb-added[b-g9k3of9ozq] { font-size: var(--text-xs, 0.72rem); color: var(--text-tertiary); }

.tb-remove[b-g9k3of9ozq] {
    padding: 0.3rem 0.7rem;
    border: 1px solid color-mix(in srgb, var(--accent-danger, #ef4444) 40%, var(--border-default));
    border-radius: var(--control-radius, var(--radius-sm));
    background: transparent;
    color: var(--accent-danger, #ef4444);
    font-size: var(--text-xs, 0.76rem);
    font-weight: 650;
    cursor: pointer;
    transition: background-color 120ms ease;
}
.tb-remove:hover[b-g9k3of9ozq] { background: color-mix(in srgb, var(--accent-danger, #ef4444) 14%, transparent); }

/* ---- Empty + loading ---- */
.tb-empty[b-g9k3of9ozq] {
    display: grid;
    place-items: center;
    gap: 0.5rem;
    padding: min(calc(var(--density-empty-state-pad) * 0.83), 2.5rem) 1rem;
    color: var(--text-tertiary);
    text-align: center;
}
.tb-empty i[b-g9k3of9ozq] { font-size: min(var(--density-empty-icon-size), 1.6rem); opacity: 0.6; }

.tb-loading[b-g9k3of9ozq] { display: grid; place-items: center; padding: calc(var(--density-empty-state-pad) * 1.33) 1rem; }

.tb-spinner[b-g9k3of9ozq], .tb-btn-spinner[b-g9k3of9ozq] {
    border: 3px solid var(--border-default);
    border-top-color: var(--accent-primary);
    border-radius: 50%;
    animation: tb-spin-b-g9k3of9ozq 0.8s linear infinite;
}
.tb-spinner[b-g9k3of9ozq] { width: 2.25rem; height: 2.25rem; }
.tb-btn-spinner[b-g9k3of9ozq] { width: 0.9rem; height: 0.9rem; border-width: 2px; border-top-color: var(--text-inverse); }

@keyframes tb-spin-b-g9k3of9ozq { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .tb-team-card[b-g9k3of9ozq], .tb-block-card[b-g9k3of9ozq], .tb-btn-primary[b-g9k3of9ozq] { transition: none; }
    .tb-team-card:hover[b-g9k3of9ozq], .tb-block-card:hover[b-g9k3of9ozq], .tb-btn-primary:hover[b-g9k3of9ozq] { transform: none; }
    .tb-spinner[b-g9k3of9ozq], .tb-btn-spinner[b-g9k3of9ozq] { animation-duration: 1.6s; }
}
/* /Components/Pages/LeagueHistory.razor.rz.scp.css */
.history-page[b-qd1m0hlsr8] {
    width: min(100%, 1420px);
    margin: 0 auto;
    display: grid;
    gap: var(--spacing-lg);
    color: var(--text-primary);
}

.history-hero[b-qd1m0hlsr8] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
    gap: var(--spacing-xl);
    align-items: end;
    padding: var(--density-hero-pad-y);
    border: 1px solid var(--border-default);
    border-radius: var(--panel-radius);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent-primary-subtle) 52%, transparent), transparent 46%),
        linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 5%, transparent), transparent 12rem),
        var(--surface-panel);
    box-shadow: var(--shadow-premium);
}

.history-hero[b-qd1m0hlsr8]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(color-mix(in srgb, var(--text-primary) 6%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--text-primary) 6%, transparent) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(135deg, black, transparent 68%);
    opacity: 0.34;
}

.history-hero-copy[b-qd1m0hlsr8],
.history-metrics[b-qd1m0hlsr8] {
    position: relative;
    z-index: 1;
}

.history-season-range[b-qd1m0hlsr8] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 2rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid color-mix(in srgb, var(--accent-secondary) 48%, var(--border-default));
    border-radius: var(--control-radius);
    color: var(--accent-secondary);
    background: color-mix(in srgb, var(--accent-secondary-subtle) 44%, transparent);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: 760;
    letter-spacing: 0;
}

.history-hero h1[b-qd1m0hlsr8] {
    margin: 0.85rem 0 0;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: var(--density-display-size);
    font-weight: 820;
    letter-spacing: 0;
    line-height: 1;
}

.history-hero p[b-qd1m0hlsr8] {
    width: min(100%, 58ch);
    margin: 0.9rem 0 0;
    color: var(--text-secondary);
    font-size: var(--text-lg);
    line-height: 1.55;
}

.history-metrics[b-qd1m0hlsr8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.history-metric[b-qd1m0hlsr8] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--border-default);
    border-radius: var(--panel-radius);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 5%, transparent), transparent),
        color-mix(in srgb, var(--surface-control) 84%, transparent);
    box-shadow: var(--shadow-xs);
}

.history-metric-value[b-qd1m0hlsr8] {
    display: block;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 820;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.history-metric-label[b-qd1m0hlsr8] {
    display: block;
    margin-top: 0.42rem;
    color: var(--text-tertiary);
    font-size: var(--text-xs);
    font-weight: 780;
    letter-spacing: 0;
    text-transform: uppercase;
}

.history-season-strip[b-qd1m0hlsr8] {
    display: flex;
    gap: 0.55rem;
    overflow-x: auto;
    padding: 0 0 0.2rem;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--accent-primary) 54%, var(--border-default)) transparent;
}

.season-chip[b-qd1m0hlsr8] {
    flex: 0 0 auto;
    display: grid;
    grid-template-rows: auto auto auto;
    gap: 0.18rem;
    min-width: 8.75rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--border-default);
    border-radius: var(--control-radius);
    background: var(--surface-control);
    color: var(--text-secondary);
    text-align: left;
    box-shadow: none;
    transition:
        background-color var(--duration-fast) var(--ease-out),
        border-color var(--duration-fast) var(--ease-out),
        transform var(--duration-fast) var(--ease-out);
}

.season-chip:hover[b-qd1m0hlsr8],
.season-chip:focus-visible[b-qd1m0hlsr8] {
    border-color: color-mix(in srgb, var(--accent-primary) 54%, var(--border-default));
    background: var(--surface-control-hover);
    transform: translateY(-1px);
    outline: none;
}

.season-chip.active[b-qd1m0hlsr8] {
    border-color: color-mix(in srgb, var(--accent-primary) 72%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary-subtle) 48%, var(--surface-control));
    box-shadow: inset 0 2px 0 var(--accent-primary);
}

.season-chip-year[b-qd1m0hlsr8] {
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-size: var(--text-lg);
    font-weight: 860;
    line-height: 1;
}

.season-chip-team[b-qd1m0hlsr8] {
    max-width: 100%;
    overflow: hidden;
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.season-chip-footprint[b-qd1m0hlsr8] {
    color: var(--accent-secondary);
    font-family: var(--font-mono);
    font-size: 0.68rem;
    font-weight: 760;
}

.history-grid[b-qd1m0hlsr8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: var(--spacing-lg);
    align-items: start;
}

.history-main[b-qd1m0hlsr8],
.history-side[b-qd1m0hlsr8] {
    display: grid;
    gap: var(--spacing-lg);
    min-width: 0;
}

.history-panel[b-qd1m0hlsr8] {
    min-width: 0;
    border: 1px solid var(--border-default);
    border-radius: var(--panel-radius);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 4%, transparent), transparent 10rem),
        var(--surface-panel);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.history-section-header[b-qd1m0hlsr8] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--spacing-md);
    padding: 1.15rem 1.25rem;
    border-bottom: 1px solid var(--border-subtle);
}

.history-section-header.compact[b-qd1m0hlsr8] {
    align-items: start;
}

.history-section-header h2[b-qd1m0hlsr8] {
    margin: 0;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 780;
    letter-spacing: 0;
    line-height: 1.1;
}

.history-section-header p[b-qd1m0hlsr8] {
    margin: 0.45rem 0 0;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    line-height: 1.45;
}

.history-section-header p span[b-qd1m0hlsr8] {
    color: var(--accent-secondary);
    font-weight: 760;
}

.history-season-control[b-qd1m0hlsr8] {
    display: grid;
    gap: 0.35rem;
    min-width: 9.5rem;
}

.history-season-control label[b-qd1m0hlsr8] {
    color: var(--text-tertiary);
    font-size: var(--text-xs);
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.history-season-control .form-select[b-qd1m0hlsr8] {
    min-height: 2.7rem;
    font-family: var(--font-display);
    font-weight: 760;
}

.coverage-row[b-qd1m0hlsr8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.9rem 1.25rem;
    border-bottom: 1px solid var(--border-subtle);
    background: color-mix(in srgb, var(--surface-control) 62%, transparent);
}

.coverage-pill[b-qd1m0hlsr8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 1.85rem;
    padding: 0.28rem 0.58rem;
    border: 1px solid var(--border-default);
    border-radius: var(--control-radius);
    color: var(--text-tertiary);
    background: color-mix(in srgb, var(--surface-panel-strong) 74%, transparent);
    font-size: var(--text-xs);
    font-weight: 760;
}

.coverage-pill.complete[b-qd1m0hlsr8] {
    border-color: color-mix(in srgb, var(--accent-success) 42%, var(--border-default));
    color: color-mix(in srgb, var(--accent-success) 70%, var(--text-primary));
    background: color-mix(in srgb, var(--accent-success-subtle) 42%, transparent);
}

.coverage-pill.partial[b-qd1m0hlsr8] {
    border-color: color-mix(in srgb, var(--accent-warning) 34%, var(--border-default));
    color: color-mix(in srgb, var(--accent-warning) 72%, var(--text-primary));
    background: color-mix(in srgb, var(--accent-warning-subtle) 32%, transparent);
}

.coverage-pill.missing[b-qd1m0hlsr8] {
    opacity: 0.62;
}

.archive-table-wrap[b-qd1m0hlsr8] {
    width: 100%;
    overflow-x: auto;
}

.archive-table[b-qd1m0hlsr8] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.archive-table thead th[b-qd1m0hlsr8] {
    padding: 0.78rem 1rem;
    border-bottom: 1px solid var(--border-default);
    background: var(--table-header-bg);
    color: var(--text-tertiary);
    font-size: 0.68rem;
    font-weight: 820;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.archive-table tbody td[b-qd1m0hlsr8] {
    padding: 0.88rem 1rem;
    border-bottom: 1px solid var(--border-subtle);
    vertical-align: middle;
}

.archive-table tbody tr[b-qd1m0hlsr8] {
    transition: background-color var(--duration-fast) var(--ease-out);
}

.archive-table tbody tr:hover[b-qd1m0hlsr8] {
    background: var(--table-row-hover);
}

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

.champion-row[b-qd1m0hlsr8] {
    background: color-mix(in srgb, var(--accent-secondary-subtle) 28%, transparent);
}

.rank-column[b-qd1m0hlsr8] {
    width: 4rem;
    text-align: center !important;
}

.number-column[b-qd1m0hlsr8] {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rank-token[b-qd1m0hlsr8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-width: 2.4rem;
    min-height: 2rem;
    padding: 0 0.45rem;
    border-radius: var(--control-radius);
    background: color-mix(in srgb, var(--surface-control) 84%, transparent);
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-weight: 820;
}

.rank-token i[b-qd1m0hlsr8] {
    color: var(--accent-secondary);
    font-size: 0.72rem;
}

.team-cell[b-qd1m0hlsr8] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    gap: 0.72rem;
    color: var(--text-primary);
    text-decoration: none;
}

.team-cell:hover[b-qd1m0hlsr8],
.team-cell:focus-visible[b-qd1m0hlsr8] {
    color: var(--accent-primary);
}

.team-logo[b-qd1m0hlsr8] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 24%, var(--border-default));
    border-radius: var(--radius-sm);
    object-fit: cover;
    background: var(--surface-control);
}

.team-cell span[b-qd1m0hlsr8] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.team-cell strong[b-qd1m0hlsr8] {
    max-width: 24ch;
    overflow: hidden;
    color: currentColor;
    font-family: var(--font-display);
    font-size: var(--text-sm);
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-cell small[b-qd1m0hlsr8] {
    max-width: 24ch;
    overflow: hidden;
    color: var(--text-quaternary);
    font-size: 0.72rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.record-token[b-qd1m0hlsr8],
.diff-token[b-qd1m0hlsr8],
.title-token[b-qd1m0hlsr8] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    min-height: 1.75rem;
    padding: 0 0.55rem;
    border-radius: var(--control-radius);
    font-family: var(--font-mono);
    font-weight: 780;
}

.record-token[b-qd1m0hlsr8] {
    background: color-mix(in srgb, var(--accent-primary-subtle) 34%, transparent);
    color: var(--text-primary);
}

.diff-token.positive[b-qd1m0hlsr8] {
    color: color-mix(in srgb, var(--accent-success) 78%, var(--text-primary));
    background: color-mix(in srgb, var(--accent-success-subtle) 42%, transparent);
}

.diff-token.negative[b-qd1m0hlsr8] {
    color: color-mix(in srgb, var(--accent-danger) 76%, var(--text-primary));
    background: color-mix(in srgb, var(--accent-danger-subtle) 36%, transparent);
}

.title-token[b-qd1m0hlsr8] {
    color: var(--accent-secondary);
    background: color-mix(in srgb, var(--accent-secondary-subtle) 44%, transparent);
}

.muted-number[b-qd1m0hlsr8] {
    color: var(--text-quaternary);
    font-family: var(--font-mono);
}

.champion-list[b-qd1m0hlsr8],
.footprint-list[b-qd1m0hlsr8] {
    display: grid;
}

.champion-item[b-qd1m0hlsr8] {
    display: grid;
    grid-template-columns: 3.2rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    text-decoration: none;
    transition:
        background-color var(--duration-fast) var(--ease-out),
        color var(--duration-fast) var(--ease-out);
}

.champion-item:hover[b-qd1m0hlsr8],
.champion-item:focus-visible[b-qd1m0hlsr8] {
    background: var(--table-row-hover);
    color: var(--accent-primary);
}

.champion-item:last-child[b-qd1m0hlsr8] {
    border-bottom: 0;
}

.champion-season[b-qd1m0hlsr8] {
    color: var(--accent-secondary);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: 820;
}

.champion-team[b-qd1m0hlsr8] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.62rem;
}

.champion-team img[b-qd1m0hlsr8] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    object-fit: cover;
    background: var(--surface-control);
}

.champion-team span[b-qd1m0hlsr8] {
    display: grid;
    min-width: 0;
}

.champion-team strong[b-qd1m0hlsr8] {
    overflow: hidden;
    color: currentColor;
    font-family: var(--font-display);
    font-size: var(--text-sm);
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.champion-team small[b-qd1m0hlsr8] {
    overflow: hidden;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footprint-row[b-qd1m0hlsr8] {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr) 3rem;
    gap: 0.7rem;
    align-items: center;
    width: 100%;
    padding: 0.78rem 1rem;
    border: 0;
    border-bottom: 1px solid var(--border-subtle);
    background: transparent;
    color: var(--text-secondary);
    text-align: left;
    transition: background-color var(--duration-fast) var(--ease-out);
}

.footprint-row:hover[b-qd1m0hlsr8],
.footprint-row:focus-visible[b-qd1m0hlsr8] {
    background: var(--table-row-hover);
    outline: none;
}

.footprint-row.active[b-qd1m0hlsr8] {
    background: color-mix(in srgb, var(--accent-primary-subtle) 42%, transparent);
}

.footprint-row:last-child[b-qd1m0hlsr8] {
    border-bottom: 0;
}

.footprint-year[b-qd1m0hlsr8],
.footprint-count[b-qd1m0hlsr8] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: 820;
    font-variant-numeric: tabular-nums;
}

.footprint-year[b-qd1m0hlsr8] {
    color: var(--text-primary);
}

.footprint-count[b-qd1m0hlsr8] {
    color: var(--accent-secondary);
    text-align: right;
}

.footprint-dots[b-qd1m0hlsr8] {
    display: flex;
    gap: 0.38rem;
    align-items: center;
}

.footprint-dot[b-qd1m0hlsr8] {
    width: 0.52rem;
    height: 0.52rem;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-full);
    background: var(--surface-control);
}

.footprint-dot.on[b-qd1m0hlsr8] {
    border-color: color-mix(in srgb, var(--accent-primary) 60%, var(--border-default));
    background: var(--accent-primary);
    box-shadow: 0 0 16px var(--accent-primary-glow);
}

.history-loading[b-qd1m0hlsr8],
.history-empty[b-qd1m0hlsr8] {
    display: grid;
    place-items: center;
    min-height: calc(var(--density-empty-state-pad) * 9);
    padding: var(--density-empty-state-pad);
    border: 1px solid var(--border-default);
    border-radius: var(--panel-radius);
    background: var(--surface-panel);
    color: var(--text-secondary);
    text-align: center;
}

.history-loading[b-qd1m0hlsr8] {
    gap: 1rem;
}

.history-empty i[b-qd1m0hlsr8] {
    margin-bottom: 1rem;
    color: var(--accent-secondary);
    font-size: min(var(--density-empty-icon-size), 2.25rem);
}

.history-empty h1[b-qd1m0hlsr8] {
    margin: 0;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    font-weight: 820;
    letter-spacing: 0;
}

.history-empty p[b-qd1m0hlsr8] {
    margin: 0.65rem 0 0;
    color: var(--text-tertiary);
}

.history-spinner[b-qd1m0hlsr8] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid var(--border-default);
    border-top-color: var(--accent-primary);
    border-radius: var(--radius-full);
    animation: history-spin-b-qd1m0hlsr8 0.9s linear infinite;
}

@keyframes history-spin-b-qd1m0hlsr8 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1180px) {
    .history-hero[b-qd1m0hlsr8],
    .history-grid[b-qd1m0hlsr8] {
        grid-template-columns: 1fr;
    }

    .history-side[b-qd1m0hlsr8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .history-page[b-qd1m0hlsr8] {
        gap: var(--spacing-md);
    }

    .history-hero[b-qd1m0hlsr8] {
        padding: 1.2rem;
    }

    .history-hero h1[b-qd1m0hlsr8] {
        font-size: min(var(--density-display-size), 2.15rem);
    }

    .history-hero p[b-qd1m0hlsr8] {
        font-size: var(--text-base);
    }

    .history-metrics[b-qd1m0hlsr8],
    .history-side[b-qd1m0hlsr8] {
        grid-template-columns: 1fr;
    }

    .history-section-header[b-qd1m0hlsr8] {
        align-items: stretch;
        flex-direction: column;
    }

    .history-season-control[b-qd1m0hlsr8] {
        min-width: 100%;
    }

    .archive-table[b-qd1m0hlsr8] {
        min-width: 660px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .season-chip[b-qd1m0hlsr8],
    .archive-table tbody tr[b-qd1m0hlsr8],
    .champion-item[b-qd1m0hlsr8],
    .footprint-row[b-qd1m0hlsr8] {
        transition: none;
    }

    .history-spinner[b-qd1m0hlsr8] {
        animation: none;
    }
}
/* /Components/Pages/LiveScoring.razor.rz.scp.css */
/* Page header flex layout */
.live-header-left[b-o0h8sam4qm] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

/* Status badges */
.status-badge[b-o0h8sam4qm] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: var(--radius-sm);
    font-size: 0.75rem;
    font-weight: 600;
}

.status-badge.connecting[b-o0h8sam4qm] {
    background: var(--accent-warning-subtle);
    color: var(--accent-warning);
}

.status-badge.final[b-o0h8sam4qm] {
    background: var(--surface-control);
    color: var(--text-secondary);
}

/* Live Indicator */
.live-indicator[b-o0h8sam4qm] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    background: var(--accent-danger-subtle);
    border: 1px solid color-mix(in srgb, var(--accent-danger) 42%, var(--line-default) 58%);
    border-radius: 9999px;
    color: var(--accent-danger, #dc2626);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
}

.live-dot[b-o0h8sam4qm] {
    width: 8px;
    height: 8px;
    background: var(--accent-danger, #dc2626);
    border-radius: 50%;
    animation: pulse-b-o0h8sam4qm 1.5s ease-in-out infinite;
}

@keyframes pulse-b-o0h8sam4qm {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.8); }
}

/* Matchup Cards */
.live-matchup-card[b-o0h8sam4qm] {
    border: 1px solid var(--line-default);
    border-radius: var(--panel-radius);
    overflow: hidden;
    transition: all 0.2s ease;
    background: color-mix(in srgb, var(--surface-module) 88%, transparent);
}

.live-matchup-card:hover[b-o0h8sam4qm] {
    box-shadow: var(--shadow-sm);
}

.live-matchup-card.close-game[b-o0h8sam4qm] {
    border-color: color-mix(in srgb, var(--accent-warning) 38%, var(--line-default) 62%);
    background: color-mix(in srgb, var(--accent-warning-subtle) 24%, var(--surface-module) 76%);
}

.close-game-banner[b-o0h8sam4qm] {
    background: var(--accent-warning);
    color: var(--surface-0);
    font-size: 0.7rem;
    font-weight: 700;
    text-align: center;
    padding: 0.25rem;
    letter-spacing: 0;
}

/* Matchup Rows */
.matchup-row[b-o0h8sam4qm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    cursor: pointer;
    transition: background 0.15s ease;
}

.matchup-row:hover[b-o0h8sam4qm] {
    background: var(--surface-3);
}

.matchup-row.winning[b-o0h8sam4qm] {
    background: var(--accent-success-subtle);
}

.matchup-row.winning .team-name[b-o0h8sam4qm] {
    font-weight: 700;
}

.team-info[b-o0h8sam4qm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.team-logo[b-o0h8sam4qm] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--border-default);
}

.team-logo-placeholder[b-o0h8sam4qm] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--surface-4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--text-secondary);
    font-size: 1.1rem;
}

.team-details[b-o0h8sam4qm] {
    display: flex;
    flex-direction: column;
}

.team-name[b-o0h8sam4qm] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.team-record[b-o0h8sam4qm] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.team-score[b-o0h8sam4qm] {
    font-size: 1.75rem;
    font-weight: 700;
    font-family: 'DM Sans', system-ui, sans-serif;
    color: var(--text-primary);
}

/* Matchup Divider */
.matchup-divider[b-o0h8sam4qm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0.25rem 0;
    background: color-mix(in srgb, var(--surface-module-strong) 82%, transparent);
    border-top: 1px solid var(--line-faint);
    border-bottom: 1px solid var(--line-faint);
}

.vs-badge[b-o0h8sam4qm] {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--text-secondary);
    letter-spacing: 0;
}

.expand-icon[b-o0h8sam4qm] {
    font-size: 0.7rem;
    color: var(--text-tertiary);
}

/* Player Breakdown */
.player-breakdown[b-o0h8sam4qm] {
    border-top: 1px solid var(--line-default);
    background: color-mix(in srgb, var(--surface-module-strong) 82%, transparent);
}

.team-header-mini[b-o0h8sam4qm] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    background: color-mix(in srgb, var(--surface-module-strong) 88%, transparent);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0;
}

.team-total[b-o0h8sam4qm] {
    color: var(--text-primary);
}

.player-list[b-o0h8sam4qm] {
    max-height: 280px;
    overflow-y: auto;
}

.player-row[b-o0h8sam4qm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0.75rem;
    font-size: 0.85rem;
    border-bottom: 1px solid var(--border-subtle);
}

.player-row:last-child[b-o0h8sam4qm] {
    border-bottom: none;
}

.player-row.bench[b-o0h8sam4qm] {
    opacity: 0.6;
    background: var(--surface-3);
}

.player-info[b-o0h8sam4qm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.bench-tag[b-o0h8sam4qm] {
    font-size: 0.6rem;
    font-weight: 700;
    padding: 0.1rem 0.3rem;
    background: var(--text-tertiary);
    color: white;
    border-radius: 3px;
}

.player-position[b-o0h8sam4qm] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--accent-primary);
    min-width: 24px;
}

.player-name[b-o0h8sam4qm] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-primary);
}

.player-score[b-o0h8sam4qm] {
    font-weight: 600;
    font-family: 'DM Sans', monospace;
    color: var(--text-primary);
}

.player-score.boom[b-o0h8sam4qm] {
    color: var(--accent-success, #16a34a);
    font-weight: 700;
}

.player-score.bust[b-o0h8sam4qm] {
    color: var(--accent-danger, #dc2626);
}

/* Stat Cards */
.stat-card[b-o0h8sam4qm] {
    border: 1px solid var(--line-default);
    border-radius: var(--panel-radius);
    background: color-mix(in srgb, var(--surface-module) 88%, transparent);
}

.stat-icon[b-o0h8sam4qm] {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    color: var(--accent-primary);
}

.stat-value[b-o0h8sam4qm] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.stat-label[b-o0h8sam4qm] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    font-weight: 500;
}

/* Update Animations */
.live-matchup-card.just-updated[b-o0h8sam4qm] {
    animation: highlight-update-b-o0h8sam4qm 3s ease-out;
}

@keyframes highlight-update-b-o0h8sam4qm {
    0% {
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-success) 42%, transparent);
        background: var(--accent-success-subtle);
    }
    100% {
        box-shadow: none;
        background: color-mix(in srgb, var(--surface-module) 88%, transparent);
    }
}

.player-row.player-updated[b-o0h8sam4qm] {
    animation: highlight-player-b-o0h8sam4qm 2s ease-out;
}

@keyframes highlight-player-b-o0h8sam4qm {
    0% {
        background: rgba(59, 130, 246, 0.15);
    }
    100% {
        background: transparent;
    }
}

/* Connection Status */
.connection-status[b-o0h8sam4qm] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
}

.connection-status.connected[b-o0h8sam4qm] {
    background: var(--accent-success-subtle);
    color: var(--accent-success, #16a34a);
}

.connection-status.disconnected[b-o0h8sam4qm] {
    background: var(--accent-danger-subtle);
    color: var(--accent-danger, #dc2626);
}

.connection-status.reconnecting[b-o0h8sam4qm] {
    background: var(--accent-warning-subtle);
    color: var(--accent-warning, #ca8a04);
}

.status-dot[b-o0h8sam4qm] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.connection-status.reconnecting .status-dot[b-o0h8sam4qm] {
    animation: blink-b-o0h8sam4qm 1s ease-in-out infinite;
}

@keyframes blink-b-o0h8sam4qm {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* Responsive */
@media (max-width: 768px) {
    .team-score[b-o0h8sam4qm] {
        font-size: 1.5rem;
    }

    .matchup-row[b-o0h8sam4qm] {
        padding: 0.75rem 1rem;
    }

    .team-logo[b-o0h8sam4qm], .team-logo-placeholder[b-o0h8sam4qm] {
        width: 36px;
        height: 36px;
    }

    .player-breakdown[b-o0h8sam4qm] {
        font-size: 0.8rem;
    }
}

/* Theme-safe overrides for Bootstrap chrome on this page (scoped). */
[b-o0h8sam4qm] .text-muted { color: var(--text-tertiary) !important; }
[b-o0h8sam4qm] .text-success { color: var(--accent-success) !important; }
[b-o0h8sam4qm] .text-primary { color: var(--accent-primary) !important; }
[b-o0h8sam4qm] .btn-outline-secondary {
    color: var(--text-secondary) !important;
    border-color: var(--border-strong) !important;
    background: transparent !important;
}
[b-o0h8sam4qm] .btn-outline-secondary:hover {
    color: var(--text-primary) !important;
    background: var(--surface-control-hover, var(--surface-3)) !important;
}
/* /Components/Pages/MyRankings.razor.rz.scp.css */
/* MyRankings.razor — Scoped Styles */
/* Uses design system tokens from app.css */

/* View mode selector width */
.view-mode-select[b-adpkil0xos] {
    width: 160px;
}

.my-rankings-page .page-actions[b-adpkil0xos] {
    flex-wrap: wrap;
}

.rankings-stat-card[b-adpkil0xos] {
    position: relative;
    overflow: hidden;
    background: color-mix(in srgb, var(--surface-module) 88%, transparent) !important;
    border: 1px solid var(--line-default) !important;
    border-radius: var(--panel-radius) !important;
}

.rankings-stat-card[b-adpkil0xos]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--text-tertiary);
}

.rankings-stat-card.stat-watchlist[b-adpkil0xos]::before {
    background: var(--accent-secondary);
}

.rankings-stat-card.stat-targets[b-adpkil0xos]::before {
    background: var(--accent-success);
}

.rankings-stat-card.stat-trade-block[b-adpkil0xos]::before {
    background: var(--accent-danger);
}

.rankings-stat-card h4[b-adpkil0xos] {
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

.rankings-stat-card small[b-adpkil0xos] {
    color: var(--text-tertiary) !important;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.my-rankings-page .table img.rounded-circle[b-adpkil0xos] {
    border: 1px solid var(--line-default);
}

.my-rankings-page .btn-group-sm > .btn[b-adpkil0xos],
.my-rankings-page .btn-sm[b-adpkil0xos] {
    min-height: 2rem;
}

@media (max-width: 768px) {
    .view-mode-select[b-adpkil0xos] {
        width: 100%;
    }
}
/* /Components/Pages/PlayerDetails.razor.rz.scp.css */
/* PlayerDetails.razor — scoped styles
   Tokens come from /css/tokens.css. */

.player-photo[b-ih1u9vfnoc] {
    max-width: 120px;
    max-height: 120px;
    border: 3px solid rgba(255, 255, 255, 0.8);
    object-fit: cover;
}

/* Current-status callouts (signed / free agent) */
.player-status-callout[b-ih1u9vfnoc] {
    border-left: 4px solid var(--accent-primary, #0d6efd);
}

.player-status-callout.player-status-callout-warning[b-ih1u9vfnoc] {
    border-left-color: var(--accent-warning, #ffc107);
}

.roster-history-logo[b-ih1u9vfnoc] {
    width: 40px;
    height: 40px;
}

.current-roster-logo[b-ih1u9vfnoc] {
    width: 48px;
    height: 48px;
}

/* News list — scroll inside the card on long lists */
.player-news-scroll[b-ih1u9vfnoc] {
    max-height: 400px;
    overflow-y: auto;
}

/* ---- Theme-safe overrides for the page's Bootstrap chrome ---- */
/* These neutralize Bootstrap contextual classes (scoped to this page only)
   so the player page reads correctly across all themes — text-dark was
   invisible on the dark default, bg-light/card-header were jarring light
   blocks, and Bootstrap text-muted is an off-theme gray. */
[b-ih1u9vfnoc] h1.text-dark { color: var(--text-primary) !important; }
[b-ih1u9vfnoc] .text-muted { color: var(--text-tertiary) !important; }
[b-ih1u9vfnoc] .card {
    background: var(--surface-panel, var(--surface-1)) !important;
    border-color: var(--border-default) !important;
    color: var(--text-primary);
}
[b-ih1u9vfnoc] .card-header,
[b-ih1u9vfnoc] .card-header.bg-light,
[b-ih1u9vfnoc] .bg-light {
    background: var(--surface-2) !important;
    border-color: var(--border-default) !important;
    color: var(--text-primary) !important;
}
[b-ih1u9vfnoc] .alert-primary {
    background: var(--accent-primary-subtle) !important;
    border-color: color-mix(in srgb, var(--accent-primary) 40%, var(--border-default)) !important;
    color: var(--text-primary) !important;
}
[b-ih1u9vfnoc] .alert-warning {
    background: var(--accent-warning-subtle) !important;
    border-color: color-mix(in srgb, var(--accent-warning) 40%, var(--border-default)) !important;
    color: var(--text-primary) !important;
}
[b-ih1u9vfnoc] .badge.bg-light { color: var(--text-primary) !important; }
[b-ih1u9vfnoc] .badge.bg-secondary {
    background: var(--surface-4) !important;
    color: var(--text-primary) !important;
}
/* /Components/Pages/Players.razor.rz.scp.css */
/* Theme-safe overrides for the Players page's Bootstrap chrome (scoped). */

[b-cmxm1r5s6a] .text-muted { color: var(--text-tertiary) !important; }
[b-cmxm1r5s6a] .text-dark { color: var(--text-primary) !important; }

[b-cmxm1r5s6a] .card {
    background: var(--surface-panel, var(--surface-1)) !important;
    border-color: var(--border-default) !important;
    color: var(--text-primary);
}

/* Bootstrap table → token theming so rows read on every theme. */
[b-cmxm1r5s6a] .table {
    --bs-table-color: var(--text-primary);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--border-subtle);
    --bs-table-striped-color: var(--text-primary);
    --bs-table-striped-bg: color-mix(in srgb, var(--text-primary) 4%, transparent);
    --bs-table-hover-color: var(--text-primary);
    --bs-table-hover-bg: color-mix(in srgb, var(--accent-primary) 8%, transparent);
    color: var(--text-primary);
    border-color: var(--border-subtle);
}

[b-cmxm1r5s6a] .table > thead th {
    color: var(--text-secondary);
    border-bottom-color: var(--border-default);
    font-weight: 700;
}

[b-cmxm1r5s6a] .badge.bg-warning { color: var(--text-inverse) !important; }
/* /Components/Pages/Public/HouseRankings.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   HouseRankings.razor — scoped styles for the public dynasty board.
   Tokens only. Reuses .rankings-card/.rankings-table/.player-image from shared.css;
   defines the badges/tabs/tier-dividers/funnel that aren't global.
   ═══════════════════════════════════════════════════════════════════════════════ */

.house-rankings[b-ffgcesxil8] {
    width: 100%;
}

/* Masthead */
.house-header[b-ffgcesxil8] {
    margin-bottom: var(--spacing-md);
}

.house-title[b-ffgcesxil8] {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    color: var(--text-primary);
    margin: 0 0 var(--spacing-xs);
    line-height: 1.1;
}

.house-subtitle[b-ffgcesxil8] {
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    margin: 0;
}

.house-updated[b-ffgcesxil8] {
    color: var(--accent-primary);
    font-size: var(--text-xs);
    font-weight: 600;
    margin: var(--spacing-xs) 0 0;
}

/* Editorial intro */
.house-intro[b-ffgcesxil8] {
    margin-bottom: var(--spacing-md);
}

.house-intro p[b-ffgcesxil8] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    line-height: 1.6;
    margin: 0;
    max-width: 70ch;
}

/* Position tabs (crawlable <a> links) */
.position-tabs[b-ffgcesxil8] {
    display: flex;
    gap: var(--spacing-xs);
    margin: var(--spacing-md) 0 var(--spacing-lg);
    border-bottom: 1px solid var(--line-faint);
    overflow-x: auto;
    flex-wrap: nowrap;
}

.position-tab[b-ffgcesxil8] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--text-secondary);
    text-decoration: none;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    border-radius: var(--control-radius) var(--control-radius) 0 0;
    margin-bottom: -1px;
    white-space: nowrap;
    transition: all var(--duration-fast) var(--ease-out);
}

.position-tab:hover[b-ffgcesxil8] {
    color: var(--text-primary);
    background-color: var(--surface-row-hover);
    border-color: var(--line-faint);
}

.position-tab.active[b-ffgcesxil8] {
    color: var(--accent-primary);
    background: color-mix(in srgb, var(--surface-module) 86%, transparent);
    border-color: var(--line-default);
    border-bottom-color: var(--accent-primary);
    font-weight: 800;
}

/* Table reuses shared .rankings-card / .rankings-table */
.rankings-table[b-ffgcesxil8] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.rankings-table th[b-ffgcesxil8] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-weight: 800;
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0;
    color: var(--text-tertiary);
    text-align: left;
}

.rankings-table th.text-end[b-ffgcesxil8],
.rankings-table td.text-end[b-ffgcesxil8] {
    text-align: right;
}

.rankings-table td[b-ffgcesxil8] {
    padding: var(--spacing-sm) var(--spacing-md);
    vertical-align: middle;
    border-bottom: 1px solid var(--line-faint);
}

/* Tier divider row */
.tier-divider td[b-ffgcesxil8] {
    background: color-mix(in srgb, var(--surface-module-strong) 70%, transparent);
    color: var(--accent-primary);
    font-weight: 800;
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: var(--spacing-xs) var(--spacing-md);
}

/* In-feed ad row — center the reserved box inside the table */
.ad-row td[b-ffgcesxil8] {
    text-align: center;
    background: transparent;
    border-bottom: 1px solid var(--line-faint);
}

/* Player cell */
.player-cell[b-ffgcesxil8] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.player-name[b-ffgcesxil8] {
    font-weight: 500;
    color: var(--text-primary);
}

/* Rank badges */
.rank-badge[b-ffgcesxil8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    padding: 4px 8px;
    font-size: var(--text-xs);
    font-weight: 600;
    font-family: var(--font-mono);
    border-radius: var(--radius-sm);
}

.rank-badge.rank-gold[b-ffgcesxil8] { background: var(--accent-secondary); color: var(--surface-0); }
.rank-badge.rank-silver[b-ffgcesxil8] { background: color-mix(in srgb, var(--text-primary) 24%, var(--surface-4) 76%); color: var(--text-primary); }
.rank-badge.rank-bronze[b-ffgcesxil8] { background: color-mix(in srgb, var(--accent-warning) 38%, var(--surface-3) 62%); color: var(--text-primary); }
.rank-badge.rank-top10[b-ffgcesxil8] { background: var(--accent-secondary-subtle); color: var(--accent-secondary); }
.rank-badge.rank-default[b-ffgcesxil8] { background: var(--surface-control); color: var(--text-secondary); }

/* Position badges */
.position-badge[b-ffgcesxil8] {
    display: inline-block;
    padding: 4px 10px;
    font-size: var(--text-xs);
    font-weight: 600;
    border-radius: var(--radius-sm);
    min-width: 36px;
    text-align: center;
}

.position-badge.pos-qb[b-ffgcesxil8] { background: color-mix(in srgb, var(--position-qb) 20%, var(--surface-2) 80%); color: color-mix(in srgb, var(--position-qb) 70%, var(--text-primary) 30%); }
.position-badge.pos-rb[b-ffgcesxil8] { background: color-mix(in srgb, var(--position-rb) 20%, var(--surface-2) 80%); color: color-mix(in srgb, var(--position-rb) 70%, var(--text-primary) 30%); }
.position-badge.pos-wr[b-ffgcesxil8] { background: color-mix(in srgb, var(--position-wr) 20%, var(--surface-2) 80%); color: color-mix(in srgb, var(--position-wr) 70%, var(--text-primary) 30%); }
.position-badge.pos-te[b-ffgcesxil8] { background: color-mix(in srgb, var(--position-te) 20%, var(--surface-2) 80%); color: color-mix(in srgb, var(--position-te) 70%, var(--text-primary) 30%); }
.position-badge.pos-default[b-ffgcesxil8] { background: var(--surface-control); color: var(--text-secondary); }

/* Empty state */
.empty-state[b-ffgcesxil8] {
    background: color-mix(in srgb, var(--surface-module) 88%, transparent);
    border: 1px solid var(--line-default);
    border-radius: var(--panel-radius);
    text-align: center;
    padding: var(--spacing-2xl);
}

.empty-state i[b-ffgcesxil8] { color: var(--text-quaternary); opacity: 0.6; margin-bottom: var(--spacing-md); }
.empty-state h5[b-ffgcesxil8] { color: var(--text-secondary); margin-bottom: var(--spacing-sm); }
.empty-state p[b-ffgcesxil8] { color: var(--text-tertiary); margin: 0 0 var(--spacing-md); }

.house-cta-link[b-ffgcesxil8] {
    color: var(--accent-primary);
    font-weight: 600;
    text-decoration: none;
}
.house-cta-link:hover[b-ffgcesxil8] { text-decoration: underline; }

/* Funnel CTA */
.house-funnel[b-ffgcesxil8] {
    margin-top: var(--spacing-lg);
    padding: var(--spacing-lg);
    text-align: center;
    background: color-mix(in srgb, var(--accent-primary-subtle) 30%, var(--surface-module) 70%);
    border: 1px solid var(--line-default);
    border-radius: var(--panel-radius);
}

.house-funnel h2[b-ffgcesxil8] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    color: var(--text-primary);
    margin: 0 0 var(--spacing-xs);
}

.house-funnel p[b-ffgcesxil8] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin: 0 0 var(--spacing-md);
}

.house-cta[b-ffgcesxil8] {
    display: inline-block;
    background: var(--accent-primary);
    color: var(--surface-0);
    font-weight: 700;
    text-decoration: none;
    padding: var(--spacing-sm) var(--spacing-lg);
    border-radius: var(--control-radius);
    transition: background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);
}

.house-cta:hover[b-ffgcesxil8] { background: var(--accent-primary-hover); transform: translateY(-1px); }

@media (max-width: 768px) {
    .house-title[b-ffgcesxil8] { font-size: var(--text-2xl); }
    .rankings-table[b-ffgcesxil8] { font-size: var(--text-xs); }
    .rankings-table th[b-ffgcesxil8], .rankings-table td[b-ffgcesxil8] { padding: var(--spacing-xs) var(--spacing-sm); }
}
/* /Components/Pages/Rankings.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   Rankings.razor — Scoped Styles
   Uses design system tokens from app.css
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Page Header */
.page-header[b-rgf2fsae52] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--spacing-lg);
}

.page-title[b-rgf2fsae52] {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    color: var(--text-primary);
    margin: 0 0 var(--spacing-xs);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.page-title i[b-rgf2fsae52] {
    color: var(--accent-primary);
}

.page-subtitle[b-rgf2fsae52] {
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    margin: 0;
}

/* Season Selector */
.season-select[b-rgf2fsae52] {
    width: 150px;
    background-color: var(--surface-2);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: var(--text-sm);
    padding: var(--spacing-sm) var(--spacing-md);
}

.season-select:focus[b-rgf2fsae52] {
    border-color: var(--accent-primary);
    box-shadow: var(--focus-ring);
    outline: none;
}

/* Position Tabs */
.position-tabs[b-rgf2fsae52] {
    display: flex;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-lg);
    border-bottom: 1px solid var(--border-subtle);
    padding-bottom: 0;
}

.position-tab[b-rgf2fsae52] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--text-sm);
    font-weight: 700;
    color: var(--text-secondary);
    text-decoration: none;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    border-radius: var(--control-radius) var(--control-radius) 0 0;
    margin-bottom: -1px;
    transition: all var(--duration-fast) var(--ease-out);
    letter-spacing: 0;
}

.position-tab:hover[b-rgf2fsae52] {
    color: var(--text-primary);
    background-color: var(--surface-row-hover);
    border-color: var(--line-faint);
}

.position-tab.active[b-rgf2fsae52] {
    color: var(--accent-primary);
    background: color-mix(in srgb, var(--surface-module) 86%, transparent);
    border-color: var(--line-default);
    border-bottom-color: var(--accent-primary);
    font-weight: 800;
}

/* Summary Cards Grid */
.stats-grid[b-rgf2fsae52] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
}

.stat-card[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--surface-module) 88%, transparent);
    border: 1px solid var(--line-default);
    border-radius: var(--panel-radius);
    padding: var(--spacing-md);
    text-align: center;
    transition: transform var(--duration-normal) var(--ease-out),
                box-shadow var(--duration-normal) var(--ease-out);
}

.stat-card:hover[b-rgf2fsae52] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.stat-card.accent-count[b-rgf2fsae52] { border-left: 4px solid var(--text-tertiary); }
.stat-card.accent-high[b-rgf2fsae52] { border-left: 4px solid var(--accent-success); }
.stat-card.accent-avg[b-rgf2fsae52] { border-left: 4px solid var(--accent-secondary); }
.stat-card.accent-season[b-rgf2fsae52] { border-left: 4px solid var(--accent-primary); }

.stat-card h3[b-rgf2fsae52] {
    font-family: var(--font-mono);
    font-size: var(--text-2xl);
    font-variant-numeric: tabular-nums;
    margin: 0 0 var(--spacing-xs);
    color: var(--text-primary);
}

.stat-card.accent-count h3[b-rgf2fsae52] { color: var(--text-secondary); }
.stat-card.accent-high h3[b-rgf2fsae52] { color: var(--accent-success); }
.stat-card.accent-avg h3[b-rgf2fsae52] { color: var(--accent-secondary); }
.stat-card.accent-season h3[b-rgf2fsae52] { color: var(--accent-primary); }

.stat-card small[b-rgf2fsae52] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0;
}

/* Rankings Table */
.rankings-card[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--surface-module) 88%, transparent);
    border: 1px solid var(--line-default);
    border-radius: var(--panel-radius);
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: var(--shadow-card);
    backdrop-filter: blur(18px) saturate(1.14);
    -webkit-backdrop-filter: blur(18px) saturate(1.14);
}

.rankings-table[b-rgf2fsae52] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.rankings-table thead[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--surface-module-strong) 88%, transparent);
    border-bottom: 1px solid var(--line-faint);
}

.rankings-table th[b-rgf2fsae52] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-weight: 800;
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0;
    color: var(--text-tertiary);
    text-align: left;
}

.rankings-table th.text-end[b-rgf2fsae52] {
    text-align: right;
}

.rankings-table tbody tr[b-rgf2fsae52] {
    border-bottom: 1px solid var(--line-faint);
    transition: background-color var(--duration-fast);
}

.rankings-table tbody tr:last-child[b-rgf2fsae52] {
    border-bottom: none;
}

.rankings-table tbody tr:hover[b-rgf2fsae52] {
    background-color: var(--surface-row-hover);
}

/* Top 3 highlight */
.rankings-table tbody tr:first-child[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--accent-secondary-subtle) 42%, transparent);
}

.rankings-table tbody tr:first-child:hover[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--accent-secondary-subtle) 52%, var(--surface-row-hover) 48%);
}

.rankings-table td[b-rgf2fsae52] {
    padding: var(--spacing-sm) var(--spacing-md);
    vertical-align: middle;
}

.rankings-table td.text-end[b-rgf2fsae52] {
    text-align: right;
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
}

/* Rank Badges */
.rank-badge[b-rgf2fsae52] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    padding: 4px 8px;
    font-size: var(--text-xs);
    font-weight: 600;
    border-radius: var(--radius-sm);
}

.rank-badge.rank-gold[b-rgf2fsae52] {
    background: var(--accent-secondary);
    color: var(--surface-0);
}

.rank-badge.rank-silver[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--text-primary) 24%, var(--surface-4) 76%);
    color: var(--text-primary);
}

.rank-badge.rank-bronze[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--accent-warning) 38%, var(--surface-3) 62%);
    color: var(--text-primary);
}

.rank-badge.rank-top10[b-rgf2fsae52] {
    background: var(--accent-secondary-subtle);
    color: var(--accent-secondary);
}

.rank-badge.rank-default[b-rgf2fsae52] {
    background: var(--surface-control);
    color: var(--text-secondary);
}

/* Position Badges */
.position-badge[b-rgf2fsae52] {
    display: inline-block;
    padding: 4px 10px;
    font-size: var(--text-xs);
    font-weight: 600;
    border-radius: var(--radius-sm);
    min-width: 36px;
    text-align: center;
}

.position-badge.pos-qb[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--position-qb) 20%, var(--surface-2) 80%);
    color: color-mix(in srgb, var(--position-qb) 70%, var(--text-primary) 30%);
}

.position-badge.pos-rb[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--position-rb) 20%, var(--surface-2) 80%);
    color: color-mix(in srgb, var(--position-rb) 70%, var(--text-primary) 30%);
}

.position-badge.pos-wr[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--position-wr) 20%, var(--surface-2) 80%);
    color: color-mix(in srgb, var(--position-wr) 70%, var(--text-primary) 30%);
}

.position-badge.pos-te[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--position-te) 20%, var(--surface-2) 80%);
    color: color-mix(in srgb, var(--position-te) 70%, var(--text-primary) 30%);
}

.position-badge.pos-default[b-rgf2fsae52] {
    background: var(--surface-control);
    color: var(--text-secondary);
}

/* Player Cell */
.player-cell[b-rgf2fsae52] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.player-avatar[b-rgf2fsae52] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-full);
    border: 2px solid var(--border-subtle);
    object-fit: cover;
    transition: transform var(--duration-fast) var(--ease-out);
}

.player-avatar:hover[b-rgf2fsae52] {
    transform: scale(1.1);
}

.player-name[b-rgf2fsae52] {
    font-weight: 500;
    color: var(--text-primary);
    text-decoration: none;
    transition: color var(--duration-fast);
}

.player-name:hover[b-rgf2fsae52] {
    color: var(--accent-primary);
}

/* PPG Coloring */
.ppg-elite[b-rgf2fsae52] { color: var(--accent-success); font-weight: 700; }
.ppg-good[b-rgf2fsae52] { color: var(--accent-secondary); }
.ppg-average[b-rgf2fsae52] { color: var(--text-secondary); }
.ppg-below[b-rgf2fsae52] { color: var(--text-tertiary); }

/* Status Badges */
.status-badge[b-rgf2fsae52] {
    display: inline-block;
    padding: 4px 8px;
    font-size: 0.625rem;
    font-weight: 600;
    border-radius: var(--radius-xs);
    text-transform: uppercase;
    letter-spacing: 0;
}

.status-badge.rostered[b-rgf2fsae52] {
    background: var(--accent-success-subtle);
    color: var(--accent-success);
}

.status-badge.free-agent[b-rgf2fsae52] {
    background: var(--surface-control);
    color: var(--text-secondary);
}

/* Loading State */
.loading-container[b-rgf2fsae52] {
    text-align: center;
    padding: var(--spacing-2xl);
}

.loading-container .spinner-border[b-rgf2fsae52] {
    color: var(--accent-primary);
    width: 2.5rem;
    height: 2.5rem;
}

/* Empty State */
.empty-state[b-rgf2fsae52] {
    background: color-mix(in srgb, var(--surface-module) 88%, transparent);
    border: 1px solid var(--line-default);
    border-radius: var(--panel-radius);
    text-align: center;
    padding: var(--spacing-2xl);
    margin-top: var(--spacing-lg);
}

.empty-state i[b-rgf2fsae52] {
    color: var(--text-quaternary);
    opacity: 0.6;
    margin-bottom: var(--spacing-md);
}

.empty-state h5[b-rgf2fsae52] {
    color: var(--text-secondary);
    margin-bottom: var(--spacing-sm);
}

.empty-state p[b-rgf2fsae52] {
    color: var(--text-tertiary);
    margin: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .stats-grid[b-rgf2fsae52] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-header[b-rgf2fsae52] {
        flex-direction: column;
        gap: var(--spacing-md);
    }

    .stats-grid[b-rgf2fsae52] {
        grid-template-columns: repeat(2, 1fr);
    }

    .rankings-table[b-rgf2fsae52] {
        font-size: var(--text-xs);
    }

    .rankings-table th[b-rgf2fsae52],
    .rankings-table td[b-rgf2fsae52] {
        padding: var(--spacing-xs) var(--spacing-sm);
    }

    .player-avatar[b-rgf2fsae52] {
        width: 28px;
        height: 28px;
    }

    .position-tabs[b-rgf2fsae52] {
        overflow-x: auto;
        flex-wrap: nowrap;
    }
}
/* /Components/Pages/RankingsComparison.razor.rz.scp.css */
/* RankingsComparison.razor — Scoped Styles */

.rankings-comparison-page > .d-flex:first-child[b-gbkdzljh7t] {
    align-items: flex-end !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--line-faint);
}

.rankings-comparison-page h2[b-gbkdzljh7t] {
    margin: 0 0 0.25rem;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-weight: 760;
    letter-spacing: 0;
}

.rankings-comparison-page h2 i[b-gbkdzljh7t] {
    color: var(--accent-primary);
}

.rankings-comparison-page .rankings-stat-card[b-gbkdzljh7t] {
    position: relative;
    overflow: hidden;
    background: color-mix(in srgb, var(--surface-module) 88%, transparent) !important;
    border: 1px solid var(--line-default) !important;
    border-radius: var(--panel-radius) !important;
}

.rankings-comparison-page .rankings-stat-card[b-gbkdzljh7t]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--text-tertiary);
}

.rankings-comparison-page .rankings-stat-card.stat-consensus[b-gbkdzljh7t]::before {
    background: var(--accent-primary);
}

.rankings-comparison-page .rankings-stat-card.stat-buy[b-gbkdzljh7t]::before {
    background: var(--accent-success);
}

.rankings-comparison-page .rankings-stat-card.stat-sell[b-gbkdzljh7t]::before {
    background: var(--accent-danger);
}

.rankings-comparison-page .rankings-stat-card h4[b-gbkdzljh7t] {
    color: var(--text-primary);
    font-family: var(--font-mono);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

.rankings-comparison-page .rankings-stat-card small[b-gbkdzljh7t] {
    color: var(--text-tertiary) !important;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.rankings-comparison-page .modal hr[b-gbkdzljh7t] {
    border-color: var(--line-faint);
    opacity: 1;
}

@media (max-width: 768px) {
    .rankings-comparison-page > .d-flex:first-child[b-gbkdzljh7t] {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 1rem;
    }
}
/* /Components/Pages/RankingsImport.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   RankingsImport.razor — Scoped Styles
   Uses design system tokens from tokens.css / themes.css
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Page Header */
.page-header[b-k6k54m52q3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--spacing-lg);
}

.page-title[b-k6k54m52q3] {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    color: var(--text-primary);
    margin: 0 0 var(--spacing-xs);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.page-title i[b-k6k54m52q3] {
    color: var(--accent-primary);
}

.page-subtitle[b-k6k54m52q3] {
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    margin: 0;
}

.back-link[b-k6k54m52q3] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    text-decoration: none;
    padding: var(--spacing-sm) var(--spacing-md);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    transition: all var(--duration-fast) var(--ease-out);
}

.back-link:hover[b-k6k54m52q3] {
    color: var(--text-primary);
    border-color: var(--accent-primary);
}

/* Step Cards */
.import-card[b-k6k54m52q3] {
    background: color-mix(in srgb, var(--surface-module) 88%, transparent);
    border: 1px solid var(--line-default);
    border-radius: var(--panel-radius);
    margin-bottom: var(--spacing-lg);
    overflow: hidden;
}

.import-card-header[b-k6k54m52q3] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    border-bottom: 1px solid var(--border-subtle);
}

.import-card-header h5[b-k6k54m52q3] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    color: var(--text-primary);
}

.header-meta[b-k6k54m52q3] {
    margin-left: auto;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    font-family: var(--font-mono);
}

.step-badge[b-k6k54m52q3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--accent-primary);
    color: var(--text-inverse);
    font-family: var(--font-mono);
    font-weight: 700;
    font-size: var(--text-sm);
    flex-shrink: 0;
}

.import-card-body[b-k6k54m52q3] {
    padding: var(--spacing-md);
}

/* Input row */
.input-row[b-k6k54m52q3] {
    display: flex;
    gap: var(--spacing-md);
    align-items: stretch;
    flex-wrap: wrap;
}

.input-col[b-k6k54m52q3] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    min-width: 260px;
}

.input-col.grow[b-k6k54m52q3] {
    flex: 1;
}

.input-divider[b-k6k54m52q3] {
    align-self: center;
    color: var(--text-quaternary);
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.field-label[b-k6k54m52q3] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: 600;
}

.field-hint[b-k6k54m52q3] {
    color: var(--text-quaternary);
    font-size: var(--text-xs);
}

.required-star[b-k6k54m52q3] {
    color: var(--accent-danger);
}

.paste-area[b-k6k54m52q3] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
}

.parse-row[b-k6k54m52q3] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-top: var(--spacing-md);
    flex-wrap: wrap;
}

.format-select[b-k6k54m52q3] {
    width: 150px;
}

.file-chip[b-k6k54m52q3] {
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: 2px var(--spacing-sm);
}

/* Mapping grid */
.mapping-grid[b-k6k54m52q3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--spacing-sm) var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

.mapping-field[b-k6k54m52q3] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

/* Match summary */
.match-summary[b-k6k54m52q3] {
    display: flex;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
    margin-bottom: var(--spacing-md);
}

.summary-pill[b-k6k54m52q3] {
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: 999px;
    font-size: var(--text-sm);
    border: 1px solid var(--border-subtle);
}

.summary-pill.matched[b-k6k54m52q3] {
    color: var(--accent-success);
    border-color: var(--accent-success);
    background: var(--accent-success-subtle);
}

.summary-pill.unmatched[b-k6k54m52q3] {
    color: var(--accent-warning);
    border-color: var(--accent-warning);
    background: var(--accent-warning-subtle);
}

.summary-pill.warn[b-k6k54m52q3] {
    color: var(--accent-danger);
    border-color: var(--accent-danger);
    background: var(--accent-danger-subtle);
}

/* Unmatched chips */
.unmatched-section[b-k6k54m52q3] {
    margin-bottom: var(--spacing-md);
}

.unmatched-section h6[b-k6k54m52q3] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    margin-bottom: var(--spacing-xs);
}

.unmatched-list[b-k6k54m52q3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    max-height: 160px;
    overflow-y: auto;
}

.unmatched-chip[b-k6k54m52q3] {
    font-size: var(--text-xs);
    color: var(--text-secondary);
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: 2px var(--spacing-sm);
}

/* Preview table */
.preview-table-wrap[b-k6k54m52q3] {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    overflow-x: auto;
    max-height: 520px;
    overflow-y: auto;
}

.preview-table[b-k6k54m52q3] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-sm);
}

.preview-table th[b-k6k54m52q3] {
    position: sticky;
    top: 0;
    background: var(--surface-2);
    color: var(--text-secondary);
    text-align: left;
    padding: var(--spacing-sm) var(--spacing-md);
    border-bottom: 1px solid var(--border-default);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.preview-table td[b-k6k54m52q3] {
    padding: var(--spacing-xs) var(--spacing-md);
    border-bottom: 1px solid var(--border-subtle);
    color: var(--text-primary);
    white-space: nowrap;
}

.preview-table td a[b-k6k54m52q3] {
    color: var(--accent-primary);
    text-decoration: none;
}

.preview-table td a:hover[b-k6k54m52q3] {
    text-decoration: underline;
}

.preview-table .num[b-k6k54m52q3] {
    text-align: right;
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
}

.preview-more[b-k6k54m52q3] {
    padding: var(--spacing-sm) var(--spacing-md);
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    background: var(--surface-2);
}

.match-badge[b-k6k54m52q3] {
    font-size: var(--text-xs);
    border-radius: var(--radius-sm);
    padding: 1px var(--spacing-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.match-badge.exact[b-k6k54m52q3] {
    color: var(--accent-success);
    background: var(--accent-success-subtle);
}

.match-badge.fuzzy[b-k6k54m52q3] {
    color: var(--accent-warning);
    background: var(--accent-warning-subtle);
}

/* Commit row */
.commit-row[b-k6k54m52q3] {
    display: flex;
    gap: var(--spacing-md);
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: var(--spacing-xs);
}

.commit-field[b-k6k54m52q3] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    min-width: 180px;
}

.checkbox-field[b-k6k54m52q3] {
    justify-content: flex-end;
    padding-bottom: var(--spacing-sm);
}

.commit-btn[b-k6k54m52q3] {
    margin-left: auto;
}

@media (max-width: 768px) {
    .input-divider[b-k6k54m52q3] {
        display: none;
    }

    .commit-btn[b-k6k54m52q3] {
        margin-left: 0;
        width: 100%;
    }
}
/* /Components/Pages/Records.razor.rz.scp.css */
.records-page[b-d7ytfeyvx9] {
    width: min(100%, 1240px);
    margin: 0 auto;
    display: grid;
    gap: var(--spacing-lg, 1.25rem);
    color: var(--text-primary);
}

/* ---- Hero ---- */
.records-header[b-d7ytfeyvx9] {
    position: relative;
    overflow: hidden;
    padding: var(--density-hero-pad-y);
    border: 1px solid var(--border-default);
    border-radius: var(--panel-radius, var(--radius-lg));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent-secondary-subtle) 50%, transparent), transparent 46%),
        linear-gradient(180deg, color-mix(in srgb, var(--text-primary) 5%, transparent), transparent 12rem),
        var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-premium, var(--shadow-lg));
}

.records-header[b-d7ytfeyvx9]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(color-mix(in srgb, var(--text-primary) 6%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--text-primary) 6%, transparent) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(135deg, black, transparent 68%);
    opacity: 0.32;
}

.header-content[b-d7ytfeyvx9] {
    position: relative;
    z-index: 1;
}

.records-kicker[b-d7ytfeyvx9] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--accent-secondary) 48%, var(--border-default));
    border-radius: var(--control-radius, var(--radius-sm));
    color: var(--accent-secondary);
    background: color-mix(in srgb, var(--accent-secondary-subtle) 44%, transparent);
    font-family: var(--font-mono);
    font-size: var(--text-sm, 0.85rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.records-header h1[b-d7ytfeyvx9] {
    margin: 0.85rem 0 0;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: var(--density-display-size);
    font-weight: 820;
    line-height: 1;
    letter-spacing: -0.01em;
}

.header-subtitle[b-d7ytfeyvx9] {
    width: min(100%, 60ch);
    margin: 0.9rem 0 0;
    color: var(--text-secondary);
    font-size: var(--text-lg, 1.05rem);
    line-height: 1.55;
}

/* ---- Category tabs ---- */
.category-tabs[b-d7ytfeyvx9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.4rem;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-full, 999px);
    background: var(--surface-panel, var(--surface-1));
    width: fit-content;
    max-width: 100%;
}

.tab-btn[b-d7ytfeyvx9] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 1.1rem;
    border: 1px solid transparent;
    border-radius: var(--radius-full, 999px);
    background: transparent;
    color: var(--text-tertiary);
    font-family: var(--font-body);
    font-size: var(--text-sm, 0.875rem);
    font-weight: 650;
    cursor: pointer;
    transition: color 140ms ease, background-color 140ms ease, transform 140ms ease;
}

.tab-btn:hover[b-d7ytfeyvx9] {
    color: var(--text-primary);
    background: color-mix(in srgb, var(--accent-primary-subtle) 60%, transparent);
}

.tab-btn.active[b-d7ytfeyvx9] {
    color: var(--text-inverse);
    background: var(--accent-secondary);
    border-color: color-mix(in srgb, var(--accent-secondary) 60%, transparent);
    box-shadow: 0 0 22px color-mix(in srgb, var(--accent-secondary) 30%, transparent);
}

.tab-icon[b-d7ytfeyvx9] {
    font-size: 0.95em;
    line-height: 1;
}

/* ---- Content + sections ---- */
.records-content[b-d7ytfeyvx9] {
    display: grid;
    gap: var(--spacing-lg, 1.25rem);
}

.record-section[b-d7ytfeyvx9] {
    display: grid;
    gap: 0.9rem;
}

.section-title[b-d7ytfeyvx9] {
    margin: 0;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: var(--text-xl, 1.35rem);
    font-weight: 760;
    letter-spacing: -0.01em;
}

.subsection-title[b-d7ytfeyvx9] {
    margin: 0.5rem 0 0;
    color: var(--text-secondary);
    font-family: var(--font-display);
    font-size: var(--text-lg, 1.05rem);
    font-weight: 700;
}

/* ---- Record rows ---- */
.record-list[b-d7ytfeyvx9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr));
    gap: 0.75rem;
}

.record-list-spaced[b-d7ytfeyvx9] {
    display: grid;
    gap: 0.6rem;
}

.record-row[b-d7ytfeyvx9] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr) auto;
    grid-template-areas: "icon info value" "icon info holder";
    align-items: center;
    gap: 0.25rem 0.85rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 12px);
    background: var(--surface-panel, var(--surface-1));
    transition: border-color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.record-row:hover[b-d7ytfeyvx9] {
    border-color: var(--border-strong);
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

/* The headline record in each category gets the gold trophy treatment. */
.record-row.highlight[b-d7ytfeyvx9] {
    border-color: color-mix(in srgb, var(--accent-secondary) 48%, var(--border-default));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent-secondary-subtle) 50%, transparent), transparent 60%),
        var(--surface-panel, var(--surface-1));
}

.record-icon[b-d7ytfeyvx9] {
    grid-area: icon;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: var(--radius-sm, 8px);
    background: var(--surface-control, var(--surface-2));
    border: 1px solid var(--border-subtle);
    font-size: 1.1rem;
    line-height: 1;
}

.record-row.highlight .record-icon[b-d7ytfeyvx9] {
    background: color-mix(in srgb, var(--accent-secondary-subtle) 70%, transparent);
    border-color: color-mix(in srgb, var(--accent-secondary) 40%, transparent);
}

.record-info[b-d7ytfeyvx9] {
    grid-area: info;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.record-title[b-d7ytfeyvx9] {
    color: var(--text-primary);
    font-weight: 700;
    font-size: var(--text-sm, 0.9rem);
}

.record-context[b-d7ytfeyvx9] {
    color: var(--text-tertiary);
    font-size: var(--text-xs, 0.78rem);
    line-height: 1.35;
}

.record-value[b-d7ytfeyvx9] {
    grid-area: value;
    justify-self: end;
    color: var(--text-primary);
    font-family: var(--font-display);
    font-size: 1.7rem;
    font-weight: 820;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.record-row.highlight .record-value[b-d7ytfeyvx9] {
    color: var(--accent-secondary);
}

.record-holder[b-d7ytfeyvx9] {
    grid-area: holder;
    justify-self: end;
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.record-holder a[b-d7ytfeyvx9] {
    color: var(--text-secondary);
    font-weight: 650;
    font-size: var(--text-sm, 0.85rem);
    text-decoration: none;
}

.record-holder a:hover[b-d7ytfeyvx9] {
    color: var(--accent-primary);
}

.record-detail[b-d7ytfeyvx9] {
    color: var(--text-tertiary);
    font-size: var(--text-xs, 0.74rem);
    font-variant-numeric: tabular-nums;
}

/* ---- Position records (player tab) ---- */
.position-records[b-d7ytfeyvx9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
    gap: 0.75rem;
}

.position-record-card[b-d7ytfeyvx9] {
    display: grid;
    gap: 0.4rem;
    padding: 1.1rem;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 12px);
    background: var(--surface-panel, var(--surface-1));
    transition: border-color 140ms ease, transform 140ms ease;
}

.position-record-card:hover[b-d7ytfeyvx9] {
    border-color: var(--border-strong);
    transform: translateY(-2px);
}

.position-badge[b-d7ytfeyvx9] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.2rem 0.6rem;
    border-radius: var(--radius-full, 999px);
    background: var(--accent-primary-subtle);
    color: var(--accent-primary);
    font-family: var(--font-mono);
    font-size: var(--text-xs, 0.72rem);
    font-weight: 700;
    letter-spacing: 0.04em;
}

.position-player[b-d7ytfeyvx9] {
    color: var(--text-primary);
    font-weight: 700;
    font-size: var(--text-sm, 0.95rem);
}

.position-detail[b-d7ytfeyvx9] {
    color: var(--text-tertiary);
    font-size: var(--text-xs, 0.76rem);
    font-variant-numeric: tabular-nums;
}

.position-score[b-d7ytfeyvx9] {
    color: var(--accent-secondary);
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 820;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

/* ---- Loading ---- */
.loading-state[b-d7ytfeyvx9] {
    display: grid;
    place-items: center;
    gap: 0.75rem;
    padding: calc(var(--density-empty-state-pad) * 1.33) 1rem;
    color: var(--text-tertiary);
}

.spinner[b-d7ytfeyvx9] {
    width: 2.25rem;
    height: 2.25rem;
    border: 3px solid var(--border-default);
    border-top-color: var(--accent-secondary);
    border-radius: 50%;
    animation: records-spin-b-d7ytfeyvx9 0.8s linear infinite;
}

@keyframes records-spin-b-d7ytfeyvx9 {
    to { transform: rotate(360deg); }
}

@media (max-width: 640px) {
    .records-header[b-d7ytfeyvx9] { padding: 1.4rem; }
    .record-row[b-d7ytfeyvx9] {
        grid-template-columns: 2.4rem minmax(0, 1fr);
        grid-template-areas: "icon info" "value value" "holder holder";
    }
    .record-value[b-d7ytfeyvx9], .record-holder[b-d7ytfeyvx9] { justify-self: start; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
    .tab-btn[b-d7ytfeyvx9], .record-row[b-d7ytfeyvx9], .position-record-card[b-d7ytfeyvx9] { transition: none; }
    .record-row:hover[b-d7ytfeyvx9], .position-record-card:hover[b-d7ytfeyvx9] { transform: none; }
    .spinner[b-d7ytfeyvx9] { animation-duration: 1.6s; }
}
/* /Components/Pages/Rulebook.razor.rz.scp.css */
.rulebook-page[b-xlw1os3ytl] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1rem 0;
}

.rulebook-hero[b-xlw1os3ytl] {
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.08));
    padding: min(var(--density-hero-pad-y), 1.5rem);
}

.rulebook-hero-copy[b-xlw1os3ytl] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

.rulebook-kicker[b-xlw1os3ytl] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.rulebook-hero h1[b-xlw1os3ytl] {
    margin: 0;
    color: var(--text-primary);
    font-size: min(var(--density-display-size), clamp(1.75rem, 2.2vw, 2.3rem));
    line-height: 1.1;
}

.rulebook-hero p[b-xlw1os3ytl] {
    margin: 0;
    color: var(--text-tertiary);
    max-width: 60ch;
}

.rulebook-loading[b-xlw1os3ytl] {
    display: flex;
    justify-content: center;
    padding: var(--density-empty-state-pad) 0;
}

.rulebook-loading .spinner-border[b-xlw1os3ytl] {
    color: var(--accent-primary);
}

.rulebook-empty[b-xlw1os3ytl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    padding: var(--density-empty-state-pad) 1rem;
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    background: var(--surface-1);
    color: var(--text-tertiary);
    text-align: center;
}

.rulebook-empty i[b-xlw1os3ytl] {
    font-size: var(--density-empty-icon-size);
    color: var(--accent-primary);
}

.rulebook-empty h2[b-xlw1os3ytl] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.25rem;
}

.rulebook-empty p[b-xlw1os3ytl] {
    margin: 0;
    max-width: 50ch;
}

.rulebook-shell[b-xlw1os3ytl] {
    display: grid;
    grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.rulebook-toc[b-xlw1os3ytl] {
    position: sticky;
    top: 1rem;
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: var(--surface-panel, var(--surface-2));
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.06));
    padding: 0.85rem;
}

.rulebook-toc h2[b-xlw1os3ytl] {
    margin: 0 0 0.6rem;
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.rulebook-toc nav[b-xlw1os3ytl] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.rulebook-toc-link[b-xlw1os3ytl] {
    display: block;
    padding: 0.5rem 0.65rem;
    border-radius: 6px;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 0.92rem;
    transition: background-color 120ms ease;
}

.rulebook-toc-link strong[b-xlw1os3ytl],
.rulebook-toc-link span[b-xlw1os3ytl] {
    color: var(--text-tertiary);
    font-weight: 700;
    margin-right: 0.35rem;
}

.rulebook-toc-link.child[b-xlw1os3ytl] {
    padding-left: 1.5rem;
    font-size: 0.86rem;
}

.rulebook-toc-link:hover[b-xlw1os3ytl] {
    background: color-mix(in srgb, var(--accent-primary-subtle, var(--surface-1)) 70%, transparent);
}

.rulebook-toc-link.active[b-xlw1os3ytl] {
    background: color-mix(in srgb, var(--accent-primary) 14%, transparent);
    color: var(--text-primary);
}

.rulebook-toc-link.active strong[b-xlw1os3ytl],
.rulebook-toc-link.active span[b-xlw1os3ytl] {
    color: var(--accent-primary);
}

.rulebook-content[b-xlw1os3ytl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.rulebook-section[b-xlw1os3ytl],
.rulebook-subsection[b-xlw1os3ytl] {
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: var(--surface-panel, var(--surface-2));
    padding: 1.25rem 1.4rem;
    box-shadow: var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, 0.06));
}

.rulebook-subsection[b-xlw1os3ytl] {
    margin-top: 1rem;
    padding: 1rem 1.2rem;
    background: var(--surface-1);
    box-shadow: none;
}

.rulebook-section header[b-xlw1os3ytl],
.rulebook-subsection header[b-xlw1os3ytl] {
    display: flex;
    align-items: baseline;
    gap: 0.7rem;
    margin-bottom: 0.75rem;
}

.rulebook-section-number[b-xlw1os3ytl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.1rem;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 30%, var(--border-default));
    background: color-mix(in srgb, var(--accent-primary) 12%, transparent);
    color: var(--accent-primary);
    font-size: 0.78rem;
    font-weight: 700;
}

.rulebook-section h2[b-xlw1os3ytl],
.rulebook-subsection h3[b-xlw1os3ytl] {
    margin: 0;
    color: var(--text-primary);
    line-height: 1.25;
}

.rulebook-section h2[b-xlw1os3ytl] {
    font-size: 1.35rem;
}

.rulebook-subsection h3[b-xlw1os3ytl] {
    font-size: 1.05rem;
}

.rulebook-body[b-xlw1os3ytl] {
    color: var(--text-primary);
    line-height: 1.65;
}

.rulebook-body[b-xlw1os3ytl]  p {
    margin: 0 0 0.85rem;
}

.rulebook-body[b-xlw1os3ytl]  p:last-child {
    margin-bottom: 0;
}

.rulebook-body[b-xlw1os3ytl]  ul {
    margin: 0 0 0.85rem 1.1rem;
    padding: 0;
}

.rulebook-body[b-xlw1os3ytl]  li {
    margin-bottom: 0.3rem;
}

.rulebook-body[b-xlw1os3ytl]  .rulebook-empty-body {
    color: var(--text-tertiary);
    font-style: italic;
}

.rulebook-section footer[b-xlw1os3ytl] {
    margin-top: 0.85rem;
    padding-top: 0.6rem;
    border-top: 1px dashed var(--border-default);
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

@media (max-width: 960px) {
    .rulebook-shell[b-xlw1os3ytl] {
        grid-template-columns: 1fr;
    }

    .rulebook-toc[b-xlw1os3ytl] {
        position: static;
    }
}

@media (max-width: 720px) {
    .rulebook-hero[b-xlw1os3ytl],
    .rulebook-section[b-xlw1os3ytl],
    .rulebook-subsection[b-xlw1os3ytl] {
        padding: 1rem;
    }

    .rulebook-section h2[b-xlw1os3ytl] {
        font-size: 1.2rem;
    }
}
/* /Components/Pages/Scoreboard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   Scoreboard.razor — Scoped Styles
   Uses design system tokens from app.css
   ═══════════════════════════════════════════════════════════════════════════════ */

/* Page Header */
.page-header[b-cmosikse55] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-lg);
}

.page-title[b-cmosikse55] {
    font-family: var(--font-display);
    font-size: var(--text-3xl);
    color: var(--text-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.page-title i[b-cmosikse55] {
    color: var(--accent-primary);
}

/* Week Controls */
.week-controls[b-cmosikse55] {
    display: flex;
    gap: var(--spacing-sm);
}

.week-controls .form-select[b-cmosikse55] {
    width: 120px;
    background-color: var(--surface-2);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-size: var(--text-sm);
    padding: var(--spacing-sm) var(--spacing-md);
}

.week-controls .form-select:focus[b-cmosikse55] {
    border-color: var(--accent-primary);
    box-shadow: var(--focus-ring);
    outline: none;
}

/* Week Navigation */
.week-nav[b-cmosikse55] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-lg);
}

.week-nav h4[b-cmosikse55] {
    font-family: var(--font-display);
    color: var(--text-primary);
    margin: 0;
}

.btn-nav[b-cmosikse55] {
    border: 1px solid var(--border-strong);
    color: var(--text-secondary);
    background: var(--surface-2);
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    transition: all var(--duration-fast) var(--ease-out);
}

.btn-nav:hover:not(:disabled)[b-cmosikse55] {
    background-color: var(--surface-row-hover);
    border-color: var(--line-strong);
    color: var(--text-primary);
}

.btn-nav:disabled[b-cmosikse55] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Matchup Cards */
.matchup-card[b-cmosikse55] {
    background: color-mix(in srgb, var(--surface-module) 88%, transparent);
    border: 1px solid var(--line-default);
    border-radius: var(--panel-radius);
    box-shadow: var(--shadow-sm);
    transition: box-shadow var(--duration-normal) var(--ease-out),
                transform var(--duration-normal) var(--ease-out);
    overflow: hidden;
}

.matchup-card:hover[b-cmosikse55] {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

/* Team Row */
.matchup-team[b-cmosikse55] {
    padding: var(--spacing-md);
    transition: background-color var(--duration-fast) var(--ease-out);
    position: relative;
}

.matchup-team.winning[b-cmosikse55] {
    background: linear-gradient(90deg,
        var(--accent-success) 0,
        var(--accent-success) 4px,
        color-mix(in srgb, var(--accent-success-subtle) 54%, transparent) 4px,
        transparent 100%);
}

.matchup-team:first-child[b-cmosikse55] {
    border-bottom: 1px solid var(--border-subtle);
}

/* Team Logo */
.team-logo[b-cmosikse55] {
    width: 50px;
    height: 50px;
    border-radius: var(--radius-full);
    object-fit: cover;
    border: 2px solid var(--border-subtle);
}

.team-logo-placeholder[b-cmosikse55] {
    width: 50px;
    height: 50px;
    border-radius: var(--radius-full);
    background: var(--surface-control);
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-logo-placeholder i[b-cmosikse55] {
    color: var(--text-tertiary);
    font-size: var(--text-lg);
}

/* Team Info */
.team-name[b-cmosikse55] {
    font-family: var(--font-body);
    font-weight: 500;
    font-size: var(--text-base);
    color: var(--text-primary);
    margin: 0;
    transition: color var(--duration-fast);
}

.team-name:hover[b-cmosikse55] {
    color: var(--accent-primary);
}

.team-name.winner[b-cmosikse55] {
    font-weight: 600;
}

.team-owner[b-cmosikse55] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

/* Score Display */
.score-display[b-cmosikse55] {
    font-family: var(--font-mono);
    font-size: var(--text-2xl);
    font-variant-numeric: tabular-nums;
    color: var(--text-secondary);
    margin: 0;
}

.score-display.winning[b-cmosikse55] {
    color: var(--accent-success);
    font-weight: 600;
    text-shadow: 0 0 12px rgba(16, 185, 129, 0.2);
}

/* Card Footer */
.matchup-footer[b-cmosikse55] {
    background: color-mix(in srgb, var(--surface-module-strong) 82%, transparent);
    border-top: 1px solid var(--border-subtle);
    padding: var(--spacing-sm);
    text-align: center;
}

.btn-details[b-cmosikse55] {
    font-size: var(--text-xs);
    color: var(--accent-secondary);
    border: 1px solid color-mix(in srgb, var(--accent-secondary) 48%, var(--line-default) 52%);
    background: transparent;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-sm);
    transition: all var(--duration-fast) var(--ease-out);
}

.btn-details:hover[b-cmosikse55] {
    background: var(--accent-secondary-subtle);
    border-color: var(--accent-secondary);
}

/* Player Scores Panel */
.scores-panel[b-cmosikse55] {
    border-top: 1px solid var(--border-subtle);
    padding: var(--spacing-md);
}

/* Away/home split — full width on phones, side-by-side from ≥576px */
.scores-col-away[b-cmosikse55] {
    border-right: 1px solid var(--border-subtle);
}

@media (max-width: 575.98px) {
    .scores-col-away[b-cmosikse55] {
        border-right: none;
        border-bottom: 1px solid var(--border-subtle);
        padding-bottom: var(--spacing-md);
        margin-bottom: var(--spacing-md);
    }
}

.scores-team-header[b-cmosikse55] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin-bottom: var(--spacing-sm);
    font-weight: 500;
}

.player-scores[b-cmosikse55] {
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--line-strong) transparent;
}

.player-score-row[b-cmosikse55] {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-xs) 0;
    font-size: var(--text-sm);
    border-bottom: 1px solid var(--border-subtle);
}

.player-score-row:last-child[b-cmosikse55] {
    border-bottom: none;
}

.player-score-row.bench[b-cmosikse55] {
    color: var(--text-tertiary);
}

.player-score-row strong[b-cmosikse55] {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
}

/* Bench Badge */
.bench-badge[b-cmosikse55] {
    font-size: 0.625rem;
    padding: 2px 6px;
    background: var(--surface-control);
    color: var(--text-secondary);
    border-radius: var(--radius-xs);
    margin-right: var(--spacing-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
}

/* Summary Card */
.summary-card[b-cmosikse55] {
    background: color-mix(in srgb, var(--surface-module) 88%, transparent);
    border: 1px solid var(--line-default);
    border-radius: var(--panel-radius);
    box-shadow: var(--shadow-sm);
    margin-top: var(--spacing-lg);
}

.summary-header[b-cmosikse55] {
    background: transparent;
    border-bottom: 1px solid var(--border-subtle);
    padding: var(--spacing-md);
}

.summary-header h5[b-cmosikse55] {
    font-family: var(--font-display);
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    color: var(--text-primary);
}

.summary-header i[b-cmosikse55] {
    color: var(--accent-primary);
}

/* Stat Items */
.stat-grid[b-cmosikse55] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-md);
    padding: var(--spacing-md);
}

.stat-item[b-cmosikse55] {
    text-align: center;
    padding: var(--spacing-sm);
}

.stat-value[b-cmosikse55] {
    font-family: var(--font-mono);
    font-size: var(--text-2xl);
    font-variant-numeric: tabular-nums;
    margin: 0 0 var(--spacing-xs);
}

.stat-value.stat-count[b-cmosikse55] { color: var(--text-secondary); }
.stat-value.stat-high[b-cmosikse55] { color: var(--accent-success); }
.stat-value.stat-avg[b-cmosikse55] { color: var(--accent-secondary); }
.stat-value.stat-low[b-cmosikse55] { color: var(--accent-danger); }

.stat-label[b-cmosikse55] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0;
}

/* Loading State */
.loading-container[b-cmosikse55] {
    text-align: center;
    padding: var(--spacing-2xl);
}

.loading-container .spinner-border[b-cmosikse55] {
    color: var(--accent-primary);
    width: 2.5rem;
    height: 2.5rem;
}

/* Empty State */
.empty-state[b-cmosikse55] {
    background: color-mix(in srgb, var(--surface-module) 88%, transparent);
    border: 1px solid var(--line-default);
    border-radius: var(--panel-radius);
    text-align: center;
    padding: var(--spacing-2xl);
}

/* Inline variant used inside an expanded matchup */
.empty-state.empty-state-inline[b-cmosikse55] {
    background: transparent;
    border: none;
    padding: var(--spacing-md);
}

.empty-state i[b-cmosikse55] {
    color: var(--text-quaternary);
    margin-bottom: var(--spacing-md);
}

.empty-state h5[b-cmosikse55] {
    color: var(--text-secondary);
    margin-bottom: var(--spacing-sm);
}

.empty-state p[b-cmosikse55] {
    color: var(--text-tertiary);
    margin: 0;
}

/* Animation for score updates */
@keyframes scoreUpdate-b-cmosikse55 {
    0% { background-color: var(--accent-secondary-subtle); }
    100% { background-color: transparent; }
}

.score-updated[b-cmosikse55] {
    animation: scoreUpdate-b-cmosikse55 2s ease-out;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-cmosikse55] {
        flex-direction: column;
        gap: var(--spacing-md);
        align-items: flex-start;
    }

    .stat-grid[b-cmosikse55] {
        grid-template-columns: repeat(2, 1fr);
    }

    .team-name[b-cmosikse55] {
        font-size: var(--text-sm);
    }

    .score-display[b-cmosikse55] {
        font-size: var(--text-xl);
    }
}
/* /Components/Pages/Standings.razor.rz.scp.css */
/* Standings Container */
.standings-container[b-w5ith3gb91] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--density-page-pad);
}

/* Header */
.standings-header[b-w5ith3gb91] {
    margin-bottom: calc(var(--density-section-gap) * 1.33);
}

.header-content[b-w5ith3gb91] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-title[b-w5ith3gb91] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-title h1[b-w5ith3gb91] {
    font-family: var(--font-display);
    font-size: min(var(--density-display-size), 2rem);
    font-weight: 760;
    color: var(--text-primary, #1c1917);
    margin: 0;
}

.trophy-icon[b-w5ith3gb91] {
    font-size: min(var(--density-display-size), 2rem);
}

.header-controls[b-w5ith3gb91] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.season-select[b-w5ith3gb91] {
    padding: 0.5rem 1rem;
    min-height: 40px;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--surface-2);
    font-size: 0.9rem;
    color: var(--text-primary, #1c1917);
    cursor: pointer;
}

.view-toggle[b-w5ith3gb91] {
    display: flex;
    background: var(--surface-3);
    border-radius: 8px;
    padding: 4px;
}

.toggle-btn[b-w5ith3gb91] {
    padding: 0.5rem 1rem;
    min-height: 36px;
    border: none;
    background: transparent;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-tertiary);
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.15s ease;
}

.toggle-btn:hover[b-w5ith3gb91] {
    color: var(--text-primary, #1c1917);
}

.toggle-btn.active[b-w5ith3gb91] {
    background: var(--surface-2);
    color: var(--text-primary, #1c1917);
    box-shadow: var(--shadow-xs);
}

/* Loading & Empty States */
.loading-state[b-w5ith3gb91],
.empty-state[b-w5ith3gb91] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(var(--density-empty-state-pad) * 1.33) 2rem;
    text-align: center;
}

.spinner[b-w5ith3gb91] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-default);
    border-top-color: var(--accent-primary, #0ea5e9);
    border-radius: 50%;
    animation: spin-b-w5ith3gb91 1s linear infinite;
}

@keyframes spin-b-w5ith3gb91 {
    to { transform: rotate(360deg); }
}

.empty-icon[b-w5ith3gb91] {
    font-size: calc(var(--density-empty-icon-size) * 1.6);
    margin-bottom: 1rem;
}

.empty-state h3[b-w5ith3gb91] {
    color: var(--text-primary, #1c1917);
    margin-bottom: 0.5rem;
}

.empty-state p[b-w5ith3gb91] {
    color: var(--text-tertiary);
}

/* Season Summary */
.season-summary[b-w5ith3gb91] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.summary-card[b-w5ith3gb91] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--surface-2);
    border: 1px solid var(--border-default);
    border-radius: 12px;
}

.summary-icon[b-w5ith3gb91] {
    font-size: 1.75rem;
}

.summary-data[b-w5ith3gb91] {
    display: flex;
    flex-direction: column;
}

.summary-value[b-w5ith3gb91] {
    font-family: var(--font-body);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary, #1c1917);
}

.summary-label[b-w5ith3gb91] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0;
}

/* Standings Table */
.standings-table-container[b-w5ith3gb91] {
    background: var(--surface-2);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    overflow: hidden;
}

.standings-table[b-w5ith3gb91] {
    width: 100%;
    border-collapse: collapse;
}

.standings-table th[b-w5ith3gb91] {
    padding: 0.75rem 1rem;
    background: var(--surface-3);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    color: var(--text-tertiary);
    text-align: left;
    border-bottom: 1px solid var(--border-default);
}

.standings-table td[b-w5ith3gb91] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--border-subtle, #f5f5f4);
    vertical-align: middle;
}

.standings-table tbody tr:hover[b-w5ith3gb91] {
    background: var(--surface-3);
}

.standings-table tbody tr:last-child td[b-w5ith3gb91] {
    border-bottom: none;
}

/* Playoff styling */
.standings-table tbody tr.playoff-spot[b-w5ith3gb91] {
    background: color-mix(in srgb, var(--accent-success-subtle) 30%, transparent);
}

.standings-table tbody tr.playoff-line td[b-w5ith3gb91] {
    border-bottom: 2px solid color-mix(in srgb, var(--accent-success) 50%, transparent);
}

/* Column widths */
.rank-col[b-w5ith3gb91] { width: 50px; text-align: center; }
.team-col[b-w5ith3gb91] { min-width: 200px; }
.record-col[b-w5ith3gb91] { width: 80px; text-align: center; }
.pct-col[b-w5ith3gb91] { width: 70px; text-align: center; }
.div-col[b-w5ith3gb91] { width: 80px; text-align: center; }
.pf-col[b-w5ith3gb91] { width: 70px; text-align: right; }
.pa-col[b-w5ith3gb91] { width: 70px; text-align: right; }
.diff-col[b-w5ith3gb91] { width: 70px; text-align: right; }
.streak-col[b-w5ith3gb91] { width: 70px; text-align: center; }

/* Rank Badge */
.rank-badge[b-w5ith3gb91] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--surface-3);
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--text-tertiary);
}

.rank-badge.in-playoffs[b-w5ith3gb91] {
    background: var(--accent-success-subtle);
    color: var(--accent-success, #16a34a);
}

/* Team Info */
.team-info[b-w5ith3gb91] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.team-logo[b-w5ith3gb91] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--border-default);
}

.team-logo-placeholder[b-w5ith3gb91] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--surface-3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--text-tertiary);
    font-size: 1rem;
}

.team-details[b-w5ith3gb91] {
    display: flex;
    flex-direction: column;
}

.team-name[b-w5ith3gb91] {
    font-weight: 600;
    color: var(--text-primary, #1c1917);
    text-decoration: none;
}

.team-name:hover[b-w5ith3gb91] {
    color: var(--accent-primary, #0ea5e9);
}

.team-owner[b-w5ith3gb91] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

/* Stats styling */
.record[b-w5ith3gb91] {
    font-family: var(--font-mono);
    font-weight: 600;
    color: var(--text-primary, #1c1917);
}

.pct[b-w5ith3gb91] {
    font-family: var(--font-mono);
    color: var(--text-secondary, #44403c);
}

.div-record[b-w5ith3gb91] {
    font-family: var(--font-mono);
    font-size: 0.85rem;
    color: var(--text-tertiary);
}

.points-for[b-w5ith3gb91],
.points-against[b-w5ith3gb91] {
    font-family: var(--font-mono);
    font-size: 0.9rem;
}

.diff[b-w5ith3gb91] {
    font-family: var(--font-mono);
    font-weight: 600;
    font-size: 0.85rem;
}

.diff.positive[b-w5ith3gb91] { color: var(--accent-success, #16a34a); }
.diff.negative[b-w5ith3gb91] { color: var(--accent-danger, #dc2626); }

.streak[b-w5ith3gb91] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
}

.streak.win-streak[b-w5ith3gb91] {
    background: var(--accent-success-subtle);
    color: var(--accent-success, #16a34a);
}

.streak.lose-streak[b-w5ith3gb91] {
    background: var(--accent-danger-subtle);
    color: var(--accent-danger, #dc2626);
}

/* Playoff Legend */
.playoff-legend[b-w5ith3gb91] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem;
    font-size: 0.8rem;
    color: var(--text-tertiary);
}

.legend-item[b-w5ith3gb91] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.legend-dot[b-w5ith3gb91] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--surface-3);
}

.legend-dot.in-playoffs[b-w5ith3gb91] {
    background: color-mix(in srgb, var(--accent-success) 50%, transparent);
}

/* Division View */
.divisions-grid[b-w5ith3gb91] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
}

.division-card[b-w5ith3gb91] {
    background: var(--surface-2);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    overflow: hidden;
}

.division-header[b-w5ith3gb91] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: var(--surface-3);
    border-bottom: 1px solid var(--border-default);
}

.division-header h3[b-w5ith3gb91] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 720;
    margin: 0;
    color: var(--text-primary, #1c1917);
}

.division-badge[b-w5ith3gb91] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    color: var(--text-tertiary);
    background: var(--surface-3);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.division-standings[b-w5ith3gb91] {
    padding: 0.5rem 0;
}

.division-row[b-w5ith3gb91] {
    display: flex;
    align-items: center;
    padding: 0.625rem 1.25rem;
    gap: 0.75rem;
    transition: background 0.15s ease;
}

.division-row:hover[b-w5ith3gb91] {
    background: var(--surface-3);
}

.division-row.division-leader[b-w5ith3gb91] {
    background: color-mix(in srgb, var(--accent-warning-subtle) 40%, transparent);
}

.div-rank[b-w5ith3gb91] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--text-tertiary);
}

.division-row.division-leader .div-rank[b-w5ith3gb91] {
    background: var(--accent-warning-subtle);
    color: var(--accent-warning);
    border-radius: 50%;
}

.div-team-info[b-w5ith3gb91] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex: 1;
    min-width: 0;
}

.div-team-logo[b-w5ith3gb91] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--border-default);
}

.div-team-logo-placeholder[b-w5ith3gb91] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--surface-3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--text-tertiary);
}

.div-team-name[b-w5ith3gb91] {
    font-weight: 500;
    color: var(--text-primary, #1c1917);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.div-team-name:hover[b-w5ith3gb91] {
    color: var(--accent-primary, #0ea5e9);
}

.div-record-display[b-w5ith3gb91] {
    font-family: var(--font-mono);
    font-weight: 600;
    font-size: 0.9rem;
    min-width: 45px;
    text-align: center;
}

.div-pf[b-w5ith3gb91] {
    font-size: 0.8rem;
    color: var(--text-tertiary);
    min-width: 60px;
    text-align: right;
}

/* Power Rankings View */
.power-rankings[b-w5ith3gb91] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.power-description[b-w5ith3gb91] {
    font-size: 0.9rem;
    color: var(--text-tertiary);
    margin-bottom: 1rem;
    font-style: italic;
}

.power-card[b-w5ith3gb91] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--surface-2);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    transition: box-shadow 0.15s ease;
}

.power-card:hover[b-w5ith3gb91] {
    box-shadow: var(--shadow-sm);
}

.power-rank[b-w5ith3gb91] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 40px;
}

.rank-number[b-w5ith3gb91] {
    font-family: var(--font-body);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #1c1917);
}

.trend[b-w5ith3gb91] {
    font-size: 0.65rem;
    font-weight: 600;
}

.trend.up[b-w5ith3gb91] { color: var(--accent-success, #16a34a); }
.trend.down[b-w5ith3gb91] { color: var(--accent-danger, #dc2626); }

.power-team[b-w5ith3gb91] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: min(200px, 100%);
}

.power-team-logo[b-w5ith3gb91] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--border-default);
}

.power-team-logo-placeholder[b-w5ith3gb91] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--surface-3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-tertiary);
}

.power-team-details[b-w5ith3gb91] {
    display: flex;
    flex-direction: column;
}

.power-team-name[b-w5ith3gb91] {
    font-weight: 600;
    color: var(--text-primary, #1c1917);
    text-decoration: none;
}

.power-team-name:hover[b-w5ith3gb91] {
    color: var(--accent-primary, #0ea5e9);
}

.power-record[b-w5ith3gb91] {
    font-size: 0.8rem;
    color: var(--text-tertiary);
}

.power-bar-container[b-w5ith3gb91] {
    flex: 1;
    height: 8px;
    background: var(--surface-3);
    border-radius: 4px;
    overflow: hidden;
}

.power-bar[b-w5ith3gb91] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent-primary, #0ea5e9), var(--accent-primary-hover));
    border-radius: 4px;
    transition: width 0.5s ease;
}

.power-stats[b-w5ith3gb91] {
    min-width: 70px;
    text-align: right;
}

.ppg[b-w5ith3gb91] {
    font-family: var(--font-mono);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary, #1c1917);
}

/* Responsive */
@media (max-width: 768px) {
    .header-content[b-w5ith3gb91] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-controls[b-w5ith3gb91] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .view-toggle[b-w5ith3gb91] {
        justify-content: center;
    }

    .standings-table-container[b-w5ith3gb91] {
        overflow-x: auto;
    }

    .standings-table th[b-w5ith3gb91],
    .standings-table td[b-w5ith3gb91] {
        padding: 0.625rem 0.5rem;
        font-size: 0.8rem;
    }

    .team-logo[b-w5ith3gb91],
    .team-logo-placeholder[b-w5ith3gb91] {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 540px) {
    .team-owner[b-w5ith3gb91] {
        display: none;
    }

    .power-card[b-w5ith3gb91] {
        flex-wrap: wrap;
    }

    .power-bar-container[b-w5ith3gb91] {
        width: 100%;
        order: 10;
    }
}
/* /Components/Pages/TradeCenter.razor.rz.scp.css */
/* Trade Center Component Styles - Scoped to TradeCenter.razor */

.nav-pills .nav-link.btn.btn-link[b-obdlhyc2xg] {
    border: none;
    text-decoration: none;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    background: none;
    color: var(--text-secondary);
}

.nav-pills .nav-link.btn.btn-link:hover[b-obdlhyc2xg] {
    color: var(--text-primary);
    background-color: var(--surface-4);
}

.nav-pills .nav-link.btn.btn-link.active[b-obdlhyc2xg] {
    color: var(--surface-2);
    background-color: var(--accent-secondary);
}

.negotiation-item[b-obdlhyc2xg] {
    padding: 1rem;
    border-bottom: 1px solid var(--border-default);
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}

.negotiation-item:hover[b-obdlhyc2xg] {
    background-color: var(--surface-3);
}

.negotiation-item.selected[b-obdlhyc2xg] {
    background-color: var(--accent-primary-subtle, rgba(139, 21, 56, 0.12));
    border-left: 4px solid var(--accent-secondary);
}

.trade-block-item[b-obdlhyc2xg] {
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--border-default);
}

.trade-block-item:last-child[b-obdlhyc2xg] {
    border-bottom: none;
}

.trade-asset-item[b-obdlhyc2xg] {
    padding: 0.5rem;
    background-color: var(--surface-2);
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
}

.chat-message[b-obdlhyc2xg] {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
}

.chat-message.own-message[b-obdlhyc2xg] {
    background-color: var(--accent-secondary);
    color: var(--surface-2);
    margin-left: 2rem;
}

.chat-message.other-message[b-obdlhyc2xg] {
    background-color: var(--surface-2);
    margin-right: 2rem;
}

/* The in-detail back button is mobile-only; the desktop layout keeps the detail
   inline in the right column where the X (and tapping another row) is enough. */
.trade-detail-back[b-obdlhyc2xg] {
    display: none;
}

/* Scrolling regions inside trade cards — previously inline max-height styles. */
.trade-card-scroll[b-obdlhyc2xg] {
    max-height: 300px;
    overflow-y: auto;
}

.trade-card-scroll-tall[b-obdlhyc2xg] {
    max-height: 400px;
}

/* When stacked at < lg, the league trade-block list can take more height
   since it's no longer competing with the negotiations column for space. */
@media (max-width: 991.98px) {
    .trade-card-scroll-tall[b-obdlhyc2xg] {
        max-height: 320px;
    }

    .chat-message.own-message[b-obdlhyc2xg] {
        margin-left: 0.75rem;
    }

    .chat-message.other-message[b-obdlhyc2xg] {
        margin-right: 0.75rem;
    }
}

/* ≤960px: true mobile-app list→detail (mirrors the forums pattern). The whole
   tablet + phone range shows ONE pane at a time, driven by data-has-negotiation
   (which mirrors the URL: a /trades/negotiation/{id} route => "true"). No
   negotiation open => the list (trade blocks + negotiations) fills the screen; a
   negotiation open => the detail pane takes over full-screen with a back button.
   Desktop (>960px) keeps the current 2-column inline layout unchanged. Because
   data-has-negotiation is the source of truth, browser back/forward and refresh
   control the visible pane. */
@media (max-width: 960px) {
    /* Negotiation open => show ONLY the detail. Hide the LIST panes — the
       trade-blocks column and the negotiations-list card — but NOT the shared
       ancestors (.row / .col-lg-8 / .trade-section). The detail pane is a
       descendant of those ancestors, and a position:fixed element is still
       suppressed when ANY ancestor is display:none — so the row must stay in
       flow. With the list panes hidden, the row collapses to ~0 height behind
       the fixed detail overlay. */
    .trade-center-content[data-has-negotiation="true"] .trade-blocks-col[b-obdlhyc2xg],
    .trade-center-content[data-has-negotiation="true"] .trade-list-pane[b-obdlhyc2xg] {
        display: none;
    }

    .trade-center-content[data-has-negotiation="true"] .trade-detail-pane[b-obdlhyc2xg] {
        position: fixed;
        inset: var(--header-height, 56px) 0 0 0;
        z-index: 1030;
        margin-top: 0 !important;
        border-radius: 0;
        overflow-y: auto;
        background: var(--surface-1);
    }

    /* Back button is the way out of a negotiation on every narrow viewport. */
    .trade-detail-back[b-obdlhyc2xg] {
        display: inline-flex;
    }
}

/* ── Mobile (≤576px) ─────────────────────────────────────────────────────
   App-like phone layout. The page already collapses to a single column at
   lg via col-12/col-lg-*; these rules fix what Bootstrap's grid leaves
   cramped on a 440px phone: the side-by-side Offers/Receives summary and
   the header that crowds the title against the action button. */
@media (max-width: 576px) {
    /* Header: stack title over a full-width action button. The markup carries
       Bootstrap d-flex (display:flex !important), so we must win with
       !important rather than a plain display rule. */
    .trade-center-header .d-flex[b-obdlhyc2xg] {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.5rem;
    }

    .trade-center-header h1[b-obdlhyc2xg] {
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    /* Negotiation-detail "Offers / Receives" two-column summary stacks so
       each side gets the full 440px width instead of a ~210px squeeze. The
       Bootstrap .row uses flex-wrap, so widening the cols to 100% is enough
       to push the second column onto its own line — no !important needed. */
    .trade-offer-columns > .col-6[b-obdlhyc2xg] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .trade-offer-columns > .col-6:first-child[b-obdlhyc2xg] {
        margin-bottom: 1rem;
    }

    /* Give the league block and chat scroll regions more vertical room on a
       phone where they own the full width. */
    .trade-card-scroll[b-obdlhyc2xg] {
        max-height: 50vh;
    }

    .negotiation-item[b-obdlhyc2xg] {
        padding: 0.75rem;
    }
}
/* /Components/Shared/AdSlot.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   AdSlot.razor — CLS-safe reserved ad boxes. NEVER height:auto: the box must hold
   its space whether or not an ad renders, so dropping in real ad code causes zero
   layout shift. Dimensions are reserved via fixed min-height per variant/breakpoint.
   ═══════════════════════════════════════════════════════════════════════════════ */

.ad-slot[b-173knsh1ju] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: var(--spacing-md) auto;
    border: 1px dashed var(--line-faint);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--surface-module) 40%, transparent);
    overflow: hidden;
}

.ad-slot-label[b-173knsh1ju] {
    font-size: 0.625rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-quaternary);
    opacity: 0.7;
}

/* Leaderboard: 728x90 desktop, 320x100 mobile. Reserve the taller mobile box so
   the slot never collapses at small widths. */
.ad-slot--leaderboard[b-173knsh1ju] {
    max-width: 728px;
    min-height: 90px;
}

@media (max-width: 768px) {
    .ad-slot--leaderboard[b-173knsh1ju] {
        max-width: 320px;
        min-height: 100px;
    }
}

/* Rectangle: 300x250 medium rectangle (in-feed). */
.ad-slot--rectangle[b-173knsh1ju] {
    max-width: 300px;
    min-height: 250px;
}
/* /Components/Shared/Breadcrumbs.razor.rz.scp.css */
.breadcrumbs[b-gsva206fti] {
    margin-bottom: var(--spacing-sm, 8px);
}

.breadcrumbs-list[b-gsva206fti] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: var(--font-body);
    font-size: var(--text-sm, 0.8125rem);
    line-height: 1.4;
}

.breadcrumbs-item[b-gsva206fti] {
    display: inline-flex;
    align-items: center;
}

.breadcrumbs-link[b-gsva206fti] {
    color: var(--text-secondary);
    text-decoration: none;
    border-radius: var(--radius-xs);
    transition: color var(--duration-fast, 0.15s) var(--ease-out, ease);
}

.breadcrumbs-link:hover[b-gsva206fti],
.breadcrumbs-link:focus-visible[b-gsva206fti] {
    color: var(--text-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.breadcrumbs-current[b-gsva206fti] {
    color: var(--text-primary);
    font-weight: 600;
}

.breadcrumbs-separator[b-gsva206fti] {
    color: var(--text-secondary);
    margin: 0 0.5rem;
    opacity: 0.7;
    user-select: none;
}
/* /Components/Shared/CelebrationToast.razor.rz.scp.css */
/* Celebration Toast Component */

.celebration-container[b-s6ovbtv0i2] {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.celebration-container.visible[b-s6ovbtv0i2] {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.celebration-toast[b-s6ovbtv0i2] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    min-width: 320px;
    max-width: 420px;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    background: var(--surface-2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--border-default);
    animation: toast-entrance-b-s6ovbtv0i2 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes toast-entrance-b-s6ovbtv0i2 {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.toast-icon[b-s6ovbtv0i2] {
    font-size: 2rem;
    line-height: 1;
    flex-shrink: 0;
    animation: icon-bounce-b-s6ovbtv0i2 0.6s ease-in-out;
}

@keyframes icon-bounce-b-s6ovbtv0i2 {
    0%, 100% { transform: translateY(0); }
    30% { transform: translateY(-8px); }
    60% { transform: translateY(-4px); }
}

.toast-content[b-s6ovbtv0i2] {
    flex: 1;
    min-width: 0;
}

.toast-title[b-s6ovbtv0i2] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text-primary, #1c1917);
    margin-bottom: 0.25rem;
}

.toast-message[b-s6ovbtv0i2] {
    font-size: 0.85rem;
    color: var(--text-secondary, #57534e);
    line-height: 1.4;
}

.toast-close[b-s6ovbtv0i2] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--text-secondary, #57534e);
    font-size: 0.875rem;
    line-height: 1;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.toast-close:hover[b-s6ovbtv0i2] {
    opacity: 1;
}

/* Toast Types */
.celebration-toast.milestone[b-s6ovbtv0i2] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(96, 165, 250, 0.15) 100%);
    border-color: rgba(59, 130, 246, 0.3);
}

.celebration-toast.record[b-s6ovbtv0i2] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(253, 224, 71, 0.15) 100%);
    border-color: rgba(245, 158, 11, 0.3);
    box-shadow: 0 8px 32px rgba(245, 158, 11, 0.2), 0 2px 8px rgba(0, 0, 0, 0.08);
}

.celebration-toast.record .toast-icon[b-s6ovbtv0i2] {
    filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.4));
}

.celebration-toast.championship[b-s6ovbtv0i2] {
    background: linear-gradient(135deg, var(--stone-800, #292524) 0%, var(--stone-900, #1c1917) 100%);
    border: none;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25), 0 0 24px rgba(245, 158, 11, 0.3);
}

.celebration-toast.championship .toast-title[b-s6ovbtv0i2] {
    color: var(--amber-400, #fbbf24);
}

.celebration-toast.championship .toast-message[b-s6ovbtv0i2] {
    color: var(--stone-400, #a8a29e);
}

.celebration-toast.championship .toast-close[b-s6ovbtv0i2] {
    color: var(--stone-400, #a8a29e);
}

.celebration-toast.championship .toast-icon[b-s6ovbtv0i2] {
    animation: championship-pulse-b-s6ovbtv0i2 1.5s ease-in-out infinite;
}

@keyframes championship-pulse-b-s6ovbtv0i2 {
    0%, 100% {
        filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.4));
    }
    50% {
        filter: drop-shadow(0 0 16px rgba(245, 158, 11, 0.8));
    }
}

.celebration-toast.achievement[b-s6ovbtv0i2] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(74, 222, 128, 0.15) 100%);
    border-color: rgba(34, 197, 94, 0.3);
}

/* Confetti effect for championships */
.celebration-toast.championship[b-s6ovbtv0i2]::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 20px;
    background: repeating-linear-gradient(
        90deg,
        var(--amber-400, #fbbf24) 0px,
        var(--amber-400, #fbbf24) 4px,
        transparent 4px,
        transparent 12px
    );
    opacity: 0.6;
    animation: confetti-fall-b-s6ovbtv0i2 1s linear infinite;
}

@keyframes confetti-fall-b-s6ovbtv0i2 {
    0% { background-position: 0 0; }
    100% { background-position: 12px 10px; }
}

/* Responsive */
@media (max-width: 480px) {
    .celebration-container[b-s6ovbtv0i2] {
        top: auto;
        bottom: 1rem;
        right: 0.75rem;
        left: 0.75rem;
    }

    .celebration-toast[b-s6ovbtv0i2] {
        min-width: unset;
        width: 100%;
    }
}
/* /Components/Shared/CreateProposalModal.razor.rz.scp.css */
.franchise-card[b-lvcg5crort] {
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

.franchise-card:hover[b-lvcg5crort] {
    border-color: var(--accent-primary);
    transform: translateY(-2px);
}

.franchise-card.selected[b-lvcg5crort] {
    border-color: var(--accent-success);
    background-color: var(--accent-success-subtle);
}

.player-row[b-lvcg5crort] {
    padding: 0.75rem;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.player-row:hover[b-lvcg5crort] {
    background-color: var(--surface-3);
    border-color: var(--accent-primary);
}

.player-row.selected[b-lvcg5crort] {
    background-color: var(--accent-success-subtle);
    border-color: var(--accent-success);
}

.players-list[b-lvcg5crort] {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: 1rem;
}

/* Selection lists scroll internally on desktop so the wizard step stays compact.
   Heights were previously inline (300px / 200px), which scoped CSS can't
   override — moved here so the ≤576px rule below can release them. */
.selection-scroll[b-lvcg5crort] {
    max-height: 300px;
    overflow-y: auto;
}

.selection-scroll-sm[b-lvcg5crort] {
    max-height: 200px;
}

/* ── Mobile (≤576px) ─────────────────────────────────────────────────────
   The dialog goes full-screen on phones via .modal-fullscreen-sm-down. Make
   the wizard comfortable: stack the You Give / You Receive summary, keep the
   selection lists full-width, and pin the footer so the Next/Send button is
   always reachable above the keyboard. */
@media (max-width: 576px) {
    /* Release the internal scroll cap so the full-screen wizard scrolls as one
       surface — a nested-scroll trap inside a modal-fullscreen-sm-down dialog is
       hard to use on a phone (you fight two scroll regions). */
    .selection-scroll[b-lvcg5crort],
    .selection-scroll-sm[b-lvcg5crort] {
        max-height: none;
        overflow-y: visible;
    }

    /* Stack the Step 4 trade-summary columns full-width. The Bootstrap .row
       wraps, so widening the cols pushes the second onto its own line. */
    .trade-summary-columns > .col-6[b-lvcg5crort] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .trade-summary-columns > .col-6:first-child[b-lvcg5crort] {
        margin-bottom: 0.75rem;
    }

    /* Step 1 franchise cards: one comfortable column per row on a phone. */
    .franchise-card[b-lvcg5crort] {
        margin-bottom: 0;
    }

    /* Footer buttons: wrap and stay reachable; sticky so the primary action
       is always visible at the bottom of a full-screen wizard. */
    .modal-fullscreen-sm-down .modal-footer[b-lvcg5crort] {
        position: sticky;
        bottom: 0;
        background: var(--surface-2, #fff);
        flex-wrap: wrap;
        gap: 0.5rem;
        z-index: 2;
    }

    .modal-fullscreen-sm-down .modal-footer > .btn[b-lvcg5crort] {
        flex: 1 1 auto;
    }
}
/* /Components/Shared/DynastyLogo.razor.rz.scp.css */
.dynasty-logo[b-31w842ryqv] {
    --logo-mark-size: 3rem;
    --logo-word-size: 1.6rem;
    --logo-tag-size: 0.62rem;
    --logo-gap: 0.75rem;
    --logo-mark-padding: 0.34rem;
    --logo-mark-radius: 10px;
    --logo-mark-frame-bg: color-mix(in srgb, var(--surface-panel, #101920) 72%, transparent);
    --logo-mark-frame-border: color-mix(in srgb, var(--brand-gold, #d6b463) 18%, var(--border-default, transparent));
    --logo-mark-frame-shadow: inset 0 1px 0 color-mix(in srgb, #fff 9%, transparent);
    --logo-mark-stroke: var(--brand-crown, var(--brand-gold, #d6b463));
    --logo-mark-filter: drop-shadow(0 10px 18px color-mix(in srgb, var(--brand-gold, #d6b463) 16%, transparent));
    --logo-word-weight: 780;
    --logo-word-tracking: 0.16em;
    --logo-db-tracking: 0.03em;
    --logo-wordmark-shadow: none;

    display: inline-flex;
    align-items: center;
    gap: var(--logo-gap);
    min-width: 0;
    color: var(--brand-wordmark, var(--brand-cyan, #5ba8ff));
}

.dynasty-logo-vertical[b-31w842ryqv] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.dynasty-logo-icon-only[b-31w842ryqv] {
    gap: 0;
}

.dynasty-logo-nav[b-31w842ryqv] {
    --logo-mark-size: 2.35rem;
    --logo-word-size: 0.95rem;
    --logo-gap: 0.6rem;
}

.dynasty-logo-header[b-31w842ryqv] {
    --logo-mark-size: 2.2rem;
    --logo-word-size: 1.02rem;
    --logo-word-weight: 780;
    --logo-gap: 0.62rem;
}

.dynasty-logo-hero[b-31w842ryqv] {
    --logo-mark-size: clamp(5.2rem, 12vw, 8.4rem);
    --logo-word-size: clamp(2.5rem, 6vw, 4.2rem);
    --logo-tag-size: 0.72rem;
    --logo-word-weight: 800;
    --logo-word-tracking: 0.18em;
    --logo-gap: 1.15rem;
}

.dynasty-logo-watermark[b-31w842ryqv] {
    --logo-mark-size: clamp(18rem, 34vw, 32rem);
}

.dynasty-logo.login-brand-logo[b-31w842ryqv] {
    position: relative;
    z-index: 2;
}

.dynasty-logo.login-brand-wordmark-only[b-31w842ryqv] {
    --logo-gap: 0;
}

.dynasty-logo.login-brand-wordmark-only .dynasty-mark-wrap[b-31w842ryqv] {
    display: none;
}

.dynasty-logo.login-brand-watermark[b-31w842ryqv] {
    position: absolute;
    right: -12%;
    bottom: -14%;
    z-index: 1;
    opacity: 0.035;
    transform: rotate(-4deg);
    pointer-events: none;
}

.dynasty-mark-wrap[b-31w842ryqv] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: var(--logo-mark-size);
    aspect-ratio: 1;
    padding: var(--logo-mark-padding);
    border: 1px solid var(--logo-mark-frame-border);
    border-radius: var(--logo-mark-radius);
    background: var(--logo-mark-frame-bg);
    box-shadow: var(--logo-mark-frame-shadow);
}

.dynasty-mark-image[b-31w842ryqv] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: var(--logo-mark-filter);
}

.dynasty-wordmark-wrap[b-31w842ryqv] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.dynasty-wordmark[b-31w842ryqv] {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--brand-wordmark, var(--brand-cyan, #28c6ff));
    font-family: 'Roboto Slab', var(--font-brand, 'Space Grotesk', system-ui, sans-serif);
    font-size: var(--logo-word-size);
    font-weight: var(--logo-word-weight);
    font-synthesis: none;
    line-height: 0.96;
    white-space: nowrap;
    letter-spacing: 0;
    text-rendering: geometricPrecision;
    text-shadow: var(--logo-wordmark-shadow);
}

.dynasty-wordmark-main[b-31w842ryqv],
.dynasty-wordmark-db[b-31w842ryqv] {
    display: inline-block;
    line-height: 0.96;
}

.dynasty-wordmark-main[b-31w842ryqv] {
    letter-spacing: var(--logo-word-tracking);
}

.dynasty-wordmark-db[b-31w842ryqv] {
    position: relative;
    margin-left: 0.045em;
    color: var(--brand-wordmark-accent, var(--brand-cyan-bright, #7be3ff));
    letter-spacing: var(--logo-db-tracking);
    font-style: normal;
    font-weight: inherit;
    transform: none;
}

.dynasty-tagline[b-31w842ryqv] {
    color: var(--brand-tagline, var(--text-tertiary, rgba(255, 255, 255, 0.48)));
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--logo-tag-size);
    font-weight: 650;
    letter-spacing: 0.08em;
    line-height: 1.25;
    text-transform: uppercase;
    white-space: nowrap;
}

.dynasty-logo-watermark .dynasty-mark-wrap[b-31w842ryqv] {
    --logo-mark-frame-bg: transparent;
    --logo-mark-frame-border: transparent;
    --logo-mark-frame-shadow: none;
}

.dynasty-logo-icon-only .dynasty-mark-wrap[b-31w842ryqv] {
    --logo-mark-frame-bg: color-mix(in srgb, var(--surface-panel, #101920) 78%, transparent);
}

@media (max-width: 1040px) {
    .dynasty-logo.login-brand-logo[b-31w842ryqv] {
        --logo-mark-size: 3rem;
        --logo-word-size: 1.45rem;
        --logo-tag-size: 0.56rem;
        flex-direction: row;
        align-items: center;
        text-align: left;
    }

    .dynasty-logo.login-brand-watermark[b-31w842ryqv] {
        display: none;
    }
}

@media (max-width: 640px) {
    .dynasty-logo.login-brand-logo[b-31w842ryqv] {
        --logo-mark-size: 2.7rem;
        --logo-word-size: 1.24rem;
        --logo-tag-size: 0.5rem;
        --logo-gap: 0.72rem;
    }
}

@media (max-width: 420px) {
    .dynasty-logo.login-brand-logo[b-31w842ryqv] {
        --logo-mark-size: 2.35rem;
        --logo-word-size: 1.02rem;
        --logo-tag-size: 0.46rem;
        --logo-gap: 0.55rem;
    }
}
/* /Components/Shared/GlobalErrorBoundary.razor.rz.scp.css */
.error-boundary-overlay[b-x1y2pwdar8] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--surface-0) 78%, transparent);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 10000;
}

.error-boundary-card[b-x1y2pwdar8] {
    background: var(--surface-1);
    border: 1px solid var(--border-default);
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
    max-width: 540px;
    width: 100%;
    padding: 2.25rem 2rem 1.75rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.error-boundary-glyph[b-x1y2pwdar8] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-danger-subtle);
    color: var(--accent-danger);
    font-size: 1.6rem;
    margin-bottom: 1.25rem;
}

.error-boundary-title[b-x1y2pwdar8] {
    font-family: var(--font-display);
    color: var(--text-primary);
    font-size: 1.5rem;
    margin: 0 0 0.5rem;
}

.error-boundary-lead[b-x1y2pwdar8] {
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.55;
    margin: 0 0 1.5rem;
    max-width: 42ch;
}

.error-boundary-actions[b-x1y2pwdar8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: center;
    margin-bottom: 1rem;
}

.error-boundary-btn[b-x1y2pwdar8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    border-radius: 10px;
    font-family: var(--font-body);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.05s ease;
}

.error-boundary-btn:active[b-x1y2pwdar8] {
    transform: translateY(1px);
}

.error-boundary-btn--primary[b-x1y2pwdar8] {
    background: var(--accent-primary);
    color: var(--text-inverse, #fff);
}

.error-boundary-btn--primary:hover[b-x1y2pwdar8] {
    background: var(--accent-primary-hover);
}

.error-boundary-btn--ghost[b-x1y2pwdar8] {
    background: transparent;
    color: var(--text-secondary);
    border-color: var(--border-default);
}

.error-boundary-btn--ghost:hover[b-x1y2pwdar8] {
    background: var(--surface-2);
    color: var(--text-primary);
}

.error-boundary-details-toggle[b-x1y2pwdar8] {
    background: none;
    border: none;
    color: var(--text-tertiary);
    font-size: 0.8rem;
    cursor: pointer;
    padding: 0.35rem 0.5rem;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.error-boundary-details-toggle:hover[b-x1y2pwdar8] {
    color: var(--text-secondary);
}

.error-boundary-details[b-x1y2pwdar8] {
    margin-top: 1rem;
    width: 100%;
    text-align: left;
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    padding: 0.9rem 1rem;
}

.error-boundary-detail-message[b-x1y2pwdar8] {
    color: var(--accent-danger);
    font-family: var(--font-mono);
    font-size: 0.8rem;
    word-break: break-word;
    margin-bottom: 0.5rem;
}

.error-boundary-stacktrace[b-x1y2pwdar8] {
    margin: 0;
    color: var(--text-tertiary);
    font-family: var(--font-mono);
    font-size: 0.7rem;
    line-height: 1.5;
    max-height: 220px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Components/Shared/StatusPage.razor.rz.scp.css */
.status-page[b-lbupnd70b1] {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-0);
    overflow: hidden;
    padding: 2rem 1.5rem;
}

.status-page-atmosphere[b-lbupnd70b1] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.status-page-glow[b-lbupnd70b1] {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.5;
}

.status-page-glow--primary[b-lbupnd70b1] {
    width: 420px;
    height: 420px;
    top: -120px;
    left: -80px;
    background: var(--accent-primary-glow);
}

.status-page-glow--secondary[b-lbupnd70b1] {
    width: 360px;
    height: 360px;
    bottom: -140px;
    right: -100px;
    background: var(--accent-secondary-subtle, var(--accent-primary-glow));
}

.status-page-shell[b-lbupnd70b1] {
    position: relative;
    z-index: 1;
    max-width: 480px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.status-page-brand[b-lbupnd70b1] {
    margin-bottom: 2rem;
    opacity: 0.92;
}

.status-page-code[b-lbupnd70b1] {
    font-family: var(--font-mono);
    font-size: clamp(3.5rem, 14vw, 6rem);
    font-weight: 700;
    line-height: 1;
    margin: 0;
    color: var(--accent-primary);
    text-shadow: 0 0 40px var(--accent-primary-glow);
    letter-spacing: 0.02em;
}

.status-page-title[b-lbupnd70b1] {
    font-family: var(--font-display);
    font-size: clamp(1.4rem, 5vw, 1.9rem);
    color: var(--text-primary);
    margin: 0.75rem 0 0.5rem;
}

.status-page-message[b-lbupnd70b1] {
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
    max-width: 40ch;
}

.status-page-extra[b-lbupnd70b1] {
    margin-top: 1rem;
    color: var(--text-tertiary);
    font-size: 0.85rem;
    font-family: var(--font-mono);
    word-break: break-word;
}

.status-page-actions[b-lbupnd70b1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    justify-content: center;
    margin-top: 2rem;
}

.status-page-btn[b-lbupnd70b1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem 1.4rem;
    border-radius: 10px;
    font-family: var(--font-body);
    font-size: 0.92rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.05s ease;
}

.status-page-btn:active[b-lbupnd70b1] {
    transform: translateY(1px);
}

.status-page-btn--primary[b-lbupnd70b1] {
    background: var(--accent-primary);
    color: var(--text-inverse, #fff);
    box-shadow: 0 8px 24px var(--accent-primary-glow);
}

.status-page-btn--primary:hover[b-lbupnd70b1] {
    background: var(--accent-primary-hover);
}

.status-page-btn--ghost[b-lbupnd70b1] {
    background: transparent;
    color: var(--text-secondary);
    border-color: var(--border-default);
}

.status-page-btn--ghost:hover[b-lbupnd70b1] {
    background: var(--surface-2);
    color: var(--text-primary);
}
/* /Components/Shared/SubscribeButton.razor.rz.scp.css */
.subscribe-btn[b-fmgn2rpcgi] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.7rem;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1;
    color: var(--text-secondary);
    background: var(--surface-control, var(--surface-2));
    border: 1px solid var(--border-default);
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    white-space: nowrap;
}

.subscribe-btn:hover:not(:disabled)[b-fmgn2rpcgi] {
    color: var(--text-primary);
    background: var(--surface-control-hover, var(--surface-3));
    border-color: var(--border-strong, var(--border-default));
}

.subscribe-btn:focus-visible[b-fmgn2rpcgi] {
    outline: none;
    box-shadow: var(--focus-ring);
}

.subscribe-btn:disabled[b-fmgn2rpcgi] {
    opacity: 0.6;
    cursor: default;
}

/* Not following: clearly an outline / call-to-action affordance. */
.subscribe-btn--off[b-fmgn2rpcgi] {
    color: var(--text-secondary);
    background: var(--surface-control, var(--surface-2));
    border-style: dashed;
}

/* Following: a SOLID, filled accent pill so the on-state reads unambiguously at a glance
   (the prior subtle tint was easy to misread as "not following" — Sentry/UX feedback). */
.subscribe-btn--on[b-fmgn2rpcgi] {
    color: var(--text-inverse);
    background: var(--accent-primary);
    border-color: var(--accent-primary);
    font-weight: 600;
}

.subscribe-btn--on:hover:not(:disabled)[b-fmgn2rpcgi] {
    color: var(--text-inverse);
    background: var(--accent-primary-hover);
    border-color: var(--accent-primary-hover);
}

.subscribe-btn i[b-fmgn2rpcgi] {
    font-size: 0.85em;
}

.subscribe-btn .spinner-border[b-fmgn2rpcgi] {
    width: 0.85rem;
    height: 0.85rem;
    border-width: 0.15em;
}

.subscribe-wrap[b-fmgn2rpcgi] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.subscribe-error[b-fmgn2rpcgi] {
    font-size: 0.75rem;
    color: var(--accent-danger, #dc3545);
    line-height: 1;
}
/* /Components/Shared/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-5jvy831h72] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
}

.theme-toggle:hover[b-5jvy831h72] {
    background-color: var(--surface-3);
    color: var(--text-primary);
    border-color: var(--border-default);
}

.theme-toggle:active[b-5jvy831h72] {
    transform: scale(0.95);
}

.theme-toggle i[b-5jvy831h72] {
    font-size: var(--text-lg);
    transition: transform var(--duration-fast) var(--ease-out);
}

.theme-toggle:hover i[b-5jvy831h72] {
    transform: rotate(15deg);
}

/* Smooth icon transitions */
@keyframes fadeIn-b-5jvy831h72 {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.theme-toggle i[b-5jvy831h72] {
    animation: fadeIn-b-5jvy831h72 var(--duration-fast);
}
/* /Components/Shared/TopicListItem.razor.rz.scp.css */
.topic-list-item[b-dnjdsja1yp] {
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    border-bottom: 1px solid var(--border-default);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topic-list-item:hover[b-dnjdsja1yp] {
    background-color: var(--surface-3);
}

.topic-list-item.selected[b-dnjdsja1yp] {
    background-color: var(--accent-primary-subtle, rgba(139, 21, 56, 0.12));
    border-left: 3px solid var(--accent-primary);
}

.topic-main-content[b-dnjdsja1yp] {
    flex: 1;
    min-width: 0;
}

.topic-subject[b-dnjdsja1yp] {
    margin-bottom: 6px;
}

.topic-title[b-dnjdsja1yp] {
    font-weight: 600;
    font-size: 15px;
    color: var(--text-primary);
}

.topic-description[b-dnjdsja1yp] {
    margin-left: 8px;
    font-size: 13px;
    color: var(--text-secondary);
}

.topic-meta[b-dnjdsja1yp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: var(--text-secondary);
}

.topic-author[b-dnjdsja1yp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.author-avatar[b-dnjdsja1yp] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
}

.author-avatar img[b-dnjdsja1yp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-fallback[b-dnjdsja1yp] {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 12px;
}

.auction-avatar[b-dnjdsja1yp] {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f59e0b 0%, #dc2626 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.author-name[b-dnjdsja1yp] {
    font-weight: 500;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.forum-badge[b-dnjdsja1yp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    background-color: var(--surface-3);
    color: var(--text-secondary);
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}

.topic-stats[b-dnjdsja1yp] {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}

.reply-count[b-dnjdsja1yp] {
    color: var(--text-secondary);
}

.last-activity[b-dnjdsja1yp] {
    color: var(--text-tertiary);
}

.topic-actions[b-dnjdsja1yp] {
    margin-left: 12px;
}

.topic-direct-link[b-dnjdsja1yp] {
    padding: 4px 8px;
    border: 1px solid var(--border-subtle);
    border-radius: 4px;
    background: transparent;
    color: var(--text-tertiary);
    transition: all 0.15s ease;
    opacity: 0;
}

.topic-list-item:hover .topic-direct-link[b-dnjdsja1yp] {
    opacity: 1;
}

.topic-direct-link:hover[b-dnjdsja1yp] {
    background-color: var(--surface-2);
    border-color: var(--border-default);
    color: var(--text-primary);
    opacity: 1;
}
/* /Components/Shared/TradeBlockModal.razor.rz.scp.css */
.player-row[b-rcnygfp2ku] {
    padding: 0.75rem;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.player-row:hover[b-rcnygfp2ku] {
    background-color: var(--surface-3);
    border-color: var(--accent-primary);
}

.player-row.on-trade-block[b-rcnygfp2ku] {
    background-color: var(--accent-success-subtle);
    border-color: var(--accent-success);
}

.trade-block-players[b-rcnygfp2ku] {
    max-height: 400px;
    overflow-y: auto;
}

/* ── Mobile (≤576px) ─────────────────────────────────────────────────────
   Full-screen on phones via .modal-fullscreen-sm-down. The compensation
   inputs already collapse below md; here we let the player list use the
   available height and pin the footer so Save stays reachable. */
@media (max-width: 576px) {
    .trade-block-players[b-rcnygfp2ku] {
        max-height: none;
    }

    .modal-fullscreen-sm-down .modal-footer[b-rcnygfp2ku] {
        position: sticky;
        bottom: 0;
        background: var(--surface-2, #fff);
        flex-wrap: wrap;
        gap: 0.5rem;
        z-index: 2;
    }

    .modal-fullscreen-sm-down .modal-footer > .btn[b-rcnygfp2ku] {
        flex: 1 1 auto;
    }
}
/* /Components/Shared/Wizard/RosterActionWizard.razor.rz.scp.css */
/* RosterActionWizard — step body content. Theme-aware via design tokens only. */

[b-y5bhs91aho] .wizard-player-head {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1rem;
    margin-bottom: 1rem;
    background: var(--surface-3);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
}

[b-y5bhs91aho] .wizard-player-avatar {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-full);
    object-fit: cover;
    flex: 0 0 auto;
}

[b-y5bhs91aho] .wizard-player-name {
    font-weight: 700;
    color: var(--text-primary);
}

[b-y5bhs91aho] .wizard-player-meta {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

[b-y5bhs91aho] .wizard-lead {
    color: var(--text-secondary);
    margin-bottom: 1rem;
}

[b-y5bhs91aho] .wizard-fineprint {
    display: block;
    font-size: var(--text-xs);
    color: var(--text-quaternary);
    margin-top: 0.5rem;
}

/* --- Option radios (drop dispositions) --- */
[b-y5bhs91aho] .wizard-options {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

[b-y5bhs91aho] .wizard-option {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    background: var(--surface-2);
    cursor: pointer;
    transition: all var(--duration-fast) var(--ease-out);
}

[b-y5bhs91aho] .wizard-option:hover {
    border-color: var(--border-strong);
    background: var(--surface-3);
}

[b-y5bhs91aho] .wizard-option input[type="radio"] {
    margin-top: 0.2rem;
    accent-color: var(--accent-primary);
}

[b-y5bhs91aho] .wizard-option-selected {
    border-color: var(--accent-primary);
    background: var(--accent-primary-subtle);
}

[b-y5bhs91aho] .wizard-option-disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

[b-y5bhs91aho] .wizard-option-disabled:hover {
    border-color: var(--border-default);
    background: var(--surface-2);
}

[b-y5bhs91aho] .wizard-option-body {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

[b-y5bhs91aho] .wizard-option-title {
    font-weight: 600;
    color: var(--text-primary);
}

[b-y5bhs91aho] .wizard-option-sub {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

/* --- Extension option table --- */
[b-y5bhs91aho] .wizard-table {
    color: var(--text-secondary);
    margin-bottom: 0;
}

[b-y5bhs91aho] .wizard-table thead th {
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    border-color: var(--border-subtle);
}

[b-y5bhs91aho] .wizard-table td {
    border-color: var(--border-subtle);
    vertical-align: middle;
}

[b-y5bhs91aho] .wizard-row-selected {
    background: var(--accent-primary-subtle);
}

/* --- Summary block (confirm steps) --- */
[b-y5bhs91aho] .wizard-summary {
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--surface-2);
}

[b-y5bhs91aho] .wizard-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 1rem;
    border-bottom: 1px solid var(--border-subtle);
}

[b-y5bhs91aho] .wizard-summary-row:last-child {
    border-bottom: none;
}

[b-y5bhs91aho] .wizard-summary-row span:first-child {
    color: var(--text-tertiary);
    font-size: var(--text-sm);
}

[b-y5bhs91aho] .wizard-summary-row strong {
    color: var(--text-primary);
}

[b-y5bhs91aho] .wizard-summary-muted {
    background: var(--surface-1);
}

[b-y5bhs91aho] .wizard-summary-muted span {
    color: var(--text-quaternary) !important;
    font-size: var(--text-sm);
}
/* /Components/Shared/Wizard/WizardShell.razor.rz.scp.css */
/* WizardShell — step indicator strip + footer layout.
   Theme-aware via design tokens only. The .modal-* chrome is themed globally
   in bootstrap-overrides.css, so this file styles only the wizard-specific bits. */

.wizard-shell[b-m73tvbadph] {
    min-width: min(540px, 92vw);
}

/* --- Step indicator strip --- */
.wizard-steps[b-m73tvbadph] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 1rem 1.5rem 0.25rem;
    background: var(--surface-2);
}

.wizard-step[b-m73tvbadph] {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    gap: 0.5rem;
}

.wizard-step:last-child[b-m73tvbadph] {
    flex: 0 0 auto;
}

.wizard-step-marker[b-m73tvbadph] {
    flex: 0 0 auto;
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    font-size: var(--text-sm);
    font-weight: 700;
    border: 1px solid var(--border-default);
    background: var(--surface-3);
    color: var(--text-tertiary);
    transition: all var(--duration-fast) var(--ease-out);
}

.wizard-step-label[b-m73tvbadph] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wizard-step-connector[b-m73tvbadph] {
    flex: 1 1 auto;
    height: 1px;
    margin: 0 0.5rem;
    background: var(--border-default);
}

/* Active step */
.wizard-step-active .wizard-step-marker[b-m73tvbadph] {
    border-color: var(--accent-primary);
    background: var(--accent-primary-subtle);
    color: var(--accent-primary);
    box-shadow: var(--focus-ring);
}

.wizard-step-active .wizard-step-label[b-m73tvbadph] {
    color: var(--text-primary);
    font-weight: 600;
}

/* Completed step */
.wizard-step-done .wizard-step-marker[b-m73tvbadph] {
    border-color: var(--accent-success);
    background: var(--accent-success-subtle);
    color: var(--accent-success);
}

.wizard-step-done .wizard-step-label[b-m73tvbadph] {
    color: var(--text-secondary);
}

/* --- Footer layout --- */
.wizard-footer[b-m73tvbadph] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wizard-footer-left[b-m73tvbadph] {
    display: flex;
    align-items: center;
}

.wizard-footer-right[b-m73tvbadph] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
}

.wizard-cancel[b-m73tvbadph] {
    color: var(--text-tertiary);
    text-decoration: none;
}

.wizard-cancel:hover[b-m73tvbadph] {
    color: var(--text-secondary);
}

@media (max-width: 575.98px) {
    .wizard-step-label[b-m73tvbadph] {
        display: none;
    }
    .wizard-step:last-child .wizard-step-label[b-m73tvbadph] {
        display: inline;
    }
}