/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.pam-page[b-omj82uf8tt] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1.5rem 1.5rem 4rem;
}

.pam-shell[b-omj82uf8tt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pam-header[b-omj82uf8tt],
.pam-nav[b-omj82uf8tt],
.pam-content[b-omj82uf8tt] {
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 14px;
    background: var(--player-surface-card, var(--b9-surface-alt));
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}

.pam-header[b-omj82uf8tt] {
    padding: 1.1rem 1.25rem;
}

.pam-back-link[b-omj82uf8tt] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    text-decoration: none;
    color: var(--player-link, var(--b9-link));
    font-size: .82rem;
    font-weight: 700;
}

.pam-eyebrow[b-omj82uf8tt] {
    margin-top: .9rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.pam-title[b-omj82uf8tt] {
    margin: .3rem 0 .25rem;
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--player-text-primary, var(--b9-text));
}

.pam-subtitle[b-omj82uf8tt] {
    margin: 0;
    max-width: 48rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    line-height: 1.6;
}

.pam-grid[b-omj82uf8tt] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 1rem;
}

.pam-nav[b-omj82uf8tt] {
    padding: .85rem;
    align-self: start;
}

.pam-content[b-omj82uf8tt] {
    padding: 1.1rem 1.2rem;
}

.pam-content[b-omj82uf8tt]  h3 {
    margin: 0 0 1rem;
    color: var(--player-text-primary, var(--b9-text));
    font-size: 1.05rem;
    font-weight: 700;
}

.pam-content[b-omj82uf8tt]  .row {
    margin: 0;
}

.pam-content[b-omj82uf8tt]  .col-xl-6,
.pam-content[b-omj82uf8tt]  .col-lg-9,
.pam-content[b-omj82uf8tt]  .col-lg-3 {
    padding: 0;
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
}

.pam-content[b-omj82uf8tt]  .alert {
    border-radius: 10px;
    border: 1px solid var(--player-border, var(--b9-border));
}

.pam-content[b-omj82uf8tt]  .alert-success {
    background: rgba(34, 197, 94, .12);
    color: #bbf7d0;
    border-color: rgba(34, 197, 94, .35);
}

.pam-content[b-omj82uf8tt]  .alert-danger,
.pam-content[b-omj82uf8tt]  .text-danger {
    color: #fca5a5 !important;
}

.pam-content[b-omj82uf8tt]  .form-control,
.pam-content[b-omj82uf8tt]  .form-select {
    background: var(--player-surface-elev, var(--b9-surface-muted));
    border-color: var(--player-border, var(--b9-border));
    color: var(--player-text-primary, var(--b9-text));
}

.pam-content[b-omj82uf8tt]  .form-control:focus,
.pam-content[b-omj82uf8tt]  .form-select:focus {
    border-color: var(--player-link, var(--b9-link));
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--player-link, var(--b9-link)) 18%, transparent);
}

.pam-content[b-omj82uf8tt]  .form-floating > label,
.pam-content[b-omj82uf8tt]  .form-label,
.pam-content[b-omj82uf8tt]  p,
.pam-content[b-omj82uf8tt]  li,
.pam-content[b-omj82uf8tt]  small,
.pam-content[b-omj82uf8tt]  span,
.pam-content[b-omj82uf8tt]  .text-body-secondary {
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.pam-content[b-omj82uf8tt]  .form-floating > .form-control:focus ~ label,
.pam-content[b-omj82uf8tt]  .form-floating > .form-control:not(:placeholder-shown) ~ label,
.pam-content[b-omj82uf8tt]  .form-floating > .form-select ~ label {
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.pam-content[b-omj82uf8tt]  .btn-primary,
.pam-content[b-omj82uf8tt]  .btn.btn-primary {
    background: var(--player-link, var(--b9-link));
    border-color: var(--player-link, var(--b9-link));
}

.pam-content[b-omj82uf8tt]  .btn-secondary,
.pam-content[b-omj82uf8tt]  .btn-outline-secondary,
.pam-content[b-omj82uf8tt]  .btn-outline-primary,
.pam-content[b-omj82uf8tt]  .btn-outline-danger {
    background: transparent;
    border-color: var(--player-border, var(--b9-border));
    color: var(--player-text-primary, var(--b9-text));
}

.pam-content[b-omj82uf8tt]  a {
    color: var(--player-link, var(--b9-link));
}

.pam-nav[b-omj82uf8tt]  .nav {
    gap: .35rem;
}

.pam-nav[b-omj82uf8tt]  .nav-link {
    border-radius: 10px;
    padding: .6rem .75rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    background: transparent;
    font-weight: 600;
}

.pam-nav[b-omj82uf8tt]  .nav-link.active,
.pam-nav[b-omj82uf8tt]  .nav-link:hover {
    background: var(--player-surface-elev, var(--b9-surface-muted));
    color: var(--player-text-primary, var(--b9-text));
}

@media (max-width: 760px) {
    .pam-page[b-omj82uf8tt] {
        padding: 1.25rem 1rem 3rem;
    }

    .pam-grid[b-omj82uf8tt] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/Registration/RegistrationPanel.razor.rz.scp.css */
.reg-panel[b-dotng9kxqf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.reg-panel__header[b-dotng9kxqf] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.reg-panel__title-row[b-dotng9kxqf] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.reg-panel__title[b-dotng9kxqf] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.reg-panel__status[b-dotng9kxqf] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.reg-panel__status--success[b-dotng9kxqf] {
    background: var(--b9-success-soft);
    color: var(--b9-success-text);
}

.reg-panel__status--warning[b-dotng9kxqf] {
    background: var(--b9-warning-soft);
    color: var(--b9-warning-text);
}

.reg-panel__status--danger[b-dotng9kxqf] {
    background: var(--b9-danger-soft);
    color: var(--b9-danger-text);
}

.reg-panel__status--info[b-dotng9kxqf] {
    background: var(--b9-info-soft);
    color: var(--b9-info-text);
}

.reg-panel__status--neutral[b-dotng9kxqf] {
    background: var(--b9-badge-neutral-bg);
    color: var(--b9-badge-neutral-text);
}

.reg-panel__summary[b-dotng9kxqf],
.reg-panel__section-body[b-dotng9kxqf],
.reg-panel__help[b-dotng9kxqf],
.reg-panel__advanced-copy[b-dotng9kxqf],
.reg-panel__capacity[b-dotng9kxqf],
.reg-panel__public-link[b-dotng9kxqf] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
    line-height: 1.5;
}

.reg-panel__grid[b-dotng9kxqf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
}

.reg-panel__section[b-dotng9kxqf] {
    border: 1px solid var(--border-subtle);
    border-radius: 0.75rem;
    padding: 0.85rem;
    background: var(--bg-surface);
}

.reg-panel__section--preview[b-dotng9kxqf] {
    grid-column: 1 / -1;
}

.reg-panel__section-title[b-dotng9kxqf],
.reg-panel__preview-title[b-dotng9kxqf] {
    margin: 0 0 0.35rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--text-primary);
}

.reg-panel__note-list[b-dotng9kxqf] {
    margin: 0.5rem 0 0;
    padding-left: 1rem;
}

.reg-panel__disabled-note[b-dotng9kxqf] {
    color: var(--b9-warning-text);
    font-size: 0.82rem;
}

.reg-panel__warnings[b-dotng9kxqf] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.reg-panel__errors[b-dotng9kxqf] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.reg-panel__error[b-dotng9kxqf] {
    border-left: 3px solid var(--b9-danger);
    background: var(--b9-danger-soft);
    color: var(--b9-danger-text);
    padding: 0.65rem 0.8rem;
    border-radius: 0.5rem;
    font-size: 0.85rem;
}

.reg-panel__warning[b-dotng9kxqf] {
    border-left: 3px solid var(--b9-warning);
    background: var(--b9-warning-soft);
    color: var(--b9-warning-text);
    padding: 0.65rem 0.8rem;
    border-radius: 0.5rem;
    font-size: 0.85rem;
}

.reg-panel__action-feedback[b-dotng9kxqf] {
    padding: 0.55rem 0.8rem;
    border-radius: 0.5rem;
    font-size: 0.85rem;
    margin-top: 0.35rem;
}

.reg-panel__action-feedback--success[b-dotng9kxqf] {
    border-left: 3px solid var(--b9-success);
    background: var(--b9-success-soft);
    color: var(--b9-success-text);
}

.reg-panel__action-feedback--error[b-dotng9kxqf] {
    border-left: 3px solid var(--b9-danger);
    background: var(--b9-danger-soft);
    color: var(--b9-danger-text);
}

.reg-panel__advanced[b-dotng9kxqf] {
    border: 1px dashed var(--border-subtle);
    border-radius: 0.75rem;
    padding: 0.7rem 0.85rem;
    background: var(--bg-elevated);
}

.reg-panel__advanced summary[b-dotng9kxqf] {
    cursor: default;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text-primary);
}

.reg-panel__advanced-copy[b-dotng9kxqf] {
    margin-top: 0.55rem;
}

.reg-panel__footer[b-dotng9kxqf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.reg-panel__edit[b-dotng9kxqf] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.reg-panel__edit-actions[b-dotng9kxqf] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.reg-panel__subsection[b-dotng9kxqf] {
    margin-top: 0.65rem;
}

.reg-panel__subsection-title[b-dotng9kxqf] {
    margin: 0 0 0.35rem;
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--text-primary);
}

.reg-panel__helper-note[b-dotng9kxqf] {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--text-secondary);
}

.reg-panel__divider[b-dotng9kxqf] {
    border: 0;
    border-top: 1px solid var(--border-subtle);
    margin: 0.85rem 0;
}

@media (max-width: 767px) {
    .reg-panel__footer[b-dotng9kxqf] {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* ── Waitlist queue section ── */

.reg-panel__waitlist[b-dotng9kxqf] {
    grid-column: 1 / -1;
}

.reg-panel__waitlist-header[b-dotng9kxqf] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    margin-bottom: 0.5rem;
}

.reg-panel__waitlist-count[b-dotng9kxqf] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-secondary);
}

.reg-panel__waitlist-empty[b-dotng9kxqf],
.reg-panel__waitlist-coming-soon[b-dotng9kxqf] {
    margin: 0.35rem 0 0;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.reg-panel__waitlist-table[b-dotng9kxqf] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
    margin-top: 0.45rem;
}

.reg-panel__waitlist-th[b-dotng9kxqf] {
    text-align: left;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.3rem 0.5rem 0.3rem 0;
    border-bottom: 1px solid var(--border-subtle);
}

.reg-panel__waitlist-td[b-dotng9kxqf] {
    padding: 0.4rem 0.5rem 0.4rem 0;
    color: var(--text-primary);
    vertical-align: middle;
    border-bottom: 1px solid var(--border-subtle);
}

.reg-panel__waitlist-td--pos[b-dotng9kxqf] {
    color: var(--text-secondary);
    font-weight: 700;
    width: 2rem;
}

.reg-panel__waitlist-td--date[b-dotng9kxqf] {
    color: var(--text-secondary);
    white-space: nowrap;
}

.reg-panel__waitlist-status[b-dotng9kxqf] {
    display: inline-flex;
    align-items: center;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--b9-warning-text);
    background: var(--b9-warning-soft);
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
}

@media (max-width: 600px) {
    .reg-panel__waitlist-td--date[b-dotng9kxqf] {
        display: none;
    }
    .reg-panel__waitlist-th:nth-child(3)[b-dotng9kxqf] {
        display: none;
    }
}

.reg-panel__waitlist-th--action[b-dotng9kxqf] {
    width: 1%;
    white-space: nowrap;
}

.reg-panel__waitlist-td--action[b-dotng9kxqf] {
    white-space: nowrap;
    text-align: right;
}

.reg-panel__waitlist-confirm[b-dotng9kxqf] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-start;
}

.reg-panel__waitlist-confirm-msg[b-dotng9kxqf] {
    font-size: 0.82rem;
    color: #374151;
}

.reg-panel__waitlist-feedback[b-dotng9kxqf] {
    font-size: 0.85rem;
    padding: 0.4rem 0.75rem;
    border-radius: 4px;
    margin-bottom: 0.5rem;
}

.reg-panel__waitlist-no-capacity[b-dotng9kxqf] {
    display: block;
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.2rem;
}

.reg-panel__waitlist-feedback[role="status"][b-dotng9kxqf] {
    background: var(--success-soft);
    color: var(--success-text);
    border: 1px solid rgba(34,197,94,0.28);
}

.reg-panel__waitlist-feedback[role="alert"][b-dotng9kxqf] {
    background: var(--danger-soft);
    color: var(--danger-text);
    border: 1px solid rgba(239,68,68,0.28);
}
/* /Components/Handicaps/HandicapBadge.razor.rz.scp.css */
.hcp-badge[b-385luivua4] {
    --hcp-accent: #0f766e;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--hcp-accent) 40%, transparent);
    background: color-mix(in srgb, var(--hcp-accent) 18%, transparent);
    color: var(--text-primary, #f1f5f9);
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    font-size: 0.95rem;
    line-height: 1.1;
}

.hcp-badge-label[b-385luivua4] {
    font-size: 0.85rem;
    color: var(--text-secondary, #cbd5e1);
}

.hcp-badge-value[b-385luivua4] {
    font-weight: 700;
    letter-spacing: 0.01em;
}

.hcp-badge-player[b-385luivua4]  { --hcp-accent: #2563eb; }
.hcp-badge-team[b-385luivua4]    { --hcp-accent: #0f766e; }
.hcp-badge-league[b-385luivua4]  { --hcp-accent: #d97706; }
.hcp-badge-playing[b-385luivua4] { --hcp-accent: #b45309; }

/* ── Info button (mobile tap target) ──────────────────────────────── */
.hcp-badge-info[b-385luivua4] {
    display: inline-flex;
    position: relative;
}

.hcp-badge-info-btn[b-385luivua4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    min-width: 44px;
    min-height: 44px;
    border-radius: 50%;
    border: none;
    background: transparent;
    color: var(--hcp-accent);
    cursor: pointer;
    padding: 0;
    list-style: none;
    font-size: 0.9rem;
}

.hcp-badge-info-btn[b-385luivua4]::-webkit-details-marker { display: none; }

.hcp-badge-popover[b-385luivua4] {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    min-width: 180px;
    max-width: 260px;
    background: var(--bg-elevated, #1e293b);
    color: var(--text-primary, #f1f5f9);
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    z-index: 100;
    white-space: normal;
    line-height: 1.4;
}

.hcp-badge-info[open] .hcp-badge-popover[b-385luivua4] {
    display: block;
}

/* Light mode overrides */
html[data-theme="light"] .hcp-badge[b-385luivua4] {
    background: color-mix(in srgb, var(--hcp-accent) 10%, #ffffff);
    border-color: color-mix(in srgb, var(--hcp-accent) 30%, #ffffff);
    color: #1f2937;
}

html[data-theme="light"] .hcp-badge-label[b-385luivua4] { color: #4b5563; }
html[data-theme="light"] .hcp-badge-popover[b-385luivua4] { background: #1f2937; color: #f9fafb; }
/* /Components/Handicaps/HandicapBreakdownPanel.razor.rz.scp.css */
.hcp-breakdown[b-829e9cpy4p] {
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 12px;
    background: var(--b9-surface-muted, #111827);
}

.hcp-breakdown-summary[b-829e9cpy4p] {
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    align-items: baseline;
    padding: 0.8rem 1rem;
    font-size: 1rem;
    color: var(--b9-text, #f3f6fb);
}

.hcp-breakdown-summary .fw-semibold[b-829e9cpy4p] {
    color: var(--b9-text, #f3f6fb);
}

.hcp-breakdown-summary .text-muted[b-829e9cpy4p] {
    color: var(--b9-text-muted, #c2cfdf) !important;
}

.hcp-breakdown-body[b-829e9cpy4p] {
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: 0.9rem 1rem;
    display: grid;
    gap: 0.75rem;
}

.hcp-breakdown-section h4[b-829e9cpy4p] {
    margin: 0 0 0.3rem 0;
    font-size: 1rem;
    color: var(--b9-text, #f3f6fb);
}

.hcp-breakdown-section p[b-829e9cpy4p],
.hcp-breakdown-section li[b-829e9cpy4p] {
    font-size: 1rem;
    color: var(--b9-text-muted, #c2cfdf);
}

.hcp-breakdown-section ul[b-829e9cpy4p] {
    margin-bottom: 0;
    padding-left: 1.2rem;
}
/* /Components/Handicaps/HandicapCard.razor.rz.scp.css */
.hcp-card[b-cwrvfp1856] {
    --hcp-accent: #0f766e;
    border: 1px solid var(--border-subtle, #334155);
    border-left: 4px solid var(--hcp-accent);
    border-radius: 14px;
    padding: 1rem;
    background: var(--bg-elevated, #1e293b);
    color: var(--text-primary, #f1f5f9);
}

.hcp-card-player[b-cwrvfp1856]  { --hcp-accent: #2563eb; }
.hcp-card-team[b-cwrvfp1856]    { --hcp-accent: #0f766e; }
.hcp-card-league[b-cwrvfp1856]  { --hcp-accent: #d97706; }
.hcp-card-playing[b-cwrvfp1856] { --hcp-accent: #b45309; }

.hcp-card-header[b-cwrvfp1856] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
}

.hcp-card-title[b-cwrvfp1856] {
    font-size: 1.08rem;
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
}

.hcp-card-subtitle[b-cwrvfp1856] {
    font-size: 0.95rem;
    color: var(--text-secondary, #cbd5e1);
}

.hcp-card-summary[b-cwrvfp1856] {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    color: var(--text-primary, #f1f5f9);
}

.hcp-card-meta[b-cwrvfp1856] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem 1rem;
    margin: 0;
    margin-bottom: 0.75rem;
}

.hcp-card-meta dt[b-cwrvfp1856] {
    font-size: 0.82rem;
    color: var(--text-muted, #94a3b8);
    margin: 0;
}

.hcp-card-meta dd[b-cwrvfp1856] {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--text-primary, #f1f5f9);
}

@media (max-width: 768px) {
    .hcp-card-meta[b-cwrvfp1856] {
        grid-template-columns: 1fr;
    }
}

/* Light mode overrides */
html[data-theme="light"] .hcp-card[b-cwrvfp1856] {
    background: #ffffff;
    border-color: #d1d5db;
    color: #1f2937;
}

html[data-theme="light"] .hcp-card-title[b-cwrvfp1856]  { color: #111827; }
html[data-theme="light"] .hcp-card-subtitle[b-cwrvfp1856] { color: #4b5563; }
html[data-theme="light"] .hcp-card-summary[b-cwrvfp1856]  { color: #1f2937; }
html[data-theme="light"] .hcp-card-meta dt[b-cwrvfp1856]  { color: #6b7280; }
html[data-theme="light"] .hcp-card-meta dd[b-cwrvfp1856]  { color: #1f2937; }
/* /Components/Handicaps/HandicapHistoryChart.razor.rz.scp.css */
.hcp-history[b-yxb3c2uqtq] {
    --hcp-accent: #0f766e;
    border: 1px solid var(--border-subtle, #334155);
    border-radius: 12px;
    padding: 0.85rem 1rem;
    background: var(--bg-elevated, #1e293b);
    color: var(--text-primary, #f1f5f9);
}

.hcp-history-header[b-yxb3c2uqtq] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.35rem;
}

.hcp-history-header h3[b-yxb3c2uqtq] {
    margin: 0;
    font-size: 1.03rem;
}

.hcp-history-chart[b-yxb3c2uqtq] {
    width: 100%;
    height: 92px;
    border-radius: 8px;
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--hcp-accent) 18%, var(--bg-surface, #0f172a)),
        var(--bg-surface, #0f172a));
    border: 1px solid color-mix(in srgb, var(--hcp-accent) 30%, transparent);
}

.hcp-history-labels[b-yxb3c2uqtq] {
    margin-top: 0.3rem;
    display: grid;
    grid-auto-flow: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: var(--text-muted, #94a3b8);
    text-align: center;
}

/* Light mode overrides */
html[data-theme="light"] .hcp-history[b-yxb3c2uqtq] {
    background: #ffffff;
    border-color: #d1d5db;
    color: #1f2937;
}

html[data-theme="light"] .hcp-history-chart[b-yxb3c2uqtq] {
    background: linear-gradient(180deg, #ecfeff, #ffffff);
    border-color: #d1fae5;
}

html[data-theme="light"] .hcp-history-labels[b-yxb3c2uqtq] { color: #6b7280; }
/* /Components/Handicaps/HandicapSummaryBanner.razor.rz.scp.css */
.hcp-summary[b-x6vcl3jd5f] {
    --hcp-accent: #0f766e;
    border: 1px solid color-mix(in srgb, var(--hcp-accent) 40%, transparent);
    background: color-mix(in srgb, var(--hcp-accent) 12%, var(--bg-elevated, #1e293b));
    border-radius: 14px;
    padding: 0.95rem 1rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    color: var(--text-primary, #f1f5f9);
}

.hcp-summary-player[b-x6vcl3jd5f]  { --hcp-accent: #2563eb; }
.hcp-summary-team[b-x6vcl3jd5f]    { --hcp-accent: #0f766e; }
.hcp-summary-league[b-x6vcl3jd5f]  { --hcp-accent: #d97706; }
.hcp-summary-playing[b-x6vcl3jd5f] { --hcp-accent: #b45309; }

.hcp-summary-kicker[b-x6vcl3jd5f] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text-secondary, #cbd5e1);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.hcp-summary-title[b-x6vcl3jd5f] {
    margin: 0;
    font-size: 1.2rem;
    color: var(--text-primary, #f1f5f9);
}

.hcp-summary-subtitle[b-x6vcl3jd5f] {
    margin: 0.2rem 0 0 0;
    font-size: 1rem;
    color: var(--text-secondary, #cbd5e1);
}

.hcp-summary-right[b-x6vcl3jd5f] {
    text-align: right;
}

.hcp-summary-timing[b-x6vcl3jd5f] {
    margin-top: 0.4rem;
    font-size: 0.9rem;
    color: var(--text-secondary, #cbd5e1);
}

@media (max-width: 768px) {
    .hcp-summary[b-x6vcl3jd5f] {
        flex-direction: column;
        align-items: flex-start;
    }

    .hcp-summary-right[b-x6vcl3jd5f] {
        text-align: left;
        width: 100%;
    }
}

/* Light mode overrides */
html[data-theme="light"] .hcp-summary[b-x6vcl3jd5f] {
    background: linear-gradient(120deg, color-mix(in srgb, var(--hcp-accent) 14%, #ffffff), #ffffff);
    border-color: color-mix(in srgb, var(--hcp-accent) 25%, #ffffff);
    color: #1f2937;
}

html[data-theme="light"] .hcp-summary-kicker[b-x6vcl3jd5f]  { color: #374151; }
html[data-theme="light"] .hcp-summary-title[b-x6vcl3jd5f]   { color: #111827; }
html[data-theme="light"] .hcp-summary-subtitle[b-x6vcl3jd5f] { color: #4b5563; }
html[data-theme="light"] .hcp-summary-timing[b-x6vcl3jd5f]  { color: #4b5563; }
/* /Components/Layout/FlyerLayout.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════
   FlyerLayout.razor.css
   Shell and admin toolbar for the flyer preview experience.

   .fly-toolbar  Fixed top bar with Back + Print buttons (screen only).
   .fly-stage    Full-viewport preview area — grey background, centers
                 the flyer card. Overrides any app dark-theme background.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Admin toolbar ──────────────────────────────────────────────────── */
.fly-toolbar[b-7rynhxwq93] {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: 52px;
    background: #ffffff;
    border-bottom: 1px solid #dde1e6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.25rem;
    z-index: 400;
    box-shadow: 0 1px 6px rgba(0,0,0,.07);
}

.fly-back-btn[b-7rynhxwq93] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: none;
    border: 1px solid #dde1e6;
    font-size: .875rem;
    font-weight: 500;
    color: #444;
    cursor: pointer;
    padding: .4rem .75rem;
    border-radius: 6px;
    line-height: 1;
    transition: background .14s, border-color .14s;
}

.fly-back-btn:hover[b-7rynhxwq93] {
    background: #f4f5f7;
    border-color: #c8cdd4;
}

.fly-toolbar-right[b-7rynhxwq93] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.fly-print-btn[b-7rynhxwq93] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    background: #1a5c2a;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: .875rem;
    font-weight: 600;
    padding: .5rem 1.1rem;
    cursor: pointer;
    line-height: 1;
    box-shadow: 0 1px 4px rgba(26,92,42,.3);
    transition: background .14s, transform .1s;
}

.fly-print-btn:hover[b-7rynhxwq93] {
    background: #155224;
    transform: translateY(-1px);
}

.fly-print-btn:active[b-7rynhxwq93] {
    transform: translateY(0);
}

/* ── Preview stage ──────────────────────────────────────────────────── */
.fly-stage[b-7rynhxwq93] {
    min-height: 100vh;
    background: #e6e9ed;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 4.5rem 1rem 3rem;
}

/* ── Print overrides ────────────────────────────────────────────────── */
@@media print {
    .fly-toolbar[b-7rynhxwq93],
    .no-print[b-7rynhxwq93] {
        display: none !important;
    }

    .fly-stage[b-7rynhxwq93] {
        min-height: unset;
        background: #fff !important;
        padding: 0;
        display: block;
    }
}

/* /Components/Layout/Header.razor.rz.scp.css */
/* ==================================================
   BACK9OPS SHELL HEADER
   Three-zone layout: left (page context) | right (actions + profile)
   Design system: matches .sb-* sidebar tokens exactly.

   Class inventory:
   .hdr               56px shell header - top of .main-col
   .hdr-left          flex column for section label + title
   .hdr-section       small muted uppercase section name
   .hdr-title         primary page title (h1, reset to inline)
   .hdr-right         flex row - icon buttons + profile wrap
   .hdr-icon-btn      32x32 icon-only action button
   .hdr-profile-wrap  relative positioner for dropdown
   .hdr-avatar-btn    button wrapping the avatar circle
   .hdr-avatar        initials circle
   .hdr-dismiss       full-screen click target, closes dropdown
   .hdr-profile-menu  floating dropdown panel
   .hdr-profile-header  identity block (name + email)
   .hdr-profile-name  bold display name
   .hdr-profile-email muted email address
   .hdr-profile-divider  1px rule between menu sections
   .hdr-menu-item     individual menu action (a or button)
   .hdr-menu-signout  danger tint variant of .hdr-menu-item
   .hdr-signout-form  display:contents form wrapper

   Tokens used (same as sidebar):
   --bg-surface, --bg-elevated, --bg-app
   --text-primary, --text-secondary, --text-muted
   --border-subtle, --border-default
   --brand, --brand-soft
================================================== */


/* SHELL HEADER */

.hdr[b-te0hhul7us] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    padding: 0 20px;
    background: var(--bg-surface, #0F172A);
    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    flex-shrink: 0;
    gap: 12px;
    position: relative;
    z-index: 10;
}


/* LEFT: page context */

.hdr-left[b-te0hhul7us] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

.hdr-section[b-te0hhul7us] {
    display: block;
    font-size: var(--font-size-sm, 14px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    color: var(--text-secondary, #C2CFDF);
    line-height: 1;
    user-select: none;
}

.hdr-title[b-te0hhul7us] {
    font-size: 17px;
    font-weight: 600;
    color: var(--text-primary, #E5E7EB);
    margin: 0;
    padding: 0;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--b9-font-sans, Inter, system-ui, sans-serif);
}

.hdr-left:not(:has(.hdr-section)) .hdr-title[b-te0hhul7us] {
    font-size: 18px;
}


/* RIGHT: actions + profile */

.hdr-right[b-te0hhul7us] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}


/* ICON BUTTONS */

.hdr-icon-btn[b-te0hhul7us] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--touch-target-min, 48px);
    min-height: var(--touch-target-min, 48px);
    border-radius: 8px;
    border: none;
    background: transparent;
    color: var(--text-secondary, #C2CFDF);
    font-size: 17px;
    cursor: pointer;
    text-decoration: none;
    transition: background 160ms ease, color 160ms ease;
    flex-shrink: 0;
}

.hdr-icon-btn:hover:not(:disabled)[b-te0hhul7us] {
    background: rgba(255,255,255,0.06);
    color: var(--text-primary, #F3F6FB);
}

.hdr-icon-btn:focus-visible[b-te0hhul7us] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(29,78,216,0.55);
}

.hdr-icon-btn:disabled[b-te0hhul7us] {
    opacity: 0.65;
    cursor: default;
}

.hdr-bell-link[b-te0hhul7us] {
    position: relative;
}

/* Theme toggle in the header */
[b-te0hhul7us] .theme-toggle.hdr-theme-toggle {
    min-width: var(--touch-target-min, 48px);
    min-height: var(--touch-target-min, 48px);
    border-radius: 8px;
    color: var(--text-secondary, #C2CFDF);
    background: transparent;
    border: none;
}

[b-te0hhul7us] .theme-toggle.hdr-theme-toggle:hover {
    background: rgba(255,255,255,0.06);
    color: var(--text-primary, #F3F6FB);
}

.hdr-bell-dot[b-te0hhul7us] {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 0 1.5px var(--bg-surface, #0F172A);
}


/* PROFILE AREA */

.hdr-profile-wrap[b-te0hhul7us] {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 4px;
}

.hdr-avatar-btn[b-te0hhul7us] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 2px solid transparent;
    cursor: pointer;
    min-width: var(--touch-target-min, 48px);
    min-height: var(--touch-target-min, 48px);
    padding: 0;
    border-radius: 50%;
    transition: border-color 160ms ease;
    line-height: 1;
}

.hdr-avatar-btn:hover[b-te0hhul7us] {
    border-color: var(--border-strong, rgba(255,255,255,0.18));
}

.hdr-avatar-btn:focus-visible[b-te0hhul7us] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(29,78,216,0.55);
    border-radius: 50%;
}

.hdr-avatar[b-te0hhul7us] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--brand-soft, rgba(29,78,216,0.18));
    color: #93B4FF;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    font-family: var(--b9-font-sans, Inter, system-ui, sans-serif);
    overflow: hidden;
}
.hdr-avatar--photo[b-te0hhul7us] {
    background: transparent;
}


/* PROFILE DROPDOWN */

.hdr-dismiss[b-te0hhul7us] {
    position: fixed;
    inset: 0;
    z-index: 199;
    background: transparent;
    cursor: default;
}

.hdr-profile-menu[b-te0hhul7us] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 220px;
    background: var(--bg-elevated, #111827);
    border: 1px solid var(--border-default, rgba(255,255,255,0.10));
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 2px 6px rgba(0,0,0,0.20);
    z-index: 200;
    padding: 6px;
    animation: hdr-menu-in-b-te0hhul7us 140ms ease both;
}

@keyframes hdr-menu-in-b-te0hhul7us {
    from { opacity: 0; transform: translateY(-4px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.hdr-profile-header[b-te0hhul7us] {
    padding: 8px 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.hdr-profile-name[b-te0hhul7us] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary, #E5E7EB);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.hdr-profile-email[b-te0hhul7us] {
    font-size: var(--font-size-sm, 14px);
    color: var(--text-secondary, #C2CFDF);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.hdr-profile-divider[b-te0hhul7us] {
    height: 1px;
    background: var(--border-subtle, rgba(255,255,255,0.06));
    margin: 4px 0;
}

.hdr-menu-item[b-te0hhul7us] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 7px 10px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    font-family: var(--b9-font-sans, Inter, system-ui, sans-serif);
    color: var(--text-secondary, #C2CFDF);
    text-decoration: none;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: background 160ms ease, color 160ms ease;
    text-align: left;
    line-height: 1;
    box-sizing: border-box;
}

.hdr-menu-item:hover[b-te0hhul7us] {
    background: rgba(255,255,255,0.05);
    color: var(--text-primary, #E5E7EB);
}

.hdr-menu-item:focus-visible[b-te0hhul7us] {
    outline: none;
    box-shadow: inset 0 0 0 2px rgba(29,78,216,0.45);
    border-radius: 8px;
}

.hdr-menu-signout:hover[b-te0hhul7us] {
    background: rgba(239,68,68,0.10);
    color: #FCA5A5;
}

.hdr-signout-form[b-te0hhul7us] { display: contents; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-o01qyrd7xn] {
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Column that holds the header + scrollable main */
.main-col[b-o01qyrd7xn] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.main-col-public[b-o01qyrd7xn] {
    height: auto;
    overflow: visible;
}

.content[b-o01qyrd7xn] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.content-admin[b-o01qyrd7xn] {
    --admin-list-page-max-width: 1120px;
    max-width: 1280px;
    margin: 0 auto;
}

.content-public-home[b-o01qyrd7xn] {
    padding-top: 0;
}

main[b-o01qyrd7xn] {
    flex: 1;
    background: var(--bg-app, #020617);
}

.sidebar[b-o01qyrd7xn] {
    background: var(--bg-sidebar, #0B1220);
    border-right: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
}

@media (min-width: 641px) {
    .page[b-o01qyrd7xn] {
        flex-direction: row;
        min-height: 100vh;
        height: 100vh;
        overflow: hidden;
    }

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

    /* Constrain main-col to viewport height so the header stays fixed
       and only the content area beneath it scrolls */
    .main-col[b-o01qyrd7xn] {
        height: 100vh;
        min-height: 0;
        overflow: hidden;
    }

    .main-col-public[b-o01qyrd7xn] {
        height: auto;
        overflow: visible;
    }

    main[b-o01qyrd7xn] {
        overflow-y: auto;
        overflow-x: hidden;
        min-height: 0;
        padding-bottom: max(72px, calc(env(safe-area-inset-bottom) + 2.5rem));
        scroll-padding-bottom: max(72px, calc(env(safe-area-inset-bottom) + 2.5rem));
    }

    .main-col-public main[b-o01qyrd7xn] {
        overflow: visible;
    }

    /* P0: let the public landing page scroll naturally — break the
       height:100vh + overflow:hidden shell trap for public routes only */
    .page-public[b-o01qyrd7xn] {
        height: auto !important;
        overflow: visible !important;
        min-height: 100vh;
    }
}

#blazor-error-ui[b-o01qyrd7xn] {
    color-scheme: light only;
    background: var(--b9-dark-surface);
    color: var(--b9-dark-text);
    bottom: 0;
    box-shadow: 0 -1px 0 var(--b9-dark-border);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-size: 0.85rem;
}

    #blazor-error-ui .dismiss[b-o01qyrd7xn] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ==================================================
   BACK9OPS SIDEBAR - Premium dark admin shell
   Linear/Stripe/Vercel quality design system.
   
   Class inventory:
   .sb-shell         full-height column flex container
   .sb-brand         logo + mobile hamburger
   .sb-body          scrollable nav area
   .sb-nav           flex column nav tree
   .sb-section       grouped nav items
   .sb-section-label uppercase group header
   .sb-item-wrap     Blazor scope anchor (display:contents)
   .sb-item          nav link/button (::deep target)
   .sb-icon          Bootstrap Icons element inside .sb-item
   .sb-text          label span inside .sb-item
   .sb-text-account  truncated account email
   .sb-divider       horizontal rule between sections
   .sb-spacer        flex:1 pusher
   .sb-footer        account actions region
   .sb-footer-rule   top border for footer
   .sb-logout-form   display:contents form wrapper
   
   Tokens:
   --bg-sidebar, --bg-sidebar-elevated, --bg-sidebar-active
   --text-primary, --text-secondary, --text-muted
   --border-subtle, --border-strong, --brand
================================================== */


/* SHELL */

.sb-shell[b-ywpn6ldy5k] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--bg-sidebar, #0B1220);
    overflow: hidden;
}


/* BRAND AREA */

.sb-brand[b-ywpn6ldy5k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px 13px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
}

.sb-brand-link[b-ywpn6ldy5k] {
    display: flex;
    align-items: center;
    text-decoration: none;
    opacity: 0.90;
    transition: opacity 180ms ease;
}

.sb-brand-link:hover[b-ywpn6ldy5k] { opacity: 1; }

.sb-brand-wordmark[b-ywpn6ldy5k] {
    display: inline-flex;
    align-items: center;
}

.sb-brand-wordmark--light[b-ywpn6ldy5k] {
    display: none;
}

/* Mobile hamburger - hidden on desktop */
.sb-hamburger[b-ywpn6ldy5k] {
    display: none;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--text-secondary, #C2CFDF);
    font-size: 1.25rem;
    cursor: pointer;
    min-width: var(--touch-target-min, 48px);
    min-height: var(--touch-target-min, 48px);
    padding: 0;
    border-radius: 7px;
    line-height: 1;
    transition: background 160ms ease, color 160ms ease;
}

.sb-hamburger:hover[b-ywpn6ldy5k] {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.9);
}

.sb-toggle-check[b-ywpn6ldy5k] { display: none; }


/* SCROLLABLE NAV BODY */

.sb-body[b-ywpn6ldy5k] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.07) transparent;
}

.sb-body[b-ywpn6ldy5k]::-webkit-scrollbar        { width: 3px; }
.sb-body[b-ywpn6ldy5k]::-webkit-scrollbar-track  { background: transparent; }
.sb-body[b-ywpn6ldy5k]::-webkit-scrollbar-thumb  { background: rgba(255,255,255,0.08); border-radius: 4px; }

.sb-nav[b-ywpn6ldy5k] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 6px 0 8px;
}


/* SECTION */

.sb-section[b-ywpn6ldy5k] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 10px;
}

.sb-section-label[b-ywpn6ldy5k] {
    display: block;
    font-size: var(--font-size-sm, 14px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    color: var(--b9-sidebar-text, #B6C6DA);
    padding: 0 6px;
    margin-top: 20px;
    margin-bottom: 4px;
    user-select: none;
}

.sb-section:first-of-type .sb-section-label[b-ywpn6ldy5k] { margin-top: 8px; }


/* NAV ITEMS
   .sb-item-wrap receives the Blazor scope attribute.
   ::deep targets the NavLink-rendered <a> and native <button>. */

.sb-item-wrap[b-ywpn6ldy5k] {
    display: contents;
}

/* Base item */
.sb-item-wrap[b-ywpn6ldy5k]  .sb-item,
.sb-item[b-ywpn6ldy5k] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    min-height: var(--touch-target-min, 48px);
    border-radius: 10px;
    font-size: var(--font-size-base, 1rem);
    font-weight: 500;
    font-family: var(--b9-font-sans, Inter, system-ui, sans-serif);
    color: var(--b9-sidebar-text, #B6C6DA);
    text-decoration: none;
    background: transparent;
    border: none;
    cursor: pointer;
    width: 100%;
    transition: background 180ms ease, color 160ms ease;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1;
}

/* Hover */
.sb-item-wrap[b-ywpn6ldy5k]  .sb-item:hover,
.sb-item:hover[b-ywpn6ldy5k] {
    background: var(--b9-sidebar-hover-bg, #0F172A);
    color: var(--b9-sidebar-active-text, #E5E7EB);
}

/* Active - Blazor NavLink adds .active */
.sb-item-wrap[b-ywpn6ldy5k]  .sb-item.active {
    background: var(--b9-sidebar-active-bg, rgba(29,78,216,0.18));
    color: var(--b9-sidebar-active-text, #E5E7EB);
    font-weight: 600;
}

/* Focus ring */
.sb-item-wrap[b-ywpn6ldy5k]  .sb-item:focus-visible,
.sb-item:focus-visible[b-ywpn6ldy5k] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(29,78,216,0.55);
}

/* Small variant - footer items */
.sb-item-wrap[b-ywpn6ldy5k]  .sb-item.sb-item-sm,
.sb-item.sb-item-sm[b-ywpn6ldy5k] {
    min-height: var(--touch-target-min, 48px);
    font-size: var(--font-size-sm, 14px);
}

/* Sign-out: subtle danger tint on hover */
.sb-item-wrap[b-ywpn6ldy5k]  .sb-item.sb-item-signout:hover,
.sb-item.sb-item-signout:hover[b-ywpn6ldy5k] {
    background: rgba(239,68,68,0.10);
    color: #FCA5A5;
}


/* ICON */

.sb-item-wrap[b-ywpn6ldy5k]  .sb-icon,
.sb-icon[b-ywpn6ldy5k] {
    font-size: 16px;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
    color: var(--b9-sidebar-text, #B6C6DA);
    transition: color 160ms ease;
    line-height: 1;
}

.sb-item-wrap[b-ywpn6ldy5k]  .sb-item:hover .sb-icon,
.sb-item:hover .sb-icon[b-ywpn6ldy5k] {
    color: var(--b9-sidebar-active-text, #F3F6FB);
}

.sb-item-wrap[b-ywpn6ldy5k]  .sb-item.active .sb-icon {
    color: var(--brand, #1D4ED8);
}

.sb-item-wrap[b-ywpn6ldy5k]  .sb-item.sb-item-signout:hover .sb-icon,
.sb-item.sb-item-signout:hover .sb-icon[b-ywpn6ldy5k] {
    color: #F87171;
}

.sb-item-wrap[b-ywpn6ldy5k]  .sb-item.sb-item-setup,
.sb-item.sb-item-setup[b-ywpn6ldy5k] {
    border: 1px solid rgba(59,130,246,0.45);
    background: rgba(29,78,216,0.16);
    color: #dbeafe;
    font-weight: 600;
}

.sb-item-wrap[b-ywpn6ldy5k]  .sb-item.sb-item-setup:hover,
.sb-item.sb-item-setup:hover[b-ywpn6ldy5k] {
    background: rgba(29,78,216,0.24);
    color: #eff6ff;
}

.sb-item-wrap[b-ywpn6ldy5k]  .sb-item.sb-item-locked,
.sb-item.sb-item-locked[b-ywpn6ldy5k] {
    height: auto;
    min-height: 40px;
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    padding: 8px 10px;
    cursor: default;
    border: 1px solid rgba(148,163,184,0.14);
    background: rgba(255,255,255,0.02);
    color: var(--text-muted, #9FB0C4);
}

.sb-item-wrap[b-ywpn6ldy5k]  .sb-item.sb-item-locked:hover,
.sb-item.sb-item-locked:hover[b-ywpn6ldy5k] {
    background: rgba(255,255,255,0.03);
    color: var(--text-muted, #9FB0C4);
}

.sb-item-wrap[b-ywpn6ldy5k]  .sb-item.sb-item-locked .sb-icon,
.sb-item.sb-item-locked .sb-icon[b-ywpn6ldy5k] {
    color: var(--text-muted, #9FB0C4);
}

.sb-lock[b-ywpn6ldy5k] {
    margin-left: 0.25rem;
    font-size: 0.8rem;
}

.sb-lock-sub[b-ywpn6ldy5k] {
    display: block;
    font-size: var(--font-size-sm, 14px);
    line-height: 1.25;
    color: var(--text-muted, #9FB0C4);
    margin-left: 28px;
}


/* TEXT */

.sb-item-wrap[b-ywpn6ldy5k]  .sb-text,
.sb-text[b-ywpn6ldy5k] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
}

.sb-item-wrap[b-ywpn6ldy5k]  .sb-text-account,
.sb-text-account[b-ywpn6ldy5k] {
    font-size: var(--font-size-sm, 14px);
    color: var(--b9-sidebar-text, #B6C6DA);
    max-width: 138px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* BADGE (pending count) */

.sb-badge[b-ywpn6ldy5k] {
    font-size: var(--font-size-sm, 14px);
    padding: 1px 5px;
    border-radius: 999px;
    line-height: 1.4;
    flex-shrink: 0;
}

.sb-badge-warning[b-ywpn6ldy5k] {
    background: var(--color-warn-subtle, rgba(245, 158, 11, 0.16));
    color: var(--color-warn, #f59e0b);
    border: 1px solid color-mix(in srgb, var(--color-warn, #f59e0b) 45%, transparent);
    font-weight: 700;
}


/* DIVIDER */

.sb-divider[b-ywpn6ldy5k] {
    height: 1px;
    margin: 14px 10px 0;
    background: var(--border-subtle, rgba(255,255,255,0.06));
    flex-shrink: 0;
}


/* ORG SWITCHER */

.sb-org-wrap[b-ywpn6ldy5k] {
    padding: 0 0 4px;
}

.sb-org-single[b-ywpn6ldy5k] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    background: rgba(255,255,255,0.03);
}

.sb-org-single-label[b-ywpn6ldy5k] {
    font-size: var(--font-size-sm, 14px);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--b9-sidebar-text-muted, #94A3B8);
}

.sb-org-single-name[b-ywpn6ldy5k] {
    font-size: var(--font-size-sm, 14px);
    font-weight: 600;
    color: var(--b9-sidebar-active-text, #E5E7EB);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sb-org-select[b-ywpn6ldy5k] {
    width: 100%;
    font-size: var(--font-size-sm, 14px);
    font-weight: 600;
    color: var(--b9-sidebar-text, #B6C6DA);
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    border-radius: 8px;
    padding: 6px 8px;
    cursor: pointer;
    appearance: auto;
    transition: border-color 160ms ease;
    outline: none;
}

.sb-org-select:hover[b-ywpn6ldy5k] { border-color: var(--border-strong, rgba(255,255,255,0.12)); }
.sb-org-select:focus[b-ywpn6ldy5k] {
    border-color: var(--brand, #1D4ED8);
    box-shadow: 0 0 0 2px rgba(29,78,216,0.25);
}


/* SPACER + FOOTER */

.sb-spacer[b-ywpn6ldy5k] { flex: 1; min-height: 16px; }

.sb-footer[b-ywpn6ldy5k] {
    padding: 0 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex-shrink: 0;
}

.sb-footer-rule[b-ywpn6ldy5k] {
    height: 1px;
    background: var(--border-subtle, rgba(255,255,255,0.06));
    margin: 0 0 8px;
}

.sb-logout-form[b-ywpn6ldy5k] { display: contents; }


/* MOBILE (640px and below) */

@media (max-width: 640px) {
    .sb-hamburger[b-ywpn6ldy5k] { display: flex; }
    .sb-toggle-check:not(:checked) ~ .sb-body[b-ywpn6ldy5k] { display: none; }
    .sb-toggle-check:checked       ~ .sb-body[b-ywpn6ldy5k] { display: flex; }
}


/* DESKTOP (641px and above) */

@media (min-width: 641px) {
    .sb-hamburger[b-ywpn6ldy5k] { display: none !important; }
    .sb-body[b-ywpn6ldy5k]      { display: flex !important; }
}
/* /Components/Layout/PlayerHubNav.razor.rz.scp.css */
/* ── Player Hub Tab Strip ─────────────────────────────────────────
   Horizontal tab strip shown at the top of the five main player
   hub pages (Home, Events, Leagues, Inbox, Profile). Provides a
   persistent navigation context so the hub feels like one tabbed
   app rather than five separate pages.
   ────────────────────────────────────────────────────────────── */

.phub-nav[b-oaznkxi2nk] {
    display: flex;
    gap: 0;
    border-bottom: 1.5px solid var(--b9-border, rgba(255,255,255,0.08));
    margin-bottom: 1.25rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.phub-nav[b-oaznkxi2nk]::-webkit-scrollbar {
    display: none;
}

.phub-tab[b-oaznkxi2nk] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--b9-text-muted, #94A3B8);
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 2.5px solid transparent;
    margin-bottom: -1.5px;
    flex-shrink: 0;
    transition: color 150ms ease, border-color 150ms ease;
}

.phub-tab i[b-oaznkxi2nk] {
    font-size: 0.9375rem;
    line-height: 1;
}

.phub-tab:hover[b-oaznkxi2nk] {
    color: var(--b9-text, #E5E7EB);
}

.phub-tab--active[b-oaznkxi2nk] {
    color: var(--b9-primary-text, #93C5FD);
    border-bottom-color: var(--b9-primary, #1D4ED8);
    font-weight: 600;
}

/* Focus ring for keyboard navigation */
.phub-tab:focus-visible[b-oaznkxi2nk] {
    outline: 2px solid var(--b9-primary, #1D4ED8);
    outline-offset: -2px;
    border-radius: 2px;
}
/* /Components/Layout/PlayerLayout.razor.rz.scp.css */
/* Player Layout */

.plr-layout[b-t57edn0z4c] {
    --plr-bottom-nav-height: calc(72px + env(safe-area-inset-bottom, 0px));
    min-height: 100vh;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    display: flex;
    flex-direction: column;
    background: var(--bg-app, #020617);
    color: var(--text-primary, #f1f5f9);
}

/* TOP BAR - mobile only (hidden >=768px) */
.plr-topbar[b-t57edn0z4c] {
    background: var(--bg-sidebar, #0B1220);
    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 200;
}

.plr-topbar-inner[b-t57edn0z4c] {
    min-height: 64px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plr-brand-wordmark[b-t57edn0z4c] {
    display: inline-flex;
    align-items: center;
}

.plr-brand-wordmark--light[b-t57edn0z4c] {
    display: none;
}

.plr-topbar-actions[b-t57edn0z4c] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.plr-topbar-brand[b-t57edn0z4c] {
    display: flex;
    align-items: center;
    text-decoration: none;
    opacity: 0.90;
    transition: opacity 180ms ease;
}

.plr-topbar-brand:hover[b-t57edn0z4c] { opacity: 1; }

.plr-hamburger[b-t57edn0z4c] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--touch-target-min, 48px);
    min-height: var(--touch-target-min, 48px);
    border-radius: 8px;
    cursor: pointer;
    font-size: 1.375rem;
    color: var(--text-secondary, #C2CFDF);
    transition: background 160ms ease, color 160ms ease;
}

.plr-hamburger:hover[b-t57edn0z4c] {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.9);
}

.plr-topbar-actions[b-t57edn0z4c]  .theme-toggle.plr-theme-toggle {
    min-width: var(--touch-target-min, 48px);
    min-height: var(--touch-target-min, 48px);
    border-radius: 8px;
    color: var(--text-secondary, #C2CFDF);
}

.plr-topbar-actions[b-t57edn0z4c]  .theme-toggle.plr-theme-toggle:hover {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.9);
}


/* MOBILE NAV DRAWER */
.plr-nav-check[b-t57edn0z4c] { display: none; }

.plr-nav-drawer[b-t57edn0z4c] {
    position: fixed;
    inset: 0;
    z-index: 300;
    pointer-events: none;
    visibility: hidden;
    transition: visibility 0s 0.3s;
}

.plr-nav-check:checked ~ .plr-nav-drawer[b-t57edn0z4c] {
    pointer-events: auto;
    visibility: visible;
    transition: visibility 0s;
}

.plr-nav-check:checked ~ .plr-body[b-t57edn0z4c],
.plr-nav-check:checked ~ .plr-tabs[b-t57edn0z4c] {
    pointer-events: none;
    user-select: none;
    filter: blur(1px) saturate(.75);
}

.plr-nav-check:checked ~ .plr-body[b-t57edn0z4c] {
    opacity: .65;
}

.plr-nav-check:checked ~ .plr-tabs[b-t57edn0z4c] {
    opacity: .25;
}

.plr-nav-backdrop[b-t57edn0z4c] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.3s;
}

.plr-nav-check:checked ~ .plr-nav-drawer .plr-nav-backdrop[b-t57edn0z4c] { opacity: 1; }

.plr-nav-inner[b-t57edn0z4c] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 250px;
    background: var(--bg-sidebar, #0B1220);
    border-right: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform 0.28s ease;
    z-index: 1;
}

.plr-nav-check:checked ~ .plr-nav-drawer .plr-nav-inner[b-t57edn0z4c] { transform: translateX(0); }

/* Drawer brand - mirrors sb-brand */
.plr-drawer-brand[b-t57edn0z4c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px 13px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
}

.plr-drawer-brand-link[b-t57edn0z4c] {
    display: flex;
    align-items: center;
    text-decoration: none;
    opacity: 0.90;
    transition: opacity 180ms ease;
}

.plr-drawer-brand-link:hover[b-t57edn0z4c] { opacity: 1; }

.plr-nav-close[b-t57edn0z4c] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--touch-target-min, 48px);
    min-height: var(--touch-target-min, 48px);
    border-radius: 6px;
    cursor: pointer;
    color: var(--text-secondary, #C2CFDF);
    font-size: 1.25rem;
    transition: background 160ms ease, color 160ms ease;
}

.plr-nav-close:hover[b-t57edn0z4c] {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.9);
}

/* Scrollable drawer body - uses sb-* classes for nav */
.plr-drawer-body[b-t57edn0z4c] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding: 6px 0 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.07) transparent;
}

/*
  sb-* re-declarations for drawer markup inside PlayerLayout.
  The drawer lives in PlayerLayout (not PlayerSidebar), so the
  PlayerSidebar.razor.css scope does not apply here.
  We re-declare the same sb-* rules so the drawer nav items
  get identical styling to the desktop sidebar.
*/

.sb-section[b-t57edn0z4c] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 10px;
}

.sb-section-label[b-t57edn0z4c] {
    display: block;
    font-size: var(--font-size-sm, 14px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    color: var(--text-secondary, #C2CFDF);
    padding: 0 6px;
    margin-top: 20px;
    margin-bottom: 4px;
    user-select: none;
}

.sb-section:first-of-type .sb-section-label[b-t57edn0z4c] { margin-top: 8px; }

.sb-item-wrap[b-t57edn0z4c] { display: contents; }

.sb-item-wrap[b-t57edn0z4c]  .sb-item,
.sb-item[b-t57edn0z4c] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    min-height: var(--touch-target-min, 48px);
    border-radius: 10px;
    font-size: var(--font-size-base, 1rem);
    font-weight: 500;
    font-family: var(--b9-font-sans, Inter, system-ui, sans-serif);
    color: var(--text-secondary, #94A3B8);
    text-decoration: none;
    background: transparent;
    border: none;
    cursor: pointer;
    width: 100%;
    transition: background 180ms ease, color 160ms ease;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1;
}

.sb-item-wrap[b-t57edn0z4c]  .sb-item:hover,
.sb-item:hover[b-t57edn0z4c] {
    background: var(--bg-sidebar-elevated, #0F172A);
    color: var(--text-primary, #E5E7EB);
}

.sb-item-wrap[b-t57edn0z4c]  .sb-item.active {
    background: var(--bg-sidebar-active, rgba(29,78,216,0.18));
    color: var(--text-primary, #E5E7EB);
    font-weight: 600;
}

.sb-item-wrap[b-t57edn0z4c]  .sb-item:focus-visible,
.sb-item:focus-visible[b-t57edn0z4c] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(29,78,216,0.55);
}

.sb-item-wrap[b-t57edn0z4c]  .sb-item.sb-item-sm,
.sb-item.sb-item-sm[b-t57edn0z4c] {
    min-height: var(--touch-target-min, 48px);
    font-size: var(--font-size-sm, 14px);
}

.sb-item-wrap[b-t57edn0z4c]  .sb-item.sb-item-signout:hover,
.sb-item.sb-item-signout:hover[b-t57edn0z4c] {
    background: rgba(239,68,68,0.10);
    color: #FCA5A5;
}

.sb-item-wrap[b-t57edn0z4c]  .sb-icon,
.sb-icon[b-t57edn0z4c] {
    font-size: 16px;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
    color: var(--text-secondary, #C2CFDF);
    transition: color 160ms ease;
    line-height: 1;
}

.sb-item-wrap[b-t57edn0z4c]  .sb-item:hover .sb-icon,
.sb-item:hover .sb-icon[b-t57edn0z4c] { color: var(--text-primary, #F3F6FB); }

.sb-item-wrap[b-t57edn0z4c]  .sb-item.active .sb-icon { color: var(--brand, #1D4ED8); }

.sb-item-wrap[b-t57edn0z4c]  .sb-item.sb-item-signout:hover .sb-icon,
.sb-item.sb-item-signout:hover .sb-icon[b-t57edn0z4c] { color: #F87171; }

.sb-item-wrap[b-t57edn0z4c]  .sb-text,
.sb-text[b-t57edn0z4c] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
}

.sb-item-wrap[b-t57edn0z4c]  .sb-text-account,
.sb-text-account[b-t57edn0z4c] {
    font-size: var(--font-size-sm, 14px);
    color: var(--text-muted, #64748B);
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sb-spacer[b-t57edn0z4c] { flex: 1; min-height: 16px; }

.sb-footer[b-t57edn0z4c] {
    padding: 0 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex-shrink: 0;
}

.sb-footer-rule[b-t57edn0z4c] {
    height: 1px;
    background: var(--border-subtle, rgba(255,255,255,0.06));
    margin: 0 0 8px;
}

.sb-logout-form[b-t57edn0z4c] { display: contents; }


/* DESKTOP LAYOUT */
.plr-body[b-t57edn0z4c] {
    flex: 1;
    display: flex;
    min-height: 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

/* Wrapper for the PlayerSidebar component */
.plr-sidebar[b-t57edn0z4c] {
    width: 250px;
    flex-shrink: 0;
    height: 100%;
    position: sticky;
    top: 0;
    align-self: flex-start;
    max-height: 100vh;
    display: flex;
}

.plr-main[b-t57edn0z4c] {
    flex: 1;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 0;
    scroll-padding-bottom: 0;
}

@media (max-width: 767.98px) {
    .plr-sidebar[b-t57edn0z4c] {
        display: none !important;
        visibility: hidden !important;
        position: absolute !important;
        left: -9999px !important;
        width: 0 !important;
    }

    .plr-body[b-t57edn0z4c] {
        display: block;
        overflow: visible;
        width: 100%;
        max-width: 100%;
    }

    .plr-main[b-t57edn0z4c] {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        padding-bottom: calc(156px + env(safe-area-inset-bottom, 0px));
        scroll-padding-bottom: calc(156px + env(safe-area-inset-bottom, 0px));
        padding-bottom: calc(var(--plr-bottom-nav-height) + 1.5rem);
        scroll-padding-bottom: calc(var(--plr-bottom-nav-height) + 1.5rem);
    }
}


/* RESPONSIVE */
@media (min-width: 768px) {
    .plr-topbar[b-t57edn0z4c]   { display: none; }
    .plr-layout[b-t57edn0z4c]   { height: 100vh; overflow: hidden; }
    .plr-body[b-t57edn0z4c]     { height: 100vh; overflow: hidden; }
    .plr-sidebar[b-t57edn0z4c]  { max-height: 100vh; }
}


/* MOBILE BOTTOM TAB BAR */
.plr-tabs[b-t57edn0z4c] {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: calc(72px + env(safe-area-inset-bottom, 0px));
    min-height: max(var(--plr-bottom-nav-height), var(--touch-target-min, 48px));
    background: var(--bg-sidebar, #0B1220);
    border-top: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    align-items: stretch;
    z-index: 100;
    padding-bottom: env(safe-area-inset-bottom, 0);
}

@media (max-width: 767.98px) {
    .plr-tabs[b-t57edn0z4c] {
        display: flex;
    }
}

.plr-tab[b-t57edn0z4c] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    text-decoration: none;
    color: var(--text-muted, #64748b);
    font-size: 0.6875rem;
    font-weight: 500;
    transition: color 160ms ease;
}

.plr-tab i[b-t57edn0z4c] {
    font-size: 1.375rem;
    line-height: 1;
    transition: color 160ms ease;
}

.plr-tab:hover[b-t57edn0z4c] { color: var(--text-secondary, #94A3B8); }
.plr-tab.active[b-t57edn0z4c] { color: var(--brand-text, #93C5FD); }
.plr-tab.active i[b-t57edn0z4c] { color: var(--brand, #1D4ED8); }


/* BLAZOR ERROR UI */
#blazor-error-ui[b-t57edn0z4c] {
    color-scheme: light only;
    background: var(--bg-raised, #1E293B);
    color: var(--text-primary, #E5E7EB);
    bottom: 0;
    box-shadow: 0 -1px 0 var(--border-subtle, rgba(255,255,255,0.06));
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-size: 0.85rem;
}

#blazor-error-ui .dismiss[b-t57edn0z4c] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/PlayerSidebar.razor.rz.scp.css */
/* ==================================================
   PLAYER SIDEBAR — identical sb-* CSS to admin NavMenu.
   
   Both admin (NavMenu.razor) and player (PlayerSidebar.razor)
   share the same class names and visual rules. The only thing
   that differs is the nav items rendered inside.
   
   Class inventory (identical to admin):
   .sb-shell         full-height column flex container
   .sb-brand         logo area with brand link
   .sb-brand-link    anchor with opacity hover treatment
   .sb-body          scrollable nav area
   .sb-nav           flex column nav tree
   .sb-section       grouped nav items
   .sb-section-label uppercase group header
   .sb-item-wrap     Blazor scope anchor (display:contents)
   .sb-item          nav link/button (::deep target)
   .sb-icon          Bootstrap Icons element inside .sb-item
   .sb-text          label span inside .sb-item
   .sb-text-account  truncated account email
   .sb-spacer        flex:1 pusher
   .sb-footer        account actions region
   .sb-footer-rule   top border for footer
   .sb-logout-form   display:contents form wrapper
================================================== */


/* SHELL */

.sb-shell[b-vveo0iwt5q] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--bg-sidebar, #0B1220);
    overflow: hidden;
}


/* BRAND AREA */

.sb-brand[b-vveo0iwt5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px 13px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
}

.sb-brand-link[b-vveo0iwt5q] {
    display: flex;
    align-items: center;
    text-decoration: none;
    opacity: 0.90;
    transition: opacity 180ms ease;
}

.sb-brand-link:hover[b-vveo0iwt5q] { opacity: 1; }

.sb-brand-wordmark[b-vveo0iwt5q] {
    display: inline-flex;
    align-items: center;
}

.sb-brand-wordmark--light[b-vveo0iwt5q] {
    display: none;
}


/* SCROLLABLE NAV BODY */

.sb-body[b-vveo0iwt5q] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.07) transparent;
}

.sb-body[b-vveo0iwt5q]::-webkit-scrollbar        { width: 3px; }
.sb-body[b-vveo0iwt5q]::-webkit-scrollbar-track  { background: transparent; }
.sb-body[b-vveo0iwt5q]::-webkit-scrollbar-thumb  { background: rgba(255,255,255,0.08); border-radius: 4px; }

.sb-nav[b-vveo0iwt5q] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 6px 0 8px;
}


/* SECTION */

.sb-section[b-vveo0iwt5q] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 10px;
}

.sb-section-label[b-vveo0iwt5q] {
    display: block;
    font-size: var(--font-size-sm, 14px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    color: var(--b9-sidebar-text, #B6C6DA);
    padding: 0 6px;
    margin-top: 20px;
    margin-bottom: 4px;
    user-select: none;
}

.sb-section:first-of-type .sb-section-label[b-vveo0iwt5q] { margin-top: 8px; }


/* NAV ITEMS
   .sb-item-wrap receives the Blazor scope attribute.
   ::deep targets the NavLink-rendered <a> and native <button>. */

.sb-item-wrap[b-vveo0iwt5q] {
    display: contents;
}

/* Base item */
.sb-item-wrap[b-vveo0iwt5q]  .sb-item,
.sb-item[b-vveo0iwt5q] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    min-height: var(--touch-target-min, 48px);
    border-radius: 10px;
    font-size: var(--font-size-base, 1rem);
    font-weight: 500;
    font-family: var(--b9-font-sans, Inter, system-ui, sans-serif);
    color: var(--b9-sidebar-text, #B6C6DA);
    text-decoration: none;
    background: transparent;
    border: none;
    cursor: pointer;
    width: 100%;
    transition: background 180ms ease, color 160ms ease;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1;
}

/* Hover */
.sb-item-wrap[b-vveo0iwt5q]  .sb-item:hover,
.sb-item:hover[b-vveo0iwt5q] {
    background: var(--b9-sidebar-hover-bg, #0F172A);
    color: var(--b9-sidebar-active-text, #E5E7EB);
}

/* Active — Blazor NavLink adds .active */
.sb-item-wrap[b-vveo0iwt5q]  .sb-item.active {
    background: var(--b9-sidebar-active-bg, rgba(29,78,216,0.18));
    color: var(--b9-sidebar-active-text, #E5E7EB);
    font-weight: 600;
}

/* Focus ring */
.sb-item-wrap[b-vveo0iwt5q]  .sb-item:focus-visible,
.sb-item:focus-visible[b-vveo0iwt5q] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(29,78,216,0.55);
}

/* Small variant — footer items */
.sb-item-wrap[b-vveo0iwt5q]  .sb-item.sb-item-sm,
.sb-item.sb-item-sm[b-vveo0iwt5q] {
    min-height: var(--touch-target-min, 48px);
    font-size: var(--font-size-sm, 14px);
}

/* Sign-out: subtle danger tint on hover */
.sb-item-wrap[b-vveo0iwt5q]  .sb-item.sb-item-signout:hover,
.sb-item.sb-item-signout:hover[b-vveo0iwt5q] {
    background: rgba(239,68,68,0.10);
    color: #FCA5A5;
}


/* ICON */

.sb-item-wrap[b-vveo0iwt5q]  .sb-icon,
.sb-icon[b-vveo0iwt5q] {
    font-size: 16px;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
    color: var(--b9-sidebar-text, #B6C6DA);
    transition: color 160ms ease;
    line-height: 1;
}

.sb-item-wrap[b-vveo0iwt5q]  .sb-item:hover .sb-icon,
.sb-item:hover .sb-icon[b-vveo0iwt5q] {
    color: var(--b9-sidebar-active-text, #F3F6FB);
}

.sb-item-wrap[b-vveo0iwt5q]  .sb-item.active .sb-icon {
    color: var(--brand, #1D4ED8);
}

.sb-item-wrap[b-vveo0iwt5q]  .sb-item.sb-item-signout:hover .sb-icon,
.sb-item.sb-item-signout:hover .sb-icon[b-vveo0iwt5q] {
    color: #F87171;
}


/* TEXT */

.sb-item-wrap[b-vveo0iwt5q]  .sb-text,
.sb-text[b-vveo0iwt5q] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
}

.sb-item-wrap[b-vveo0iwt5q]  .sb-text-account,
.sb-text-account[b-vveo0iwt5q] {
    font-size: var(--font-size-sm, 14px);
    color: var(--b9-sidebar-text, #B6C6DA);
    max-width: 138px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* SPACER + FOOTER */

.sb-spacer[b-vveo0iwt5q] { flex: 1; min-height: 16px; }

.sb-footer[b-vveo0iwt5q] {
    padding: 0 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex-shrink: 0;
}

.sb-footer-rule[b-vveo0iwt5q] {
    height: 1px;
    background: var(--border-subtle, rgba(255,255,255,0.06));
    margin: 0 0 8px;
}

.sb-logout-form[b-vveo0iwt5q] { display: contents; }

.sb-item-wrap[b-vveo0iwt5q]  .theme-toggle.sb-theme-toggle {
    width: 100%;
    height: 36px;
    justify-content: flex-start;
    padding: 0 10px;
    border-radius: 10px;
    color: var(--b9-sidebar-text, #B6C6DA);
}

.sb-item-wrap[b-vveo0iwt5q]  .theme-toggle.sb-theme-toggle:hover {
    background: var(--b9-sidebar-hover-bg, #0F172A);
    color: var(--b9-sidebar-active-text, #E5E7EB);
}

.sb-item-wrap[b-vveo0iwt5q]  .theme-toggle.sb-theme-toggle .theme-toggle-label {
    margin-left: 8px;
    font-size: 13px;
    font-weight: 500;
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
/* ================================================================
   PUBLIC LAYOUT
   Minimal top bar + centered content area + slim footer
   ================================================================ */

/* ── Page shell ── */
.pub-layout[b-8snw8zkolp] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--bg-app, #020617);
    color: var(--text-primary, #f1f5f9);
}

/* ── Top bar ── */
.pub-topbar[b-8snw8zkolp] {
    background: var(--bg-sidebar, #0B1220);
    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 100;
}

.pub-topbar-inner[b-8snw8zkolp] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.25rem;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.pub-topbar-brand[b-8snw8zkolp] {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.pub-topbar-actions[b-8snw8zkolp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.pub-topbar-link[b-8snw8zkolp] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary, #94a3b8);
    text-decoration: none;
    padding: 0.375rem 0.5rem;
    border-radius: 6px;
    transition: color 0.15s, background 0.15s;
    background: none;
    border: none;
    cursor: pointer;
}

.pub-topbar-link:hover[b-8snw8zkolp],
.pub-topbar-link-btn:hover[b-8snw8zkolp] {
    color: var(--text-primary, #f1f5f9);
    background: rgba(255, 255, 255, 0.06);
}

.pub-topbar-btn[b-8snw8zkolp] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    background: var(--brand, #1D4ED8);
    padding: 0.4rem 1rem;
    border-radius: 6px;
    text-decoration: none;
    transition: opacity 0.15s;
}

.pub-topbar-btn:hover[b-8snw8zkolp] {
    opacity: 0.88;
    color: #fff;
}

/* ── Main content ── */
.pub-main[b-8snw8zkolp] {
    flex: 1;
}

/* ── Footer ── */
.pub-footer[b-8snw8zkolp] {
    background: var(--bg-sidebar, #0B1220);
    border-top: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    padding: 1rem 1.25rem;
    text-align: center;
}

.pub-footer-inner[b-8snw8zkolp] {
    max-width: 1200px;
    margin: 0 auto;
}

.pub-footer-copy[b-8snw8zkolp] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-i8jcfksmne],
.components-reconnect-repeated-attempt-visible[b-i8jcfksmne],
.components-reconnect-failed-visible[b-i8jcfksmne],
.components-pause-visible[b-i8jcfksmne],
.components-resume-failed-visible[b-i8jcfksmne],
.components-rejoining-animation[b-i8jcfksmne] {
    display: none;
}

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


#components-reconnect-modal[b-i8jcfksmne] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-i8jcfksmne 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-i8jcfksmne {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/Admins.razor.rz.scp.css */
/* Admins.razor.css — inherits from CourseAccounts.razor.css pattern */
/* All styles live in CourseAccounts.razor.css since both pages share
   the .adm-* class namespace. This file intentionally left minimal. */

/* Page-specific tweak: slightly narrower max-width for admins list */
.adm-page[b-f488mygb9s] {
    padding: 1.5rem 1.75rem 3rem;
    max-width: 960px;
}
/* /Components/Pages/Admin/CourseAccounts.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   ADMIN SUB-PAGES — shared styles (CourseAccounts, Admins)
═══════════════════════════════════════════════════════════ */

/* ── Page shell ─────────────────────────────────────────── */
.adm-page[b-3qghmd2607] {
    padding: 1.5rem 1.75rem 3rem;
    max-width: 1200px;
}

/* ── Header ─────────────────────────────────────────────── */
.adm-header[b-3qghmd2607] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.adm-header-left[b-3qghmd2607] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    flex-wrap: wrap;
}

.adm-back[b-3qghmd2607] {
    display: inline-flex;
    align-items: center;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--b9-text-muted);
    text-decoration: none;
    transition: color 0.1s;
}

.adm-back:hover[b-3qghmd2607] {
    color: var(--b9-text);
    text-decoration: none;
}

.adm-title[b-3qghmd2607] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    color: var(--b9-text);
    letter-spacing: -0.02em;
}

.admin-role-badge[b-3qghmd2607] {
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--b9-danger-text);
    background: var(--b9-danger-soft);
    border: 1px solid var(--b9-danger);
    border-radius: 20px;
    padding: 0.2rem 0.7rem;
}

/* ── Toolbar (search + filter) ──────────────────────────── */
.adm-toolbar[b-3qghmd2607] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1.125rem;
}

.adm-search-wrap[b-3qghmd2607] {
    position: relative;
    display: flex;
    align-items: center;
}

.adm-search-icon[b-3qghmd2607] {
    position: absolute;
    left: 0.625rem;
    font-size: 0.8rem;
    color: var(--b9-text-soft);
    pointer-events: none;
}

.adm-search-input[b-3qghmd2607] {
    padding: 0.4rem 1.75rem 0.4rem 2rem;
    font-size: 0.8125rem;
    border: 1px solid var(--b9-border);
    border-radius: 7px;
    background: var(--b9-card-bg);
    color: var(--b9-text);
    width: 280px;
    outline: none;
    transition: border-color 0.12s;
}

.adm-search-input:focus[b-3qghmd2607] {
    border-color: var(--b9-primary);
}

.adm-search-input[b-3qghmd2607]::placeholder {
    color: var(--b9-text-soft);
}

.adm-search-clear[b-3qghmd2607] {
    position: absolute;
    right: 0.5rem;
    background: none;
    border: none;
    padding: 0;
    font-size: 0.65rem;
    color: var(--b9-text-soft);
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: color 0.1s;
}

.adm-search-clear:hover[b-3qghmd2607] {
    color: var(--b9-text);
}

.adm-filter-select[b-3qghmd2607] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    border: 1px solid var(--b9-border);
    border-radius: 7px;
    background: var(--b9-card-bg);
    color: var(--b9-text);
    outline: none;
    cursor: pointer;
    transition: border-color 0.12s;
}

.adm-filter-select:focus[b-3qghmd2607] {
    border-color: var(--b9-primary);
}

.adm-count[b-3qghmd2607] {
    margin-left: auto;
    font-size: 0.8rem;
    color: var(--b9-text-muted);
    white-space: nowrap;
}

/* ── Card ───────────────────────────────────────────────── */
.adm-card[b-3qghmd2607] {
    background: var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    border-radius: 10px;
    box-shadow: var(--b9-card-shadow);
    overflow: hidden;
}

.adm-card-header[b-3qghmd2607] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--b9-border);
}

.adm-card-title[b-3qghmd2607] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--b9-text-muted);
}

/* ── Alerts ─────────────────────────────────────────────── */
.adm-alert[b-3qghmd2607] {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 8px;
    padding: 0.5rem 0.875rem;
    margin-bottom: 0.875rem;
    border: 1px solid;
}

.adm-alert-success[b-3qghmd2607] {
    background: var(--b9-success-soft);
    border-color: var(--b9-success);
    color: var(--b9-success-text);
}

.adm-alert-danger[b-3qghmd2607] {
    background: var(--b9-danger-soft);
    border-color: var(--b9-danger);
    color: var(--b9-danger-text);
}

/* ── Loading ────────────────────────────────────────────── */
.adm-loading[b-3qghmd2607] {
    display: flex;
    align-items: center;
    padding: 1.5rem 1rem;
    font-size: 0.8125rem;
    color: var(--b9-text-muted);
}

/* ── Table ──────────────────────────────────────────────── */
.etable-wrap[b-3qghmd2607] { overflow-x: auto; }

.etable[b-3qghmd2607] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.etable thead th[b-3qghmd2607] {
    padding: 0.55rem 1rem;
    text-align: left;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--b9-text-muted);
    background: var(--b9-surface-muted);
    border-bottom: 1px solid var(--b9-border);
    white-space: nowrap;
}

.etable thead th:last-child[b-3qghmd2607] { text-align: right; }

.etable tbody tr[b-3qghmd2607] {
    border-bottom: 1px solid var(--b9-border);
    transition: background 0.1s;
}

.etable tbody tr:last-child[b-3qghmd2607] { border-bottom: none; }
.etable tbody tr:hover[b-3qghmd2607] { background: var(--b9-surface-muted); }

.etable td[b-3qghmd2607] {
    padding: 0.65rem 1rem;
    color: var(--b9-text);
    vertical-align: middle;
}

.etd-name[b-3qghmd2607] { min-width: 160px; }

.etd-name-link[b-3qghmd2607] {
    display: block;
    font-weight: 600;
    color: var(--b9-text);
    text-decoration: none;
    transition: color 0.1s;
}

.etd-name-link:hover[b-3qghmd2607] { color: var(--b9-primary); text-decoration: none; }

.etd-sub[b-3qghmd2607] {
    display: block;
    font-size: 0.75rem;
    color: var(--b9-text-soft);
    margin-top: 0.1rem;
}

.etd-contact[b-3qghmd2607] { min-width: 140px; }

.etd-contact-email[b-3qghmd2607] {
    display: block;
    font-size: 0.8rem;
    color: var(--b9-text-muted);
}

.etd-contact-phone[b-3qghmd2607] {
    display: block;
    font-size: 0.75rem;
    color: var(--b9-text-soft);
    margin-top: 0.05rem;
}

.etd-count[b-3qghmd2607] {
    text-align: center;
    font-variant-numeric: tabular-nums;
    color: var(--b9-text-muted);
    font-size: 0.8rem;
}

.etd-email[b-3qghmd2607] {
    color: var(--b9-text-muted);
    font-size: 0.8rem;
}

.etd-actions[b-3qghmd2607] {
    text-align: right;
    white-space: nowrap;
}

.etd-empty[b-3qghmd2607] {
    text-align: center;
    padding: 2rem;
    color: var(--b9-text-muted);
    font-size: 0.85rem;
}

/* Avatar row for admins table */
.etd-avatar-row[b-3qghmd2607] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.etd-avatar[b-3qghmd2607] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--b9-primary-soft);
    color: var(--b9-primary);
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.admin-you-badge[b-3qghmd2607] {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--b9-text-soft);
    background: var(--b9-surface-muted);
    border: 1px solid var(--b9-border);
    border-radius: 10px;
    padding: 1px 7px;
}

/* Action icon buttons */
.etd-action-btn[b-3qghmd2607] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    font-size: 0.825rem;
    color: var(--b9-text-soft);
    text-decoration: none;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.1s, color 0.1s, border-color 0.1s;
    margin-left: 2px;
}

.etd-action-btn:hover[b-3qghmd2607] {
    background: var(--b9-surface-muted);
    border-color: var(--b9-border);
    color: var(--b9-text);
    text-decoration: none;
}

.etd-action-activate:hover[b-3qghmd2607] {
    background: var(--b9-success-soft);
    border-color: var(--b9-success);
    color: var(--b9-success-text);
}

.etd-action-suspend:hover[b-3qghmd2607] {
    background: var(--b9-warning-soft);
    border-color: var(--b9-warning);
    color: var(--b9-warning-text);
}

.adm-action-menu[b-3qghmd2607] {
    display: inline-flex;
}

.adm-action-menu-toggle[b-3qghmd2607] {
    width: 32px;
    height: 32px;
}

.adm-action-menu-list[b-3qghmd2607] {
    min-width: 180px;
    background: var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    box-shadow: var(--b9-card-shadow-lg);
}

.adm-action-menu-list .dropdown-item[b-3qghmd2607] {
    color: var(--b9-text);
    font-size: 0.85rem;
}

.adm-action-menu-list .dropdown-item:hover[b-3qghmd2607],
.adm-action-menu-list .dropdown-item:focus[b-3qghmd2607] {
    background: var(--b9-surface-muted);
    color: var(--b9-text);
}

.adm-action-menu-list .dropdown-item.text-danger:hover[b-3qghmd2607],
.adm-action-menu-list .dropdown-item.text-danger:focus[b-3qghmd2607] {
    background: var(--b9-danger-soft);
    color: var(--b9-danger-text);
}

.etd-action-revoke:hover[b-3qghmd2607] {
    background: var(--b9-danger-soft);
    border-color: var(--b9-danger);
    color: var(--b9-danger-text);
}


/* ── Status badges ──────────────────────────────────────── */
.estatus[b-3qghmd2607] {
    display: inline-flex;
    align-items: center;
    font-size: 0.69rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: 0.02em;
}

.estatus-open[b-3qghmd2607]      { background: var(--b9-success-soft);  color: var(--b9-success-text); }
.estatus-draft[b-3qghmd2607]     { background: var(--b9-warning-soft);  color: var(--b9-warning-text); }
.estatus-cancelled[b-3qghmd2607] { background: var(--b9-surface-muted); color: var(--b9-text-soft); }


/* ── Admins page: two-column layout ────────────────────── */
.adm-two-col[b-3qghmd2607] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.25rem;
    align-items: start;
}

.adm-aside[b-3qghmd2607] {
    position: sticky;
    top: 1.25rem;
}

/* ── Promote form card body ─────────────────────────────── */
.adm-promote-body[b-3qghmd2607] {
    padding: 1rem;
}

.adm-promote-desc[b-3qghmd2607] {
    font-size: 0.8125rem;
    color: var(--b9-text-muted);
    margin-bottom: 1rem;
    line-height: 1.55;
}

.adm-field[b-3qghmd2607] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}

.adm-label[b-3qghmd2607] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--b9-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.adm-input[b-3qghmd2607] {
    padding: 0.4rem 0.7rem;
    font-size: 0.8125rem;
    border: 1px solid var(--b9-border);
    border-radius: 7px;
    background: var(--b9-surface-muted);
    color: var(--b9-text);
    width: 100%;
    outline: none;
    transition: border-color 0.12s, background 0.12s;
}

.adm-input:focus[b-3qghmd2607] {
    border-color: var(--b9-primary);
    background: var(--b9-card-bg);
}

.adm-input[b-3qghmd2607]::placeholder { color: var(--b9-text-soft); }

.adm-warning-hint[b-3qghmd2607] {
    margin: 0.75rem 0 0;
    font-size: 0.75rem;
    color: var(--b9-warning-text);
    line-height: 1.4;
}

/* ── Cleanup modal ──────────────────────────────────────── */
.adm-delete-overlay[b-3qghmd2607] {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(6px);
}

.adm-delete-modal[b-3qghmd2607] {
    position: relative;
    width: min(760px, 100%);
    max-height: min(86vh, 920px);
    overflow: auto;
    background: var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    border-radius: 16px;
    box-shadow: var(--b9-card-shadow-xl);
    color: var(--b9-text);
}

.adm-delete-modal-header[b-3qghmd2607],
.adm-delete-modal-footer[b-3qghmd2607],
.adm-delete-modal-body[b-3qghmd2607] {
    padding: 1rem 1.1rem;
}

.adm-delete-modal-header[b-3qghmd2607] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--b9-border);
}

.adm-delete-modal-kicker[b-3qghmd2607] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--b9-text-soft);
    margin-bottom: 0.25rem;
}

.adm-delete-modal-title[b-3qghmd2607] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--b9-text);
}

.adm-delete-close[b-3qghmd2607] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid var(--b9-border);
    background: var(--b9-surface-muted);
    color: var(--b9-text-muted);
}

.adm-delete-close:hover[b-3qghmd2607] {
    color: var(--b9-text);
    background: var(--b9-card-bg);
}

.adm-delete-modal-copy[b-3qghmd2607] {
    margin: 0 0 1rem;
    color: var(--b9-text-muted);
    line-height: 1.55;
}

.adm-delete-summary-grid[b-3qghmd2607] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    margin-bottom: 1rem;
}

.adm-delete-summary-item[b-3qghmd2607] {
    border: 1px solid var(--b9-border);
    border-radius: 12px;
    padding: 0.75rem 0.8rem;
    background: color-mix(in srgb, var(--b9-surface-muted) 76%, var(--b9-card-bg));
}

.adm-delete-summary-label[b-3qghmd2607] {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--b9-text-soft);
    margin-bottom: 0.25rem;
}

.adm-delete-summary-item strong[b-3qghmd2607] {
    font-size: 0.92rem;
    color: var(--b9-text);
    word-break: break-word;
}

.adm-delete-warning[b-3qghmd2607] {
    border-radius: 12px;
    padding: 0.85rem 0.95rem;
    margin-bottom: 1rem;
    line-height: 1.5;
    border: 1px solid;
}

.adm-delete-warning--blocked[b-3qghmd2607] {
    background: var(--b9-danger-soft);
    border-color: color-mix(in srgb, var(--b9-danger) 60%, transparent);
    color: var(--b9-danger-text);
}

.adm-delete-warning--ready[b-3qghmd2607] {
    background: var(--b9-warning-soft);
    border-color: color-mix(in srgb, var(--b9-warning) 56%, transparent);
    color: var(--b9-warning-text);
}

.adm-delete-form[b-3qghmd2607] {
    display: grid;
    gap: 0.75rem;
}

.adm-delete-label[b-3qghmd2607] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--b9-text);
}

.adm-delete-input[b-3qghmd2607] {
    background: var(--b9-surface-muted);
    border-color: var(--b9-border);
    color: var(--b9-text);
}

.adm-delete-input[b-3qghmd2607]::placeholder {
    color: var(--b9-text-soft);
}

.adm-delete-input:focus[b-3qghmd2607] {
    background: var(--b9-card-bg);
    border-color: var(--b9-primary);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--b9-primary) 18%, transparent);
}

.adm-delete-check[b-3qghmd2607] {
    margin: 0;
    padding: 0.8rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--b9-border);
    background: var(--b9-surface-muted);
}

.adm-delete-check .form-check-label[b-3qghmd2607] {
    font-size: 0.86rem;
    color: var(--b9-text);
    line-height: 1.45;
}

.adm-delete-modal-footer[b-3qghmd2607] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    border-top: 1px solid var(--b9-border);
}

@media (max-width: 767px) {
    .adm-delete-summary-grid[b-3qghmd2607] {
        grid-template-columns: 1fr;
    }

    .adm-delete-modal[b-3qghmd2607] {
        max-height: 90vh;
    }

    .adm-delete-modal-footer[b-3qghmd2607] {
        flex-direction: column-reverse;
    }

    .adm-delete-modal-footer .btn[b-3qghmd2607] {
        width: 100%;
    }
}


/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
    .adm-two-col[b-3qghmd2607] {
        grid-template-columns: 1fr;
    }

    .adm-aside[b-3qghmd2607] {
        position: static;
    }
}

@media (max-width: 767px) {
    .adm-page[b-3qghmd2607] { padding: 1rem 1rem 2rem; }
    .adm-search-input[b-3qghmd2607] { width: 200px; }
    .etd-contact[b-3qghmd2607],
    .etd-count[b-3qghmd2607] { display: none; }
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   ADMIN CONSOLE — Dashboard.razor.css
   Inherits all shared classes from Home.razor.css via the
   brand-token layer. Only admin-specific overrides here.
═══════════════════════════════════════════════════════════ */

/* ── Page shell (reuse Home's .dash-page / .dash-header / .dash-body) ── */
.dash-page[b-opfxpeq96f] {
    padding: 1.5rem 1.75rem 3rem;
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}

.admin-header-copy[b-opfxpeq96f] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.admin-header-subtitle[b-opfxpeq96f] {
    font-size: 0.95rem;
    color: var(--b9-text-soft);
    max-width: 44rem;
}

/* ── Admin role badge next to title ────────────────────── */
.admin-role-badge[b-opfxpeq96f] {
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--b9-danger-text);
    background: var(--b9-danger-soft);
    border: 1px solid var(--b9-danger);
    border-radius: 20px;
    padding: 0.2rem 0.7rem;
}


/* ── Metrics row (6 cards for admin) ───────────────────── */
.metrics-row[b-opfxpeq96f] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

/* Extra icon color variants */
.metric-icon-purple[b-opfxpeq96f] { background: rgba(139,92,246,0.18); color: #c4b5fd; }
.metric-icon-teal[b-opfxpeq96f]   { background: rgba(13,148,136,0.18); color: #5eead4; }
.metric-icon-amber[b-opfxpeq96f]  { background: var(--b9-warning-soft); color: var(--b9-warning); }


/* ── Two-column body ────────────────────────────────────── */
.dash-body[b-opfxpeq96f] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
    gap: 1.25rem;
    align-items: start;
}

.dash-main[b-opfxpeq96f] {
    min-width: 0;
}

.dash-aside[b-opfxpeq96f] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1.25rem;
    min-width: 0;
}


/* ── Shared card shell ──────────────────────────────────── */
.dash-card[b-opfxpeq96f] {
    background: var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    border-radius: 10px;
    box-shadow: var(--b9-card-shadow);
    overflow: hidden;
}

.dash-card-header[b-opfxpeq96f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--b9-border);
    flex-wrap: wrap;
}

.dash-card-title[b-opfxpeq96f] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--b9-text-muted);
    white-space: nowrap;
}

.dash-see-all[b-opfxpeq96f] {
    font-size: 0.775rem;
    font-weight: 600;
    color: var(--b9-primary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    white-space: nowrap;
    transition: color 0.12s;
}

.dash-see-all:hover[b-opfxpeq96f] {
    color: var(--b9-primary-hover);
    text-decoration: underline;
}


/* ── Inline search in card header ──────────────────────── */
.admin-search-wrap[b-opfxpeq96f] {
    position: relative;
    display: flex;
    align-items: center;
}

.admin-search-icon[b-opfxpeq96f] {
    position: absolute;
    left: 0.6rem;
    font-size: 0.75rem;
    color: var(--b9-text-soft);
    pointer-events: none;
}

.admin-search-input[b-opfxpeq96f] {
    padding: 0.3rem 1.75rem 0.3rem 1.875rem;
    font-size: 0.8125rem;
    border: 1px solid var(--b9-border);
    border-radius: 6px;
    background: var(--b9-surface-muted);
    color: var(--b9-text);
    width: 200px;
    outline: none;
    transition: border-color 0.12s, background 0.12s;
}

.admin-search-input:focus[b-opfxpeq96f] {
    border-color: var(--b9-primary);
    background: var(--b9-card-bg);
}

.admin-search-input[b-opfxpeq96f]::placeholder {
    color: var(--b9-text-soft);
}

.admin-search-clear[b-opfxpeq96f] {
    position: absolute;
    right: 0.45rem;
    background: none;
    border: none;
    padding: 0;
    font-size: 0.65rem;
    color: var(--b9-text-soft);
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: color 0.1s;
}

.admin-search-clear:hover[b-opfxpeq96f] {
    color: var(--b9-text);
}


/* ── Accounts table ─────────────────────────────────────── */
.etable-wrap[b-opfxpeq96f] {
    overflow-x: auto;
}

.etable[b-opfxpeq96f] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.etable thead th[b-opfxpeq96f] {
    padding: 0.55rem 1rem;
    text-align: left;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--b9-text-muted);
    background: var(--b9-surface-muted);
    border-bottom: 1px solid var(--b9-border);
    white-space: nowrap;
}

.etable thead th:last-child[b-opfxpeq96f] { text-align: right; }

.etable tbody tr[b-opfxpeq96f] {
    border-bottom: 1px solid var(--b9-border);
    transition: background 0.1s;
}

.etable tbody tr:last-child[b-opfxpeq96f] { border-bottom: none; }
.etable tbody tr:hover[b-opfxpeq96f] { background: var(--b9-surface-muted); }

.etable td[b-opfxpeq96f] {
    padding: 0.65rem 1rem;
    color: var(--b9-text);
    vertical-align: middle;
}

.etd-name[b-opfxpeq96f] { min-width: 160px; }

.etd-name-link[b-opfxpeq96f] {
    display: block;
    font-weight: 600;
    color: var(--b9-text);
    text-decoration: none;
    line-height: 1.3;
    transition: color 0.1s;
}

.etd-name-link:hover[b-opfxpeq96f] {
    color: var(--b9-primary);
    text-decoration: none;
}

.etd-course[b-opfxpeq96f] {
    display: block;
    font-size: 0.75rem;
    color: var(--b9-text-soft);
    margin-top: 0.1rem;
}

.etd-contact[b-opfxpeq96f] {
    min-width: 140px;
}

.etd-contact-email[b-opfxpeq96f] {
    display: block;
    font-size: 0.8rem;
    color: var(--b9-text-muted);
}

.etd-contact-phone[b-opfxpeq96f] {
    display: block;
    font-size: 0.75rem;
    color: var(--b9-text-soft);
    margin-top: 0.05rem;
}

.etd-count[b-opfxpeq96f] {
    text-align: center;
    font-variant-numeric: tabular-nums;
    color: var(--b9-text-muted);
    font-size: 0.8rem;
}

.etd-actions[b-opfxpeq96f] {
    text-align: right;
    white-space: nowrap;
}

.etd-empty[b-opfxpeq96f] {
    text-align: center;
    padding: 2rem;
    color: var(--b9-text-muted);
    font-size: 0.85rem;
}

.etd-action-btn[b-opfxpeq96f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    font-size: 0.825rem;
    color: var(--b9-text-soft);
    text-decoration: none;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.1s, color 0.1s, border-color 0.1s;
    margin-left: 2px;
}

.etd-action-btn:hover[b-opfxpeq96f] {
    background: var(--b9-surface-muted);
    border-color: var(--b9-border);
    color: var(--b9-text);
    text-decoration: none;
}

.etd-action-activate:hover[b-opfxpeq96f] {
    background: var(--b9-success-soft);
    border-color: var(--b9-success);
    color: var(--b9-success-text);
}

.etd-action-suspend:hover[b-opfxpeq96f] {
    background: var(--b9-warning-soft);
    border-color: var(--b9-warning);
    color: var(--b9-warning-text);
}

.etable-footer[b-opfxpeq96f] {
    padding: 0.625rem 1rem;
    border-top: 1px solid var(--b9-border);
    background: var(--b9-surface-muted);
    text-align: right;
}


/* ── Status badges ──────────────────────────────────────── */
.estatus[b-opfxpeq96f] {
    display: inline-flex;
    align-items: center;
    font-size: 0.69rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: 0.02em;
}

.estatus-open[b-opfxpeq96f]      { background: var(--b9-success-soft);  color: var(--b9-success-text); }
.estatus-draft[b-opfxpeq96f]     { background: var(--b9-warning-soft);  color: var(--b9-warning-text); }
.estatus-cancelled[b-opfxpeq96f] { background: var(--b9-surface-muted); color: var(--b9-text-soft); }


/* ── Alert bar ──────────────────────────────────────────── */
.admin-alert[b-opfxpeq96f] {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 8px;
    padding: 0.5rem 0.875rem;
    margin-bottom: 0.875rem;
    border: 1px solid;
}

.admin-alert-success[b-opfxpeq96f] {
    background: var(--b9-success-soft);
    border-color: var(--b9-success);
    color: var(--b9-success-text);
}

.admin-alert-danger[b-opfxpeq96f] {
    background: var(--b9-danger-soft);
    border-color: var(--b9-danger);
    color: var(--b9-danger-text);
}


/* ── Admin users list (sidebar) ─────────────────────────── */
.admin-user-list[b-opfxpeq96f] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 0.25rem 0;
}

.admin-user-loading[b-opfxpeq96f],
.admin-user-empty[b-opfxpeq96f] {
    padding: 0.875rem 1rem;
    font-size: 0.8125rem;
    color: var(--b9-text-muted);
}

.admin-user-row[b-opfxpeq96f] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 1rem;
    transition: background 0.1s;
}

.admin-user-row:hover[b-opfxpeq96f] {
    background: var(--b9-surface-muted);
}

.admin-user-avatar[b-opfxpeq96f] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--b9-primary-soft);
    color: var(--b9-primary);
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.admin-user-info[b-opfxpeq96f] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.admin-user-name[b-opfxpeq96f] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--b9-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-user-email[b-opfxpeq96f] {
    font-size: 0.72rem;
    color: var(--b9-text-soft);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-you-badge[b-opfxpeq96f] {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--b9-text-soft);
    background: var(--b9-surface-muted);
    border: 1px solid var(--b9-border);
    border-radius: 10px;
    padding: 1px 7px;
    flex-shrink: 0;
}


/* ── Promote form ───────────────────────────────────────── */
.admin-promote-form[b-opfxpeq96f] {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--b9-border);
    background: var(--b9-surface-muted);
}

.admin-inline-error[b-opfxpeq96f] {
    font-size: 0.775rem;
    color: var(--b9-danger-text);
    background: var(--b9-danger-soft);
    border: 1px solid var(--b9-danger);
    border-radius: 5px;
    padding: 0.3rem 0.6rem;
    margin-bottom: 0.5rem;
}

.admin-inline-success[b-opfxpeq96f] {
    font-size: 0.775rem;
    color: var(--b9-success-text);
    background: var(--b9-success-soft);
    border: 1px solid var(--b9-success);
    border-radius: 5px;
    padding: 0.3rem 0.6rem;
    margin-bottom: 0.5rem;
}

.admin-promote-row[b-opfxpeq96f] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.admin-promote-input[b-opfxpeq96f] {
    flex: 1;
    min-width: 0;
    padding: 0.35rem 0.625rem;
    font-size: 0.8125rem;
    border: 1px solid var(--b9-border);
    border-radius: 6px;
    background: var(--b9-card-bg);
    color: var(--b9-text);
    outline: none;
    transition: border-color 0.12s;
}

.admin-promote-input:focus[b-opfxpeq96f] {
    border-color: var(--b9-primary);
}

.admin-promote-input[b-opfxpeq96f]::placeholder {
    color: var(--b9-text-soft);
}

.admin-promote-hint[b-opfxpeq96f] {
    margin: 0.4rem 0 0;
    font-size: 0.72rem;
    color: var(--b9-text-soft);
    line-height: 1.4;
}


/* ── Status breakdown (sidebar) ─────────────────────────── */
.breakdown-list[b-opfxpeq96f] {
    display: flex;
    flex-direction: column;
    padding: 0.25rem 0;
}

.breakdown-row[b-opfxpeq96f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.45rem 1rem;
    border-bottom: 1px solid var(--b9-border);
    font-size: 0.8rem;
}

.breakdown-row:last-child[b-opfxpeq96f] { border-bottom: none; }

.breakdown-label[b-opfxpeq96f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--b9-text-muted);
}

.breakdown-value[b-opfxpeq96f] {
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--b9-text);
    font-variant-numeric: tabular-nums;
}

.status-dot[b-opfxpeq96f] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot-open[b-opfxpeq96f]      { background: var(--b9-success); }
.status-dot-active[b-opfxpeq96f]    { background: var(--b9-warning); }
.status-dot-cancelled[b-opfxpeq96f] { background: var(--b9-text-soft); }


/* ── Header shared ──────────────────────────────────────── */
.dash-header[b-opfxpeq96f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.dash-header-left[b-opfxpeq96f] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dash-title[b-opfxpeq96f] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    color: var(--b9-text);
    letter-spacing: -0.02em;
}

.dash-header-actions[b-opfxpeq96f] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.dash-loading[b-opfxpeq96f] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 1.5rem;
    color: var(--b9-text-muted);
    font-size: 0.875rem;
}

/* ── Metric card ────────────────────────────────────────── */
.metric-card[b-opfxpeq96f] {
    background: var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    border-radius: 10px;
    box-shadow: var(--b9-card-shadow);
    padding: 1rem 1.125rem;
    display: flex;
    align-items: center;
    gap: 0.875rem;
    transition: box-shadow 0.12s;
}

.metric-card:hover[b-opfxpeq96f] { box-shadow: var(--b9-card-shadow-md); }

.metric-icon[b-opfxpeq96f] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.metric-icon-red[b-opfxpeq96f]   { background: var(--b9-danger-soft);  color: var(--b9-danger); }
.metric-icon-green[b-opfxpeq96f] { background: var(--b9-success-soft); color: var(--b9-success); }
.metric-icon-blue[b-opfxpeq96f]  { background: var(--b9-primary-soft); color: var(--b9-primary); }
.metric-icon-slate[b-opfxpeq96f] { background: var(--b9-surface-muted); color: var(--b9-text-soft); }

.metric-body[b-opfxpeq96f] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.metric-value[b-opfxpeq96f] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    color: var(--b9-text);
    letter-spacing: -0.02em;
}

.metric-label[b-opfxpeq96f] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--b9-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.065em;
    white-space: nowrap;
}


/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media (max-width: 1200px) {
    .metrics-row[b-opfxpeq96f] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1140px) {
    .dash-body[b-opfxpeq96f] {
        grid-template-columns: 1fr;
    }

    .dash-aside[b-opfxpeq96f] {
        position: static;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 1rem;
    }
}

@media (max-width: 767px) {
    .dash-page[b-opfxpeq96f] { padding: 1rem 1rem 2rem; }
    .dash-header-left[b-opfxpeq96f] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .metrics-row[b-opfxpeq96f] { grid-template-columns: repeat(2, 1fr); }
    .admin-search-input[b-opfxpeq96f] { width: 140px; }
    .etd-contact[b-opfxpeq96f],
    .etd-count[b-opfxpeq96f] { display: none; }
}
/* /Components/Pages/Admin/MatchPlayPreview.razor.rz.scp.css */
.mpx-page[b-60ppi7qhzo] {
    --mpx-shell-bg: linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, rgba(11, 18, 32, 0.98) 100%);
    --mpx-panel-bg: linear-gradient(180deg, rgba(18, 27, 48, 0.94) 0%, rgba(13, 20, 37, 0.98) 100%);
    --mpx-panel-border: rgba(148, 163, 184, 0.18);
    --mpx-soft-border: rgba(148, 163, 184, 0.12);
    --mpx-text: #e2e8f0;
    --mpx-text-soft: #93a4bc;
    --mpx-text-muted: #7c8aa5;
    --mpx-accent: #38bdf8;
    --mpx-accent-soft: rgba(56, 189, 248, 0.12);
    --mpx-success: #22c55e;
    --mpx-success-soft: rgba(34, 197, 94, 0.16);
    --mpx-warning: #f59e0b;
    --mpx-warning-soft: rgba(245, 158, 11, 0.18);
    --mpx-danger: #fb7185;
    --mpx-danger-soft: rgba(251, 113, 133, 0.16);
    --mpx-shadow: 0 24px 48px rgba(2, 6, 23, 0.28);
    padding: 1.5rem;
    color: var(--mpx-text);
    display: grid;
    gap: 1rem;
}

.mpx-page :deep(.ui-card)[b-60ppi7qhzo] {
    background: var(--mpx-panel-bg);
    border-color: var(--mpx-panel-border);
    box-shadow: var(--mpx-shadow);
}

.mpx-page :deep(.ui-input)[b-60ppi7qhzo],
.mpx-page :deep(.ui-select)[b-60ppi7qhzo] {
    background: rgba(15, 23, 42, 0.88);
    border-color: rgba(148, 163, 184, 0.22);
    color: var(--mpx-text);
}

.mpx-page :deep(.ui-input::placeholder)[b-60ppi7qhzo] {
    color: var(--mpx-text-muted);
}

.mpx-page :deep(.ui-label)[b-60ppi7qhzo] {
    color: var(--mpx-text-soft);
}

.mpx-page :deep(.ui-btn--primary)[b-60ppi7qhzo] {
    background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);
}

.mpx-page :deep(.ui-btn--primary:hover:not(:disabled))[b-60ppi7qhzo] {
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.28);
}

.mpx-hero[b-60ppi7qhzo] {
    background: var(--mpx-shell-bg);
    overflow: hidden;
}

.mpx-hero-topline[b-60ppi7qhzo],
.mpx-hero-main[b-60ppi7qhzo],
.mpx-warning[b-60ppi7qhzo],
.mpx-panel-header[b-60ppi7qhzo],
.mpx-toolbar[b-60ppi7qhzo],
.mpx-context-band[b-60ppi7qhzo],
.mpx-group-header[b-60ppi7qhzo],
.mpx-match-topline[b-60ppi7qhzo],
.mpx-state-row[b-60ppi7qhzo],
.mpx-match-meta[b-60ppi7qhzo],
.mpx-player-hero-topline[b-60ppi7qhzo],
.mpx-player-identity[b-60ppi7qhzo],
.mpx-player-summary-grid[b-60ppi7qhzo],
.mpx-player-meta-row[b-60ppi7qhzo],
.mpx-timeline-topline[b-60ppi7qhzo],
.mpx-timeline-item[b-60ppi7qhzo] {
    display: flex;
    gap: 0.75rem;
}

.mpx-hero-topline[b-60ppi7qhzo],
.mpx-panel-kicker[b-60ppi7qhzo],
.mpx-match-number[b-60ppi7qhzo],
.mpx-meta-label[b-60ppi7qhzo],
.mpx-timeline-time[b-60ppi7qhzo],
.mpx-hero-meta[b-60ppi7qhzo] {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.mpx-hero-topline[b-60ppi7qhzo] {
    align-items: center;
    margin-bottom: 0.9rem;
}

.mpx-hero-badge[b-60ppi7qhzo],
.mpx-readonly-badge[b-60ppi7qhzo],
.mpx-warning-icon[b-60ppi7qhzo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
    font-size: 0.72rem;
    font-weight: 800;
}

.mpx-hero-badge[b-60ppi7qhzo] {
    color: #03111c;
    background: linear-gradient(135deg, #67e8f9 0%, #38bdf8 100%);
}

.mpx-hero-meta[b-60ppi7qhzo] {
    font-size: 0.72rem;
    color: var(--mpx-text-soft);
    font-weight: 700;
}

.mpx-hero-main[b-60ppi7qhzo] {
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
}

.mpx-hero-copy[b-60ppi7qhzo] {
    max-width: 48rem;
}

.mpx-hero-copy h1[b-60ppi7qhzo] {
    margin: 0;
    font-size: clamp(1.85rem, 3vw, 2.5rem);
    line-height: 1.05;
    color: #f8fafc;
}

.mpx-hero-copy p[b-60ppi7qhzo] {
    margin: 0.75rem 0 0;
    color: var(--mpx-text-soft);
    max-width: 44rem;
    line-height: 1.6;
}

.mpx-hero-chips[b-60ppi7qhzo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.mpx-chip[b-60ppi7qhzo],
.mpx-context-chip[b-60ppi7qhzo],
.mpx-final-pill[b-60ppi7qhzo],
.mpx-status-pill[b-60ppi7qhzo],
.mpx-state-badge[b-60ppi7qhzo],
.mpx-result-pill[b-60ppi7qhzo],
.mpx-group-count[b-60ppi7qhzo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
}

.mpx-chip--ghost[b-60ppi7qhzo] {
    padding: 0.45rem 0.8rem;
    background: rgba(15, 23, 42, 0.56);
    border: 1px solid rgba(148, 163, 184, 0.18);
    color: var(--mpx-text-soft);
}

.mpx-warning[b-60ppi7qhzo] {
    align-items: flex-start;
    border: 1px solid rgba(245, 158, 11, 0.24);
    background: linear-gradient(180deg, rgba(49, 27, 0, 0.72) 0%, rgba(28, 20, 10, 0.94) 100%);
}

.mpx-warning-icon[b-60ppi7qhzo] {
    background: var(--mpx-warning-soft);
    color: #fcd34d;
    border: 1px solid rgba(245, 158, 11, 0.4);
    white-space: nowrap;
}

.mpx-warning-copy[b-60ppi7qhzo] {
    display: grid;
    gap: 0.35rem;
    line-height: 1.55;
}

.mpx-warning-copy strong[b-60ppi7qhzo] {
    color: #fef3c7;
}

.mpx-warning-copy span[b-60ppi7qhzo] {
    color: #f6d58f;
}

.mpx-panels[b-60ppi7qhzo] {
    display: grid;
    gap: 1rem;
}

.mpx-panel[b-60ppi7qhzo] {
    display: grid;
    gap: 1rem;
}

.mpx-panel-header[b-60ppi7qhzo] {
    justify-content: space-between;
    align-items: start;
}

.mpx-panel-kicker[b-60ppi7qhzo] {
    display: inline-block;
    margin-bottom: 0.35rem;
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--mpx-accent);
}

.mpx-panel-header h2[b-60ppi7qhzo],
.mpx-group-header h3[b-60ppi7qhzo] {
    margin: 0;
    color: #f8fafc;
}

.mpx-panel-header p[b-60ppi7qhzo] {
    margin: 0.45rem 0 0;
    color: var(--mpx-text-soft);
    max-width: 48rem;
    line-height: 1.55;
}

.mpx-toolbar[b-60ppi7qhzo] {
    align-items: end;
    flex-wrap: wrap;
    padding: 1rem;
    border: 1px solid var(--mpx-soft-border);
    border-radius: 1rem;
    background: rgba(15, 23, 42, 0.56);
}

.mpx-field[b-60ppi7qhzo] {
    margin-bottom: 0;
}

.mpx-field--compact[b-60ppi7qhzo] {
    width: min(11rem, 100%);
}

.mpx-field--wide[b-60ppi7qhzo] {
    flex: 1 1 24rem;
    min-width: min(100%, 20rem);
}

.mpx-toolbar-action[b-60ppi7qhzo] {
    display: flex;
    align-items: end;
    min-height: 100%;
}

.mpx-messages[b-60ppi7qhzo] {
    display: grid;
    gap: 0.55rem;
}

.mpx-message-item[b-60ppi7qhzo] {
    padding: 0.8rem 0.9rem;
    border-radius: 0.9rem;
    background: rgba(15, 23, 42, 0.68);
    border: 1px solid rgba(148, 163, 184, 0.14);
    color: var(--mpx-text-soft);
    line-height: 1.5;
}

.mpx-context-band[b-60ppi7qhzo] {
    flex-wrap: wrap;
}

.mpx-context-chip[b-60ppi7qhzo] {
    padding: 0.45rem 0.75rem;
    background: var(--mpx-accent-soft);
    border: 1px solid rgba(56, 189, 248, 0.2);
    color: #bae6fd;
}

.mpx-board-grid[b-60ppi7qhzo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.mpx-board-grid--public[b-60ppi7qhzo] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mpx-group[b-60ppi7qhzo],
.mpx-player-hero-card[b-60ppi7qhzo],
.mpx-timeline-panel[b-60ppi7qhzo] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid var(--mpx-soft-border);
    background: rgba(15, 23, 42, 0.52);
}

.mpx-group-header[b-60ppi7qhzo] {
    justify-content: space-between;
    align-items: center;
}

.mpx-group-count[b-60ppi7qhzo] {
    min-width: 2rem;
    padding: 0.35rem 0.65rem;
    background: rgba(148, 163, 184, 0.14);
    color: var(--mpx-text-soft);
}

.mpx-empty-card[b-60ppi7qhzo] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border-radius: 0.95rem;
    border: 1px dashed rgba(148, 163, 184, 0.24);
    background: rgba(15, 23, 42, 0.4);
}

.mpx-empty-card strong[b-60ppi7qhzo] {
    color: #f8fafc;
}

.mpx-empty-card span[b-60ppi7qhzo] {
    color: var(--mpx-text-soft);
    line-height: 1.5;
}

.mpx-match-list[b-60ppi7qhzo],
.mpx-timeline-list[b-60ppi7qhzo] {
    display: grid;
    gap: 0.8rem;
}

.mpx-match-card[b-60ppi7qhzo] {
    display: grid;
    gap: 0.75rem;
    padding: 0.95rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: linear-gradient(180deg, rgba(22, 32, 57, 0.96) 0%, rgba(12, 19, 34, 0.96) 100%);
}

.mpx-match-card--public[b-60ppi7qhzo] {
    gap: 0.65rem;
}

.mpx-match-topline[b-60ppi7qhzo],
.mpx-state-row[b-60ppi7qhzo],
.mpx-match-meta[b-60ppi7qhzo],
.mpx-player-hero-topline[b-60ppi7qhzo],
.mpx-player-identity[b-60ppi7qhzo],
.mpx-player-meta-row[b-60ppi7qhzo],
.mpx-timeline-topline[b-60ppi7qhzo],
.mpx-timeline-item[b-60ppi7qhzo] {
    justify-content: space-between;
    align-items: center;
}

.mpx-match-number[b-60ppi7qhzo],
.mpx-meta-label[b-60ppi7qhzo],
.mpx-timeline-time[b-60ppi7qhzo] {
    font-size: 0.68rem;
    font-weight: 800;
    color: var(--mpx-text-muted);
}

.mpx-status-pill[b-60ppi7qhzo],
.mpx-state-badge[b-60ppi7qhzo],
.mpx-final-pill[b-60ppi7qhzo],
.mpx-result-pill[b-60ppi7qhzo] {
    padding: 0.34rem 0.65rem;
    border: 1px solid transparent;
}

.mpx-status-pill--scheduled[b-60ppi7qhzo],
.mpx-state-badge--scheduled[b-60ppi7qhzo],
.mpx-result-pill--halved[b-60ppi7qhzo] {
    background: rgba(148, 163, 184, 0.14);
    border-color: rgba(148, 163, 184, 0.2);
    color: #cbd5e1;
}

.mpx-status-pill--active[b-60ppi7qhzo],
.mpx-state-badge--active[b-60ppi7qhzo],
.mpx-result-pill--won[b-60ppi7qhzo] {
    background: var(--mpx-success-soft);
    border-color: rgba(34, 197, 94, 0.24);
    color: #bbf7d0;
}

.mpx-status-pill--closed[b-60ppi7qhzo],
.mpx-state-badge--closed[b-60ppi7qhzo] {
    background: var(--mpx-warning-soft);
    border-color: rgba(245, 158, 11, 0.28);
    color: #fde68a;
}

.mpx-status-pill--muted[b-60ppi7qhzo],
.mpx-state-badge--muted[b-60ppi7qhzo],
.mpx-result-pill--muted[b-60ppi7qhzo] {
    background: rgba(71, 85, 105, 0.24);
    border-color: rgba(100, 116, 139, 0.24);
    color: #cbd5e1;
}

.mpx-state-badge--square[b-60ppi7qhzo] {
    background: rgba(56, 189, 248, 0.15);
    border-color: rgba(56, 189, 248, 0.22);
    color: #bae6fd;
}

.mpx-result-pill--lost[b-60ppi7qhzo] {
    background: var(--mpx-danger-soft);
    border-color: rgba(251, 113, 133, 0.24);
    color: #fecdd3;
}

.mpx-final-pill[b-60ppi7qhzo] {
    background: rgba(99, 102, 241, 0.18);
    border-color: rgba(129, 140, 248, 0.25);
    color: #c7d2fe;
}

.mpx-match-sides[b-60ppi7qhzo],
.mpx-player-name[b-60ppi7qhzo] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #f8fafc;
}

.mpx-match-id[b-60ppi7qhzo] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 0.74rem;
    color: var(--mpx-text-muted);
    overflow-wrap: anywhere;
}

.mpx-match-sides span[b-60ppi7qhzo],
.mpx-player-opponent[b-60ppi7qhzo] {
    color: var(--mpx-text-soft);
    font-weight: 500;
}

.mpx-match-meta[b-60ppi7qhzo],
.mpx-player-meta-row[b-60ppi7qhzo] {
    flex-wrap: wrap;
}

.mpx-meta-item[b-60ppi7qhzo],
.mpx-summary-card[b-60ppi7qhzo] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.mpx-meta-item[b-60ppi7qhzo] {
    flex: 1 1 10rem;
    padding: 0.7rem 0.85rem;
    border-radius: 0.85rem;
    background: rgba(15, 23, 42, 0.48);
    border: 1px solid rgba(148, 163, 184, 0.1);
}

.mpx-meta-item--wide[b-60ppi7qhzo] {
    flex: 2 1 22rem;
}

.mpx-meta-value[b-60ppi7qhzo] {
    color: #f8fafc;
    font-size: 0.94rem;
    line-height: 1.45;
}

.mpx-meta-value--mono[b-60ppi7qhzo] {
    font-family: ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 0.82rem;
    word-break: break-all;
}

.mpx-player-blueprint[b-60ppi7qhzo] {
    display: grid;
    gap: 1rem;
}

.mpx-player-hero-card[b-60ppi7qhzo] {
    background: linear-gradient(160deg, rgba(14, 165, 233, 0.16) 0%, rgba(15, 23, 42, 0.9) 42%, rgba(17, 24, 39, 0.98) 100%);
}

.mpx-readonly-badge[b-60ppi7qhzo] {
    background: rgba(15, 23, 42, 0.66);
    border: 1px solid rgba(148, 163, 184, 0.18);
    color: var(--mpx-text-soft);
}

.mpx-player-identity[b-60ppi7qhzo] {
    align-items: start;
}

.mpx-player-opponent[b-60ppi7qhzo] {
    margin-top: 0.3rem;
    font-size: 0.92rem;
}

.mpx-player-summary-grid[b-60ppi7qhzo] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mpx-summary-card[b-60ppi7qhzo] {
    padding: 0.9rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(15, 23, 42, 0.54);
}

.mpx-timeline-panel[b-60ppi7qhzo] {
    background: rgba(12, 19, 34, 0.88);
}

.mpx-timeline-item[b-60ppi7qhzo] {
    align-items: stretch;
    gap: 0.9rem;
    padding: 0.9rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(15, 23, 42, 0.45);
}

.mpx-timeline-hole[b-60ppi7qhzo] {
    min-width: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.95rem;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
    background: linear-gradient(180deg, #bae6fd 0%, #38bdf8 100%);
}

.mpx-timeline-body[b-60ppi7qhzo] {
    flex: 1 1 auto;
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.mpx-timeline-label[b-60ppi7qhzo] {
    color: var(--mpx-text-soft);
    line-height: 1.45;
}

.mpx-timeline-flag[b-60ppi7qhzo] {
    align-self: center;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--mpx-text-soft);
}

@media (max-width: 1100px) {
    .mpx-board-grid[b-60ppi7qhzo],
    .mpx-board-grid--public[b-60ppi7qhzo],
    .mpx-player-summary-grid[b-60ppi7qhzo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .mpx-page[b-60ppi7qhzo] {
        padding: 1rem;
    }

    .mpx-board-grid[b-60ppi7qhzo],
    .mpx-board-grid--public[b-60ppi7qhzo],
    .mpx-player-summary-grid[b-60ppi7qhzo] {
        grid-template-columns: 1fr;
    }

    .mpx-toolbar[b-60ppi7qhzo],
    .mpx-player-meta-row[b-60ppi7qhzo],
    .mpx-match-meta[b-60ppi7qhzo],
    .mpx-hero-main[b-60ppi7qhzo],
    .mpx-warning[b-60ppi7qhzo],
    .mpx-player-identity[b-60ppi7qhzo],
    .mpx-timeline-item[b-60ppi7qhzo] {
        flex-direction: column;
        align-items: stretch;
    }

    .mpx-toolbar-action[b-60ppi7qhzo] {
        width: 100%;
    }

    .mpx-toolbar-action :deep(.ui-btn)[b-60ppi7qhzo] {
        width: 100%;
    }

    .mpx-field--compact[b-60ppi7qhzo],
    .mpx-field--wide[b-60ppi7qhzo] {
        width: 100%;
        flex: 1 1 100%;
    }
}

@media (max-width: 480px) {
    .mpx-page[b-60ppi7qhzo] {
        padding: 0.75rem;
    }

    .mpx-panel[b-60ppi7qhzo],
    .mpx-hero[b-60ppi7qhzo],
    .mpx-warning[b-60ppi7qhzo] {
        border-radius: 1rem;
    }

    .mpx-player-name[b-60ppi7qhzo],
    .mpx-match-sides[b-60ppi7qhzo] {
        font-size: 0.98rem;
    }

    .mpx-meta-item[b-60ppi7qhzo],
    .mpx-summary-card[b-60ppi7qhzo],
    .mpx-match-card[b-60ppi7qhzo],
    .mpx-timeline-item[b-60ppi7qhzo],
    .mpx-group[b-60ppi7qhzo],
    .mpx-player-hero-card[b-60ppi7qhzo],
    .mpx-timeline-panel[b-60ppi7qhzo],
    .mpx-toolbar[b-60ppi7qhzo] {
        padding: 0.85rem;
    }
}

.mpx-entry-grid[b-60ppi7qhzo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.mpx-entry-card[b-60ppi7qhzo] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(12, 19, 34, 0.8);
}

.mpx-entry-card--guarded[b-60ppi7qhzo] {
    border-color: rgba(251, 191, 36, 0.22);
    background: linear-gradient(180deg, rgba(41, 27, 7, 0.44) 0%, rgba(12, 19, 34, 0.92) 100%);
}

.mpx-entry-state-value[b-60ppi7qhzo] {
    font-size: clamp(1.25rem, 2vw, 1.7rem);
    font-weight: 800;
    color: #f8fafc;
    padding: 0.65rem 0.85rem;
    border-radius: 0.9rem;
    background: rgba(30, 41, 59, 0.52);
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.mpx-entry-state-kicker[b-60ppi7qhzo] {
    font-size: 0.76rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mpx-text-soft);
    font-weight: 700;
}

.mpx-entry-action-now[b-60ppi7qhzo] {
    color: var(--mpx-text-soft);
    font-weight: 600;
}

.mpx-entry-readiness[b-60ppi7qhzo] {
    padding: 0.65rem 0.8rem;
    border-radius: 0.8rem;
    font-weight: 700;
    border: 1px solid transparent;
}

.mpx-entry-readiness--ready[b-60ppi7qhzo] {
    background: var(--mpx-success-soft);
    color: #bbf7d0;
    border-color: rgba(34, 197, 94, 0.24);
}

.mpx-entry-readiness--waiting[b-60ppi7qhzo] {
    background: var(--mpx-warning-soft);
    color: #fcd34d;
    border-color: rgba(245, 158, 11, 0.28);
}

.mpx-entry-meta[b-60ppi7qhzo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.mpx-meta-value--ready[b-60ppi7qhzo] {
    color: #bbf7d0;
}

.mpx-entry-action-row[b-60ppi7qhzo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.mpx-entry-help[b-60ppi7qhzo] {
    color: var(--mpx-text-soft);
    font-size: 0.86rem;
    line-height: 1.45;
}

.mpx-entry-validation[b-60ppi7qhzo] {
    padding: 0.7rem 0.85rem;
    border-radius: 0.8rem;
    background: rgba(251, 113, 133, 0.14);
    border: 1px solid rgba(251, 113, 133, 0.24);
    color: #fecdd3;
    font-weight: 600;
}

.mpx-guard-copy[b-60ppi7qhzo] {
    margin: 0;
    color: var(--mpx-text-soft);
    line-height: 1.5;
}

.mpx-player-blueprint--invalid[b-60ppi7qhzo] {
    border: 1px solid rgba(251, 113, 133, 0.24);
    border-radius: 1rem;
    padding: 1rem;
    background: linear-gradient(180deg, rgba(61, 23, 37, 0.26) 0%, rgba(12, 19, 34, 0.92) 100%);
}

@media (max-width: 1200px) {
    .mpx-entry-meta[b-60ppi7qhzo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .mpx-entry-grid[b-60ppi7qhzo] {
        grid-template-columns: 1fr;
    }

    .mpx-entry-action-row :deep(.ui-btn)[b-60ppi7qhzo] {
        width: 100%;
    }

    .mpx-entry-action-row[b-60ppi7qhzo] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
.adm-page[b-2ak3nulvul] {
    padding: 1.5rem 1.75rem 3rem;
    max-width: 1100px;
}

/* ── Search row ─────────────────────────────────────────────────────────── */

.adm-search-row[b-2ak3nulvul] {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1rem 1rem;
}

.adm-search-row .adm-input[b-2ak3nulvul] {
    flex: 1;
}

/* ── Empty state ────────────────────────────────────────────────────────── */

.adm-empty[b-2ak3nulvul] {
    padding: 2.5rem 1rem;
    text-align: center;
    color: var(--text-muted);
}

/* ── User status badges ─────────────────────────────────────────────────── */

.usr-badge[b-2ak3nulvul] {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 999px;
}

.usr-badge-ok[b-2ak3nulvul] {
    background: var(--success-soft);
    color: var(--success-text);
}

.usr-badge-warn[b-2ak3nulvul] {
    background: var(--warning-soft);
    color: var(--warning-text);
}

.usr-badge-danger[b-2ak3nulvul] {
    background: var(--danger-soft);
    color: var(--danger-text);
}

.usr-badge-admin[b-2ak3nulvul] {
    background: var(--brand-soft);
    color: var(--brand-text);
}

/* ── Delete confirmation modal ──────────────────────────────────────────── */

.adm-modal-backdrop[b-2ak3nulvul] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adm-modal[b-2ak3nulvul] {
    background: var(--bg-elevated);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.35);
}

.adm-modal-header[b-2ak3nulvul] {
    padding: 1rem 1.25rem 0.75rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-default);
}

.adm-modal-body[b-2ak3nulvul] {
    padding: 1rem 1.25rem;
    color: var(--text-secondary);
}

.adm-modal-footer[b-2ak3nulvul] {
    padding: 0.75rem 1.25rem 1rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* /Components/Pages/Billing/BillingPortal.razor.rz.scp.css */
/* ================================================================
   BILLING PORTAL PAGE  (/billing/manage)
   ================================================================ */

/* ── Main card ───────────────────────────────────────────────── */

.bbp-card[b-1chk5hk3n7] {
    background: var(--b9-card-bg, #0f172a);
    border: 1px solid var(--b9-card-border, rgba(255, 255, 255, 0.08));
    border-radius: 12px;
    overflow: hidden;
}

.bbp-card-header[b-1chk5hk3n7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--b9-border, rgba(255, 255, 255, 0.06));
}

.bbp-section-label[b-1chk5hk3n7] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted, #64748b);
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.bbp-plan-name[b-1chk5hk3n7] {
    font-size: 1.375rem;
    font-weight: 800;
    color: var(--text-primary, #f1f5f9);
}

/* ── Status badges ───────────────────────────────────────────── */

.bbp-status-badge[b-1chk5hk3n7] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.25rem 0.625rem;
    border-radius: 999px;
    white-space: nowrap;
    flex-shrink: 0;
}

.bbp-badge-active[b-1chk5hk3n7] {
    background: rgba(22, 163, 74, 0.12);
    border: 1px solid rgba(22, 163, 74, 0.3);
    color: var(--b9-primary, #16a34a);
}

.bbp-badge-trial[b-1chk5hk3n7] {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: #60a5fa;
}

.bbp-badge-pastdue[b-1chk5hk3n7] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #f87171;
}

.bbp-badge-canceled[b-1chk5hk3n7] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--text-muted, #64748b);
}

/* ── Detail rows ─────────────────────────────────────────────── */

.bbp-details[b-1chk5hk3n7] {
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.bbp-detail-row[b-1chk5hk3n7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
}

.bbp-detail-label[b-1chk5hk3n7] {
    color: var(--text-muted, #64748b);
    min-width: 110px;
    flex-shrink: 0;
}

.bbp-detail-value[b-1chk5hk3n7] {
    color: var(--text-secondary, #94a3b8);
}

.bbp-urgent[b-1chk5hk3n7] {
    color: #f87171;
    font-weight: 600;
}

.bbp-mono[b-1chk5hk3n7] {
    font-family: ui-monospace, monospace;
    font-size: 0.8rem;
}

.bbp-detail-warning[b-1chk5hk3n7] {
    color: #f59e0b;
    font-size: 0.875rem;
    align-items: flex-start;
}

/* ── Action buttons ──────────────────────────────────────────── */

.bbp-actions[b-1chk5hk3n7] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.bbp-btn-primary[b-1chk5hk3n7] {
    display: inline-flex;
    align-items: center;
    padding: 0.625rem 1.125rem;
    background: var(--b9-primary, #16a34a);
    color: #fff;
    font-weight: 600;
    font-size: 0.9375rem;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.15s;
    width: fit-content;
}

.bbp-btn-primary:hover[b-1chk5hk3n7] {
    background: #15803d;
    color: #fff;
}

.bbp-btn-secondary[b-1chk5hk3n7] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5625rem 1.125rem;
    background: transparent;
    border: 1px solid var(--b9-border, rgba(255, 255, 255, 0.1));
    color: var(--text-secondary, #94a3b8);
    font-size: 0.875rem;
    border-radius: 8px;
    cursor: not-allowed;
    width: fit-content;
    opacity: 0.6;
}

.bbp-soon-tag[b-1chk5hk3n7] {
    font-size: 0.7rem;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    padding: 0.1rem 0.35rem;
    margin-left: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Help row ────────────────────────────────────────────────── */

.bbp-help-row[b-1chk5hk3n7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.bbp-help-icon[b-1chk5hk3n7] {
    color: var(--text-muted, #64748b);
    flex-shrink: 0;
}

.bbp-help-text[b-1chk5hk3n7] {
    color: var(--text-muted, #64748b);
}

.bbp-help-link[b-1chk5hk3n7] {
    color: var(--b9-primary, #16a34a);
    text-decoration: none;
    font-weight: 500;
}

.bbp-help-link:hover[b-1chk5hk3n7] {
    text-decoration: underline;
}
/* /Components/Pages/Billing/PlanComparison.razor.rz.scp.css */
/* ================================================================
   PLAN COMPARISON PAGE  (/billing/plans)
   ================================================================ */

/* ── Reason / trial banners ─────────────────────────────────── */

.bpc-reason-banner[b-rfzrm1wurx] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.25);
    border-radius: 8px;
    font-size: 0.9rem;
    color: var(--text-secondary, #94a3b8);
}

.bpc-trial-notice[b-rfzrm1wurx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(22, 163, 74, 0.08);
    border: 1px solid rgba(22, 163, 74, 0.25);
    border-radius: 8px;
    font-size: 0.9rem;
    color: var(--text-secondary, #94a3b8);
}

/* ── Card grid ───────────────────────────────────────────────── */

.bpc-grid[b-rfzrm1wurx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25rem;
    align-items: start;
}

.bpc-card[b-rfzrm1wurx] {
    position: relative;
    background: var(--b9-card-bg, #0f172a);
    border: 1px solid var(--b9-card-border, rgba(255, 255, 255, 0.08));
    border-radius: 14px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.bpc-card-current[b-rfzrm1wurx] {
    border-color: var(--b9-primary, #16a34a);
}

.bpc-card-featured[b-rfzrm1wurx] {
    border-color: rgba(22, 163, 74, 0.4);
}

/* ── Badges ─────────────────────────────────────────────────── */

.bpc-popular-badge[b-rfzrm1wurx] {
    position: absolute;
    top: -0.75rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--b9-primary, #16a34a);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.2rem 0.75rem;
    border-radius: 999px;
    white-space: nowrap;
}

.bpc-current-badge[b-rfzrm1wurx] {
    position: absolute;
    top: -0.75rem;
    right: 1rem;
    background: rgba(22, 163, 74, 0.15);
    border: 1px solid rgba(22, 163, 74, 0.4);
    color: var(--b9-primary, #16a34a);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0.2rem 0.625rem;
    border-radius: 999px;
    white-space: nowrap;
}

/* ── Card header ─────────────────────────────────────────────── */

.bpc-card-header[b-rfzrm1wurx] {
    margin-bottom: 1.25rem;
}

.bpc-plan-name[b-rfzrm1wurx] {
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted, #64748b);
    margin-bottom: 0.375rem;
}

.bpc-price[b-rfzrm1wurx] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--text-primary, #f1f5f9);
    line-height: 1.1;
    margin-bottom: 0.375rem;
}

.bpc-price-period[b-rfzrm1wurx] {
    font-size: 0.9375rem;
    font-weight: 400;
    color: var(--text-muted, #64748b);
}

.bpc-plan-tagline[b-rfzrm1wurx] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
    margin: 0;
}

/* ── Feature list ────────────────────────────────────────────── */

.bpc-features[b-rfzrm1wurx] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

.bpc-features li[b-rfzrm1wurx] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-secondary, #94a3b8);
    line-height: 1.4;
}

.bpc-feature-off[b-rfzrm1wurx] {
    opacity: 0.45;
}

.bpc-check[b-rfzrm1wurx] {
    color: var(--b9-primary, #16a34a);
    flex-shrink: 0;
    margin-top: 1px;
}

.bpc-x[b-rfzrm1wurx] {
    color: var(--text-muted, #64748b);
    flex-shrink: 0;
    margin-top: 1px;
}

/* ── Footer / CTA ────────────────────────────────────────────── */

.bpc-card-footer[b-rfzrm1wurx] {
    margin-top: auto;
}

.bpc-btn-upgrade[b-rfzrm1wurx] {
    display: block;
    text-align: center;
    padding: 0.625rem 1rem;
    border: 1px solid var(--b9-primary, #16a34a);
    color: var(--b9-primary, #16a34a);
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.bpc-btn-upgrade:hover[b-rfzrm1wurx] {
    background: rgba(22, 163, 74, 0.1);
    color: var(--b9-primary, #16a34a);
}

.bpc-btn-upgrade-primary[b-rfzrm1wurx] {
    background: var(--b9-primary, #16a34a);
    color: #fff;
    border-color: var(--b9-primary, #16a34a);
}

.bpc-btn-upgrade-primary:hover[b-rfzrm1wurx] {
    background: #15803d;
    color: #fff;
}

.bpc-btn-current[b-rfzrm1wurx] {
    display: block;
    text-align: center;
    padding: 0.625rem 1rem;
    background: rgba(22, 163, 74, 0.08);
    border: 1px solid rgba(22, 163, 74, 0.25);
    color: var(--b9-primary, #16a34a);
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 8px;
}

.bpc-btn-disabled[b-rfzrm1wurx] {
    display: block;
    text-align: center;
    padding: 0.625rem 1rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--b9-border, rgba(255, 255, 255, 0.08));
    color: var(--text-muted, #64748b);
    font-size: 0.9rem;
    border-radius: 8px;
}
/* /Components/Pages/Billing/UpgradePage.razor.rz.scp.css */
/* ================================================================
   UPGRADE PAGE  (/billing/upgrade)
   ================================================================ */

/* ── Plan summary card ──────────────────────────────────────── */

.bup-plan-card[b-fg2eumzrvn] {
    background: var(--b9-card-bg, #0f172a);
    border: 1px solid var(--b9-card-border, rgba(255, 255, 255, 0.08));
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
}

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

.bup-plan-label[b-fg2eumzrvn] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted, #64748b);
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.bup-plan-name[b-fg2eumzrvn] {
    font-size: 1.375rem;
    font-weight: 800;
    color: var(--text-primary, #f1f5f9);
}

.bup-plan-price[b-fg2eumzrvn] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--b9-primary, #16a34a);
    white-space: nowrap;
}

.bup-price-period[b-fg2eumzrvn] {
    font-size: 0.9375rem;
    font-weight: 400;
    color: var(--text-muted, #64748b);
}

.bup-plan-bullets[b-fg2eumzrvn] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.bup-plan-bullets li[b-fg2eumzrvn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-secondary, #94a3b8);
}

.bup-check[b-fg2eumzrvn] {
    color: var(--b9-primary, #16a34a);
    flex-shrink: 0;
}

/* ── Coming soon block ──────────────────────────────────────── */

.bup-coming-soon[b-fg2eumzrvn] {
    background: rgba(255, 255, 255, 0.025);
    border: 1px dashed var(--b9-border, rgba(255, 255, 255, 0.12));
    border-radius: 12px;
    padding: 2rem 1.5rem;
    text-align: center;
}

.bup-coming-icon[b-fg2eumzrvn] {
    font-size: 2.25rem;
    color: var(--text-muted, #64748b);
    display: block;
    margin-bottom: 0.875rem;
}

.bup-coming-title[b-fg2eumzrvn] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
    margin-bottom: 0.5rem;
}

.bup-coming-body[b-fg2eumzrvn] {
    font-size: 0.9rem;
    color: var(--text-secondary, #94a3b8);
    line-height: 1.6;
    margin-bottom: 1.25rem;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

/* ── Stripe checkout block ───────────────────────────────────── */

.bup-checkout-block[b-fg2eumzrvn] {
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid var(--b9-border, rgba(255, 255, 255, 0.1));
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.bup-checkout-info[b-fg2eumzrvn] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.bup-shield-icon[b-fg2eumzrvn] {
    font-size: 1.5rem;
    color: var(--b9-primary, #16a34a);
    flex-shrink: 0;
    margin-top: 2px;
}

.bup-checkout-label[b-fg2eumzrvn] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary, #f1f5f9);
    margin-bottom: 0.25rem;
}

.bup-checkout-sub[b-fg2eumzrvn] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
    line-height: 1.5;
}

.bup-checkout-btn[b-fg2eumzrvn] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.75rem 1.25rem;
    background: var(--b9-primary, #16a34a);
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.15s;
}

.bup-checkout-btn:hover:not(:disabled)[b-fg2eumzrvn] {
    background: #15803d;
}

.bup-checkout-btn:disabled[b-fg2eumzrvn] {
    opacity: 0.7;
    cursor: not-allowed;
}

.bup-coming-note[b-fg2eumzrvn] {
    font-size: 0.8rem;
    color: var(--text-muted, #64748b);
    margin: 0;
}
/* /Components/Pages/Communications/Index.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════════
   COMMUNICATIONS CENTER
   /communications
══════════════════════════════════════════════════════════════════════════════ */

.comm-page[b-yxyzfu5o2u] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
}

/* ── Header ── */
.comm-header[b-yxyzfu5o2u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.comm-header-left[b-yxyzfu5o2u] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.comm-title[b-yxyzfu5o2u] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    letter-spacing: -.02em;
}

.comm-subtitle[b-yxyzfu5o2u] {
    font-size: .875rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
}

.comm-header-actions[b-yxyzfu5o2u] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-shrink: 0;
}

.comm-failure-badge[b-yxyzfu5o2u] {
    display: inline-flex;
    align-items: center;
    background: var(--danger-soft);
    color: var(--danger-text);
    border: 1px solid rgba(239,68,68,0.28);
    border-radius: 8px;
    padding: .4rem .85rem;
    font-size: .8125rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .12s;
}
.comm-failure-badge:hover[b-yxyzfu5o2u] { background: rgba(239,68,68,.18); }

/* ── Summary row ── */
.comm-summary-row[b-yxyzfu5o2u] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .875rem;
    margin-bottom: 1.5rem;
}

/* Each metric tile */
.comm-stat[b-yxyzfu5o2u] {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    border-radius: 10px;
    padding: .875rem 1rem;
    box-shadow: var(--b9-card-shadow);
    transition: box-shadow .12s;
}

.comm-stat:hover[b-yxyzfu5o2u] {
    box-shadow: var(--b9-card-shadow-md);
}

/* Alert state for "Failed" when count > 0 */
.comm-stat--alert[b-yxyzfu5o2u] {
    border-color: rgba(239,68,68,.3);
    background: color-mix(in srgb, var(--danger-soft) 40%, var(--b9-card-bg));
}

/* Icon circle */
.comm-stat-icon[b-yxyzfu5o2u] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .95rem;
    flex-shrink: 0;
}

.comm-stat-icon-blue[b-yxyzfu5o2u]   { background: var(--b9-primary-soft);   color: var(--b9-primary); }
.comm-stat-icon-green[b-yxyzfu5o2u]  { background: var(--b9-success-soft);   color: var(--b9-success); }
.comm-stat-icon-red[b-yxyzfu5o2u]    { background: var(--b9-danger-soft);    color: var(--b9-danger); }
.comm-stat-icon-slate[b-yxyzfu5o2u]  { background: var(--b9-surface-muted);  color: var(--b9-text-soft); }
.comm-stat-icon-amber[b-yxyzfu5o2u]  { background: var(--b9-warning-soft);   color: var(--b9-warning); }
.comm-stat-icon-purple[b-yxyzfu5o2u] { background: rgba(109,40,217,.16);      color: #c4b5fd; }

/* Text stack */
.comm-stat-body[b-yxyzfu5o2u] {
    display: flex;
    flex-direction: column;
    gap: .05rem;
    min-width: 0;
}

.comm-stat-value[b-yxyzfu5o2u] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    color: var(--text-primary);
    letter-spacing: -.02em;
}

.comm-stat-label[b-yxyzfu5o2u] {
    font-size: .69rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: .065em;
    white-space: nowrap;
}

.comm-stat-hint[b-yxyzfu5o2u] {
    font-size: .67rem;
    font-weight: 400;
    color: var(--text-muted);
    opacity: .7;
    margin-top: 1px;
}

/* ── Tab bar ─────────────────────────────────────────────────────────────── */
.comm-tabs[b-yxyzfu5o2u] {
    display: flex;
    align-items: center;
    gap: 0;
    border-bottom: 1px solid var(--b9-border);
    margin-bottom: 1.25rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.comm-tabs[b-yxyzfu5o2u]::-webkit-scrollbar { display: none; }

.comm-tab[b-yxyzfu5o2u] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .65rem .95rem;
    font-size: .8125rem;
    font-weight: 600;
    color: var(--text-secondary);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: color .12s, background .12s, border-color .12s;
    margin-bottom: -1px;
    border-radius: 6px 6px 0 0;
    line-height: 1.3;
}

.comm-tab:hover[b-yxyzfu5o2u] {
    color: var(--text-primary);
    background: var(--b9-surface-muted);
}

.comm-tab--active[b-yxyzfu5o2u] {
    color: var(--b9-primary);
    border-bottom-color: var(--b9-primary);
    background: none;
}

.comm-tab--active:hover[b-yxyzfu5o2u] {
    background: var(--b9-primary-soft);
}

/* Count badge inside tab */
.comm-tab-count[b-yxyzfu5o2u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: var(--b9-primary-soft);
    color: var(--b9-primary);
    font-size: .68rem;
    font-weight: 700;
    line-height: 1;
}

.comm-tab--active .comm-tab-count[b-yxyzfu5o2u] {
    background: var(--b9-primary);
    color: #fff;
}

/* ── Filters ── */
.comm-filters[b-yxyzfu5o2u] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.comm-filter-search-wrap[b-yxyzfu5o2u] {
    position: relative;
    flex: 1;
    min-width: 220px;
}

.comm-filter-search-icon[b-yxyzfu5o2u] {
    position: absolute;
    left: .65rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--b9-muted, #adb5bd);
    font-size: .875rem;
    pointer-events: none;
}

.comm-filter-search[b-yxyzfu5o2u] {
    display: block;
    width: 100%;
    padding: .45rem .65rem .45rem 2rem;
    font-size: .875rem;
    border: 1.5px solid var(--b9-border);
    border-radius: 7px;
    background: var(--b9-card-bg);
    color: var(--text-primary);
    transition: border-color .15s, box-shadow .15s;
}

.comm-filter-search:focus[b-yxyzfu5o2u] {
    outline: none;
    border-color: var(--b9-primary, #0d6efd);
    box-shadow: 0 0 0 3px rgba(13,110,253,.1);
}

.comm-filter-clear[b-yxyzfu5o2u] {
    position: absolute;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--b9-muted, #adb5bd);
    cursor: pointer;
    padding: .1rem .2rem;
    line-height: 1;
    font-size: .75rem;
}

.comm-filter-select[b-yxyzfu5o2u] {
    padding: .45rem .75rem;
    font-size: .875rem;
    border: 1.5px solid var(--b9-border);
    border-radius: 7px;
    background: var(--b9-card-bg);
    color: var(--text-primary);
    cursor: pointer;
    min-width: 160px;
}

/* ── Table ── */
.comm-table-wrap[b-yxyzfu5o2u] {
    background: var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--b9-card-shadow);
}

.comm-table[b-yxyzfu5o2u] {
    width: 100%;
    border-collapse: collapse;
    font-size: .8125rem;
}

.comm-table thead th[b-yxyzfu5o2u] {
    background: var(--b9-surface-muted);
    padding: .6rem 1rem;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--text-muted);
    border-bottom: 1px solid var(--b9-border);
    white-space: nowrap;
}

.comm-table tbody tr[b-yxyzfu5o2u] {
    border-bottom: 1px solid var(--b9-border);
    transition: background .1s;
    color: var(--text-primary);
}

.comm-table tbody tr:hover[b-yxyzfu5o2u] { background: var(--b9-surface-muted); }

.ct-row-failed[b-yxyzfu5o2u] { background: rgba(239,68,68,0.06) !important; }
.ct-row-failed:hover[b-yxyzfu5o2u] { background: rgba(239,68,68,0.10) !important; }
.ct-row-expanded[b-yxyzfu5o2u] { background: var(--b9-surface, #f8fafc) !important; }

.comm-table td[b-yxyzfu5o2u] {
    padding: .65rem 1rem;
    vertical-align: middle;
    color: var(--text-primary);
}

/* Column widths */
.ct-col-status[b-yxyzfu5o2u]  { width: 36px; text-align: center; }
.ct-col-event[b-yxyzfu5o2u]   { min-width: 160px; }
.ct-col-recipient[b-yxyzfu5o2u] { min-width: 180px; }
.ct-col-subject[b-yxyzfu5o2u] { min-width: 180px; }
.ct-col-time[b-yxyzfu5o2u]    { width: 100px; white-space: nowrap; }
.ct-col-actions[b-yxyzfu5o2u] { width: 72px; text-align: right; }

/* Status icons */
.ct-status-ok[b-yxyzfu5o2u]   { color: var(--b9-success, #198754); font-size: 1rem; }
.ct-status-fail[b-yxyzfu5o2u] { color: #dc2626; font-size: 1rem; }

/* Cell content */
.ct-event-link[b-yxyzfu5o2u] {
    display: block;
    font-weight: 600;
    color: var(--text-primary);
    text-decoration: none;
    line-height: 1.3;
}
.ct-event-link:hover[b-yxyzfu5o2u] { color: var(--b9-primary, #0d6efd); text-decoration: underline; }

.ct-trigger[b-yxyzfu5o2u] {
    display: block;
    font-size: .72rem;
    color: var(--b9-muted, #495057);
    margin-top: .15rem;
}

.ct-name[b-yxyzfu5o2u] {
    display: block;
    font-weight: 500;
    color: var(--text-primary);
    line-height: 1.3;
}

.ct-email[b-yxyzfu5o2u] {
    display: block;
    font-size: .75rem;
    color: var(--text-muted);
}

.ct-subject[b-yxyzfu5o2u] {
    color: var(--text-primary);
    line-height: 1.35;
}

.ct-row-failed .ct-subject[b-yxyzfu5o2u] { color: var(--danger-text); }

.ct-time[b-yxyzfu5o2u] {
    color: var(--text-muted);
    font-size: .75rem;
}

/* Action buttons */
.ct-btn[b-yxyzfu5o2u] {
    background: none;
    border: 1.5px solid var(--b9-border, #dee2e6);
    border-radius: 6px;
    padding: .25rem .45rem;
    font-size: .8125rem;
    cursor: pointer;
    transition: background .12s, border-color .12s;
    color: var(--b9-muted, #495057);
    margin-left: .25rem;
}
.ct-btn:hover:not(:disabled)[b-yxyzfu5o2u] { background: var(--b9-surface, #f8fafc); }
.ct-btn:disabled[b-yxyzfu5o2u] { opacity: .5; cursor: not-allowed; }

.ct-btn-resend[b-yxyzfu5o2u] { color: var(--b9-primary, #0d6efd); border-color: var(--b9-primary, #0d6efd); }
.ct-btn-resend:hover:not(:disabled)[b-yxyzfu5o2u] { background: var(--brand-soft); }

.ct-btn-detail[b-yxyzfu5o2u] { color: var(--danger-text); border-color: rgba(239,68,68,0.38); }
.ct-btn-detail:hover[b-yxyzfu5o2u] { background: var(--danger-soft); }

/* Spin animation */
@keyframes spin-b-yxyzfu5o2u { to { transform: rotate(360deg); } }
.ct-spin[b-yxyzfu5o2u] { display: inline-block; animation: spin-b-yxyzfu5o2u .8s linear infinite; }

/* Error detail row */
.ct-error-row td[b-yxyzfu5o2u] { padding: 0; }
.ct-error-detail[b-yxyzfu5o2u] {
    background: var(--danger-soft);
    border-top: 1px solid rgba(239,68,68,0.22);
    border-bottom: 1px solid rgba(239,68,68,0.22);
    padding: .6rem 1rem;
    font-size: .78rem;
    color: var(--danger-text);
    display: flex;
    align-items: flex-start;
}
.ct-error-detail code[b-yxyzfu5o2u] {
    background: none;
    color: inherit;
    font-size: .78rem;
    word-break: break-word;
    white-space: pre-wrap;
}

/* ── Compose button ── */
.comm-compose-btn[b-yxyzfu5o2u] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: var(--b9-primary, #1d4ed8);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: .55rem 1.15rem;
    font-size: .875rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
    white-space: nowrap;
}
.comm-compose-btn:hover[b-yxyzfu5o2u] { background: var(--b9-primary-hover, #1e40af); }

/* ── Compose panel ── */
.comm-compose-panel[b-yxyzfu5o2u] {
    background: var(--bg-elevated);
    border: 1px solid var(--brand-ring);
    border-radius: 12px;
    margin-bottom: 1.75rem;
    box-shadow: 0 2px 8px rgba(0,0,0,.22);
}
.comm-compose-header[b-yxyzfu5o2u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .875rem 1.25rem;
    border-bottom: 1px solid var(--border-default);
    background: var(--brand-soft);
    border-radius: 12px 12px 0 0;
}
.comm-compose-title[b-yxyzfu5o2u] {
    font-size: .9375rem;
    font-weight: 700;
    color: var(--brand-text);
}
.comm-compose-close[b-yxyzfu5o2u] {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: .25rem;
    line-height: 1;
    border-radius: 6px;
    font-size: 1rem;
}
.comm-compose-close:hover[b-yxyzfu5o2u] { background: var(--bg-raised); }
.comm-compose-body[b-yxyzfu5o2u] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .875rem;
}
.comm-compose-field[b-yxyzfu5o2u] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}
.comm-compose-label[b-yxyzfu5o2u] {
    font-size: .8125rem;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.comm-compose-select[b-yxyzfu5o2u],
.comm-compose-input[b-yxyzfu5o2u] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: .5rem .75rem;
    font-size: .9375rem;
    color: var(--text-primary);
    background: var(--bg-raised);
    width: 100%;
}
.comm-compose-select:focus[b-yxyzfu5o2u],
.comm-compose-input:focus[b-yxyzfu5o2u] { outline: 2px solid var(--brand); border-color: transparent; }
.comm-compose-textarea[b-yxyzfu5o2u] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: .6rem .75rem;
    font-size: .9375rem;
    color: var(--text-primary);
    background: var(--bg-raised);
    width: 100%;
    resize: vertical;
    font-family: inherit;
    line-height: 1.6;
}
.comm-compose-textarea:focus[b-yxyzfu5o2u] { outline: 2px solid var(--brand); border-color: transparent; }
.comm-compose-actions[b-yxyzfu5o2u] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding-top: .25rem;
}
.comm-compose-send[b-yxyzfu5o2u] {
    display: inline-flex;
    align-items: center;
    background: var(--b9-primary, #1d4ed8);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: .55rem 1.25rem;
    font-size: .9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}
.comm-compose-send:hover:not(:disabled)[b-yxyzfu5o2u] { background: var(--b9-primary-hover, #1e40af); }
.comm-compose-send:disabled[b-yxyzfu5o2u] { opacity: .55; cursor: not-allowed; }
.comm-compose-error[b-yxyzfu5o2u] {
    color: #dc2626;
    font-size: .8125rem;
    margin: 0;
}
.comm-compose-success[b-yxyzfu5o2u] {
    display: flex;
    align-items: center;
    background: var(--success-soft);
    border: 1px solid rgba(34,197,94,0.28);
    border-radius: 8px;
    padding: .75rem 1rem;
    color: var(--success-text);
    font-weight: 600;
    font-size: .9375rem;
}
.comm-compose-warn[b-yxyzfu5o2u] {
    background: var(--warning-soft);
    border: 1px solid rgba(251,191,36,0.28);
    border-radius: 8px;
    padding: .75rem 1rem;
    color: var(--warning-text);
    font-size: .9375rem;
}

/* ── Empty state ── */
.comm-empty[b-yxyzfu5o2u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3.5rem 1.5rem;
}

.comm-empty-icon[b-yxyzfu5o2u] {
    font-size: 2.5rem;
    color: var(--text-muted);
    margin-bottom: 1rem;
    opacity: .5;
}

.comm-empty-title[b-yxyzfu5o2u] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 .4rem;
}

.comm-empty-sub[b-yxyzfu5o2u] {
    font-size: .875rem;
    color: var(--text-secondary);
    max-width: 440px;
    line-height: 1.6;
    margin: 0 0 1.25rem;
}

/* Action button in empty state */
.comm-empty-cta[b-yxyzfu5o2u] {
    display: inline-flex;
    align-items: center;
    background: var(--b9-primary, #1d4ed8);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: .6rem 1.25rem;
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
    text-decoration: none;
}
.comm-empty-cta:hover[b-yxyzfu5o2u] { background: var(--b9-primary-hover, #1e40af); color: #fff; }

.comm-limit-note[b-yxyzfu5o2u] {
    font-size: .78rem;
    color: var(--text-muted);
    text-align: center;
    margin-top: 1rem;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
    .comm-summary-row[b-yxyzfu5o2u] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 680px) {
    .comm-page[b-yxyzfu5o2u] { padding: 1.25rem 1rem 3rem; }

    .comm-header[b-yxyzfu5o2u] {
        flex-direction: column;
        align-items: stretch;
    }

    .comm-header-actions[b-yxyzfu5o2u] {
        flex-wrap: wrap;
    }

    .comm-compose-btn[b-yxyzfu5o2u] {
        flex: 1;
        justify-content: center;
        min-height: 44px;
    }

    .comm-summary-row[b-yxyzfu5o2u] {
        grid-template-columns: repeat(2, 1fr);
        gap: .625rem;
    }

    .ct-col-subject[b-yxyzfu5o2u],
    .ct-col-time[b-yxyzfu5o2u] { display: none; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   COMPOSE WIZARD
══════════════════════════════════════════════════════════════════════════════ */

/* Step indicator */
.wiz-steps[b-yxyzfu5o2u] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-top: .5rem;
    flex-wrap: wrap;
}
.wiz-step[b-yxyzfu5o2u] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .75rem;
    font-weight: 600;
    color: var(--text-muted);
    background: var(--bg-raised);
    border-radius: 20px;
    padding: .2rem .65rem;
}
.wiz-step--active[b-yxyzfu5o2u] {
    background: var(--brand);
    color: #fff;
}
.wiz-step--done[b-yxyzfu5o2u] {
    background: var(--success-soft);
    color: var(--success-text);
}
.wiz-divider[b-yxyzfu5o2u] {
    display: inline-block;
    width: 12px;
    height: 1px;
    background: var(--border-default);
    flex-shrink: 0;
}

/* Section label */
.wiz-section-label[b-yxyzfu5o2u] {
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--text-muted);
    margin-bottom: .875rem;
}

/* Audience cards */
.wiz-audience-grid[b-yxyzfu5o2u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: .625rem;
}
.wiz-audience-card[b-yxyzfu5o2u] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .2rem;
    background: var(--bg-raised);
    border: 1.5px solid var(--border-default);
    border-radius: 10px;
    padding: .75rem 1rem;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s;
}
.wiz-audience-card:hover[b-yxyzfu5o2u] { border-color: var(--brand-text); }
.wiz-audience-card.selected[b-yxyzfu5o2u] {
    border-color: var(--brand);
    background: var(--brand-soft);
    box-shadow: 0 0 0 3px var(--brand-ring);
}
.wiz-aud-icon[b-yxyzfu5o2u] { font-size: 1.25rem; color: var(--brand-text); margin-bottom: .15rem; }
.wiz-aud-label[b-yxyzfu5o2u] { font-size: .875rem; font-weight: 700; color: var(--text-primary); }
.wiz-aud-desc[b-yxyzfu5o2u] { font-size: .75rem; color: var(--text-muted); line-height: 1.3; }

/* Channel cards */
.wiz-channel-grid[b-yxyzfu5o2u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    gap: .625rem;
}
.wiz-channel-card[b-yxyzfu5o2u] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .2rem;
    background: var(--bg-raised);
    border: 1.5px solid var(--border-default);
    border-radius: 10px;
    padding: .75rem 1rem;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s;
}
.wiz-channel-card:hover[b-yxyzfu5o2u] { border-color: var(--brand-text); }
.wiz-channel-card.selected[b-yxyzfu5o2u] {
    border-color: var(--brand);
    background: var(--brand-soft);
    box-shadow: 0 0 0 3px var(--brand-ring);
}
.wiz-ch-icons[b-yxyzfu5o2u] { display: flex; gap: .35rem; margin-bottom: .2rem; }
.wiz-ch-icon[b-yxyzfu5o2u] { font-size: 1.1rem; color: var(--brand-text); }
.wiz-ch-label[b-yxyzfu5o2u] { font-size: .875rem; font-weight: 700; color: var(--text-primary); }
.wiz-ch-desc[b-yxyzfu5o2u] { font-size: .75rem; color: var(--text-muted); }

/* Field helpers */
.wiz-field-label[b-yxyzfu5o2u] {
    font-size: .8125rem;
    font-weight: 600;
    color: var(--text-secondary);
}
.wiz-merge-hint[b-yxyzfu5o2u] {
    font-size: .75rem;
    color: var(--text-muted);
    margin-top: .35rem;
}
.wiz-segment-checks[b-yxyzfu5o2u] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .875rem;
}
.wiz-check-label[b-yxyzfu5o2u] {
    display: inline-flex;
    align-items: center;
    font-size: .875rem;
    color: var(--text-secondary);
    cursor: pointer;
}

/* Preview card */
.wiz-preview-card[b-yxyzfu5o2u] {
    background: var(--bg-raised);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: .5rem;
}
.wiz-preview-row[b-yxyzfu5o2u] {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: .5rem;
    align-items: baseline;
    font-size: .875rem;
}
.wiz-preview-key[b-yxyzfu5o2u] { font-weight: 700; color: var(--text-muted); text-transform: uppercase; font-size: .75rem; letter-spacing: .05em; }
.wiz-preview-val[b-yxyzfu5o2u] { color: var(--text-primary); }
.wiz-ch-badge[b-yxyzfu5o2u] {
    display: inline-flex;
    align-items: center;
    background: var(--brand-soft);
    color: var(--brand-text);
    border-radius: 5px;
    padding: .15rem .5rem;
    font-size: .75rem;
    font-weight: 600;
    margin-right: .35rem;
}
.wiz-preview-body[b-yxyzfu5o2u] {
    margin-top: .5rem;
    background: var(--bg-elevated);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: .875rem 1rem;
    color: var(--text-secondary);
    font-size: .875rem;
    line-height: 1.6;
    max-height: 180px;
    overflow-y: auto;
}

/* Send options */
.wiz-send-options[b-yxyzfu5o2u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .625rem;
}
.wiz-send-option[b-yxyzfu5o2u] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    background: var(--bg-raised);
    border: 1.5px solid var(--border-default);
    border-radius: 10px;
    padding: .875rem 1rem;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s;
}
.wiz-send-option:hover[b-yxyzfu5o2u] { border-color: var(--brand-text); }
.wiz-send-option.selected[b-yxyzfu5o2u] {
    border-color: var(--brand);
    background: var(--brand-soft);
    box-shadow: 0 0 0 3px var(--brand-ring);
}
.wiz-send-icon[b-yxyzfu5o2u] { font-size: 1.25rem; color: var(--brand-text); margin-bottom: .15rem; }

/* Footer nav */
.wiz-footer[b-yxyzfu5o2u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .75rem;
    border-top: 1px solid var(--border-default);
    margin-top: .25rem;
}

/* ── Diagnostics tab warning badge ──────────────────────────────────────────── */
.comm-tab-warn[b-yxyzfu5o2u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: #ef4444;
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    line-height: 1;
}

/* ── Diagnostics panel ───────────────────────────────────────────────────────── */
.comm-diag-panel[b-yxyzfu5o2u] {
    padding: 1.25rem 0;
}

.comm-diag-title[b-yxyzfu5o2u] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: .5rem;
}

.comm-diag-card[b-yxyzfu5o2u] {
    border: 1px solid var(--border-default);
    border-radius: .5rem;
    padding: 1rem 1.25rem;
    background: var(--bg-elevated);
}

.comm-diag-card.comm-diag-ok[b-yxyzfu5o2u]    { border-left: 4px solid #22c55e; }
.comm-diag-card.comm-diag-warn[b-yxyzfu5o2u]  { border-left: 4px solid #f59e0b; }
.comm-diag-card.comm-diag-info[b-yxyzfu5o2u]  { border-left: 4px solid #3b82f6; }

.comm-diag-row[b-yxyzfu5o2u] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
}

.comm-diag-icon[b-yxyzfu5o2u] {
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: .1rem;
}

.comm-diag-body[b-yxyzfu5o2u] {
    flex: 1;
}

.comm-diag-label[b-yxyzfu5o2u] {
    font-weight: 600;
    font-size: .9rem;
    color: var(--text-primary);
    margin-bottom: .2rem;
}

.comm-diag-status[b-yxyzfu5o2u] {
    font-size: .85rem;
}

/* ── Delivery drilldown modal ────────────────────────────────────────────────── */
.comm-modal-overlay[b-yxyzfu5o2u] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.45);
    backdrop-filter: blur(2px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.comm-modal[b-yxyzfu5o2u] {
    background: var(--bg-elevated);
    border-radius: .75rem;
    box-shadow: 0 20px 60px rgba(0,0,0,.55);
    width: 100%;
    max-width: 820px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--border-default);
}

.comm-modal-header[b-yxyzfu5o2u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border-default);
    flex-shrink: 0;
}

.comm-modal-title[b-yxyzfu5o2u] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.comm-modal-close[b-yxyzfu5o2u] {
    background: none;
    border: none;
    font-size: 1.1rem;
    color: var(--text-muted);
    cursor: pointer;
    padding: .2rem .4rem;
    border-radius: .25rem;
    line-height: 1;
}
.comm-modal-close:hover[b-yxyzfu5o2u] { background: var(--bg-raised); color: var(--text-primary); }

.comm-modal-body[b-yxyzfu5o2u] {
    overflow-y: auto;
    padding: 1rem 1.25rem;
    flex: 1;
}

/* ── Drilldown table ─────────────────────────────────────────────────────────── */
.comm-drilldown-table[b-yxyzfu5o2u] {
    width: 100%;
    border-collapse: collapse;
    font-size: .83rem;
}

.comm-drilldown-table th[b-yxyzfu5o2u],
.comm-drilldown-table td[b-yxyzfu5o2u] {
    padding: .5rem .6rem;
    text-align: left;
    border-bottom: 1px solid var(--b9-border);
    color: var(--text-primary);
}

.comm-drilldown-table thead th[b-yxyzfu5o2u] {
    font-weight: 600;
    color: var(--text-muted);
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: var(--b9-surface-muted);
}

.comm-drilldown-table tbody tr:hover[b-yxyzfu5o2u] { background: var(--b9-surface-muted); }

.comm-drilldown-time[b-yxyzfu5o2u] { color: var(--text-muted); white-space: nowrap; }
.comm-drilldown-error[b-yxyzfu5o2u] { max-width: 220px; }

/* Info callout — dark-safe replacement for alert-light */
.comm-info-callout[b-yxyzfu5o2u] {
    border: 1px solid var(--border-subtle, #334155);
    border-radius: 0.375rem;
    background: var(--bg-elevated, #1e293b);
    color: var(--text-primary, #f1f5f9);
    padding: 0.5rem 0.75rem;
}

html[data-theme="light"] .comm-info-callout[b-yxyzfu5o2u] {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #1f2937;
}

/* /Components/Pages/CourseAccounts/Create.razor.rz.scp.css */
/* ── Step progress track ──────────────────────────────────────────────────── */

.step-track[b-yt7d7a5t57] {
    flex-wrap: nowrap;
}

.step-item[b-yt7d7a5t57] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.step-circle[b-yt7d7a5t57] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
    transition: background 0.2s, color 0.2s;
}

.step-item.active .step-circle[b-yt7d7a5t57] {
    background: var(--b9-primary, #1E40AF);
    color: #fff;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--b9-primary, #1E40AF) 20%, transparent);
}

.step-item.upcoming .step-circle[b-yt7d7a5t57] {
    background: var(--b9-surface-muted, #F1F5F9);
    color: var(--b9-text-muted, #475569);
    border: 2px dashed var(--b9-border, #E5E7EB);
}

.step-label[b-yt7d7a5t57] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.step-item.active .step-label[b-yt7d7a5t57] {
    color: var(--b9-primary, #1E40AF);
}

.step-item.upcoming .step-label[b-yt7d7a5t57] {
    color: var(--b9-text-muted, #475569);
}

.step-connector[b-yt7d7a5t57] {
    flex: 1;
    height: 2px;
    background: var(--b9-border, #E5E7EB);
    margin-bottom: 22px; /* align with circle centre */
    min-width: 24px;
}

/* ── "What's next" hint box ───────────────────────────────────────────────── */

.next-step-hint[b-yt7d7a5t57] {
    background: var(--brand-soft, rgba(29,78,216,0.15));
    border: 1px solid color-mix(in srgb, var(--b9-primary, #1E40AF) 18%, transparent);
}

.hint-icon[b-yt7d7a5t57] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--b9-primary, #1E40AF);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 420px) {
    .step-label[b-yt7d7a5t57] { display: none; }
    .step-connector[b-yt7d7a5t57] { min-width: 16px; }
}
/* /Components/Pages/CourseAccounts/Manage.razor.rz.scp.css */
/* ── Public URL bar — dark-theme safe ─────────────────────────────────── */
.mg-public-url-bar[b-qb9kpm9hoo] {
  background: var(--b9-surface-muted, rgba(255,255,255,.04));
  border-color: var(--b9-border, rgba(255,255,255,.1)) !important;
}

/* ── Upload button — styled like a secondary action, not an <input> ───── */
.mg-upload-label[b-qb9kpm9hoo] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  border: 1px solid var(--b9-border, rgba(255,255,255,.15));
  border-radius: 6px;
  background: var(--b9-surface-muted, rgba(255,255,255,.05));
  color: var(--b9-text, #e2e8f0);
  transition: background 0.15s, border-color 0.15s;
  white-space: nowrap;
}

.mg-upload-label:hover[b-qb9kpm9hoo] {
  background: var(--b9-card-bg-hover, rgba(255,255,255,.08));
  border-color: var(--b9-brand, #22c55e);
}

/* ── Course avatar / player avatar upload ─────────────────────────────── */
.mg-avatar-upload-label[b-qb9kpm9hoo] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.65rem;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid var(--b9-border, rgba(255,255,255,.15));
  border-radius: 6px;
  background: var(--b9-surface-muted, rgba(255,255,255,.05));
  color: var(--b9-text, #e2e8f0);
  transition: background 0.15s, border-color 0.15s;
}

.mg-avatar-upload-label:hover[b-qb9kpm9hoo] {
  background: var(--b9-card-bg-hover, rgba(255,255,255,.08));
  border-color: var(--b9-brand, #22c55e);
}

.cleanup-overlay[b-qb9kpm9hoo] {
  position: fixed;
  inset: 0;
  z-index: 1090;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(6px);
}

.cleanup-modal[b-qb9kpm9hoo] {
  position: relative;
  width: min(860px, 100%);
  max-height: min(86vh, 920px);
  overflow: auto;
  background: var(--b9-card-bg);
  border: 1px solid var(--b9-card-border);
  border-radius: 16px;
  box-shadow: var(--b9-card-shadow-xl);
  color: var(--b9-text);
}

.cleanup-modal-header[b-qb9kpm9hoo],
.cleanup-modal-footer[b-qb9kpm9hoo] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.125rem;
}

.cleanup-modal-header[b-qb9kpm9hoo] {
  border-bottom: 1px solid var(--b9-border);
}

.cleanup-modal-footer[b-qb9kpm9hoo] {
  border-top: 1px solid var(--b9-border);
  background: rgba(255, 255, 255, 0.02);
}

.cleanup-kicker[b-qb9kpm9hoo] {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--b9-text-soft);
}

.cleanup-title[b-qb9kpm9hoo] {
  margin: 0.15rem 0 0;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.cleanup-close[b-qb9kpm9hoo] {
  width: 34px;
  height: 34px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--b9-text-soft);
}

.cleanup-modal-body[b-qb9kpm9hoo] {
  padding: 1rem 1.125rem 0.875rem;
}

.cleanup-copy[b-qb9kpm9hoo] {
  margin: 0 0 1rem;
  color: var(--b9-text-muted);
  line-height: 1.55;
}

.cleanup-summary-grid[b-qb9kpm9hoo] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.cleanup-summary-item[b-qb9kpm9hoo] {
  border: 1px solid var(--b9-border);
  border-radius: 12px;
  background: var(--b9-surface-muted);
  padding: 0.75rem 0.875rem;
}

.cleanup-summary-label[b-qb9kpm9hoo] {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--b9-text-soft);
  margin-bottom: 0.2rem;
}

.cleanup-summary-item strong[b-qb9kpm9hoo] {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--b9-text);
}

.cleanup-warning[b-qb9kpm9hoo] {
  border-radius: 12px;
  padding: 0.85rem 0.95rem;
  margin-top: 1rem;
  font-size: 0.9rem;
  line-height: 1.45;
  border: 1px solid;
}

.cleanup-warning--blocked[b-qb9kpm9hoo] {
  background: var(--b9-danger-soft);
  border-color: var(--b9-danger);
  color: var(--b9-danger-text);
}

.cleanup-warning--ready[b-qb9kpm9hoo] {
  background: var(--b9-warning-soft);
  border-color: var(--b9-warning);
  color: var(--b9-warning-text);
}

.cleanup-form[b-qb9kpm9hoo] {
  margin-top: 1rem;
}

.cleanup-label[b-qb9kpm9hoo] {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--b9-text-muted);
  margin-bottom: 0.35rem;
}

.cleanup-input[b-qb9kpm9hoo] {
  background: var(--b9-surface-muted);
  border-color: var(--b9-border);
  color: var(--b9-text);
}

.cleanup-check[b-qb9kpm9hoo] {
  margin-top: 0.8rem;
}

@media (max-width: 720px) {
  .cleanup-summary-grid[b-qb9kpm9hoo] {
    grid-template-columns: 1fr;
  }

  .cleanup-modal-header[b-qb9kpm9hoo],
  .cleanup-modal-footer[b-qb9kpm9hoo] {
    flex-direction: column;
    align-items: stretch;
  }
}
/* /Components/Pages/Courses/Create.razor.rz.scp.css */
/* ── Search hero ──────────────────────────────────────────────────────────── */

.search-hero[b-cs9fnk7p8x] { border-radius: var(--b9-card-radius, 12px); }

.search-icon-wrap[b-cs9fnk7p8x] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--b9-primary, #1E40AF);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

/* ── Search input group ───────────────────────────────────────────────────── */

.cc-search-wrap[b-cs9fnk7p8x] {
    max-width: 580px;
    margin: 0 auto;
}

.cc-search-prefix[b-cs9fnk7p8x] {
    background: var(--bg-elevated);
    border-color: var(--border-default);
    border-right: 0;
    border-radius: 10px 0 0 10px !important;
}

.cc-search-input[b-cs9fnk7p8x] {
    border-color: var(--b9-border, #E5E7EB);
    border-left: 0;
    border-right: 0;
    font-size: 1rem;
}

.cc-search-input:focus[b-cs9fnk7p8x] {
    box-shadow: none;
    border-color: var(--b9-primary, #1E40AF);
}

.cc-search-clear[b-cs9fnk7p8x] {
    background: var(--bg-elevated);
    border-color: var(--border-default);
    border-left: 0;
    border-radius: 0 10px 10px 0 !important;
    color: var(--text-muted);
    transition: color 0.15s;
}

.cc-search-clear:hover[b-cs9fnk7p8x] { color: var(--b9-danger, #DC2626); background: var(--bg-raised); }

/* ── Results dropdown ─────────────────────────────────────────────────────── */

.cc-dropdown[b-cs9fnk7p8x] {
    position: absolute;
    left: 0; right: 0;
    top: calc(100% + 6px);
    background: var(--bg-elevated);
    color: var(--text-primary);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    overflow: hidden;
    z-index: 1000;
    max-height: 380px;
    overflow-y: auto;
}

.cc-result[b-cs9fnk7p8x] {
    display: block;
    width: 100%;
    text-align: left;
    color: var(--text-primary);
    background: none;
    border: none;
    border-bottom: 1px solid var(--border-default);
    padding: 10px 14px;
    cursor: pointer;
    transition: background 0.1s;
}

.cc-result:last-child[b-cs9fnk7p8x] { border-bottom: none; }

.cc-result:hover[b-cs9fnk7p8x],
.cc-result-active[b-cs9fnk7p8x] { background: var(--bg-raised); }

.cc-result-active[b-cs9fnk7p8x],
.cc-result-active .cc-result-name[b-cs9fnk7p8x],
.cc-result-active .cc-result-meta[b-cs9fnk7p8x],
.cc-result-active .cc-result-meta i[b-cs9fnk7p8x],
.cc-result:hover[b-cs9fnk7p8x],
.cc-result:hover .cc-result-name[b-cs9fnk7p8x],
.cc-result:hover .cc-result-meta[b-cs9fnk7p8x],
.cc-result:hover .cc-result-meta i[b-cs9fnk7p8x] {
    color: var(--text-primary) !important;
}

.cc-result-name[b-cs9fnk7p8x] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--text-primary);
    margin-bottom: 2px;
}

.cc-result-meta[b-cs9fnk7p8x] {
    font-size: 0.75rem;
    color: var(--text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.cc-result-meta i[b-cs9fnk7p8x] { color: var(--text-muted); }

/* Lock dropdown readability regardless of app theme token values. */
.cc-dropdown.text-muted[b-cs9fnk7p8x],
.cc-dropdown .text-muted[b-cs9fnk7p8x] { color: var(--text-muted) !important; }

.cc-dropdown strong[b-cs9fnk7p8x] { color: var(--text-primary); }

.cc-pill[b-cs9fnk7p8x] {
    background: var(--b9-primary, #1E40AF);
    color: #fff;
    font-size: 0.68rem;
    padding: 1px 7px;
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* ── Preview: scorecard import note ──────────────────────────────────────── */

.cc-import-note[b-cs9fnk7p8x] { border-radius: 8px; }

/* ── Preview: tee group headers ──────────────────────────────────────────── */

.cc-tee-group-header[b-cs9fnk7p8x] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--b9-text-muted, #475569);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 16px;
    margin-bottom: 6px;
}

.cc-gender-dot[b-cs9fnk7p8x] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.cc-gender-men[b-cs9fnk7p8x]   { background: var(--b9-primary, #1E40AF); }
.cc-gender-women[b-cs9fnk7p8x] { background: var(--b9-danger,  #DC2626); }

/* ── Preview: tee table ───────────────────────────────────────────────────── */

.cc-tee-table thead th[b-cs9fnk7p8x] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #cbd5e1;
    border-bottom: 1px solid #334155;
    background: #16263f;
    padding: 6px 8px;
}

.cc-tee-table tbody td[b-cs9fnk7p8x] {
    font-size: 0.8125rem;
    vertical-align: middle;
    color: #e2e8f0;
    border-color: #23324a;
    background: #0f1b31;
    padding: 6px 8px;
}

.cc-tee-table tbody tr:hover td[b-cs9fnk7p8x] {
    background: #172743;
}

.cc-tee-table strong[b-cs9fnk7p8x] {
    color: #f8fafc;
}

.cc-tee-table .text-muted[b-cs9fnk7p8x] {
    color: #93a4bd !important;
}

.cc-tee-dot[b-cs9fnk7p8x] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    vertical-align: middle;
    flex-shrink: 0;
}

/* ── Form: tee chip badges ────────────────────────────────────────────────── */

.cc-tee-chip[b-cs9fnk7p8x] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1.5px solid var(--chip-color, #6366F1);
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-primary);
    background: color-mix(in srgb, var(--chip-color, #6366F1) 18%, transparent);
}

.cc-chip-dot[b-cs9fnk7p8x] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--chip-color, #6366F1);
    flex-shrink: 0;
}

.cc-chip-rating[b-cs9fnk7p8x] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary);
    border-left: 1px solid var(--border-default);
    padding-left: 5px;
    margin-left: 2px;
}

.cc-tee-chip .text-muted[b-cs9fnk7p8x] {
    color: var(--text-muted) !important;
    font-weight: 600;
}

/* ── Import banner ────────────────────────────────────────────────────────── */

.cc-import-banner[b-cs9fnk7p8x] {
    border-radius: var(--b9-card-radius, 12px);
    background: var(--brand-soft);
}

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 576px) {
    .search-icon-wrap[b-cs9fnk7p8x] { width: 44px; height: 44px; font-size: 1.1rem; }
}
/* /Components/Pages/Courses/Detail.razor.rz.scp.css */
/* ── Course details card ──────────────────────────────────────────────── */
.course-detail-tee-card[b-9tbddoi1oy] {
  background: var(--b9-card-bg, rgba(11,26,51,.9));
  border: 1px solid var(--b9-card-border, rgba(59,130,246,.18)) !important;
}

/* ── Tee table — dark-first, all tokens ───────────────────────────────── */
.course-detail-tee-table[b-9tbddoi1oy] {
  --bs-table-bg: transparent;
  --bs-table-color: var(--b9-text, #e2e8f0);
  --bs-table-hover-color: var(--b9-text-bright, #fff);
  --bs-table-hover-bg: rgba(59,130,246,.14);
  --bs-table-border-color: var(--b9-border, rgba(255,255,255,.1));
  color: var(--b9-text, #e2e8f0) !important;
}

.course-detail-tee-head th[b-9tbddoi1oy] {
  background: var(--b9-table-head-bg, rgba(255,255,255,.07)) !important;
  color: var(--b9-text, #e2e8f0) !important;
  border-bottom: 1px solid var(--b9-border, rgba(255,255,255,.1)) !important;
}

.course-detail-tee-table tbody td[b-9tbddoi1oy] {
  color: var(--b9-text, #e2e8f0) !important;
  border-color: var(--b9-border, rgba(255,255,255,.1)) !important;
}

.course-detail-tee-table tbody .btn[b-9tbddoi1oy] {
  position: relative;
  z-index: 1;
}

.course-detail-tee-gender[b-9tbddoi1oy] {
  color: var(--b9-text-muted, #94a3b8) !important;
}

/* ── Course logo upload button ────────────────────────────────────────── */
.cd-upload-label[b-9tbddoi1oy] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid var(--b9-border, rgba(255,255,255,.15));
  border-radius: 6px;
  background: var(--b9-surface-muted, rgba(255,255,255,.05));
  color: var(--b9-text, #e2e8f0);
  transition: background 0.15s, border-color 0.15s;
}

.cd-upload-label:hover[b-9tbddoi1oy] {
  background: var(--b9-card-bg-hover, rgba(255,255,255,.08));
  border-color: var(--b9-brand, #22c55e);
}
/* /Components/Pages/Events/CommandCenter.razor.rz.scp.css */
.cc-command-bar[b-0m3i1xepsh] {
    top: 0;
    z-index: 100;
    background: var(--bg-elevated);
    border-bottom: 1px solid var(--border-subtle);
    min-height: auto;
}

.container-fluid[b-0m3i1xepsh],
.container-fluid > .cc-command-bar[b-0m3i1xepsh],
.container-fluid > .px-4[b-0m3i1xepsh] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.cc-command-bar > div[b-0m3i1xepsh] {
    min-width: 0;
}

.cc-command-bar .fw-bold.fs-5[b-0m3i1xepsh] {
    display: inline-block;
    max-width: 100%;
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
}

:deep(.row > [class*="col-"])[b-0m3i1xepsh] {
    min-width: 0;
}

@media (max-width: 767.98px) {
    .cc-command-bar[b-0m3i1xepsh] {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .container-fluid > .cc-command-bar[b-0m3i1xepsh],
    .container-fluid > .px-4[b-0m3i1xepsh] {
        padding-left: 0.85rem !important;
        padding-right: 0.85rem !important;
    }

    .cc-command-bar > div[b-0m3i1xepsh] {
        width: 100%;
    }

    .cc-command-bar > div:first-child[b-0m3i1xepsh] {
        margin-bottom: 0.5rem;
    }

    .cc-command-bar > div:last-child[b-0m3i1xepsh] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .cc-command-bar .btn[b-0m3i1xepsh] {
        font-size: 0.875rem;
        white-space: normal;
    }
}

.cc-transition-success[b-0m3i1xepsh] {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.08), rgba(16, 185, 129, 0.05));
    border: 1px solid rgba(22, 163, 74, 0.25) !important;
}

.cc-required-badge[b-0m3i1xepsh] {
    font-size: 10px;
}

.cc-table-head th[b-0m3i1xepsh] {
    background: var(--bg-elevated) !important;
    color: var(--text-secondary);
    border-bottom-color: var(--border-subtle);
}

/* Keep event cards and field tables readable on dark surfaces */
:deep(.card)[b-0m3i1xepsh] {
    background: var(--bg-surface);
    color: var(--bs-body-color);
    border-color: var(--border-subtle);
}

:deep(.card-header)[b-0m3i1xepsh],
:deep(.card-footer)[b-0m3i1xepsh] {
    background: var(--bg-elevated) !important;
    color: var(--bs-body-color);
    border-color: var(--border-subtle);
}

:deep(.card-body)[b-0m3i1xepsh],
:deep(.card-body .small)[b-0m3i1xepsh],
:deep(.card-body .form-label)[b-0m3i1xepsh],
:deep(.card-body .form-check-label)[b-0m3i1xepsh],
:deep(.card-body .fw-semibold)[b-0m3i1xepsh],
:deep(.card-body dt)[b-0m3i1xepsh],
:deep(.card-body dd)[b-0m3i1xepsh] {
    color: var(--bs-body-color);
}

:deep(.card-body .text-muted)[b-0m3i1xepsh] {
    color: var(--text-secondary) !important;
}

:deep(.table)[b-0m3i1xepsh] {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--border-subtle);
}

:deep(.table > :not(caption) > * > *)[b-0m3i1xepsh] {
    color: var(--bs-body-color);
    border-bottom-color: var(--border-subtle);
}

:deep(.table thead th)[b-0m3i1xepsh] {
    color: var(--bs-body-color);
    background: var(--bg-elevated);
    border-bottom-color: var(--border-subtle);
}

/* Event field table readability lock: player names/emails/actions must remain legible */
:deep(.cc-field-table)[b-0m3i1xepsh] {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--border-subtle);
}

:deep(.cc-field-table > :not(caption) > * > *)[b-0m3i1xepsh] {
    color: var(--bs-body-color) !important;
    border-bottom-color: var(--border-subtle);
}

:deep(.cc-field-table .cc-field-player-name)[b-0m3i1xepsh],
:deep(.cc-field-table .cc-field-player-name a)[b-0m3i1xepsh] {
    color: var(--bs-body-color) !important;
}

:deep(.cc-field-table .cc-field-player-email)[b-0m3i1xepsh],
:deep(.cc-field-table .cc-field-player-notes)[b-0m3i1xepsh],
:deep(.cc-field-table .text-muted)[b-0m3i1xepsh] {
    color: var(--text-secondary) !important;
}

/* Only icon glyphs inherit — buttons keep their own semantic colors */
:deep(.cc-field-table .b9-badge)[b-0m3i1xepsh] {
    color: inherit;
}

/* Disabled/closed surfaces should remain readable (not washed out white) */
:deep(.card .disabled)[b-0m3i1xepsh],
:deep(.card [aria-disabled="true"])[b-0m3i1xepsh],
:deep(.card .btn:disabled)[b-0m3i1xepsh],
:deep(.card .form-control:disabled)[b-0m3i1xepsh],
:deep(.card .form-select:disabled)[b-0m3i1xepsh] {
    color: var(--text-secondary) !important;
    opacity: 0.9;
}

.cc-inline-editor-row td[b-0m3i1xepsh] {
    background: var(--bg-elevated) !important;
    border-top-color: var(--border-subtle);
    border-bottom-color: var(--border-subtle);
}

.cc-inline-editor-panel[b-0m3i1xepsh] {
    background: var(--bg-elevated) !important;
    border-top-color: var(--border-subtle) !important;
}

:deep(.skins-setup-panel)[b-0m3i1xepsh] {
    background: var(--bg-elevated) !important;
    border-color: var(--border-subtle) !important;
    color: var(--bs-body-color);
}

:deep(.skins-setup-panel .text-muted)[b-0m3i1xepsh] {
    color: var(--text-secondary) !important;
}

:deep(.wolf-setup-panel)[b-0m3i1xepsh] {
    background: var(--bg-elevated) !important;
    border-color: var(--border-subtle) !important;
    color: var(--bs-body-color);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(2, 6, 23, 0.12);
}

:deep(.wolf-setup-panel .text-muted)[b-0m3i1xepsh] {
    color: var(--bs-secondary-color) !important;
    line-height: 1.45;
}

:deep(.wolf-hole-decisions-panel)[b-0m3i1xepsh] {
    background: var(--bg-elevated) !important;
    border-color: var(--border-subtle) !important;
    color: var(--bs-body-color);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(2, 6, 23, 0.12);
}

:deep(.wolf-hole-decisions-panel .text-muted)[b-0m3i1xepsh] {
    color: var(--bs-secondary-color) !important;
    line-height: 1.45;
}

:deep(.wolf-hole-decisions-panel .table-responsive)[b-0m3i1xepsh] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

:deep(.wolf-hole-decisions-panel table)[b-0m3i1xepsh] {
    min-width: 760px;
}

:deep(.wolf-hole-decisions-panel th)[b-0m3i1xepsh],
:deep(.wolf-hole-decisions-panel td)[b-0m3i1xepsh] {
    vertical-align: middle;
    white-space: normal;
}

:deep(.wolf-hole-decisions-panel .form-select.form-select-sm)[b-0m3i1xepsh] {
    min-height: 36px;
}

:deep([data-testid="event-skins-individual-summary-card"] .skins-summary-table thead th)[b-0m3i1xepsh] {
    color: var(--bs-body-color) !important;
    background: var(--bg-elevated) !important;
    border-bottom-color: var(--border-subtle) !important;
}

:deep([data-testid="event-skins-individual-summary-card"] .skins-summary-table)[b-0m3i1xepsh],
:deep([data-testid="event-skins-two-player-team-card"] .skins-summary-table)[b-0m3i1xepsh],
:deep([data-testid="event-skins-four-player-team-card"] .skins-summary-table)[b-0m3i1xepsh] {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--border-subtle);
    color: var(--bs-body-color) !important;
}

:deep([data-testid="event-skins-two-player-team-card"] .skins-summary-table thead th)[b-0m3i1xepsh] {
    color: var(--bs-body-color) !important;
    background: var(--bg-elevated) !important;
    border-bottom-color: var(--border-subtle) !important;
}

:deep([data-testid="event-skins-four-player-team-card"] .skins-summary-table thead th)[b-0m3i1xepsh] {
    color: var(--bs-body-color) !important;
    background: var(--bg-elevated) !important;
    border-bottom-color: var(--border-subtle) !important;
}

:deep([data-testid="event-skins-individual-summary-card"] .skins-summary-table tbody td)[b-0m3i1xepsh] {
    color: var(--bs-body-color) !important;
    border-color: var(--border-subtle);
}

:deep([data-testid="event-skins-two-player-team-card"] .skins-summary-table tbody td)[b-0m3i1xepsh] {
    color: var(--bs-body-color) !important;
    border-color: var(--border-subtle);
}

:deep([data-testid="event-skins-four-player-team-card"] .skins-summary-table tbody td)[b-0m3i1xepsh] {
    color: var(--bs-body-color) !important;
    border-color: var(--border-subtle);
}

:deep([data-testid="event-wolf-standings-card"] .wolf-summary-table)[b-0m3i1xepsh] {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--border-default);
    color: var(--bs-body-color) !important;
    border-collapse: separate;
    border-spacing: 0;
}

:deep([data-testid="event-wolf-standings-card"] .wolf-summary-table thead th)[b-0m3i1xepsh] {
    color: var(--bs-body-color) !important;
    background: var(--bg-elevated) !important;
    border: 1px solid var(--border-default) !important;
    border-bottom: 2px solid var(--border-default) !important;
    font-weight: 700;
    padding: 0.75rem !important;
    text-align: left;
    white-space: nowrap;
}

:deep([data-testid="event-wolf-standings-card"] .wolf-summary-table tbody tr)[b-0m3i1xepsh] {
    border-bottom: 1px solid var(--border-default);
}

:deep([data-testid="event-wolf-standings-card"] .wolf-summary-table tbody tr:nth-child(odd))[b-0m3i1xepsh] {
    background-color: rgba(0, 0, 0, 0.02);
}

@media (prefers-color-scheme: dark) {
    :deep([data-testid="event-wolf-standings-card"] .wolf-summary-table tbody tr:nth-child(odd))[b-0m3i1xepsh] {
        background-color: rgba(255, 255, 255, 0.04);
    }
}

:deep([data-testid="event-wolf-standings-card"] .wolf-summary-table tbody td)[b-0m3i1xepsh] {
    color: var(--bs-body-color) !important;
    border: 1px solid var(--border-default);
    border-right: none;
    padding: 0.75rem !important;
    line-height: 1.4;
    white-space: normal;
    word-break: break-word;
}

:deep([data-testid="event-wolf-standings-card"] .wolf-summary-table tbody td:last-child)[b-0m3i1xepsh] {
    border-right: 1px solid var(--border-default);
}

:deep(.skins-summary-table th)[b-0m3i1xepsh],
:deep(.skins-summary-table td)[b-0m3i1xepsh] {
    white-space: normal;
    word-break: break-word;
}

:deep(.skins-summary-table th:first-child)[b-0m3i1xepsh],
:deep(.skins-summary-table td:first-child)[b-0m3i1xepsh] {
    min-width: 8.25rem;
}

/* Phase 5A: readability and hierarchy stabilization (Event surfaces) */
:deep(.card-header .fw-semibold)[b-0m3i1xepsh],
:deep(.card-header span.fw-semibold)[b-0m3i1xepsh] {
    color: var(--bs-body-color);
    letter-spacing: 0.01em;
}

:deep(.card-body .form-label)[b-0m3i1xepsh],
:deep(.card-body .small.fw-semibold)[b-0m3i1xepsh],
:deep(.card-body dt)[b-0m3i1xepsh] {
    color: var(--text-secondary) !important;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.35;
    margin-bottom: 0.3rem;
}

:deep(.card-body dd)[b-0m3i1xepsh],
:deep(.card-body .fw-semibold)[b-0m3i1xepsh],
:deep(.card-body .form-check-label)[b-0m3i1xepsh],
:deep(.cc-field-table .cc-field-player-name)[b-0m3i1xepsh] {
    color: var(--bs-body-color) !important;
    line-height: 1.45;
}

:deep(.card-body .text-muted)[b-0m3i1xepsh],
:deep(.card-body .small.text-muted)[b-0m3i1xepsh],
:deep(.cc-field-table .cc-field-player-email)[b-0m3i1xepsh],
:deep(.cc-field-table .cc-field-player-notes)[b-0m3i1xepsh] {
    color: var(--text-secondary) !important;
    line-height: 1.4;
}

:deep(.card-body dt)[b-0m3i1xepsh] {
    white-space: nowrap;
}

:deep(.card-body dd)[b-0m3i1xepsh] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

:deep(.cc-field-table thead th)[b-0m3i1xepsh] {
    color: var(--text-secondary) !important;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

:deep(.cc-field-table tbody td)[b-0m3i1xepsh] {
    vertical-align: top;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

/* Row hover — helps admin scan 40-player lists */
:deep(.cc-field-table tbody tr:hover td)[b-0m3i1xepsh] {
    background: rgba(255, 255, 255, 0.04);
}

/* Check-in button: pending state — visible border, muted icon, clearly clickable */
:deep(.cc-field-table .cc-btn-checkin-pending)[b-0m3i1xepsh] {
    border-color: rgba(255, 255, 255, 0.22) !important;
    color: rgba(255, 255, 255, 0.38) !important;
}

/* Notes/pencil button: raise visibility above btn-link default (nearly invisible in dark) */
:deep(.cc-field-table .cc-btn-notes)[b-0m3i1xepsh] {
    color: var(--text-secondary) !important;
    opacity: 1 !important;
}
:deep(.cc-field-table .cc-btn-notes:hover)[b-0m3i1xepsh] {
    color: var(--text-primary) !important;
}

@media (max-width: 767.98px) {
    :deep(.wolf-setup-panel)[b-0m3i1xepsh],
    :deep(.wolf-hole-decisions-panel)[b-0m3i1xepsh] {
        padding: 0.75rem !important;
    }

    :deep(.wolf-setup-panel .form-label)[b-0m3i1xepsh],
    :deep(.wolf-hole-decisions-panel .form-label)[b-0m3i1xepsh] {
        font-size: 0.78rem;
        line-height: 1.35;
    }

    :deep(.skins-team-assignment-row)[b-0m3i1xepsh] {
        padding-bottom: 0.5rem;
        margin-bottom: 0.75rem;
        border-bottom: 1px solid var(--border-subtle);
    }

    :deep(.skins-team-actions) .btn[b-0m3i1xepsh] {
        flex: 1 1 auto;
        min-width: 8.5rem;
    }

    /* Wolf tables mobile responsiveness */
    :deep([data-testid="event-wolf-standings-card"] .table-responsive)[b-0m3i1xepsh] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    :deep([data-testid="event-wolf-standings-card"] .wolf-summary-table)[b-0m3i1xepsh] {
        font-size: 0.875rem;
        min-width: 560px;
    }

    :deep([data-testid="event-wolf-standings-card"] .wolf-summary-table thead th)[b-0m3i1xepsh] {
        padding: 0.5rem !important;
        white-space: nowrap;
    }

    :deep([data-testid="event-wolf-standings-card"] .wolf-summary-table tbody td)[b-0m3i1xepsh] {
        padding: 0.5rem !important;
    }

    :deep(.card-body .form-label)[b-0m3i1xepsh],
    :deep(.card-body dt)[b-0m3i1xepsh] {
        white-space: normal;
    }

    :deep(.card-body dd)[b-0m3i1xepsh] {
        margin-bottom: 0.55rem;
    }
}

/* ── Left column: Rounds always first ───────────────────── */
.cc-left-column[b-0m3i1xepsh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Remove individual mb-3 from direct card children since gap handles spacing */
.cc-left-column > .card[b-0m3i1xepsh],
.cc-left-column > div > .card[b-0m3i1xepsh] {
    margin-bottom: 0 !important;
}

/* Card order: Rounds (1) → Details (2) → Registration (3) → specialty cards (10+)
   Without explicit values, all flex children default to order:0 which places them
   BEFORE order:1, so we must pin specialty cards to order:10. */
.cc-card-rounds[b-0m3i1xepsh]       { order: 1; }
.cc-card-details[b-0m3i1xepsh]      { order: 2; }
.cc-card-registration[b-0m3i1xepsh] { order: 3; }
/* All other direct .card children (Share, Wolf, Skins, Reports, etc.) come after */
.cc-left-column > .card:not(.cc-card-rounds):not(.cc-card-details):not(.cc-card-registration)[b-0m3i1xepsh] { order: 10; }

/* Clickable card header */
.cc-left-column .card-header[style*="cursor:pointer"]:hover[b-0m3i1xepsh] {
    background: var(--bg-raised, var(--bg-elevated)) !important;
}

/* ── Rounds list — side-by-side for multi-round events ─── */
.cc-rounds-list[b-0m3i1xepsh] {
    display: grid;
    grid-template-columns: 1fr;
}

/* 2+ rounds: side by side on screens ≥ 480px */
@media (min-width: 480px) {
    .cc-rounds-list--multi[b-0m3i1xepsh] {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
}

/* ── Round Cards — Tile Grid Design ─────────────────────── */
.cc-round-card[b-0m3i1xepsh] {
    border-bottom: 1px solid var(--border-subtle);
    padding: 1rem 1rem 0.875rem;
}

/* In multi-round grid: right-border divides columns, no bottom-border */
@media (min-width: 480px) {
    .cc-rounds-list--multi .cc-round-card[b-0m3i1xepsh] {
        border-bottom: none;
        border-right: 1px solid var(--border-subtle);
    }

    .cc-rounds-list--multi .cc-round-card:last-child[b-0m3i1xepsh] {
        border-right: none;
    }
}

.cc-round-card:last-child[b-0m3i1xepsh] {
    border-bottom: none;
}

/* Round identity: name + date */
.cc-round-identity[b-0m3i1xepsh] {
    margin-bottom: 0.75rem;
}

.cc-round-title[b-0m3i1xepsh] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.2;
}

.cc-round-meta[b-0m3i1xepsh] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    margin-top: 0.125rem;
}

/* ── Scoring status toggle (full-width, clickable) ─── */
.cc-scoring-toggle[b-0m3i1xepsh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.625rem 0.875rem;
    border-radius: 0.625rem;
    border: 1.5px solid;
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: opacity 0.15s;
    margin-bottom: 0.75rem;
}

.cc-scoring-toggle--open[b-0m3i1xepsh] {
    border-color: var(--success, #22c55e);
    color: var(--success, #22c55e);
}

.cc-scoring-toggle--closed[b-0m3i1xepsh] {
    border-color: var(--border-subtle);
    color: var(--text-secondary);
}

.cc-scoring-toggle:hover[b-0m3i1xepsh] {
    opacity: 0.75;
}

.cc-scoring-toggle-icon[b-0m3i1xepsh] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.cc-scoring-toggle-body[b-0m3i1xepsh] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    line-height: 1.2;
}

.cc-scoring-toggle-label[b-0m3i1xepsh] {
    font-size: 0.875rem;
    font-weight: 600;
}

.cc-scoring-toggle-hint[b-0m3i1xepsh] {
    font-size: 0.6875rem;
    opacity: 0.65;
}

/* Read-only scoring badge */
.cc-scoring-badge[b-0m3i1xepsh] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border-radius: 2rem;
    font-size: 0.8125rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.cc-scoring-badge--open[b-0m3i1xepsh] {
    background: var(--success-soft, rgba(34, 197, 94, 0.12));
    color: var(--success, #22c55e);
}

.cc-scoring-badge--closed[b-0m3i1xepsh] {
    background: var(--bg-elevated);
    color: var(--text-secondary);
}

/* ── Primary tile grid (2-col, large tap targets) ─── */
.cc-round-tiles[b-0m3i1xepsh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Single tile: full-width when only one child */
.cc-round-tiles > :only-child[b-0m3i1xepsh] {
    grid-column: 1 / -1;
}

.cc-tile[b-0m3i1xepsh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem 0.5rem;
    border-radius: 0.625rem;
    border: 1.5px solid var(--border-subtle);
    background: var(--bg-elevated);
    color: var(--text-primary);
    text-decoration: none;
    min-height: 88px;
    gap: 0.25rem;
    cursor: pointer;
    transition: transform 0.1s, background 0.15s;
}

.cc-tile:hover[b-0m3i1xepsh] {
    transform: translateY(-2px);
    text-decoration: none;
    color: var(--text-primary);
    background: var(--bg-raised, var(--bg-elevated));
}

.cc-tile-icon[b-0m3i1xepsh] {
    font-size: 1.5rem;
    line-height: 1;
    display: block;
}

.cc-tile-label[b-0m3i1xepsh] {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
}

.cc-tile-sub[b-0m3i1xepsh] {
    font-size: 0.6875rem;
    opacity: 0.65;
    line-height: 1.2;
}

/* Pairings tile — blue */
.cc-tile--pairings[b-0m3i1xepsh] {
    background: var(--brand-soft, rgba(59, 130, 246, 0.1));
    border-color: var(--brand, #3b82f6);
    color: var(--brand, #3b82f6);
}

.cc-tile--pairings:hover[b-0m3i1xepsh] {
    background: var(--brand-soft, rgba(59, 130, 246, 0.2));
    color: var(--brand, #3b82f6);
}

.cc-tile--pairings .cc-tile-sub[b-0m3i1xepsh] {
    color: var(--brand, #3b82f6);
    opacity: 0.7;
}

/* Enter Scores tile — green */
.cc-tile--scores[b-0m3i1xepsh] {
    background: var(--success-soft, rgba(34, 197, 94, 0.1));
    border-color: var(--success, #22c55e);
    color: var(--success, #22c55e);
}

.cc-tile--scores:hover[b-0m3i1xepsh] {
    background: var(--success-soft, rgba(34, 197, 94, 0.2));
    color: var(--success, #22c55e);
}

.cc-tile--scores .cc-tile-sub[b-0m3i1xepsh] {
    color: var(--success, #22c55e);
    opacity: 0.7;
}

/* Results tile (closed events) — amber */
.cc-tile--results[b-0m3i1xepsh] {
    background: var(--warning-soft, rgba(245, 158, 11, 0.1));
    border-color: var(--warning, #f59e0b);
    color: var(--warning, #f59e0b);
}

.cc-tile--results:hover[b-0m3i1xepsh] {
    background: var(--warning-soft, rgba(245, 158, 11, 0.2));
    color: var(--warning, #f59e0b);
}

.cc-tile--results .cc-tile-sub[b-0m3i1xepsh] {
    opacity: 0.7;
}

/* ── Secondary: Scorecards (full-width) ─── */
.cc-round-secondary-btn[b-0m3i1xepsh] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    padding: 0.625rem 0.875rem;
    border-radius: 0.5rem;
    border: 1px solid var(--border-subtle);
    background: var(--bg-elevated);
    color: var(--text-primary);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    transition: background 0.15s;
}

.cc-round-secondary-btn:hover[b-0m3i1xepsh] {
    background: var(--bg-raised, var(--bg-elevated));
    text-decoration: none;
    color: var(--text-primary);
}

.cc-round-secondary-btn > i[b-0m3i1xepsh] {
    font-size: 1rem;
    flex-shrink: 0;
}

.cc-round-secondary-btn > span:first-of-type[b-0m3i1xepsh] {
    flex: 1;
}

.cc-round-secondary-hint[b-0m3i1xepsh] {
    font-size: 0.6875rem;
    color: var(--text-secondary);
    white-space: nowrap;
}

/* ── Tertiary: small text links ─── */
.cc-round-tertiary[b-0m3i1xepsh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.25rem 0 0.125rem;
}

.cc-tertiary-link[b-0m3i1xepsh] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8125rem;
    color: var(--text-secondary);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.15s;
}

.cc-tertiary-link:hover[b-0m3i1xepsh] {
    color: var(--text-primary);
    text-decoration: none;
}

/* ── Full-width Rounds Row (.cc-rr) ─────────────────────────────── */
.cc-rr[b-0m3i1xepsh] {
    display: grid;
    grid-template-columns: 160px 1fr auto;
    grid-template-rows: auto auto auto;
    align-items: center;
    column-gap: 1.25rem;
    padding: 0.875rem 1.25rem;
}

.cc-rr--sep[b-0m3i1xepsh] {
    border-bottom: 1px solid var(--border-subtle);
}

.cc-rr-identity[b-0m3i1xepsh] {
    grid-column: 1;
    grid-row: 1;
}

.cc-rr-num[b-0m3i1xepsh] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-primary);
}

.cc-rr-date[b-0m3i1xepsh] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: 2px;
}

/* Scoring toggle button + read-only badge */
.cc-rr-toggle[b-0m3i1xepsh],
.cc-rr-badge[b-0m3i1xepsh] {
    grid-column: 2;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.28rem 0.7rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    justify-self: start;
}

.cc-rr-toggle[b-0m3i1xepsh] {
    border: 1.5px solid;
    background: transparent;
    cursor: pointer;
    transition: opacity 0.15s;
}

.cc-rr-toggle:hover[b-0m3i1xepsh] {
    opacity: 0.72;
}

.cc-rr-badge[b-0m3i1xepsh] {
    border: none;
}

.cc-rr-open[b-0m3i1xepsh] {
    color: var(--success, #22c55e);
    border-color: var(--success, #22c55e);
    background: var(--success-soft, rgba(34,197,94,0.08));
}

.cc-rr-closed[b-0m3i1xepsh] {
    color: var(--text-secondary);
    border-color: var(--border-default);
    background: var(--bg-raised);
}

.cc-rr-dot[b-0m3i1xepsh] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

.cc-rr-hint[b-0m3i1xepsh] {
    font-size: 0.68rem;
    opacity: 0.6;
    font-weight: 400;
}

/* Primary action buttons */
.cc-rr-btns[b-0m3i1xepsh] {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    gap: 0.5rem;
    flex-wrap: nowrap;
}

/* Secondary text links row */
.cc-rr-links[b-0m3i1xepsh] {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding-top: 0.4rem;
    margin-top: 0.4rem;
    border-top: 1px solid var(--border-subtle);
}

.cc-rr-link[b-0m3i1xepsh] {
    font-size: 0.78rem;
    color: var(--text-secondary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: color 0.12s;
}

.cc-rr-link:hover[b-0m3i1xepsh] {
    color: var(--text-primary);
    text-decoration: underline;
}

/* Inline round editor (date + tee override) */
.cc-rr-editor[b-0m3i1xepsh] {
    grid-column: 1 / -1;
    grid-row: 3;
    padding: 0.75rem;
    background: var(--brand-soft, rgba(59,130,246,0.06));
    border-radius: 8px;
    margin-top: 0.625rem;
    border: 1px solid var(--border-subtle);
}

/* Mobile: single-column stack */
@media (max-width: 767.98px) {
    .cc-rr[b-0m3i1xepsh] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        gap: 0.5rem;
        padding: 0.875rem 1rem;
    }

    .cc-rr-identity[b-0m3i1xepsh] { grid-column: 1; grid-row: 1; }

    .cc-rr-toggle[b-0m3i1xepsh],
    .cc-rr-badge[b-0m3i1xepsh] { grid-column: 1; grid-row: 2; }

    .cc-rr-btns[b-0m3i1xepsh] {
        grid-column: 1;
        grid-row: 3;
        flex-wrap: wrap;
    }

    .cc-rr-btns .btn[b-0m3i1xepsh] {
        flex: 1;
        min-width: 120px;
    }

    .cc-rr-links[b-0m3i1xepsh] {
        grid-column: 1;
        grid-row: 4;
        gap: 0.875rem;
        border-top: 1px solid var(--border-subtle);
    }

    .cc-rr-editor[b-0m3i1xepsh] {
        grid-column: 1;
        grid-row: 5;
    }
}
/* /Components/Pages/Events/ContestAdmin.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   CONTEST ADMIN PAGE — ContestAdmin.razor
══════════════════════════════════════════════════════════════ */

/* ── Top bar ── */
.cad-bar[b-mubisuld6q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
    background: var(--bg-elevated);
    border-bottom: 1px solid var(--border-default);
    gap: 1rem;
}

.cad-bar-left[b-mubisuld6q] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.cad-back[b-mubisuld6q] {
    color: var(--text-muted);
    text-decoration: none;
    font-size: 0.875rem;
    white-space: nowrap;
}

.cad-back:hover[b-mubisuld6q] { color: var(--text-primary); }

.cad-bar-title[b-mubisuld6q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.cad-bar-event[b-mubisuld6q] {
    font-weight: 600;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cad-bar-right[b-mubisuld6q] {
    flex-shrink: 0;
}

/* ── Loading / error state ── */
.cad-state-wrap[b-mubisuld6q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 1.5rem;
    color: var(--text-muted);
}

.cad-state-icon[b-mubisuld6q] { font-size: 2rem; }
.cad-state-text[b-mubisuld6q] { margin: 0; font-size: 0.9rem; }

/* ── Create form ── */
.cad-create-card[b-mubisuld6q] {
    margin: 1rem 1.25rem;
    border: 1px solid var(--brand-ring);
    border-radius: 8px;
    background: var(--brand-soft);
    overflow: hidden;
}

.cad-create-header[b-mubisuld6q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: rgba(37,99,235,0.24);
    border-bottom: 1px solid var(--brand-ring);
}

.cad-create-body[b-mubisuld6q] { padding: 1rem; }

/* ── Hole picker ── */
.cad-hole-picker[b-mubisuld6q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.25rem;
}

.cad-hole-btn[b-mubisuld6q] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    border: 1px solid var(--border-default);
    background: var(--bg-raised);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.15s;
    line-height: 1;
    padding: 0;
}

.cad-hole-btn:hover[b-mubisuld6q] { border-color: var(--brand-text); color: var(--brand-text); }

.cad-hole-btn-on[b-mubisuld6q] {
    background: #3b82f6;
    border-color: #2563eb;
    color: #fff;
}

/* ── Empty state ── */
.cad-empty[b-mubisuld6q] {
    text-align: center;
    padding: 3rem 1.5rem;
    color: var(--text-muted);
}

.cad-empty-icon[b-mubisuld6q] { font-size: 2.5rem; display: block; margin-bottom: 0.75rem; color: var(--text-muted); }
.cad-empty-title[b-mubisuld6q] { font-weight: 600; font-size: 1rem; margin: 0 0 0.35rem; color: var(--text-primary); }
.cad-empty-sub[b-mubisuld6q] { font-size: 0.875rem; margin-bottom: 1.25rem; }

/* ── Contest cards ── */
.cad-list[b-mubisuld6q] {
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.cad-contest-card[b-mubisuld6q] {
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--bg-elevated);
    overflow: hidden;
    transition: box-shadow 0.15s;
}

.cad-contest-card.cad-expanded[b-mubisuld6q] { box-shadow: 0 2px 12px rgba(0,0,0,.28); }

.cad-contest-header[b-mubisuld6q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    cursor: pointer;
    user-select: none;
    gap: 1rem;
}

.cad-contest-header:hover[b-mubisuld6q] { background: var(--bg-raised); }

.cad-contest-info[b-mubisuld6q] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-width: 0;
}

.cad-contest-name[b-mubisuld6q] {
    font-weight: 600;
    font-size: 0.95rem;
}

.cad-contest-actions[b-mubisuld6q] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.cad-contest-body[b-mubisuld6q] {
    padding: 0.75rem 1rem 1rem;
    border-top: 1px solid var(--border-default);
    background: var(--bg-raised);
}

.cad-status-row[b-mubisuld6q] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 0.25rem;
}

/* ── Status badges ── */
.cad-status-badge[b-mubisuld6q] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 4px;
    white-space: nowrap;
}

.cad-status-draft[b-mubisuld6q]  { background: var(--bg-raised); color: var(--text-muted); }
.cad-status-open[b-mubisuld6q]   { background: var(--success-soft); color: var(--success-text); }
.cad-status-locked[b-mubisuld6q] { background: var(--warning-soft); color: var(--warning-text); }
.cad-status-final[b-mubisuld6q]  { background: var(--success-soft); color: var(--success-text); border: 1px solid rgba(34,197,94,0.28); }
/* /Components/Pages/Events/Create.razor.rz.scp.css */
/* ============================================================
   Events/Create — scoped styles
   Wizard layout (wiz-*) matches Leagues/Create for UI parity.
   Format card styles (evt-format-*) are event-specific.
============================================================ */

/* ── Shell ── */
.wiz-shell[b-kv18doxnwr] {
    max-width: 1080px;
    margin: 2.5rem auto;
    padding: 0 1rem;
}

/* ── Page header ── */
.wiz-page-header[b-kv18doxnwr] { margin-bottom: 2rem; }
.wiz-back-link[b-kv18doxnwr] { font-size: .825rem; color: var(--text-muted); text-decoration: none; }
.wiz-back-link:hover[b-kv18doxnwr] { color: var(--brand); }
.wiz-page-title[b-kv18doxnwr] { font-size: 1.5rem; font-weight: 700; margin: 0; }
.wiz-page-sub[b-kv18doxnwr] { font-size: .875rem; color: var(--text-muted); margin: .25rem 0 0; }

/* ── Type context callout ── */
.wiz-type-context[b-kv18doxnwr] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    background: var(--brand-soft, rgba(59,130,246,0.12));
    border: 1px solid rgba(59,130,246,0.3);
    border-radius: 8px;
    padding: .625rem .875rem;
    font-size: .825rem;
    color: var(--text-primary);
    margin-bottom: 1.25rem;
    line-height: 1.5;
}

/* ── Compact progress indicator (mobile) ── */
.wiz-compact-progress[b-kv18doxnwr] {
    margin-bottom: 1rem;
    padding: .8rem .95rem;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(15,23,42,0.9), rgba(15,23,42,0.72));
    border: 1px solid rgba(148,163,184,0.25);
}

.wiz-compact-current[b-kv18doxnwr] {
    color: #f8fafc;
    font-size: .95rem;
    font-weight: 700;
}

.wiz-compact-next[b-kv18doxnwr] {
    margin-top: .35rem;
    color: #cbd5e1;
    font-size: .85rem;
}

/* ── Sidebar step list ── */
.wiz-grid[b-kv18doxnwr] {
    display: block;
}

.wiz-progress-wrap[b-kv18doxnwr] {
    display: none;
}

.wiz-progress-current[b-kv18doxnwr] {
    padding: .95rem 1rem;
    border-radius: 12px;
    background: rgba(15,23,42,0.72);
    border: 1px solid rgba(148,163,184,0.30);
    margin-bottom: .9rem;
}

.wiz-progress-kicker[b-kv18doxnwr] {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #93c5fd;
    font-weight: 700;
}

.wiz-progress-title[b-kv18doxnwr] {
    margin-top: .35rem;
    font-size: 1.08rem;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.35;
}

.wiz-progress-next[b-kv18doxnwr] {
    margin-top: .4rem;
    font-size: .82rem;
    color: #cbd5e1;
}

.wiz-progress-list[b-kv18doxnwr] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: .5rem;
}

.wiz-progress-item[b-kv18doxnwr] {
    display: flex;
    align-items: center;
    gap: .65rem;
    border-radius: 10px;
    padding: .55rem .7rem;
    border: 1px solid transparent;
}

.wiz-progress-index[b-kv18doxnwr] {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    font-weight: 700;
    flex: 0 0 auto;
}

.wiz-progress-label[b-kv18doxnwr] {
    font-size: .9rem;
    line-height: 1.35;
    white-space: normal;
}

.wiz-progress-item-active[b-kv18doxnwr] {
    border-color: rgba(59,130,246,.55);
    background: rgba(37,99,235,.17);
}

.wiz-progress-item-active .wiz-progress-index[b-kv18doxnwr] {
    background: var(--brand);
    color: #ffffff;
    box-shadow: 0 0 0 3px var(--brand-ring);
}

.wiz-progress-item-active .wiz-progress-label[b-kv18doxnwr] {
    color: #f8fafc;
    font-weight: 700;
}

.wiz-progress-item-done[b-kv18doxnwr] {
    border-color: rgba(16,185,129,.34);
    background: rgba(16,185,129,.11);
}

.wiz-progress-item-done .wiz-progress-index[b-kv18doxnwr] {
    background: var(--b9-accent-green);
    color: #ffffff;
}

.wiz-progress-item-done .wiz-progress-label[b-kv18doxnwr] {
    color: #bbf7d0;
    font-weight: 600;
}

.wiz-progress-item-future[b-kv18doxnwr] {
    background: rgba(148,163,184,.08);
    border-color: rgba(148,163,184,.18);
}

.wiz-progress-item-future .wiz-progress-index[b-kv18doxnwr] {
    background: #1e293b;
    color: #e2e8f0;
    border: 1px solid #475569;
}

.wiz-progress-item-future .wiz-progress-label[b-kv18doxnwr] {
    color: #94a3b8;
    font-weight: 500;
}

/* ── Card ── */
.wiz-card[b-kv18doxnwr] {
    --wiz-footer-clearance: clamp(4rem, 10svh, 6rem);
    background:     var(--bg-surface);
    border:         1px solid var(--border-subtle);
    border-radius:  14px;
    overflow:       visible;
    box-shadow:     0 4px 24px rgba(0,0,0,.35), 0 1px 3px rgba(0,0,0,.25);
    display:        flex;
    flex-direction: column;
}

.wiz-card-head[b-kv18doxnwr] {
    display:       flex;
    align-items:   flex-start;
    gap:           1rem;
    padding:       1.5rem 1.75rem 1.25rem;
    border-bottom: 1px solid var(--border-subtle);
}

.wiz-card-icon[b-kv18doxnwr] {
    width: 42px; height: 42px; border-radius: 10px;
    background: var(--brand-soft);
    color:      var(--brand-hover);
    display:    flex; align-items: center; justify-content: center;
    font-size:  1.25rem; flex-shrink: 0;
}

.wiz-card-icon-success[b-kv18doxnwr] {
    background: var(--b9-accent-green-soft);
    color:      var(--b9-accent-green);
}

.wiz-card-title[b-kv18doxnwr] { font-size: 1.05rem; font-weight: 700; color: var(--text-primary); line-height: 1.3; }
.wiz-card-sub[b-kv18doxnwr]   { font-size: .84rem; color: var(--text-muted); margin-top: .2rem; line-height: 1.5; }
.wiz-card-body[b-kv18doxnwr]  { padding: 1.75rem 1.75rem calc(2rem + var(--wiz-footer-clearance)); }

/* ── Form fields ── */
.wiz-field[b-kv18doxnwr] { margin-bottom: 1.25rem; }
.wiz-field:last-child[b-kv18doxnwr] { margin-bottom: 0; }

.wiz-label[b-kv18doxnwr] {
    display:        block;
    font-size:      .76rem;
    font-weight:    600;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom:  .4rem;
    color:          var(--text-secondary);
}

.wiz-required[b-kv18doxnwr] { color: var(--b9-danger); }
.wiz-optional[b-kv18doxnwr] { font-weight: 400; color: var(--text-muted); text-transform: none; letter-spacing: 0; }

.wiz-input[b-kv18doxnwr] {
    background:   var(--bg-app);
    border-color: var(--border-subtle);
    color:        var(--text-primary);
    transition:   border-color 160ms ease, box-shadow 160ms ease;
}

.wiz-input:hover:not(:disabled)[b-kv18doxnwr] { border-color: var(--border-default); }

.wiz-input:focus[b-kv18doxnwr] {
    border-color: var(--brand);
    box-shadow:   0 0 0 3px var(--brand-ring);
    outline:      none;
}

.wiz-input-lg[b-kv18doxnwr] { font-size: 1.05rem; padding: .6rem .9rem; }
.wiz-hint[b-kv18doxnwr]     { font-size: .78rem; color: var(--text-muted); margin-top: .35rem; line-height: 1.45; }
.wiz-row-2[b-kv18doxnwr]    { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }

@media (max-width: 520px) { .wiz-row-2[b-kv18doxnwr] { grid-template-columns: 1fr; } }

/* ── Waitlist toggle block ── */
.evt-check-block[b-kv18doxnwr] {
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    background: rgba(255,255,255,0.03);
    padding: .95rem 1rem;
}

/* ── Review table ── */
.wiz-review[b-kv18doxnwr] {
    border:        1px solid var(--border-subtle);
    border-radius: 10px;
    overflow:      hidden;
    margin-bottom: 1.25rem;
}

.wiz-review-row[b-kv18doxnwr] {
    display:     flex;
    align-items: baseline;
    gap:         .75rem;
    padding:     .8rem 1rem;
    border-bottom: 1px solid var(--border-subtle);
}

.wiz-review-row:last-child[b-kv18doxnwr] { border-bottom: none; }

.wiz-review-label[b-kv18doxnwr] {
    font-size:      .71rem;
    font-weight:    600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color:          var(--text-muted);
    min-width:      110px;
    flex-shrink:    0;
}

.wiz-review-val[b-kv18doxnwr]  { flex: 1; font-size: .9rem; color: var(--text-primary); }

.wiz-review-edit[b-kv18doxnwr] {
    background:    none;
    border:        none;
    padding:       .1rem .35rem;
    color:         var(--text-muted);
    font-size:     .8rem;
    border-radius: 4px;
    cursor:        pointer;
    opacity:       .5;
    transition:    opacity 160ms ease, color 160ms ease;
}

.wiz-review-edit:hover[b-kv18doxnwr] { opacity: 1; color: var(--brand-hover); }

/* ── Info note ── */
.wiz-info-note[b-kv18doxnwr] {
    border-radius: 8px;
    padding:       .75rem 1rem;
    font-size:     .83rem;
    background:    var(--brand-soft);
    border:        1px solid rgba(29,78,216,0.25);
    color:         var(--b9-primary-text);
    line-height:   1.5;
}

/* ── Review warnings ── */
.wiz-review-warnings[b-kv18doxnwr] {
    border-radius: 8px;
    padding:       .75rem .9rem;
    background:    rgba(245,158,11,0.10);
    border:        1px solid rgba(245,158,11,0.35);
    color:         var(--text-secondary);
    font-size:     .84rem;
    line-height:   1.45;
}

.wiz-review-warnings-title[b-kv18doxnwr] {
    font-size:      .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight:    700;
    color:          var(--text-primary);
    margin-bottom:  .35rem;
}

/* ── Footer ── */
.wiz-footer[b-kv18doxnwr] {
    display:          flex;
    justify-content:  space-between;
    align-items:      center;
    padding:          1.25rem 1.75rem;
    border-top:       1px solid var(--border-subtle);
    background:       var(--bg-surface);
}

.wiz-btn-back[b-kv18doxnwr]   { min-width: 90px; }
.wiz-btn-next[b-kv18doxnwr]   { min-width: 130px; }
.wiz-btn-create[b-kv18doxnwr] { min-width: 160px; font-weight: 600; }

/* ── Responsive: show sidebar on wider viewports ── */
@media (min-width: 860px) {
    .wiz-compact-progress[b-kv18doxnwr] { display: none; }
    .wiz-progress-wrap[b-kv18doxnwr] { display: block; margin-bottom: 1.15rem; }
}

@media (min-width: 1100px) {
    .wiz-grid[b-kv18doxnwr] {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 1.15rem;
        align-items: start;
    }

    .wiz-progress-wrap[b-kv18doxnwr] {
        margin-bottom: 0;
        position: sticky;
        top: 1rem;
    }
}

@media (max-width: 520px) {
    .wiz-card-head[b-kv18doxnwr],
    .wiz-card-body[b-kv18doxnwr],
    .wiz-footer[b-kv18doxnwr] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .wiz-compact-current[b-kv18doxnwr] { font-size: .9rem; }
    .wiz-compact-next[b-kv18doxnwr]    { font-size: .8rem; }
}

/* ── Scoring format cards ── */
.evt-format-grid[b-kv18doxnwr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
}

.evt-format-grid-item[b-kv18doxnwr] { min-width: 0; }

.evt-format-card[b-kv18doxnwr] {
    min-height: 90px;
    height: 100%;
    padding: 0.875rem 1rem;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.evt-format-card-copy[b-kv18doxnwr] { min-width: 0; flex: 1 1 auto; }

.evt-format-card-title[b-kv18doxnwr] {
    color: var(--text-primary);
    font-size: 1rem;
    line-height: 1.35;
}

.evt-format-card-desc[b-kv18doxnwr] {
    color: var(--text-secondary) !important;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-top: 0.25rem;
    overflow-wrap: anywhere;
}

.evt-format-card:hover[b-kv18doxnwr] { border-color: var(--b9-primary) !important; }

.evt-format-card-unselected[b-kv18doxnwr] {
    background: var(--bg-surface, #0f172a) !important;
    border-color: var(--border-subtle, #334155) !important;
}

.evt-format-card-unselected .evt-format-card-title[b-kv18doxnwr] { color: var(--text-primary, #f8fafc) !important; }
.evt-format-card-unselected .evt-format-card-desc[b-kv18doxnwr],
.evt-format-card-unselected .evt-format-card-icon[b-kv18doxnwr]  { color: var(--text-secondary, #cbd5e1) !important; }

.evt-format-card-selected[b-kv18doxnwr] {
    background: var(--brand-soft, rgba(59,130,246,0.22)) !important;
    border-color: var(--b9-primary-light, #60a5fa) !important;
}

.evt-format-card-selected .evt-format-card-title[b-kv18doxnwr],
.evt-format-card-selected .evt-format-card-desc[b-kv18doxnwr],
.evt-format-card-selected .evt-format-card-icon[b-kv18doxnwr],
.evt-format-card-selected .evt-format-card-check[b-kv18doxnwr] { color: var(--text-primary, #f8fafc) !important; }

html[data-theme="light"] .evt-format-card-unselected[b-kv18doxnwr] {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .evt-format-card-unselected .evt-format-card-title[b-kv18doxnwr]  { color: #1f2937 !important; }
html[data-theme="light"] .evt-format-card-unselected .evt-format-card-desc[b-kv18doxnwr],
html[data-theme="light"] .evt-format-card-unselected .evt-format-card-icon[b-kv18doxnwr]   { color: #475569 !important; }

html[data-theme="light"] .evt-format-card-selected[b-kv18doxnwr]  { background: #dbeafe !important; border-color: #3b82f6 !important; }
html[data-theme="light"] .evt-format-card-selected .evt-format-card-title[b-kv18doxnwr],
html[data-theme="light"] .evt-format-card-selected .evt-format-card-desc[b-kv18doxnwr],
html[data-theme="light"] .evt-format-card-selected .evt-format-card-icon[b-kv18doxnwr],
html[data-theme="light"] .evt-format-card-selected .evt-format-card-check[b-kv18doxnwr]   { color: #0f172a !important; }

/* ── Side-game panels ── */
.skins-setup-panel[b-kv18doxnwr],
.wolf-setup-panel[b-kv18doxnwr] {
    background: var(--bg-elevated) !important;
    border-color: var(--border-subtle) !important;
    color: var(--bs-body-color);
}

.skins-setup-panel .text-muted[b-kv18doxnwr],
.skins-setup-panel .form-text[b-kv18doxnwr],
.wolf-setup-panel .text-muted[b-kv18doxnwr],
.wolf-setup-panel .form-text[b-kv18doxnwr] { color: var(--text-secondary) !important; }

/* ── Info callout box ── */
.evt-info-callout[b-kv18doxnwr] {
    border: 1px solid var(--border-subtle, #334155);
    border-radius: 0.375rem;
    background: var(--bg-elevated, #1e293b);
    color: var(--text-primary, #f1f5f9);
}

html[data-theme="light"] .evt-info-callout[b-kv18doxnwr] {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #1f2937;
}
/* /Components/Pages/Events/EventRegistration.razor.rz.scp.css */
.ereg-page[b-tkjtozmzwf] {
    min-height: 100vh;
    background: linear-gradient(160deg, #0b1120 0%, #111827 45%, #0f172a 100%);
    color: #e2e8f0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.ereg-loading[b-tkjtozmzwf],
.ereg-state-page[b-tkjtozmzwf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    text-align: center;
    padding: 2rem;
    color: #94a3b8;
}

.ereg-state-title[b-tkjtozmzwf] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #f8fafc;
    margin-bottom: 0.5rem;
}

.ereg-state-sub[b-tkjtozmzwf] {
    font-size: 0.95rem;
    color: #94a3b8;
}

.ereg-main[b-tkjtozmzwf] {
    padding: 2rem 1rem 2.5rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.ereg-container[b-tkjtozmzwf] {
    max-width: 620px;
    margin: 0 auto;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.ereg-event-context[b-tkjtozmzwf] {
    margin-bottom: 1rem;
}

.ereg-event-org[b-tkjtozmzwf] {
    margin: 0;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #93c5fd;
    font-weight: 700;
}

.ereg-event-name[b-tkjtozmzwf] {
    margin: 0.35rem 0 0;
    color: #f8fafc;
    font-size: 1.75rem;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.ereg-breadcrumb[b-tkjtozmzwf] {
    margin-bottom: 1.25rem;
}

.ereg-back-link[b-tkjtozmzwf] {
    font-size: 0.875rem;
    color: #93c5fd;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.ereg-back-link:hover[b-tkjtozmzwf] {
    color: #bfdbfe;
}

.ereg-submit-error[b-tkjtozmzwf] {
    margin-bottom: 1rem;
    border: 1px solid rgba(248, 113, 113, 0.45);
    background: rgba(127, 29, 29, 0.45);
    color: #fee2e2;
    border-radius: 12px;
    padding: 0.75rem 0.9rem;
    font-size: 0.9rem;
}

/* ── Eligibility card ── */

.ereg-card[b-tkjtozmzwf] {
    background: rgba(15, 23, 42, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 14px;
    padding: 1.5rem;
    box-shadow: 0 14px 28px rgba(2, 6, 23, 0.45);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.ereg-card--open[b-tkjtozmzwf] {
    border-left: 4px solid #22c55e;
}

.ereg-card--blocked[b-tkjtozmzwf] {
    border-left: 4px solid #ef4444;
}

.ereg-card--info[b-tkjtozmzwf] {
    border-left: 4px solid #3b82f6;
}

.ereg-card--positive[b-tkjtozmzwf] {
    border-left: 4px solid #22c55e;
}

.ereg-card--muted[b-tkjtozmzwf] {
    border-left: 4px solid #64748b;
}

.ereg-status-heading[b-tkjtozmzwf] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #f8fafc;
    margin: 0 0 0.5rem;
    line-height: 1.25;
}

.ereg-status-message[b-tkjtozmzwf] {
    font-size: 0.95rem;
    color: #cbd5e1;
    margin: 0 0 1.25rem;
    line-height: 1.6;
}

.ereg-confirm-heading[b-tkjtozmzwf] {
    margin: 0 0 0.45rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: #f8fafc;
    line-height: 1.3;
}

.ereg-confirm-message[b-tkjtozmzwf] {
    margin: 0 0 0.9rem;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.45;
}

.ereg-confirm-actions[b-tkjtozmzwf] {
    display: grid;
    gap: 0.55rem;
}

.ereg-secondary-btn[b-tkjtozmzwf] {
    width: 100%;
    min-height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.45);
    background: rgba(15, 23, 42, 0.45);
    color: #e2e8f0;
    font-size: 0.875rem;
    font-weight: 700;
    white-space: normal;
    overflow-wrap: anywhere;
}

.ereg-secondary-btn:hover[b-tkjtozmzwf] {
    background: rgba(148, 163, 184, 0.12);
}

/* ── Action area ── */

.ereg-action-area[b-tkjtozmzwf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ereg-primary-btn[b-tkjtozmzwf] {
    display: inline-block;
    padding: 0.675rem 1.25rem;
    border-radius: 10px;
    font-size: 0.9375rem;
    font-weight: 700;
    border: none;
    cursor: not-allowed;
    opacity: 0.55;
    transition: opacity 0.15s;
    width: 100%;
    text-align: center;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
}

.ereg-primary-btn--open[b-tkjtozmzwf],
.ereg-primary-btn--positive[b-tkjtozmzwf] {
    background: #22c55e;
    color: #052e16;
}

.ereg-primary-btn--blocked[b-tkjtozmzwf] {
    background: #ef4444;
    color: #fff;
}

.ereg-primary-btn--info[b-tkjtozmzwf] {
    background: #3b82f6;
    color: #fff;
}

.ereg-primary-btn--muted[b-tkjtozmzwf] {
    background: #475569;
    color: #e2e8f0;
}

.ereg-action-help[b-tkjtozmzwf] {
    font-size: 0.8125rem;
    color: #94a3b8;
    margin: 0;
    text-align: center;
    line-height: 1.4;
}

/* ── Enabled button state ── */

.ereg-primary-btn--enabled[b-tkjtozmzwf] {
    cursor: pointer;
    opacity: 1;
}

/* ── Sign-in link (renders as styled anchor, not button) ── */

.ereg-primary-btn--link[b-tkjtozmzwf] {
    text-decoration: none;
    display: block;
    cursor: pointer;
    opacity: 1;
    line-height: 1.5;
}

.ereg-primary-btn--link:hover[b-tkjtozmzwf] {
    text-decoration: none;
    opacity: 0.88;
}

/* ── Next step section ── */

.ereg-next-step[b-tkjtozmzwf] {
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.25);
}

.ereg-next-step-text[b-tkjtozmzwf] {
    font-size: 0.875rem;
    color: #cbd5e1;
    margin: 0 0 0.5rem;
    line-height: 1.5;
}

.ereg-secondary-link-area[b-tkjtozmzwf] {
    margin-top: 0.8rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.ereg-next-step-link[b-tkjtozmzwf] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #93c5fd;
    text-decoration: none;
}

.ereg-next-step-link:hover[b-tkjtozmzwf] {
    text-decoration: underline;
}

@media (max-width: 640px) {
    .ereg-main[b-tkjtozmzwf] {
        padding: 1.25rem 0.75rem 2rem;
    }

    .ereg-event-name[b-tkjtozmzwf] {
        font-size: 1.45rem;
    }

    .ereg-card[b-tkjtozmzwf] {
        padding: 1.2rem;
    }

    .ereg-event-org[b-tkjtozmzwf] {
        letter-spacing: 0.08em;
        line-height: 1.35;
    }

    .ereg-status-heading[b-tkjtozmzwf],
    .ereg-confirm-heading[b-tkjtozmzwf] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Events/EventScorecards.razor.rz.scp.css */
.spc-topbar[b-lwyckcvlc7] {
    max-width: 1180px;
    margin: 0.9rem auto 0.25rem;
    padding: 0 1rem;
}

.spc-wrap[b-lwyckcvlc7] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0.65rem 1rem 2rem;
}

.spc-header-card[b-lwyckcvlc7] {
    background: var(--bg-surface);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    padding: 1rem;
    box-shadow: var(--b9-card-shadow);
}

.spc-header-row[b-lwyckcvlc7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
}

.spc-header-row h1[b-lwyckcvlc7] {
    margin: 0;
    font-size: 1.35rem;
    color: var(--text-primary);
}

.spc-header-row p[b-lwyckcvlc7] {
    margin: 0.2rem 0 0;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.spc-ready-badge[b-lwyckcvlc7] {
    font-size: 0.8rem;
    padding: 0.45rem 0.6rem;
}

.spc-kpis[b-lwyckcvlc7] {
    margin-top: 0.85rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.spc-kpi[b-lwyckcvlc7] {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 0.65rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.spc-kpi-label[b-lwyckcvlc7] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--text-muted);
}

.spc-kpi-value[b-lwyckcvlc7] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text-primary);
}

.spc-metadata[b-lwyckcvlc7] {
    margin-top: 0.45rem;
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.spc-metadata--qr-on[b-lwyckcvlc7] {
    color: var(--success, #22c55e);
}

.spc-metadata--qr-upgrade[b-lwyckcvlc7] {
    margin-top: 0.75rem;
    background: var(--brand-soft, rgba(34,197,94,.08));
    border: 1px solid var(--brand-soft, rgba(34,197,94,.2));
    border-radius: 8px;
    padding: 0.6rem 0.9rem;
    color: var(--text-secondary, #cbd5e1);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.spc-upgrade-link[b-lwyckcvlc7] {
    display: inline-block;
    margin-top: 0.3rem;
    color: var(--brand, #22c55e);
    font-weight: 600;
    text-decoration: none;
}

.spc-actions[b-lwyckcvlc7] {
    margin-top: 0.85rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.spc-hero-panel[b-lwyckcvlc7] {
    margin-top: 0.9rem;
    background: var(--bg-surface);
    border: 1px solid var(--border-subtle);
    border-radius: 14px;
    padding: 0.85rem;
    box-shadow: var(--b9-card-shadow);
}

.spc-panel-head h3[b-lwyckcvlc7] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1rem;
}

.spc-panel-head p[b-lwyckcvlc7] {
    margin: 0.15rem 0 0.6rem;
    font-size: 0.83rem;
    color: var(--text-secondary);
}

.spc-preview-frame[b-lwyckcvlc7] {
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    overflow: hidden;
    background: var(--bg-surface);
    height: 620px;
}

.spc-preview-frame iframe[b-lwyckcvlc7] {
    width: 100%;
    height: 100%;
    border: 0;
}

.spc-empty[b-lwyckcvlc7] {
    min-height: 260px;
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.spc-admin-accordion[b-lwyckcvlc7] {
    margin-top: 0.9rem;
    background: var(--bg-surface);
    border: 1px solid var(--border-subtle);
    border-radius: 14px;
    box-shadow: var(--b9-card-shadow);
}

.spc-admin-accordion summary[b-lwyckcvlc7] {
    cursor: pointer;
    padding: 0.8rem 0.95rem;
    user-select: none;
    font-weight: 600;
    color: var(--text-primary);
}

.spc-admin-body[b-lwyckcvlc7] {
    border-top: 1px solid var(--border-subtle);
    padding: 0.85rem 0.95rem 0.95rem;
}

.spc-admin-list[b-lwyckcvlc7] {
    margin: 0;
    display: grid;
    gap: 0.55rem;
}

.spc-admin-list div[b-lwyckcvlc7] {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    padding: 0.5rem 0.65rem;
}

.spc-admin-list dt[b-lwyckcvlc7] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    color: var(--text-muted);
}

.spc-admin-list dd[b-lwyckcvlc7] {
    margin: 0.15rem 0 0;
    font-size: 0.88rem;
    color: var(--text-primary);
    font-weight: 600;
}

.spc-empty-sm[b-lwyckcvlc7] {
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    padding: 0.75rem;
    text-align: center;
    color: var(--text-secondary);
    font-size: 0.88rem;
}

.spc-state[b-lwyckcvlc7] {
    min-height: 42vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--text-secondary);
}

.spc-overlay[b-lwyckcvlc7] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1080;
}

.spc-confirm-card[b-lwyckcvlc7] {
    width: min(32rem, 100%);
}

@media (max-width: 980px) {
    .spc-header-row[b-lwyckcvlc7] {
        flex-direction: column;
        align-items: flex-start;
    }

    .spc-kpis[b-lwyckcvlc7] {
        grid-template-columns: 1fr;
    }

    .spc-preview-frame[b-lwyckcvlc7] {
        height: 440px;
    }
}

@media print {
    .no-print[b-lwyckcvlc7] {
        display: none !important;
    }
}
/* /Components/Pages/Events/Field.razor.rz.scp.css */
/* ── Registered Players table ────────────────────────────────── */
/* Global .table rule in components.css covers base text/border.  */
/* These rules add page-specific structure on top.                */

.fld-players-table tbody tr:last-child td[b-yegxqi6zbq] {
    border-bottom: none;
}

/* ── Roster rows (Add from Roster panel) ─────────────────────── */

.fld-roster-row:last-child[b-yegxqi6zbq] {
    border-bottom: none !important;
}

/* Translucent tint on hover — player name stays readable in all themes */
.fld-roster-row:hover[b-yegxqi6zbq] {
    background: rgba(255, 255, 255, 0.05);
}
/* /Components/Pages/Events/Flyer.razor.rz.scp.css */
/*
   Events/Flyer.razor.css
   All shared .flyer-* styles are in wwwroot/flyer.css (global),
   loaded via <HeadContent> in FlyerLayout.razor.
   Add event-specific style overrides here only if needed.
*/
/* /Components/Pages/Events/Index.razor.rz.scp.css */
/* ── Events Index page ────────────────────────────────────────────────── */

.ev-page[b-1npqm713ob] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    max-width: var(--admin-list-page-max-width, 1120px);
    margin: 0 auto;
    padding: 1.1rem 0 2.75rem;
    overflow-x: hidden;
}

.ev-header[b-1npqm713ob] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.ev-header-left[b-1npqm713ob] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex: 1 1 420px;
    min-width: 0;
}

.ev-header-copy[b-1npqm713ob] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.ev-title[b-1npqm713ob] {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--b9-text);
    margin: 0;
}

.ev-subtitle[b-1npqm713ob] {
    font-size: 0.91rem;
    color: var(--b9-text-soft);
    max-width: min(42rem, 100%);
    line-height: 1.3;
}

.ev-header-actions[b-1npqm713ob] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    flex: 0 0 auto;
    margin-left: auto;
}

.ev-header-action-btn[b-1npqm713ob] {
    white-space: nowrap;
    min-width: 146px;
    min-height: 2.5rem;
}

.ev-loading[b-1npqm713ob] {
    padding: 3rem 0;
    text-align: center;
    color: var(--b9-text-soft);
    font-size: .9375rem;
}

.ev-empty[b-1npqm713ob] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2.75rem 1rem;
    text-align: center;
    border: 1px solid var(--b9-border);
    border-radius: 12px;
    background: var(--b9-surface);
}

.ev-empty-icon[b-1npqm713ob] {
    font-size: 2.5rem;
    color: var(--b9-text-soft);
}

.ev-empty-title[b-1npqm713ob] {
    font-weight: 700;
    color: var(--b9-text);
}

.ev-empty-text[b-1npqm713ob] {
    color: var(--b9-text-soft);
    font-size: .95rem;
    max-width: 440px;
    margin: 0;
}

.ev-count[b-1npqm713ob] {
    font-size: .8125rem;
    color: var(--b9-text-soft);
}

.ev-ops-summary[b-1npqm713ob] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    margin-bottom: .68rem;
}

.ev-ops-card[b-1npqm713ob] {
    display: flex;
    flex-direction: column;
    gap: .14rem;
    padding: .62rem .74rem;
    background: color-mix(in srgb, var(--b9-surface) 90%, black 10%);
    border: 1px solid var(--b9-border);
    border-radius: 10px;
}

.ev-ops-card-live[b-1npqm713ob] {
    border-color: color-mix(in srgb, var(--b9-success) 36%, var(--b9-border));
    background: color-mix(in srgb, var(--b9-success) 8%, var(--b9-surface));
}

.ev-ops-card-attention[b-1npqm713ob] {
    border-color: color-mix(in srgb, var(--b9-warning, #f59e0b) 36%, var(--b9-border));
    background: color-mix(in srgb, var(--b9-warning, #f59e0b) 8%, var(--b9-surface));
}

.ev-ops-label[b-1npqm713ob] {
    font-size: .72rem;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--b9-text-soft);
    font-weight: 600;
}

.ev-ops-value[b-1npqm713ob] {
    font-size: 1.14rem;
    font-weight: 700;
    color: var(--b9-text);
    line-height: 1.1;
}

.ev-ops-note[b-1npqm713ob] {
    font-size: .72rem;
    color: var(--b9-text-soft);
    line-height: 1.15;
}

.dash-card[b-1npqm713ob] {
    background: var(--b9-surface);
    border: 1px solid var(--b9-border);
    border-radius: 12px;
    overflow: hidden;
}

.dash-card-header[b-1npqm713ob] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .72rem 1rem;
    border-bottom: 1px solid var(--b9-border);
    gap: .62rem;
}

.dash-card-heading[b-1npqm713ob] {
    display: flex;
    flex-direction: column;
    gap: .14rem;
    min-width: 0;
}

.dash-card-title[b-1npqm713ob] {
    font-weight: 700;
    font-size: .95rem;
    color: var(--b9-text);
}

.dash-card-subtitle[b-1npqm713ob] {
    font-size: .75rem;
    line-height: 1.2;
    color: var(--b9-text-soft);
}

.ev-filter-bar[b-1npqm713ob] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    padding: .62rem 1rem;
    border-bottom: 1px solid var(--b9-border);
    background: color-mix(in srgb, var(--b9-surface-muted) 55%, transparent);
}

.ev-filter-pill[b-1npqm713ob] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 1px solid var(--b9-border);
    border-radius: 999px;
    background: transparent;
    color: var(--b9-text-soft);
    padding: .34rem .72rem;
    font-size: .77rem;
    font-weight: 600;
}

.ev-filter-pill.is-active[b-1npqm713ob] {
    color: var(--b9-text);
    border-color: color-mix(in srgb, var(--b9-primary) 34%, var(--b9-border));
    background: color-mix(in srgb, var(--b9-primary) 10%, transparent);
}

.ev-filter-pill-count[b-1npqm713ob] {
    display: inline-flex;
    min-width: 1.35rem;
    min-height: 1.35rem;
    align-items: center;
    justify-content: center;
    padding: 0 .32rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--b9-surface-muted) 85%, transparent);
    color: inherit;
    font-size: .72rem;
}

.ev-filter-empty[b-1npqm713ob] {
    padding: 1.25rem;
    color: var(--b9-text-soft);
    font-size: .9rem;
}

.etable-wrap[b-1npqm713ob] {
    overflow-x: auto;
    container-type: inline-size;
}

.etable[b-1npqm713ob] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    font-size: .875rem;
}

.etable thead th[b-1npqm713ob] {
    padding: .56rem .8rem;
    text-align: left;
    font-size: .75rem;
    font-weight: 600;
    color: var(--b9-text-soft);
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 1px solid var(--b9-border);
    white-space: nowrap;
    background: var(--b9-surface-muted);
}

.etable tbody tr[b-1npqm713ob] {
    border-bottom: 1px solid var(--b9-border-light, var(--b9-border));
    transition: background .12s, box-shadow .12s;
}

.etable tbody tr:last-child[b-1npqm713ob] {
    border-bottom: none;
}

.etable tbody tr:hover[b-1npqm713ob] {
    background: color-mix(in srgb, var(--b9-surface-muted) 82%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--b9-primary) 20%, transparent);
}

.evtr-live[b-1npqm713ob] {
    background: color-mix(in srgb, var(--b9-success) 4%, transparent);
}

.etable tbody td[b-1npqm713ob] {
    padding: .68rem .8rem;
    vertical-align: middle;
    color: var(--b9-text);
}

.etable thead th:last-child[b-1npqm713ob],
.etable tbody td:last-child[b-1npqm713ob] {
    padding-right: 1rem;
}

.etd-name[b-1npqm713ob] {
    min-width: 220px;
}

.etd-name-stack[b-1npqm713ob] {
    display: flex;
    flex-direction: column;
    gap: .28rem;
}

.etd-name-link[b-1npqm713ob] {
    display: block;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
    font-size: .93rem;
    font-weight: 700;
    color: var(--b9-text);
    line-height: 1.25;
    text-decoration: none;
}

.etd-name-link:hover[b-1npqm713ob] {
    text-decoration: underline;
    color: var(--b9-primary);
}

.evtd-course[b-1npqm713ob] {
    font-size: .8rem;
    color: var(--b9-text-soft);
    line-height: 1.2;
}

.evtd-inline-meta[b-1npqm713ob] {
    display: none;
    flex-wrap: wrap;
    gap: .35rem .65rem;
    font-size: .78rem;
    color: var(--b9-text-soft);
    line-height: 1.3;
}

.evtd-inline-meta span[b-1npqm713ob] {
    position: relative;
}

.evtd-inline-meta span + span[b-1npqm713ob]::before {
    content: "·";
    margin-right: .45rem;
    color: color-mix(in srgb, var(--b9-text-soft) 70%, transparent);
}

.evtd-format[b-1npqm713ob],
.evtd-date[b-1npqm713ob],
.evtd-players[b-1npqm713ob] {
    color: var(--b9-text-soft);
    font-size: .815rem;
    line-height: 1.2;
}

.evtd-date[b-1npqm713ob] {
    white-space: nowrap;
}

.evtd-status[b-1npqm713ob] {
    white-space: nowrap;
}

.evtd-actions-cell[b-1npqm713ob] {
    white-space: nowrap;
    min-width: 0;
}

.evtd-action-stack[b-1npqm713ob] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .32rem;
}

.etd-row-action[b-1npqm713ob] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.1rem;
    padding: .38rem .82rem;
    border-radius: 999px;
    border: 1px solid var(--b9-border);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .02em;
    white-space: nowrap;
    color: var(--b9-text-soft);
    background: transparent;
    text-decoration: none;
}

.etd-row-action:hover[b-1npqm713ob] {
    background: var(--b9-surface-muted);
    color: var(--b9-text);
}

.etd-row-action-primary[b-1npqm713ob] {
    color: var(--b9-text);
    border-color: var(--b9-border-strong, var(--b9-border));
    background: color-mix(in srgb, var(--b9-primary) 10%, transparent);
    min-height: 2.5rem;
    padding: .5rem 1rem;
}

.evtd-secondary-actions[b-1npqm713ob] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .2rem .55rem;
    max-width: 18rem;
}

.evtd-secondary-action[b-1npqm713ob] {
    border: none;
    background: transparent;
    padding: .22rem .08rem;
    min-height: 1.5rem;
    font-size: .74rem;
    line-height: 1.1;
    color: var(--b9-text-soft);
    opacity: .82;
    text-decoration: none;
}

.evtd-secondary-action:hover[b-1npqm713ob] {
    color: var(--b9-text);
    opacity: 1;
    text-decoration: underline;
}

.evtd-secondary-button[b-1npqm713ob] {
    cursor: pointer;
}

.evtd-delete-action[b-1npqm713ob] {
    color: var(--danger, #ef4444) !important;
    opacity: .7;
}

.evtd-delete-action:hover[b-1npqm713ob] {
    color: var(--danger, #ef4444) !important;
    opacity: 1;
    text-decoration: underline;
}

.estatus[b-1npqm713ob] {
    display: inline-flex;
    align-items: center;
    padding: .2rem .56rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: .02em;
    border: 1px solid transparent;
}

.estatus-active[b-1npqm713ob] {
    background: color-mix(in srgb, var(--b9-success) 8%, transparent);
    color: color-mix(in srgb, var(--b9-success) 70%, var(--b9-text));
    border-color: color-mix(in srgb, var(--b9-success) 36%, var(--b9-border));
}

.estatus-open[b-1npqm713ob] {
    background: color-mix(in srgb, var(--b9-primary) 10%, transparent);
    color: color-mix(in srgb, var(--b9-primary) 72%, var(--b9-text));
    border-color: color-mix(in srgb, var(--b9-primary) 34%, var(--b9-border));
}

.estatus-draft[b-1npqm713ob] {
    background: var(--b9-surface-muted, rgba(148, 163, 184, 0.18));
    color: var(--b9-text-soft, #cbd5e1);
    border-color: var(--b9-border, rgba(148, 163, 184, 0.35));
}

.estatus-closed[b-1npqm713ob] {
    background: rgba(99, 102, 241, 0.16);
    color: #c7d2fe;
    border-color: rgba(99, 102, 241, 0.42);
}

.estatus-cancelled[b-1npqm713ob] {
    background: var(--b9-danger-soft, rgba(239, 68, 68, 0.16));
    color: var(--b9-danger-text, #fca5a5);
    border-color: var(--b9-danger, rgba(239, 68, 68, 0.45));
}

.col-format[b-1npqm713ob] { width: 92px; }
.col-date[b-1npqm713ob] { width: 118px; }
.col-players[b-1npqm713ob] { width: 84px; }
.col-status[b-1npqm713ob] { width: 98px; }
.col-actions[b-1npqm713ob] { width: 208px; }

@container (max-width: 760px) {
    .col-players[b-1npqm713ob] {
        display: none;
    }

    .evtd-inline-meta[b-1npqm713ob] {
        display: flex;
    }
}

@container (max-width: 680px) {
    .col-format[b-1npqm713ob] {
        display: none;
    }
}

@container (max-width: 600px) {
    .col-date[b-1npqm713ob] {
        display: none;
    }

    .etd-name[b-1npqm713ob] {
        min-width: 0;
    }
}

@container (max-width: 860px) {
    .etable thead[b-1npqm713ob] {
        display: none;
    }

    .etable-wrap[b-1npqm713ob] {
        overflow-x: hidden;
    }

    .etable[b-1npqm713ob],
    .etable tbody[b-1npqm713ob],
    .etable tr[b-1npqm713ob],
    .etable td[b-1npqm713ob] {
        display: block;
        width: 100%;
    }

    .etable tbody tr[b-1npqm713ob] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto fit-content(47%);
        column-gap: .42rem;
        row-gap: .22rem;
        align-items: start;
        padding: .56rem .74rem;
        margin: .38rem 0;
        border: 1px solid color-mix(in srgb, var(--b9-border) 84%, var(--b9-primary) 16%);
        border-radius: 10px;
        background: linear-gradient(
            180deg,
            color-mix(in srgb, var(--b9-surface) 95%, black 5%) 0%,
            color-mix(in srgb, var(--b9-surface) 89%, black 11%) 100%
        );
        box-shadow: 0 1px 0 rgba(15, 23, 42, .18), inset 0 0 0 1px color-mix(in srgb, var(--b9-surface-muted) 28%, transparent);
    }

    .etable tbody td[b-1npqm713ob] {
        padding: 0;
        border: 0;
    }

    .etable tbody td.col-format[b-1npqm713ob],
    .etable tbody td.col-date[b-1npqm713ob],
    .etable tbody td.col-players[b-1npqm713ob] {
        display: none !important;
    }

    .evtd-inline-meta[b-1npqm713ob] {
        display: flex;
        gap: .24rem .5rem;
    }

    .etable tbody td.col-status[b-1npqm713ob],
    .etable tbody td.col-actions[b-1npqm713ob] {
        display: block !important;
    }

    .etable tbody td.etd-name[b-1npqm713ob] {
        display: contents !important;
        min-width: 0;
    }

    .etable tbody td.col-status[b-1npqm713ob] {
        display: contents !important;
    }

    .etable tbody td.col-actions[b-1npqm713ob] {
        display: contents !important;
        min-width: 0;
    }

    .etd-name-stack[b-1npqm713ob],
    .evtd-action-stack[b-1npqm713ob] {
        display: contents;
    }

    .etd-name-link[b-1npqm713ob] {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        min-width: 0;
        font-size: .91rem;
        line-height: 1.18;
    }

    .estatus[b-1npqm713ob] {
        grid-column: 2;
        grid-row: 1;
        justify-self: start;
        align-self: center;
    }

    .evtd-status[b-1npqm713ob] {
        margin-top: 0;
        white-space: nowrap;
    }

    .evtd-actions-cell[b-1npqm713ob] {
        margin-top: 0;
        white-space: normal;
    }

    .evtd-action-stack[b-1npqm713ob],
    .evtd-secondary-actions[b-1npqm713ob] {
        align-items: flex-end;
        justify-content: flex-end;
        max-width: none;
    }

    .evtd-action-stack[b-1npqm713ob] {
        gap: .12rem;
    }

    .etd-row-action[b-1npqm713ob] {
        min-width: 0;
        width: auto;
        max-width: 100%;
    }

    .etd-row-action-primary[b-1npqm713ob] {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        min-height: 2.18rem;
        min-width: 8.75rem;
        max-width: 100%;
        padding: .34rem .76rem;
        margin-right: .08rem;
        border-radius: 10px;
        border-color: color-mix(in srgb, var(--b9-border) 82%, var(--b9-primary) 18%);
        background: color-mix(in srgb, var(--b9-primary) 5%, transparent);
        box-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent);
    }

    .evtd-course[b-1npqm713ob] {
        grid-column: 1;
        grid-row: 2;
        align-self: start;
        font-size: .76rem;
        line-height: 1.15;
    }

    .evtd-secondary-actions[b-1npqm713ob] {
        grid-column: 3;
        grid-row: 2;
        justify-self: end;
        align-self: start;
        max-width: 100%;
        padding-right: .08rem;
        margin-top: 0;
        gap: .08rem .34rem;
    }

    .evtd-secondary-action[b-1npqm713ob] {
        display: inline-flex;
        align-items: center;
        min-height: 1.52rem;
        padding: .08rem .12rem;
        border-radius: 5px;
        font-size: .7rem;
        line-height: 1;
        opacity: .74;
    }

    .evtd-inline-meta[b-1npqm713ob] {
        grid-column: 2;
        grid-row: 2;
        display: inline-flex;
        align-self: start;
        justify-self: start;
        gap: .2rem .46rem;
        line-height: 1.15;
        white-space: normal;
    }
}

@media (max-width: 1280px) {
    .ev-header[b-1npqm713ob] {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .ev-header-left[b-1npqm713ob] {
        flex-basis: 100%;
    }

    .ev-header-actions[b-1npqm713ob] {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
    }

    .ev-header-action-btn[b-1npqm713ob] {
        width: auto;
    }
}

@media (max-width: 1180px) {
    .ev-ops-summary[b-1npqm713ob] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .ev-ops-summary[b-1npqm713ob] {
        grid-template-columns: 1fr;
    }
}

/* Clone dialog */

.clone-backdrop[b-1npqm713ob] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .45);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.clone-modal[b-1npqm713ob] {
    background: var(--b9-surface);
    border: 1px solid var(--b9-border);
    border-radius: 14px;
    width: 100%;
    max-width: 460px;
    box-shadow: 0 8px 32px rgba(15, 23, 42, .28);
    overflow: hidden;
}

.clone-modal-header[b-1npqm713ob] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.25rem .9rem;
    border-bottom: 1px solid var(--b9-border);
}

.clone-modal-title[b-1npqm713ob] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--b9-text);
}

.clone-modal-close[b-1npqm713ob] {
    background: none;
    border: none;
    color: var(--b9-text-soft);
    cursor: pointer;
    font-size: .875rem;
    padding: .2rem .4rem;
    line-height: 1;
}

.clone-modal-body[b-1npqm713ob] {
    padding: 1.25rem;
}

.clone-source-note[b-1npqm713ob] {
    font-size: .8125rem;
    color: var(--b9-text-soft);
    background: color-mix(in srgb, var(--b9-surface-muted) 75%, transparent);
    border: 1px solid var(--b9-border);
    border-radius: 7px;
    padding: .65rem .875rem;
    margin-bottom: 1rem;
    line-height: 1.55;
}

.clone-field[b-1npqm713ob] {
    margin-bottom: .875rem;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.clone-label[b-1npqm713ob] {
    font-size: .8125rem;
    font-weight: 600;
    color: var(--b9-text);
}

.clone-input[b-1npqm713ob] {
    display: block;
    width: 100%;
    padding: .45rem .75rem;
    font-size: .875rem;
    border: 1.5px solid var(--b9-border);
    border-radius: 7px;
    background: color-mix(in srgb, var(--b9-surface) 92%, black 8%);
    color: var(--b9-text);
    transition: border-color .15s, box-shadow .15s;
}

.clone-input:focus[b-1npqm713ob] {
    outline: none;
    border-color: var(--b9-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--b9-primary) 14%, transparent);
}

.clone-validation[b-1npqm713ob] {
    font-size: .75rem;
    color: var(--b9-danger-text, #fca5a5);
}

.clone-modal-footer[b-1npqm713ob] {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
    padding: .9rem 1.25rem;
    border-top: 1px solid var(--b9-border);
    background: color-mix(in srgb, var(--b9-surface-muted) 55%, transparent);
}
/* /Components/Pages/Events/Leaderboard.razor.rz.scp.css */
:host[b-4ktgyoi1k6] {
    --lb-bg: #071326;
    --lb-bg-alt: #0b1a32;
    --lb-card: #10213d;
    --lb-card-2: #132746;
    --lb-border: #28446f;
    --lb-text: #f8fbff;
    --lb-text-soft: #c5d6ef;
    --lb-text-muted: #9db3d2;
    --lb-accent: #56c7ff;
    --lb-accent-2: #9ee7ff;
    --lb-success: #8df3c6;
    --lb-danger: #ff9ca8;
}

.lb-page[b-4ktgyoi1k6] {
    min-height: 100vh;
    background: radial-gradient(circle at 14% 0%, #133159 0%, #071326 56%, #040c1b 100%);
    color: var(--lb-text);
}

.lb-hero[b-4ktgyoi1k6] {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--lb-border);
    background: linear-gradient(180deg, rgba(7, 19, 38, 0.96) 0%, rgba(7, 19, 38, 0.9) 100%);
    backdrop-filter: blur(8px);
}

.lb-hero-main[b-4ktgyoi1k6] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    min-width: 0;
}

.lb-back-btn[b-4ktgyoi1k6],
.lb-scorecard-btn[b-4ktgyoi1k6],
.lb-signin-btn[b-4ktgyoi1k6] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.lb-back-btn[b-4ktgyoi1k6] {
    padding: 0.42rem 0.78rem;
    border: 1px solid var(--lb-border);
    color: var(--lb-text-soft);
    background: rgba(14, 34, 62, 0.65);
}

.lb-back-btn:hover[b-4ktgyoi1k6],
.lb-back-btn:focus-visible[b-4ktgyoi1k6] {
    color: var(--lb-text);
    border-color: #3f659b;
}

.lb-title-block[b-4ktgyoi1k6] {
    min-width: 0;
}

/* ── Org branding logo (branding.leaderboard feature) ── */
.lb-org-logo[b-4ktgyoi1k6] {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 10px;
    flex-shrink: 0;
    background: rgba(255,255,255,0.05);
}

.lb-event-name[b-4ktgyoi1k6] {
    margin: 0;
    font-size: clamp(1rem, 2.4vw, 1.35rem);
    line-height: 1.2;
    color: var(--lb-text);
    font-weight: 800;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

.lb-meta-row[b-4ktgyoi1k6] {
    margin-top: 0.42rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.lb-chip[b-4ktgyoi1k6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    color: var(--lb-text-soft);
    border: 1px solid var(--lb-border);
    background: rgba(14, 34, 62, 0.6);
    border-radius: 999px;
    padding: 0.17rem 0.55rem;
}

.lb-tee-dot[b-4ktgyoi1k6] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.lb-hero-actions[b-4ktgyoi1k6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.lb-status-pill[b-4ktgyoi1k6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 999px;
    padding: 0.24rem 0.62rem;
    border: 1px solid transparent;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.lb-status-live[b-4ktgyoi1k6] {
    color: #fff3f4;
    background: rgba(182, 31, 52, 0.35);
    border-color: rgba(255, 146, 160, 0.45);
}

.lb-status-final[b-4ktgyoi1k6] {
    color: #f3f6fd;
    background: rgba(31, 67, 117, 0.4);
    border-color: rgba(138, 184, 251, 0.4);
}

.lb-status-dot[b-4ktgyoi1k6] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    animation: lb-pulse-b-4ktgyoi1k6 1.2s infinite;
}

.lb-scorecard-btn[b-4ktgyoi1k6] {
    color: #041425;
    background: linear-gradient(180deg, #9af6ca, #75ddb0);
    border: 1px solid #8be7be;
    padding: 0.42rem 0.8rem;
}

.lb-signin-btn[b-4ktgyoi1k6] {
    color: var(--lb-text-soft);
    background: rgba(14, 34, 62, 0.7);
    border: 1px solid #3c5f92;
    padding: 0.42rem 0.8rem;
}

.lb-refreshing[b-4ktgyoi1k6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--lb-text-soft);
    font-size: 0.78rem;
}

.lb-shell[b-4ktgyoi1k6] {
    padding: 1rem;
    max-width: 1200px;
    margin: 0 auto;
}

.lb-empty-state[b-4ktgyoi1k6],
.lb-empty-card[b-4ktgyoi1k6],
.lb-matchplay-note[b-4ktgyoi1k6] {
    border-radius: 14px;
    border: 1px solid var(--lb-border);
    background: linear-gradient(180deg, var(--lb-card) 0%, var(--lb-card-2) 100%);
    color: var(--lb-text-soft);
    text-align: center;
    padding: 2.2rem 1.1rem;
}

.lb-empty-card i[b-4ktgyoi1k6] {
    font-size: 2rem;
    color: var(--lb-accent-2);
}

.lb-empty-card h2[b-4ktgyoi1k6],
.lb-matchplay-note h3[b-4ktgyoi1k6] {
    color: var(--lb-text);
    margin-top: 0.8rem;
}

.lb-matchplay-action[b-4ktgyoi1k6] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.7rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 800;
    letter-spacing: 0.01em;
    color: #041425;
    background: linear-gradient(180deg, var(--lb-accent-2), #7fd9ff);
    border: 1px solid #a5e6ff;
    padding: 0.48rem 0.9rem;
}

.lb-matchplay-action:hover[b-4ktgyoi1k6],
.lb-matchplay-action:focus-visible[b-4ktgyoi1k6] {
    color: #041425;
    filter: brightness(1.03);
    transform: translateY(-1px);
}

.lb-round-tabs[b-4ktgyoi1k6] {
    list-style: none;
    display: flex;
    gap: 0.35rem;
    margin: 0 0 0.95rem;
    padding: 0;
    flex-wrap: wrap;
}

.lb-round-tab[b-4ktgyoi1k6] {
    border: 1px solid #3a5f93;
    background: rgba(14, 34, 62, 0.6);
    color: var(--lb-text-soft);
    border-radius: 999px;
    padding: 0.28rem 0.66rem;
    font-size: 0.78rem;
    font-weight: 700;
}

.lb-round-tab.active[b-4ktgyoi1k6],
.lb-round-tab:hover[b-4ktgyoi1k6],
.lb-round-tab:focus-visible[b-4ktgyoi1k6] {
    color: #051422;
    border-color: transparent;
    background: linear-gradient(180deg, var(--lb-accent-2), #7fd9ff);
}

.lb-round-date[b-4ktgyoi1k6] {
    margin-left: 0.32rem;
    font-size: 0.72rem;
    opacity: 0.85;
}

.lb-mode-bar[b-4ktgyoi1k6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 999px;
    border: 1px solid #3a5f93;
    background: rgba(14, 34, 62, 0.58);
    padding: 0.28rem 0.4rem;
    margin-bottom: 0.75rem;
}

.lb-mode-label[b-4ktgyoi1k6] {
    color: var(--lb-text-soft);
    font-size: 0.76rem;
    font-weight: 700;
    margin: 0 0.2rem;
}

.lb-mode-btn[b-4ktgyoi1k6] {
    border: none;
    border-radius: 999px;
    padding: 0.26rem 0.64rem;
    background: transparent;
    color: var(--lb-text-soft);
    font-size: 0.76rem;
    font-weight: 800;
}

.lb-mode-btn.active[b-4ktgyoi1k6] {
    color: #051422;
    background: linear-gradient(180deg, var(--lb-accent-2), #7fd9ff);
}

.lb-mode-explain[b-4ktgyoi1k6] {
    border: 1px solid #3e6298;
    background: linear-gradient(180deg, rgba(16, 33, 61, 0.95) 0%, rgba(12, 26, 50, 0.95) 100%);
    border-radius: 12px;
    padding: 0.8rem 0.9rem;
    margin-bottom: 0.85rem;
}

.lb-mode-title[b-4ktgyoi1k6] {
    margin: 0;
    color: var(--lb-text);
    font-weight: 800;
}

.lb-mode-copy[b-4ktgyoi1k6] {
    margin: 0.2rem 0 0;
    color: var(--lb-text-soft);
    font-size: 0.84rem;
}

.lb-explain-details[b-4ktgyoi1k6] {
    margin-top: 0.52rem;
}

.lb-explain-details summary[b-4ktgyoi1k6] {
    cursor: pointer;
    color: var(--lb-accent-2);
    font-size: 0.83rem;
    font-weight: 700;
}

.lb-table-wrap[b-4ktgyoi1k6] {
    border: 1px solid var(--lb-border);
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(180deg, var(--lb-card) 0%, var(--lb-card-2) 100%);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

.lb-table[b-4ktgyoi1k6] {
    width: 100%;
    border-collapse: collapse;
    color: var(--lb-text);
}

.lb-table thead tr[b-4ktgyoi1k6] {
    background: rgba(7, 19, 38, 0.94);
}

.lb-table thead th[b-4ktgyoi1k6] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--lb-text-soft);
    padding: 0.64rem 0.72rem;
    border-bottom: 1px solid var(--lb-border);
}

.lb-table tbody tr[b-4ktgyoi1k6] {
    border-top: 1px solid rgba(67, 103, 154, 0.45);
    transition: background 0.12s ease;
}

.lb-table tbody tr:hover[b-4ktgyoi1k6] {
    background: rgba(53, 115, 188, 0.16);
}

.lb-table tbody td[b-4ktgyoi1k6] {
    padding: 0.7rem 0.72rem;
    vertical-align: middle;
    color: var(--lb-text);
}

.col-rank[b-4ktgyoi1k6] { width: 48px; text-align: center; }
.col-player-name[b-4ktgyoi1k6] { min-width: 160px; }
.col-round[b-4ktgyoi1k6] { width: 58px; text-align: center; }
.col-thru[b-4ktgyoi1k6] { width: 62px; text-align: center; }
.col-score[b-4ktgyoi1k6] { width: 80px; text-align: center; }
.col-toPar[b-4ktgyoi1k6] { width: 86px; text-align: center; }
.col-hcp[b-4ktgyoi1k6] { width: 62px; text-align: center; color: var(--lb-text-muted); }

.row-gold[b-4ktgyoi1k6] { background: rgba(204, 157, 47, 0.16); }
.row-silver[b-4ktgyoi1k6] { background: rgba(154, 175, 212, 0.12); }
.row-bronze[b-4ktgyoi1k6] { background: rgba(167, 110, 69, 0.14); }
.row-no-score[b-4ktgyoi1k6] { opacity: 0.84; }

.lb-row-current[b-4ktgyoi1k6] {
    box-shadow: inset 0 0 0 1px rgba(100, 230, 255, 0.75);
    background: linear-gradient(90deg, rgba(72, 180, 211, 0.18) 0%, rgba(21, 48, 78, 0.3) 100%);
}

.rank-badge[b-4ktgyoi1k6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 0.78rem;
    font-weight: 900;
}

.rank-gold[b-4ktgyoi1k6] { background: #f6c84f; color: #2b1c00; }
.rank-silver[b-4ktgyoi1k6] { background: #bfd0e8; color: #14263f; }
.rank-bronze[b-4ktgyoi1k6] { background: #ce9d74; color: #2a1200; }
.rank-default[b-4ktgyoi1k6] { background: #2c4e7b; color: #edf5ff; }

.lb-name-cell[b-4ktgyoi1k6] {
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
}

.lb-entity-name[b-4ktgyoi1k6] {
    color: var(--lb-text);
    font-weight: 700;
}

.lb-you-badge[b-4ktgyoi1k6] {
    display: inline-block;
    border-radius: 999px;
    border: 1px solid #6dd8ff;
    background: rgba(79, 211, 255, 0.16);
    color: #d9f8ff;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.08rem 0.38rem;
}

.lb-team-members[b-4ktgyoi1k6] {
    margin-top: 0.18rem;
    color: var(--lb-text-muted);
    font-size: 0.76rem;
}

.lb-round-cell[b-4ktgyoi1k6],
.lb-stat-muted[b-4ktgyoi1k6] {
    color: var(--lb-text-muted);
}

.lb-thru-complete[b-4ktgyoi1k6] {
    color: var(--lb-success);
    font-weight: 800;
}

.lb-dash[b-4ktgyoi1k6] {
    color: var(--lb-text-muted);
}

.to-par-even[b-4ktgyoi1k6] { color: var(--lb-success); font-weight: 800; }
.to-par-under[b-4ktgyoi1k6] { color: var(--lb-success); font-weight: 800; }
.to-par-over[b-4ktgyoi1k6] { color: var(--lb-danger); font-weight: 700; }

.lb-card-list[b-4ktgyoi1k6] {
    display: flex;
    flex-direction: column;
    gap: 0.56rem;
}

.lb-card[b-4ktgyoi1k6] {
    border-radius: 14px;
    border: 1px solid var(--lb-border);
    background: linear-gradient(180deg, var(--lb-card) 0%, var(--lb-card-2) 100%);
    padding: 0.82rem 0.88rem;
}

.lb-card-current[b-4ktgyoi1k6] {
    box-shadow: inset 0 0 0 1px rgba(100, 230, 255, 0.72);
    background: linear-gradient(180deg, rgba(20, 53, 89, 0.95) 0%, rgba(17, 41, 70, 0.95) 100%);
}

.card-gold[b-4ktgyoi1k6] { border-left: 4px solid #f6c84f; }
.card-silver[b-4ktgyoi1k6] { border-left: 4px solid #bfd0e8; }
.card-bronze[b-4ktgyoi1k6] { border-left: 4px solid #ce9d74; }

.lb-card-header[b-4ktgyoi1k6] {
    display: flex;
    align-items: center;
    gap: 0.56rem;
}

.lb-card-name-wrap[b-4ktgyoi1k6] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.36rem;
}

.lb-card-name[b-4ktgyoi1k6] {
    color: var(--lb-text);
    font-size: 0.95rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

.lb-card-toPar[b-4ktgyoi1k6] {
    color: var(--lb-text);
    font-weight: 800;
    font-size: 1rem;
}

.lb-team-members-mobile[b-4ktgyoi1k6] {
    margin: 0.36rem 0 0.46rem;
}

.lb-card-stats[b-4ktgyoi1k6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem 0.92rem;
}

.lb-stat[b-4ktgyoi1k6] {
    display: flex;
    flex-direction: column;
    min-width: 44px;
    align-items: center;
}

.lb-stat-label[b-4ktgyoi1k6] {
    color: var(--lb-text-muted);
    font-size: 0.61rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 700;
}

.lb-stat-value[b-4ktgyoi1k6] {
    color: var(--lb-text);
    font-size: 0.89rem;
    font-weight: 700;
}

.lb-back-btn:focus-visible[b-4ktgyoi1k6],
.lb-scorecard-btn:focus-visible[b-4ktgyoi1k6],
.lb-signin-btn:focus-visible[b-4ktgyoi1k6],
.lb-matchplay-action:focus-visible[b-4ktgyoi1k6],
.lb-round-tab:focus-visible[b-4ktgyoi1k6],
.lb-mode-btn:focus-visible[b-4ktgyoi1k6],
.lb-explain-details summary:focus-visible[b-4ktgyoi1k6] {
    outline: 2px solid #9fe8ff;
    outline-offset: 2px;
}

@keyframes lb-pulse-b-4ktgyoi1k6 {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.38; transform: scale(0.72); }
}

/* ── Upgrade prompt (Free plan — live updates disabled) ─────────────────── */

.lb-upgrade-prompt[b-4ktgyoi1k6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1.25rem auto 0.5rem;
    padding: 0.65rem 1rem;
    max-width: 680px;
    border-radius: 8px;
    background: rgba(99, 102, 241, 0.12);
    border: 1px solid rgba(99, 102, 241, 0.28);
    color: var(--lb-text-soft);
    font-size: 0.85rem;
    flex-wrap: wrap;
}

.lb-upgrade-prompt i[b-4ktgyoi1k6] {
    color: #818cf8;
    flex-shrink: 0;
}

.lb-upgrade-link[b-4ktgyoi1k6] {
    color: #93c5fd;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.lb-upgrade-link:hover[b-4ktgyoi1k6] { color: #bfdbfe; text-decoration: underline; }

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 767.98px) {
    .lb-hero[b-4ktgyoi1k6] {
        flex-direction: column;
        align-items: stretch;
    }

    .lb-hero-actions[b-4ktgyoi1k6] {
        justify-content: flex-start;
    }

    .lb-shell[b-4ktgyoi1k6] {
        padding: 0.78rem;
    }

    .lb-mode-bar[b-4ktgyoi1k6] {
        width: 100%;
        justify-content: center;
    }
}

/* ── Export bar (admin-only) ─────────────────────────────────────────────── */
.lb-export-bar[b-4ktgyoi1k6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 0.6rem 1rem;
    border-top: 1px solid var(--border-muted, rgba(255,255,255,0.08));
    background: var(--bg-elevated, rgba(255,255,255,0.04));
    border-radius: 0 0 0.5rem 0.5rem;
    margin-top: 0.25rem;
}

.lb-export-label[b-4ktgyoi1k6] {
    font-size: 0.78rem;
    color: var(--text-muted, #9ca3af);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lb-export-btn[b-4ktgyoi1k6] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--text-secondary, #9ca3af);
    border: 1px solid var(--border-muted, rgba(255,255,255,0.12));
    border-radius: 0.35rem;
    text-decoration: none;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
    white-space: nowrap;
}

.lb-export-btn:hover[b-4ktgyoi1k6],
.lb-export-btn:focus-visible[b-4ktgyoi1k6] {
    color: var(--text-primary, #f1f5f9);
    border-color: var(--brand, #4a90e2);
    background: var(--brand-soft, rgba(74,144,226,0.12));
    text-decoration: none;
}

/* ── Side-game (Wolf / Skins) standings panel ─────────────────────────── */
.lb-sidegame[b-4ktgyoi1k6] {
    border-radius: 14px;
    border: 1px solid var(--lb-border);
    background: linear-gradient(180deg, var(--lb-card) 0%, var(--lb-card-2) 100%);
    padding: 1.2rem 1.1rem 1.3rem;
    margin-bottom: 1rem;
}

.lb-sidegame-head[b-4ktgyoi1k6] {
    text-align: center;
    margin-bottom: 1rem;
}

.lb-sidegame-title[b-4ktgyoi1k6] {
    color: var(--lb-text);
    font-size: 1.3rem;
    font-weight: 800;
    margin: 0;
}

.lb-sidegame-sub[b-4ktgyoi1k6] {
    color: var(--lb-text-muted);
    font-size: 0.85rem;
    margin: 0.35rem 0 0;
}

.lb-sidegame-empty[b-4ktgyoi1k6] {
    text-align: center;
    color: var(--lb-text-soft);
    padding: 1.6rem 0.5rem;
}

.lb-sidegame-empty i[b-4ktgyoi1k6] {
    font-size: 1.8rem;
    color: var(--lb-accent-2);
    display: block;
    margin-bottom: 0.6rem;
}

.lb-sidegame-empty p[b-4ktgyoi1k6] {
    margin: 0;
}

.lb-sidegame-list[b-4ktgyoi1k6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.lb-sidegame-row[b-4ktgyoi1k6] {
    display: grid;
    grid-template-columns: 2.2rem 1fr auto;
    align-items: center;
    gap: 0.7rem;
    padding: 0.6rem 0.8rem;
    border-radius: 10px;
    border: 1px solid var(--lb-border);
    background: rgba(255, 255, 255, 0.02);
}

.lb-sidegame-row--leader[b-4ktgyoi1k6] {
    border-color: var(--lb-accent);
    background: rgba(86, 199, 255, 0.10);
}

.lb-sidegame-rank[b-4ktgyoi1k6] {
    font-weight: 800;
    font-size: 1rem;
    color: var(--lb-text-muted);
    text-align: center;
}

.lb-sidegame-row--leader .lb-sidegame-rank[b-4ktgyoi1k6] {
    color: var(--lb-accent-2);
}

.lb-sidegame-name[b-4ktgyoi1k6] {
    color: var(--lb-text);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lb-sidegame-value[b-4ktgyoi1k6] {
    color: var(--lb-text);
    font-weight: 800;
    font-size: 1.05rem;
    white-space: nowrap;
}

.lb-sidegame-unit[b-4ktgyoi1k6] {
    color: var(--lb-text-muted);
    font-weight: 600;
    font-size: 0.78rem;
    margin-left: 0.15rem;
}
/* /Components/Pages/Events/MyScorecard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   TOP BAR
═══════════════════════════════════════════════════════════ */
.msc-shell[b-g34efi8djj] {
    --msc-dark-text: #f8fafc;
    --msc-dark-secondary: #e5edf7;
    --msc-light-text: var(--b9-text, #f3f6fb);
    --msc-light-secondary: var(--b9-text-muted, #c2cfdf);
    --msc-light-muted: var(--b9-text-soft, #9fb0c4);
    --msc-accent-ring: rgba(29, 78, 216, 0.28);
    --msc-surface-paper: var(--b9-surface-alt, #0f172a);
    --msc-surface-ivory: var(--b9-surface-alt, #0f172a);
    --msc-surface-soft: var(--b9-surface-muted, #111827);
    --msc-surface-line: var(--b9-border, rgba(255,255,255,0.12));
}

.msc-topbar[b-g34efi8djj] {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.65rem 1rem;
    min-height: 58px;
    background: linear-gradient(140deg, #141d2a 0%, #1f2a3b 100%);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.04), 0 8px 20px rgba(15, 23, 42, 0.18);
    gap: 0.75rem;
}

.msc-topbar-left[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.msc-back-btn[b-g34efi8djj] {
    color: rgba(255,255,255,0.9) !important;
    border-color: rgba(255,255,255,0.24) !important;
    flex-shrink: 0;
    padding: 0.3rem 0.6rem;
}

.msc-back-btn:hover[b-g34efi8djj] {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
}

.msc-topbar-info[b-g34efi8djj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.14rem;
}

.msc-topbar-kicker[b-g34efi8djj] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--msc-dark-secondary);
}

.msc-topbar-event[b-g34efi8djj] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--msc-dark-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.msc-topbar-player[b-g34efi8djj] {
    font-size: 0.84rem;
    color: var(--msc-dark-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.msc-topbar-right[b-g34efi8djj] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: auto;
}

.msc-display-options-trigger[b-g34efi8djj] {
    display: none;
    align-items: center;
    gap: 0.3rem;
    border: 1px solid rgba(255,255,255,0.22);
    background: rgba(255,255,255,0.12);
    color: #f8fafc;
    border-radius: 999px;
    min-height: 44px;
    padding: 0.34rem 0.72rem;
    font-size: 0.76rem;
    font-weight: 800;
}

.msc-control-cluster[b-g34efi8djj] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.22rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.14);
    background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.04) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.msc-command-strip[b-g34efi8djj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.15rem;
}

.msc-command-chip[b-g34efi8djj] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.06);
    color: var(--msc-dark-secondary);
    font-size: 0.78rem;
    font-weight: 700;
}

.msc-command-chip strong[b-g34efi8djj] {
    color: var(--msc-dark-text);
}

.msc-command-chip.is-saved[b-g34efi8djj] {
    background: rgba(134,239,172,0.14);
    border-color: rgba(134,239,172,0.28);
    color: #86efac;
}

.msc-command-chip.is-offline[b-g34efi8djj],
.msc-command-chip.is-warning[b-g34efi8djj] {
    background: rgba(252, 211, 77, 0.12);
    border-color: rgba(252, 211, 77, 0.25);
    color: #fde68a;
}

.msc-command-toggle[b-g34efi8djj] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.09);
}

.msc-command-toggle-btn[b-g34efi8djj] {
    border: none;
    background: transparent;
    color: #f1f5f9;
    font-size: 0.8rem;
    font-weight: 700;
    border-radius: 999px;
    min-height: 44px;
    padding: 0.4rem 0.76rem;
}

.msc-command-toggle-btn.active[b-g34efi8djj] {
    background: rgba(255,255,255,0.14);
    color: var(--b9-text, #f3f6fb);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.14);
}

.msc-senior-toggle[b-g34efi8djj] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: #f1f5f9;
    border-radius: 999px;
    min-height: 44px;
    padding: 0.4rem 0.74rem;
    font-size: 0.8rem;
    font-weight: 700;
}

.msc-senior-toggle.active[b-g34efi8djj] {
    background: rgba(134,239,172,0.16);
    border-color: rgba(134,239,172,0.36);
    color: #ecfdf5;
}

.msc-save-indicator[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 30px;
}

.msc-save-indicator.saving[b-g34efi8djj] {
    color: rgba(255,255,255,0.6);
    background: rgba(255,255,255,0.08);
}

.msc-save-indicator.saved[b-g34efi8djj] {
    color: #86efac;
    background: rgba(134,239,172,0.12);
}

.msc-save-indicator.msc-save-silent[b-g34efi8djj],
.msc-save-indicator.msc-save-warning[b-g34efi8djj] {
    width: 32px;
    height: 32px;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
}

.msc-save-indicator.msc-save-silent[b-g34efi8djj] {
    color: #86efac;
    background: rgba(134,239,172,0.14);
}

.msc-save-indicator.msc-save-warning[b-g34efi8djj] {
    color: #fcd34d;
    background: rgba(245, 158, 11, 0.2);
}

.msc-team-context[b-g34efi8djj] {
    margin: 0.6rem 0.9rem 0;
    padding: 0.85rem 0.95rem;
    background: var(--b9-surface-muted, #111827);
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 12px;
    box-shadow: 0 5px 12px rgba(69, 52, 23, 0.06);
}

.msc-team-context-summary[b-g34efi8djj] {
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--b9-text-muted, #c2cfdf);
    margin-bottom: 0.55rem;
}

.msc-team-context[open] .msc-team-context-summary[b-g34efi8djj] {
    margin-bottom: 0.7rem;
}

.msc-wolf-context[b-g34efi8djj] {
    margin: 0.75rem 0 0.45rem;
    padding: 0.86rem 1rem;
    border: 1px solid rgba(59, 130, 246, 0.34);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.92), rgba(15, 23, 42, 0.95));
    box-shadow: 0 6px 16px rgba(2, 6, 23, 0.28);
}

.msc-wolf-context-title[b-g34efi8djj] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #bfdbfe;
    margin-bottom: 0.45rem;
}

.msc-wolf-context-row[b-g34efi8djj] {
    margin: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.92rem;
    line-height: 1.35;
    color: #e2e8f0;
}

.msc-wolf-context-row + .msc-wolf-context-row[b-g34efi8djj] {
    margin-top: 0.3rem;
}

.msc-wolf-context-label[b-g34efi8djj] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #93c5fd;
}

.msc-wolf-context-player strong[b-g34efi8djj],
.msc-wolf-context-decision strong[b-g34efi8djj],
.msc-wolf-context-partner strong[b-g34efi8djj] {
    color: #f8fafc;
    text-align: right;
}

.msc-wolf-context-guidance[b-g34efi8djj] {
    margin: 0.55rem 0 0;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
    font-size: 0.86rem;
    line-height: 1.45;
    color: #cbd5e1;
}

.msc-wolf-context-rotation[b-g34efi8djj] {
    margin: 0.45rem 0 0;
    font-size: 0.82rem;
    line-height: 1.4;
    color: #bfdbfe;
    overflow-wrap: anywhere;
}

.msc-player-notes[b-g34efi8djj] {
    margin-top: 0.75rem;
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 12px;
    background: var(--b9-surface-muted, rgba(15, 23, 42, 0.4));
}

.msc-certification-panel[b-g34efi8djj] {
    margin-top: 0.75rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 12px;
    background: var(--b9-surface-muted, rgba(15, 23, 42, 0.4));
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.msc-certification-title[b-g34efi8djj] {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--b9-text-muted, #c2cfdf);
}

.msc-certification-status[b-g34efi8djj] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--b9-text, #e5edf7);
}

.msc-certification-helper[b-g34efi8djj],
.msc-certification-message[b-g34efi8djj] {
    font-size: 0.8rem;
    color: var(--b9-text-muted, #c2cfdf);
}

.msc-certification-error[b-g34efi8djj] {
    font-size: 0.8rem;
    color: #fecaca;
}

.msc-player-notes-summary[b-g34efi8djj] {
    cursor: pointer;
    padding: 0.65rem 0.8rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--b9-text, #e5edf7);
}

.msc-player-notes-body[b-g34efi8djj] {
    padding: 0.6rem 0.8rem 0.8rem;
}

.msc-player-notes-copy[b-g34efi8djj],
.msc-player-notes-foot[b-g34efi8djj] {
    font-size: 0.8rem;
    color: var(--b9-text-muted, #c2cfdf);
    margin: 0 0 0.6rem;
}

.msc-player-notes-status[b-g34efi8djj] {
    margin-bottom: 0.55rem;
    padding: 0.45rem 0.6rem;
    border-radius: 8px;
    border: 1px solid rgba(134, 239, 172, 0.35);
    background: rgba(134, 239, 172, 0.14);
    color: #dcfce7;
    font-size: 0.8rem;
}

.msc-player-notes-error[b-g34efi8djj] {
    margin-bottom: 0.55rem;
    padding: 0.45rem 0.6rem;
    border-radius: 8px;
    border: 1px solid rgba(252, 165, 165, 0.35);
    background: rgba(127, 29, 29, 0.24);
    color: #fecaca;
    font-size: 0.8rem;
}

.msc-player-note-row[b-g34efi8djj] {
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 10px;
    padding: 0.55rem;
    background: rgba(15, 23, 42, 0.35);
    margin-bottom: 0.5rem;
}

.msc-player-note-head[b-g34efi8djj] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--b9-text, #e5edf7);
    margin-bottom: 0.45rem;
}

.msc-player-note-field[b-g34efi8djj] {
    margin-bottom: 0.45rem;
}

.msc-player-note-field label[b-g34efi8djj] {
    display: block;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--b9-text-muted, #c2cfdf);
    margin-bottom: 0.2rem;
}

.msc-player-note-actions[b-g34efi8djj] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.msc-player-note-readonly-score[b-g34efi8djj] {
    font-size: 0.8rem;
    color: var(--b9-text, #e5edf7);
    margin-bottom: 0.2rem;
}

.msc-player-note-readonly-text[b-g34efi8djj] {
    font-size: 0.8rem;
    color: var(--b9-text-muted, #c2cfdf);
    font-style: italic;
}

.msc-player-note-readonly-empty[b-g34efi8djj],
.msc-player-note-hole-status[b-g34efi8djj] {
    font-size: 0.76rem;
    color: var(--b9-text-soft, #9fb0c4);
}

@media (max-width: 768px) {
    .msc-wolf-context[b-g34efi8djj] {
        margin-top: 0.65rem;
        padding: 0.78rem 0.82rem;
    }

    .msc-wolf-context-row[b-g34efi8djj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.16rem;
    }

    .msc-wolf-context-label[b-g34efi8djj] {
        font-size: 0.72rem;
    }

    .msc-wolf-context-player strong[b-g34efi8djj],
    .msc-wolf-context-decision strong[b-g34efi8djj],
    .msc-wolf-context-partner strong[b-g34efi8djj] {
        text-align: left;
        font-size: 0.98rem;
    }

    .msc-wolf-context-guidance[b-g34efi8djj] {
        font-size: 0.82rem;
    }

    .msc-wolf-context-rotation[b-g34efi8djj] {
        font-size: 0.78rem;
    }

    .msc-player-notes-summary[b-g34efi8djj] {
        font-size: 0.84rem;
    }

    .msc-player-note-actions .btn[b-g34efi8djj] {
        flex: 1 1 auto;
        min-height: 40px;
    }
}

.msc-team-context-head[b-g34efi8djj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.msc-team-name[b-g34efi8djj] {
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--b9-text, #f3f6fb);
    margin-right: 0.35rem;
}

.msc-team-chip[b-g34efi8djj] {
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--b9-text, #f3f6fb);
    background: rgba(255,255,255,0.08);
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 999px;
    padding: 0.18rem 0.56rem;
}

.msc-team-players[b-g34efi8djj] {
    font-size: 0.8rem;
    color: var(--b9-text, #f3f6fb);
    margin-top: 0.35rem;
    font-weight: 600;
}

.msc-team-helper[b-g34efi8djj] {
    margin-top: 0.5rem;
    font-size: 0.84rem;
    color: var(--b9-text, #f3f6fb);
    font-weight: 700;
    line-height: 1.4;
}

.msc-team-helper-shotgun[b-g34efi8djj] {
    color: #93c5fd;
}

/* ═══════════════════════════════════════════════════════════
   LOADING / NOT FOUND
═══════════════════════════════════════════════════════════ */
.msc-loading[b-g34efi8djj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 55vh;
    text-align: center;
}

.msc-notfound[b-g34efi8djj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 55vh;
    padding: 2rem;
    text-align: center;
}

.msc-nf-icon[b-g34efi8djj] { font-size: 3.5rem; margin-bottom: 0.75rem; }

/* ═══════════════════════════════════════════════════════════
   ROUND TABS
═══════════════════════════════════════════════════════════ */
.msc-round-tabs[b-g34efi8djj] {
    display: flex;
    gap: 0;
    background: var(--b9-surface-muted, #111827);
    border-bottom: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.msc-round-tabs[b-g34efi8djj]::-webkit-scrollbar { display: none; }

.msc-round-tab[b-g34efi8djj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 0.6rem 1.35rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--b9-text-soft, #9fb0c4);
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: color 0.12s, border-color 0.12s;
    white-space: nowrap;
    position: relative;
}

.msc-round-tab:hover[b-g34efi8djj] { color: var(--b9-text-muted, #c2cfdf); }

.msc-round-tab-active[b-g34efi8djj] {
    color: #1d4ed8;
    border-bottom-color: #1d4ed8;
    background: var(--b9-surface-alt, #0f172a);
}

.msc-rtab-num[b-g34efi8djj] { font-weight: 800; font-size: 0.8rem; }
.msc-rtab-date[b-g34efi8djj] { font-size: 0.68rem; opacity: 0.75; }

.msc-rtab-dot[b-g34efi8djj] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 8px;
}

.msc-rtab-open[b-g34efi8djj] { background: #22c55e; box-shadow: 0 0 6px rgba(34,197,94,.5); }

/* ═══════════════════════════════════════════════════════════
   SCORING CLOSED BANNER
═══════════════════════════════════════════════════════════ */
.msc-closed-banner[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(245,158,11,0.15);
    border-bottom: 1px solid #ffc107;
    color: var(--b9-warning-text, #fcd34d);
    font-size: 0.85rem;
    padding: 0.65rem 1rem;
}

/* ── First-time score entry hint ───────────────────────── */
.msc-entry-hint[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--brand-soft, rgba(99,102,241,.12));
    border-bottom: 1px solid var(--brand-soft, rgba(99,102,241,.25));
    color: var(--b9-text-soft, #c7d2fe);
    font-size: 0.84rem;
    padding: 0.55rem 1rem;
}

.msc-entry-hint span[b-g34efi8djj] {
    flex: 1;
}

.msc-entry-hint-dismiss[b-g34efi8djj] {
    background: none;
    border: none;
    padding: 0.1rem 0.25rem;
    color: var(--text-muted, #6b7280);
    cursor: pointer;
    line-height: 1;
    border-radius: 4px;
}

.msc-entry-hint-dismiss:hover[b-g34efi8djj] {
    color: var(--b9-text, #f3f4f6);
}

/* ═══════════════════════════════════════════════════════════
   COMPLETION PROGRESS METER
═══════════════════════════════════════════════════════════ */
.msc-progress-bar-wrap[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 1rem;
    background: var(--b9-surface-muted, #111827);
    border-bottom: 1px solid var(--b9-border, rgba(255,255,255,0.12));
}

.msc-progress-bar-track[b-g34efi8djj] {
    flex: 1;
    height: 6px;
    background: var(--bg-raised);
    border-radius: 3px;
    overflow: hidden;
}

.msc-progress-bar-fill[b-g34efi8djj] {
    height: 100%;
    background: #3b82f6;
    border-radius: 3px;
    transition: width 0.3s ease;
}

.msc-progress-bar-fill.msc-progress-complete[b-g34efi8djj] {
    background: #22c55e;
}

.msc-progress-label[b-g34efi8djj] {
    font-size: 0.78rem;
    color: var(--b9-text-soft, #9fb0c4);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════════════
   SUMMARY RIBBON
═══════════════════════════════════════════════════════════ */
.msc-summary-ribbon[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0;
    background: #0f172a;
    padding: 0.65rem 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.msc-summary-ribbon[b-g34efi8djj]::-webkit-scrollbar { display: none; }

.msc-round-cockpit[b-g34efi8djj] {
    margin: 0.45rem 0.9rem 0.35rem;
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 18px;
    background: var(--b9-surface-muted, #111827);
    box-shadow: 0 14px 30px rgba(70, 52, 23, 0.08), inset 0 1px 0 rgba(255,255,255,0.72);
    overflow: hidden;
}

.msc-round-cockpit.scorecard-focus[b-g34efi8djj] {
    border-color: var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-muted, #111827);
}

.msc-round-cockpit .msc-compact-hcp[b-g34efi8djj],
.msc-round-cockpit .msc-team-context[b-g34efi8djj],
.msc-round-cockpit .msc-closed-banner[b-g34efi8djj],
.msc-round-cockpit .msc-task-card[b-g34efi8djj] {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.msc-round-cockpit .msc-team-context[b-g34efi8djj],
.msc-round-cockpit .msc-task-card[b-g34efi8djj],
.msc-round-cockpit .msc-closed-banner[b-g34efi8djj] {
    border-top: 1px solid #e2d8c8;
}

.msc-task-card[b-g34efi8djj] {
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
}

.msc-task-card.scorecard-focus[b-g34efi8djj] {
    background: transparent;
    border-color: transparent;
}

.msc-mini-strip-wrap[b-g34efi8djj] {
    background: transparent;
    border-top: 1px solid #e2d8c8;
    padding: 0.5rem 0.8rem 0.7rem;
}

.msc-compact-hcp[b-g34efi8djj] {
    margin: 0.3rem 0.9rem 0;
}

.msc-hcp-pill[b-g34efi8djj] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-alt, #0f172a);
    color: var(--b9-text, #f3f6fb);
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 700;
}

.msc-hcp-pill--unavailable[b-g34efi8djj] {
    opacity: 0.65;
    cursor: default;
}

.msc-hcp-pill-label[b-g34efi8djj] {
    color: var(--b9-text-muted, #c2cfdf);
    font-weight: 800;
}

.msc-hcp-pill-expand[b-g34efi8djj] {
    margin-left: auto;
    font-size: 0.68rem;
    color: #1d4ed8;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.msc-hcp-expanded[b-g34efi8djj] {
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 10px;
    background: var(--b9-surface-alt, #0f172a);
    padding: 0.42rem;
}

.msc-hcp-expanded-head[b-g34efi8djj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.35rem;
}

.msc-hcp-expanded-label[b-g34efi8djj] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--b9-text-muted, #c2cfdf);
}

.msc-hcp-collapse[b-g34efi8djj] {
    border: none;
    background: transparent;
    color: #1d4ed8;
    font-size: 0.68rem;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.msc-compact-hcp[b-g34efi8djj]  .hcp-summary {
    padding: 0.44rem 0.65rem;
    border-radius: 10px;
    gap: 0.52rem;
}

.msc-compact-hcp[b-g34efi8djj]  .hcp-summary-kicker {
    font-size: 0.68rem;
    margin-bottom: 0.05rem;
}

.msc-compact-hcp[b-g34efi8djj]  .hcp-summary-title {
    font-size: 0.86rem;
    line-height: 1.15;
}

.msc-compact-hcp[b-g34efi8djj]  .hcp-summary-subtitle {
    display: none;
}

.msc-compact-hcp[b-g34efi8djj]  .hcp-summary-timing {
    margin-top: 0.08rem;
    font-size: 0.66rem;
}

.msc-task-head[b-g34efi8djj] {
    padding: 0.78rem 0.9rem 0.52rem;
}

.msc-task-kicker[b-g34efi8djj] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--b9-text-muted, #c2cfdf);
    margin-bottom: 0.18rem;
}

.msc-task-title[b-g34efi8djj] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 850;
    color: var(--b9-text, #f3f6fb);
    letter-spacing: -0.02em;
    line-height: 1.08;
}

.msc-task-sub[b-g34efi8djj] {
    margin: 0.28rem 0 0;
    font-size: 0.96rem;
    line-height: 1.42;
    color: #a7d8ff;
    font-weight: 600;
}

.msc-scorer-surface[b-g34efi8djj] {
    margin-top: 0.62rem;
    border: 1px solid rgba(56, 189, 248, 0.42);
    background: rgba(14, 116, 144, 0.17);
    border-radius: 12px;
    padding: 0.55rem 0.62rem;
}

.msc-scorer-row[b-g34efi8djj] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.msc-scorer-label[b-g34efi8djj] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #bfdbfe;
}

.msc-scorer-select[b-g34efi8djj] {
    border: 1px solid rgba(56, 189, 248, 0.45);
    background-color: rgba(15, 23, 42, 0.86);
    color: #f8fbff;
    font-weight: 700;
}

.msc-scorer-copy[b-g34efi8djj] {
    margin: 0.5rem 0 0;
    color: #e0f2fe;
    font-size: 0.9rem;
    font-weight: 700;
}

.msc-scorer-group[b-g34efi8djj] {
    margin: 0.18rem 0 0;
    color: #bae6fd;
    font-size: 0.78rem;
    font-weight: 600;
}

.msc-group-panel[b-g34efi8djj] {
    margin-top: 0.62rem;
    border: 1px solid rgba(125, 211, 252, 0.34);
    background: linear-gradient(180deg, rgba(8, 47, 73, 0.9) 0%, rgba(12, 74, 110, 0.5) 100%);
    border-radius: 16px;
    padding: 0.75rem;
    box-shadow: inset 0 1px 0 rgba(224, 242, 254, 0.08);
}

.msc-group-panel-title[b-g34efi8djj] {
    font-size: 0.95rem;
    font-weight: 850;
    color: #f0f9ff;
    letter-spacing: -0.01em;
}

.msc-group-panel-copy[b-g34efi8djj] {
    margin: 0.22rem 0 0;
    color: #dbeafe;
    font-size: 0.84rem;
    font-weight: 600;
}

.msc-group-panel-grid[b-g34efi8djj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.52rem;
    margin-top: 0.7rem;
}

.msc-group-card[b-g34efi8djj] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    text-align: left;
    min-height: 78px;
    border-radius: 14px;
    border: 1px solid rgba(147, 197, 253, 0.25);
    background: rgba(15, 23, 42, 0.52);
    color: #eff6ff;
    padding: 0.72rem 0.78rem;
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.12);
}

.msc-group-card:hover[b-g34efi8djj],
.msc-group-card:focus-visible[b-g34efi8djj] {
    border-color: rgba(125, 211, 252, 0.55);
    background: rgba(12, 74, 110, 0.48);
    outline: none;
}

.msc-group-card.is-active[b-g34efi8djj] {
    border-color: rgba(134, 239, 172, 0.5);
    background: linear-gradient(180deg, rgba(20, 83, 45, 0.52) 0%, rgba(15, 23, 42, 0.7) 100%);
}

.msc-group-card-head[b-g34efi8djj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.4rem;
}

.msc-group-card-name[b-g34efi8djj] {
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.22;
}

.msc-group-card-badge[b-g34efi8djj] {
    flex-shrink: 0;
    border-radius: 999px;
    background: rgba(134, 239, 172, 0.18);
    border: 1px solid rgba(134, 239, 172, 0.34);
    color: #dcfce7;
    padding: 0.14rem 0.48rem;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.msc-group-card-status[b-g34efi8djj] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 26px;
    border-radius: 999px;
    padding: 0.16rem 0.5rem;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.msc-group-card-status.is-complete[b-g34efi8djj] {
    background: rgba(134, 239, 172, 0.16);
    color: #dcfce7;
}

.msc-group-card-status.is-needs-scores[b-g34efi8djj] {
    background: rgba(253, 224, 71, 0.16);
    color: #fef08a;
}

.msc-task-intel[b-g34efi8djj] {
    margin-top: 0.46rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
}

.msc-task-intel-chip[b-g34efi8djj] {
    display: inline-flex;
    align-items: center;
    gap: 0.18rem;
    min-height: 28px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.35);
    background: rgba(14, 116, 144, 0.18);
    padding: 0.14rem 0.56rem;
    font-size: 0.74rem;
    font-weight: 600;
    color: #bae6fd;
}

.msc-task-intel-chip strong[b-g34efi8djj] {
    font-weight: 800;
    color: var(--b9-text, #f3f6fb);
}

.msc-task-note[b-g34efi8djj] {
    margin: 0.38rem 0 0;
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--b9-text, #f3f6fb);
}

.msc-task-chip-row[b-g34efi8djj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    margin-top: 0.48rem;
}

.msc-task-chip[b-g34efi8djj] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.18rem 0.58rem;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.35);
    background: rgba(14, 116, 144, 0.18);
    color: #cffafe;
    font-size: 0.76rem;
    font-weight: 600;
}

.msc-entry-details[b-g34efi8djj] {
    margin-top: 0.55rem;
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.55);
    padding: 0.5rem 0.65rem;
}

.msc-entry-details-summary[b-g34efi8djj] {
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #93c5fd;
}

.msc-entry-details[open] .msc-entry-details-summary[b-g34efi8djj] {
    margin-bottom: 0.45rem;
}

.msc-entry-details .msc-task-intel[b-g34efi8djj],
.msc-entry-details .msc-task-chip-row[b-g34efi8djj],
.msc-entry-details .msc-task-note[b-g34efi8djj] {
    margin-top: 0.45rem;
}

.msc-view-toggle-wrap[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.35rem;
    flex-wrap: wrap;
}

.msc-view-toggle-label[b-g34efi8djj] {
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--b9-text-soft, #9fb0c4);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.msc-progress-nav-head[b-g34efi8djj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.55rem;
    flex-wrap: wrap;
}

.msc-progress-nav-title[b-g34efi8djj] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--b9-text, #f3f6fb);
}

.msc-progress-nav-sub[b-g34efi8djj] {
    margin-top: 0.08rem;
    font-size: 0.82rem;
    color: var(--b9-text, #f3f6fb);
    font-weight: 600;
}

.msc-progress-nav-sub strong[b-g34efi8djj] {
    color: var(--b9-text, #f3f6fb);
}

.msc-progress-now[b-g34efi8djj] {
    display: inline-flex;
    align-items: center;
    margin-right: 0.2rem;
    padding: 0.12rem 0.42rem;
    border-radius: 999px;
    background: rgba(14, 116, 144, 0.24);
    color: #bae6fd;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.msc-progress-nav-summary[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.msc-view-toggle-btn[b-g34efi8djj] {
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-alt, #0f172a);
    color: var(--b9-text-muted, #c2cfdf);
    border-radius: 8px;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2rem 0.55rem;
}

.msc-view-toggle-btn:focus-visible[b-g34efi8djj] {
    outline: 2px solid #60a5fa;
    outline-offset: 1px;
}

.msc-view-toggle-btn.active[b-g34efi8djj] {
    background: #1d4ed8;
    color: #fff;
    border-color: #1d4ed8;
}

.msc-compact-status-chip[b-g34efi8djj] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    border: 1px solid rgba(56, 189, 248, 0.35);
    background: rgba(14, 116, 144, 0.18);
    border-radius: 999px;
    padding: 0.12rem 0.45rem;
    font-size: 0.7rem;
    color: #bae6fd;
    font-weight: 600;
}

.msc-compact-status-chip.is-saved[b-g34efi8djj] {
    border-color: #9dd8b2;
    background: var(--b9-surface-muted, #111827);
    color: #166534;
}

.msc-edit-cards-link[b-g34efi8djj] {
    margin-left: auto;
    border: none;
    background: transparent;
    color: #1d4ed8;
    font-size: 0.68rem;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 2px;
    padding: 0;
}

.msc-mini-strip[b-g34efi8djj] {
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.msc-mini-strip[b-g34efi8djj]::-webkit-scrollbar { display: none; }

.msc-mini-hole[b-g34efi8djj] {
    min-width: 64px;
    border-radius: 12px;
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-alt, #0f172a);
    color: var(--msc-light-text);
    text-decoration: none;
    text-align: center;
    padding: 0.52rem 0.38rem;
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    gap: 0.12rem;
    position: relative;
    appearance: none;
    cursor: pointer;
    transition: border-color 0.12s, box-shadow 0.12s, transform 0.08s, background 0.12s;
}

.msc-mini-hole[b-g34efi8djj]::before {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 6px;
    height: 2px;
    border-radius: 2px;
    background: transparent;
}

.msc-mini-hole:hover[b-g34efi8djj] {
    border-color: var(--b9-border, rgba(255,255,255,0.12));
    box-shadow: 0 4px 10px rgba(70, 52, 23, 0.08);
}

.msc-mini-hole:active[b-g34efi8djj] {
    transform: translateY(1px);
}

.msc-mini-hole:focus-visible[b-g34efi8djj] {
    outline: 2px solid #60a5fa;
    outline-offset: 1px;
}

.msc-mini-hole.filled[b-g34efi8djj] {
    border-color: var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-alt, #0f172a);
}

.msc-mini-hole.complete[b-g34efi8djj] {
    border-color: rgba(34,197,94,0.5);
    background: rgba(34,197,94,0.10);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.14);
}

.msc-mini-hole.complete[b-g34efi8djj]::before {
    background: linear-gradient(90deg, rgba(34, 197, 94, 0.12) 0%, rgba(34, 197, 94, 0.55) 100%);
}

.msc-mini-hole.active[b-g34efi8djj] {
    border-color: rgba(37,99,235,0.7);
    background: rgba(37,99,235,0.15);
    box-shadow: 0 0 0 3px rgba(37,99,235,0.25), 0 8px 16px rgba(0,0,0,0.3);
}

.msc-mini-hole.active[b-g34efi8djj]::before {
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.12) 0%, rgba(37, 99, 235, 0.65) 100%);
}

.msc-mini-hole-num[b-g34efi8djj] {
    font-size: 0.72rem;
    font-weight: 800;
    color: var(--msc-light-secondary);
}

.msc-mini-hole-score[b-g34efi8djj] {
    font-size: 1.2rem;
    font-weight: 900;
    color: var(--msc-light-text);
    letter-spacing: -0.01em;
}

.msc-mini-hole-status[b-g34efi8djj] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--b9-text-soft, #9fb0c4);
}

.msc-desktop-scorecard-wrap[b-g34efi8djj] {
    display: block;
    max-width: 1100px;
    margin: 0.35rem auto 0;
    overflow-x: auto;
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 14px;
    background: var(--b9-surface-muted, #111827);
    box-shadow: 0 16px 30px rgba(70, 52, 23, 0.1);
}

.msc-secondary-panel[b-g34efi8djj] {
    max-width: 1100px;
    margin: 1rem auto 0;
    padding: 0 0.25rem;
}

.msc-secondary-panel-summary[b-g34efi8djj] {
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--b9-text, #f3f6fb);
    margin: 0 0 0.5rem;
    padding: 0.1rem 0.15rem;
    user-select: none;
}

@media (min-width: 768px) {
    .msc-desktop-scorecard-wrap[b-g34efi8djj] {
        margin-top: 0.4rem;
        border-color: #94a3b8;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    }
}

.msc-desktop-scorecard[b-g34efi8djj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.87rem;
    min-width: 760px;
}

.msc-score-legend[b-g34efi8djj] {
    border-top: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    padding: 0.5rem 0.75rem 0.6rem;
    background: var(--b9-surface-alt, #0f172a);
}

.msc-score-legend-label[b-g34efi8djj] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--b9-text-muted, #c2cfdf);
    margin-bottom: 0.35rem;
}

.msc-score-legend-items[b-g34efi8djj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 1.1rem;
    font-size: 0.8rem;
    color: var(--b9-text, #f3f6fb);
    font-weight: 600;
}

.msc-mark-circle[b-g34efi8djj],
.msc-mark-square[b-g34efi8djj],
.msc-mark-double[b-g34efi8djj] {
    display: inline-block;
    width: 1rem;
    text-align: center;
    font-weight: 900;
    margin-right: 0.12rem;
}

.msc-desktop-scorecard th[b-g34efi8djj],
.msc-desktop-scorecard td[b-g34efi8djj] {
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    padding: 0.45rem;
    text-align: center;
    background: var(--b9-surface-alt, #0f172a);
}

.msc-desktop-scorecard thead th[b-g34efi8djj] {
    background: linear-gradient(180deg, #0f172a 0%, #18253c 100%);
    color: #f8fafc;
    font-weight: 800;
    position: sticky;
    top: 0;
    z-index: 2;
}

.msc-desktop-scorecard th:first-child[b-g34efi8djj],
.msc-desktop-scorecard td:first-child[b-g34efi8djj] {
    position: sticky;
    left: 0;
    background: var(--b9-surface-alt, #0f172a);
    font-weight: 700;
    z-index: 1;
}

.msc-desktop-scorecard thead th:first-child[b-g34efi8djj] {
    z-index: 3;
}

.msc-desktop-scorecard tbody tr:nth-child(even) td[b-g34efi8djj] {
    background: var(--b9-surface-alt, #0f172a);
}

.msc-desktop-scorecard tbody th[b-g34efi8djj] {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.74rem;
    color: var(--b9-text, #f3f6fb);
}

.msc-meta-row th[b-g34efi8djj],
.msc-meta-row td[b-g34efi8djj] {
    color: var(--b9-text, #f3f6fb);
    font-weight: 800;
}

.msc-meta-yards-row th[b-g34efi8djj],
.msc-meta-yards-row td[b-g34efi8djj] {
    background: var(--b9-surface-muted, #111827);
    color: var(--b9-text, #f3f6fb);
}

.msc-meta-par-row th[b-g34efi8djj],
.msc-meta-par-row td[b-g34efi8djj] {
    background: var(--b9-surface-alt, #0f172a);
    color: var(--b9-text-muted, #c2cfdf);
}

.msc-meta-si-row th[b-g34efi8djj],
.msc-meta-si-row td[b-g34efi8djj] {
    background: var(--b9-surface-muted, #111827);
    color: var(--b9-text-muted, #c2cfdf);
}

.msc-desktop-score-cell[b-g34efi8djj] {
    min-width: 62px;
    min-height: 52px;
}

.msc-desktop-score-btn[b-g34efi8djj] {
    border: 1px solid transparent;
    background: transparent;
    border-radius: 10px;
    min-width: 52px;
    min-height: 44px;
    font-weight: 800;
    font-size: 1.14rem;
    color: var(--b9-text, #f3f6fb);
    transition: border-color 0.12s, background 0.12s, box-shadow 0.12s;
    position: relative;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.msc-desktop-score-val[b-g34efi8djj] {
    letter-spacing: -0.02em;
}

.msc-desktop-score-btn:hover:not(:disabled)[b-g34efi8djj],
.msc-desktop-score-btn:focus-visible[b-g34efi8djj] {
    border-color: #8e7b5f;
    background: var(--b9-surface-alt, #0f172a);
    box-shadow: inset 0 0 0 1px rgba(142, 123, 95, 0.35);
    outline: none;
}

.msc-meta-diff-row th[b-g34efi8djj],
.msc-meta-diff-row td[b-g34efi8djj] {
    background: var(--b9-surface-muted, #111827);
    color: var(--b9-text, #f3f6fb);
    font-weight: 800;
}

.msc-cell-diff[b-g34efi8djj] {
    font-size: 0.76rem;
    letter-spacing: 0.01em;
}

.msc-desktop-score-btn.score-mark-circle[b-g34efi8djj],
.msc-desktop-score-btn.score-mark-double-circle[b-g34efi8djj],
.msc-desktop-score-btn.score-mark-square[b-g34efi8djj],
.msc-desktop-score-btn.score-mark-double-square[b-g34efi8djj] {
    border-color: transparent;
    background: transparent;
}

.msc-desktop-score-btn.score-mark-circle[b-g34efi8djj]::after,
.msc-desktop-score-btn.score-mark-double-circle[b-g34efi8djj]::after,
.msc-desktop-score-btn.score-mark-square[b-g34efi8djj]::after,
.msc-desktop-score-btn.score-mark-double-square[b-g34efi8djj]::after {
    content: "";
    position: absolute;
    inset: 5px;
    pointer-events: none;
}

.msc-desktop-score-btn.score-mark-circle[b-g34efi8djj]::after {
    border: 1.75px solid #0f172a;
    border-radius: 999px;
}

.msc-desktop-score-btn.score-mark-double-circle[b-g34efi8djj]::after {
    border: 1.75px solid #0f172a;
    border-radius: 999px;
    box-shadow: 0 0 0 3px var(--b9-surface-muted, #111827) inset, 0 0 0 3px rgba(255,255,255,0.65);
}

.msc-desktop-score-btn.score-mark-square[b-g34efi8djj]::after {
    border: 1.75px solid #0f172a;
    border-radius: 2px;
}

.msc-desktop-score-btn.score-mark-double-square[b-g34efi8djj]::after {
    border: 1.75px solid #0f172a;
    border-radius: 2px;
    box-shadow: 0 0 0 3px var(--b9-surface-muted, #111827) inset, 0 0 0 3px rgba(255,255,255,0.65);
}

.msc-hide-cards-desktop[b-g34efi8djj] {
    display: none;
}

.msc-ribbon-tile[b-g34efi8djj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1.1rem;
    flex-shrink: 0;
}

.msc-ribbon-divider[b-g34efi8djj] {
    width: 1px;
    height: 32px;
    background: rgba(255,255,255,0.12);
    flex-shrink: 0;
}

.msc-ribbon-label[b-g34efi8djj] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #cbd5e1;
    display: flex;
    align-items: center;
    gap: 4px;
}

.msc-ribbon-hcp[b-g34efi8djj] {
    background: rgba(255,255,255,0.15);
    border-radius: 10px;
    padding: 0 5px;
    font-size: 0.65rem;
    font-weight: 700;
    color: #cbd5e1;
}

.msc-ribbon-val[b-g34efi8djj] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
    margin-top: 2px;
}

.msc-val-net[b-g34efi8djj] { color: #93c5fd; }

.msc-ribbon-diff[b-g34efi8djj] {
    font-size: 0.68rem;
    font-weight: 700;
    margin-top: 1px;
    padding: 1px 6px;
    border-radius: 8px;
}

.msc-tee-dot[b-g34efi8djj] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

/* diff color classes (ribbon + totals) */
.diff-under[b-g34efi8djj] { color: #86efac; }
.diff-over[b-g34efi8djj]  { color: #93c5fd; }
.diff-even[b-g34efi8djj]  { color: rgba(255,255,255,0.55); }

/* ═══════════════════════════════════════════════════════════
   HOLES CONTAINER
═══════════════════════════════════════════════════════════ */
.msc-holes-container[b-g34efi8djj] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 560px;
    margin: 0 auto;
    width: 100%;
}

.msc-simple-stage[b-g34efi8djj] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.msc-simple-stage-head[b-g34efi8djj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    padding: 0.15rem 0.2rem 0.35rem;
}

.msc-simple-stage-hole[b-g34efi8djj] {
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--b9-text, #f3f6fb);
}
.msc-simple-stage-save[b-g34efi8djj] {
    font-size: 0.76rem;
    font-weight: 700;
    color: #86efac;
}

.msc-simple-stage-nav[b-g34efi8djj] {
    display: flex;
    gap: 0.45rem;
    margin-top: 0.12rem;
}

.msc-simple-stage-nav-btn[b-g34efi8djj] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-alt, #0f172a);
    color: var(--b9-text, #f3f6fb);
    border-radius: 10px;
    min-height: 48px;
    padding: 0.4rem 0.8rem;
    font-size: 0.84rem;
    font-weight: 700;
}

.msc-simple-stage .msc-hole-card[b-g34efi8djj] {
    margin-bottom: 0;
}

.msc-simple-stage-nav-btn:disabled[b-g34efi8djj] {
    opacity: 0.45;
    cursor: not-allowed;
}

.msc-first-score-focus[b-g34efi8djj] {
    margin: 0.52rem 0 0.48rem;
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 14px;
    background: var(--b9-surface-muted, #111827);
    box-shadow: 0 6px 14px rgba(70, 52, 23, 0.08);
    padding: 0.55rem;
}

.msc-first-score-focus--submitted[b-g34efi8djj] {
    background: rgba(34,197,94,0.12);
    border-color: rgba(34,197,94,0.4);
}

.msc-first-score-action--readonly[b-g34efi8djj] {
    background: transparent;
    border-color: #86efac;
    cursor: default;
}

.msc-first-score-head[b-g34efi8djj] {
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--b9-text-muted, #c2cfdf);
    margin-bottom: 0.28rem;
}

.msc-first-score-action[b-g34efi8djj] {
    width: 100%;
    border: 2px solid var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-alt, #0f172a);
    border-radius: 12px;
    padding: 0.52rem 0.65rem;
    display: flex;
    align-items: baseline;
    gap: 0.42rem;
    flex-wrap: wrap;
    text-align: left;
}

.msc-first-score-hole[b-g34efi8djj] {
    font-size: 0.84rem;
    font-weight: 900;
    color: var(--b9-text, #f3f6fb);
}

.msc-first-score-value[b-g34efi8djj] {
    font-size: 1.35rem;
    font-weight: 900;
    color: var(--b9-text, #f3f6fb);
    letter-spacing: -0.02em;
}

.msc-first-score-meta[b-g34efi8djj] {
    margin-left: auto;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--b9-text-muted, #c2cfdf);
}

/* ── Nine section label ── */
.msc-nine-label[b-g34efi8djj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.25rem 0.35rem;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: var(--b9-text-soft, #9fb0c4);
}

.msc-nine-par[b-g34efi8djj] {
    font-weight: 600;
    font-size: 0.7rem;
    color: var(--b9-text-soft, #9fb0c4);
}

/* ── Nine subtotal row ── */
.msc-nine-total[b-g34efi8djj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.55rem 1rem;
    margin-bottom: 0.75rem;
    background: var(--b9-surface-muted, #111827);
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--b9-text-soft, #9fb0c4);
}

.msc-nine-score[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    font-weight: 800;
}

.msc-nine-diff[b-g34efi8djj] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 10px;
    background: rgba(0,0,0,0.06);
}

/* ═══════════════════════════════════════════════════════════
   HOLE CARD
═══════════════════════════════════════════════════════════ */
.msc-hole-card[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0;
    position: relative;
    padding: 0.8rem 0.95rem;
    margin-bottom: 6px;
    border-radius: 14px;
    background: var(--b9-surface-muted, #111827);
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-left-width: 8px;
    border-left-color: #94a3b8;
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
    box-shadow: 0 5px 12px rgba(70, 52, 23, 0.06);
}

.msc-hole-card.msc-hole-highlight[b-g34efi8djj] {
    border-color: #94a3b8;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.14), 0 14px 24px rgba(32, 57, 109, 0.12);
}

/* Score-status tinting */
.hole-eagle[b-g34efi8djj]  { background: rgba(22,163,74,0.10); border-color: var(--b9-border, rgba(255,255,255,0.12)); border-left-color: #16a34a; }
.hole-birdie[b-g34efi8djj] { background: rgba(34,197,94,0.08); border-color: var(--b9-border, rgba(255,255,255,0.12)); border-left-color: #22c55e; }
.hole-par[b-g34efi8djj]    { background: var(--b9-surface-muted, #111827); border-color: var(--b9-border, rgba(255,255,255,0.12)); border-left-color: #64748b; }
.hole-bogey[b-g34efi8djj]  { background: rgba(59,130,246,0.10); border-color: var(--b9-border, rgba(255,255,255,0.12)); border-left-color: #3b82f6; }
.hole-double[b-g34efi8djj] { background: rgba(37,99,235,0.12); border-color: var(--b9-border, rgba(255,255,255,0.12)); border-left-color: #2563eb; }

/* ── Left: hole number ── */
.msc-hole-left[b-g34efi8djj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    min-width: 44px;
    flex-shrink: 0;
}

.msc-hole-num[b-g34efi8djj] {
    font-size: 1.42rem;
    font-weight: 900;
    color: var(--b9-text, #f3f6fb);
    line-height: 1;
}

.msc-hole-meta[b-g34efi8djj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.msc-hole-par[b-g34efi8djj]  { font-size: 0.66rem; font-weight: 800; color: var(--b9-text, #f3f6fb); }
.msc-hole-si[b-g34efi8djj]   { font-size: 0.64rem; color: var(--b9-text-soft, #9fb0c4); font-weight: 800; }
.msc-hole-yrd[b-g34efi8djj]  { font-size: 0.66rem; font-weight: 800; color: var(--b9-text, #f3f6fb); }

/* ── Middle: score name ── */
.msc-hole-score-label[b-g34efi8djj] {
    flex: 1;
    text-align: center;
    padding: 0 0.5rem;
}

.msc-score-pill[b-g34efi8djj] {
    position: relative;
    border: 2px solid var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-muted, #111827);
    min-width: 118px;
    min-height: 82px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.28rem 0.82rem;
    transition: border-color 0.12s, box-shadow 0.12s, background 0.12s;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.78);
}

.msc-score-pill.has-score[b-g34efi8djj] {
    border-color: var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-muted, #111827);
}

.msc-score-pill.is-empty[b-g34efi8djj] {
    border-style: dashed;
}

.msc-score-pill:focus-visible[b-g34efi8djj] {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}

.msc-score-pill.readonly[b-g34efi8djj] {
    font-size: 1.35rem;
    font-weight: 900;
}

.msc-score-pill-value[b-g34efi8djj] {
    position: relative;
    z-index: 1;
    font-size: 2.62rem;
    font-weight: 900;
    color: var(--b9-text, #f3f6fb);
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    text-shadow: 0 1px 0 rgba(255,255,255,0.85);
}

.msc-score-name[b-g34efi8djj] {
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--b9-text, #f3f6fb);
}

.msc-score-empty[b-g34efi8djj] {
    font-size: 0.8rem;
    color: var(--b9-text-muted, #c2cfdf);
    font-weight: 600;
}

.msc-score-diff[b-g34efi8djj] {
    margin-top: 0.14rem;
    font-size: 0.72rem;
    font-weight: 700;
}

.msc-score-pill.score-mark-circle[b-g34efi8djj]::after,
.msc-score-pill.score-mark-double-circle[b-g34efi8djj]::after,
.msc-score-pill.score-mark-square[b-g34efi8djj]::after,
.msc-score-pill.score-mark-double-square[b-g34efi8djj]::after {
    content: "";
    position: absolute;
    inset: 6px;
    pointer-events: none;
}

.msc-score-pill.score-mark-circle[b-g34efi8djj]::after {
    border: 1.8px solid #1f3f7f;
    border-radius: 999px;
}

.msc-score-pill.score-mark-double-circle[b-g34efi8djj]::after {
    border: 1.8px solid #125a34;
    border-radius: 999px;
    box-shadow: 0 0 0 3px var(--b9-surface-muted, #111827) inset, 0 0 0 3px #22c55e;
}

.msc-score-pill.score-mark-square[b-g34efi8djj]::after {
    border: 1.8px solid #2563eb;
    border-radius: 4px;
}

.msc-score-pill.score-mark-double-square[b-g34efi8djj]::after {
    border: 1.8px solid #1d4ed8;
    border-radius: 4px;
    box-shadow: 0 0 0 3px var(--b9-surface-muted, #111827) inset, 0 0 0 3px #60a5fa;
}

/* ── Right: stepper ── */
.msc-hole-stepper[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.msc-step-btn[b-g34efi8djj] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-muted, #111827);
    color: var(--b9-text-muted, #c2cfdf);
    font-size: 1.18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.1s, border-color 0.1s, transform 0.1s;
    -webkit-tap-highlight-color: transparent;
}

.msc-step-btn:hover:not(:disabled)[b-g34efi8djj] {
    background: var(--b9-surface-muted, #111827);
    border-color: #adb5bd;
}

.msc-step-btn:active:not(:disabled)[b-g34efi8djj] {
    transform: scale(0.92);
}

.msc-step-btn:disabled[b-g34efi8djj] {
    opacity: 0.35;
    cursor: not-allowed;
}

.msc-step-minus[b-g34efi8djj] { color: #0ea5e9; border-color: #7dd3fc; }
.msc-step-minus:hover:not(:disabled)[b-g34efi8djj] { background: rgba(14,165,233,0.14); border-color: #38bdf8; }

.msc-step-plus[b-g34efi8djj]  { color: #22c55e; border-color: #bbf7d0; }
.msc-step-plus:hover:not(:disabled)[b-g34efi8djj] { background: rgba(34,197,94,0.16); border-color: #86efac; }

.msc-step-val[b-g34efi8djj] {
    appearance: none;
    min-width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.04rem;
    font-weight: 900;
    color: var(--b9-text, #f3f6fb);
    border-radius: 12px;
    background: var(--b9-surface-alt, #0f172a);
    border: 2px solid var(--b9-border, rgba(255,255,255,0.12));
    transition: background 0.12s;
    padding: 0;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.msc-step-readout[b-g34efi8djj] {
    min-width: 46px;
    height: 46px;
    font-size: 1.36rem;
    border-style: dashed;
    border-color: var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-muted, #111827);
    color: var(--b9-text-muted, #c2cfdf);
}

.msc-step-edit[b-g34efi8djj] {
    cursor: pointer;
}

.msc-step-edit:focus-visible[b-g34efi8djj] {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

.msc-step-readonly[b-g34efi8djj] {
    background: var(--b9-surface-muted, #111827);
    color: var(--b9-text-soft, #9fb0c4);
}

.msc-hole-sync[b-g34efi8djj] {
    position: absolute;
    bottom: 6px;
    left: 64px;
    font-size: 0.68rem;
    color: var(--b9-text-soft, #9fb0c4);
    font-weight: 600;
    opacity: 0.82;
}

/* score value tints on the number tile */
.hole-eagle-num[b-g34efi8djj]  { background: rgba(22,163,74,0.18); color: #dcfce7; border-color: #16a34a; }
.hole-birdie-num[b-g34efi8djj] { background: rgba(34,197,94,0.16); color: #bbf7d0; border-color: #22c55e; }
.hole-par-num[b-g34efi8djj]    { background: var(--b9-surface-alt, #0f172a); color: var(--b9-text, #f3f6fb); border-color: #64748b; }
.hole-bogey-num[b-g34efi8djj]  { background: rgba(59,130,246,0.14); color: #bfdbfe; border-color: #3b82f6; }
.hole-double-num[b-g34efi8djj] { background: rgba(37,99,235,0.18); color: #dbeafe; border-color: #2563eb; }

/* ═══════════════════════════════════════════════════════════
   TOTAL CARD
═══════════════════════════════════════════════════════════ */
.msc-total-card[b-g34efi8djj] {
    background: #0f172a;
    border-radius: 16px;
    padding: 1.3rem 1.35rem;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.msc-total-row[b-g34efi8djj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.msc-total-net-row[b-g34efi8djj] {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 0.6rem;
}

.msc-total-label[b-g34efi8djj] {
    font-size: 0.84rem;
    font-weight: 800;
    color: rgba(255,255,255,0.88);
}

.msc-total-vals[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.msc-total-gross[b-g34efi8djj] {
    font-size: 1.72rem;
    font-weight: 900;
    color: #fff;
}

.msc-total-under[b-g34efi8djj] { color: #86efac; }
.msc-total-over[b-g34efi8djj]  { color: #93c5fd; }
.msc-total-even[b-g34efi8djj]  { color: #93c5fd; }

.msc-total-diff[b-g34efi8djj] {
    font-size: 0.85rem;
    font-weight: 800;
    padding: 3px 10px;
    border-radius: 20px;
    background: rgba(255,255,255,0.08);
}

.msc-total-net-val[b-g34efi8djj] {
    font-size: 1.3rem;
    font-weight: 800;
    color: #93c5fd;
}

.msc-total-hint[b-g34efi8djj] {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.78);
    font-weight: 700;
    padding-top: 0.25rem;
    border-top: 1px solid rgba(255,255,255,0.06);
}

/* ═══════════════════════════════════════════════════════════
   SAVE ERROR BANNER
═══════════════════════════════════════════════════════════ */
.msc-save-error[b-g34efi8djj] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.4);
    border-radius: 12px;
    padding: 0.85rem 1rem;
    margin: 0.75rem 1rem 0;
    color: #fca5a5;
    font-size: 0.875rem;
    font-weight: 600;
}

.msc-save-error-hint[b-g34efi8djj] {
    font-weight: 400;
    font-size: 0.8rem;
    color: rgba(252,165,165,0.75);
}

.msc-submit-notice[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.35);
    border-radius: 12px;
    padding: 0.75rem 0.95rem;
    margin: 0.75rem 1rem 0;
    color: #86efac;
    font-size: 0.85rem;
    font-weight: 700;
}

.msc-recovery-notice[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.32);
    border-radius: 12px;
    padding: 0.75rem 0.95rem;
    margin: 0.75rem 1rem 0;
    color: #bfdbfe;
    font-size: 0.85rem;
    font-weight: 700;
}

.msc-partner-confirm[b-g34efi8djj] {
    background: rgba(30, 64, 175, 0.18);
    border: 1px solid rgba(147, 197, 253, 0.5);
    border-radius: 12px;
    padding: 0.8rem 0.95rem;
    margin: 0.75rem 1rem 0;
}

.msc-partner-confirm-title[b-g34efi8djj] {
    font-size: 0.8rem;
    font-weight: 800;
    color: #bfdbfe;
}

.msc-partner-confirm-text[b-g34efi8djj] {
    font-size: 0.76rem;
    color: var(--b9-text-muted, #c2cfdf);
    margin-top: 0.2rem;
}

.msc-partner-confirm-btn[b-g34efi8djj] {
    margin-top: 0.55rem;
    border: 1px solid #1d4ed8;
    background: #1d4ed8;
    color: #fff;
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    font-size: 0.75rem;
    font-weight: 700;
}

.msc-partner-confirm-done[b-g34efi8djj] {
    margin-top: 0.55rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #86efac;
}

.msc-scorepad-backdrop[b-g34efi8djj] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1200;
}

.msc-scorepad[b-g34efi8djj] {
    width: min(500px, 100%);
    background: var(--b9-surface-alt, #0f172a);
    border-radius: 16px 16px 0 0;
    padding: 0.95rem;
    border-top: 1px solid var(--b9-border, rgba(255,255,255,0.12));
}

.msc-scorepad-head[b-g34efi8djj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--b9-text, #f3f6fb);
}

.msc-scorepad-meta[b-g34efi8djj] {
    margin-top: 0.45rem;
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.msc-scorepad-meta span[b-g34efi8djj] {
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--b9-text-muted, #c2cfdf);
    background: var(--b9-surface-muted, #111827);
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 999px;
    padding: 0.12rem 0.42rem;
}

.msc-scorepad-close[b-g34efi8djj] {
    border: none;
    background: transparent;
    color: var(--b9-text-soft, #9fb0c4);
}

.msc-scorepad-value[b-g34efi8djj] {
    margin-top: 0.6rem;
    font-size: 2rem;
    font-weight: 900;
    text-align: center;
    color: var(--b9-text, #f3f6fb);
    background: var(--b9-surface-muted, #111827);
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 12px;
    padding: 0.35rem;
}

.msc-scorepad-value.is-selected[b-g34efi8djj] {
    border-color: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.18);
    background: rgba(30, 64, 175, 0.24);
}

.msc-scorepad-grid[b-g34efi8djj] {
    margin-top: 0.7rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.45rem;
}

.msc-scorepad-key[b-g34efi8djj] {
    min-height: 52px;
    border-radius: 12px;
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-alt, #0f172a);
    font-size: 1.2rem;
    font-weight: 800;
}

.msc-scorepad-key-sub[b-g34efi8djj] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--b9-text, #f3f6fb);
    background: var(--b9-surface-muted, #111827);
}

.msc-scorepad-key:focus-visible[b-g34efi8djj],
.msc-scorepad-action:focus-visible[b-g34efi8djj],
.msc-scorepad-close:focus-visible[b-g34efi8djj] {
    outline: 2px solid #60a5fa;
    outline-offset: 1px;
}

.msc-scorepad-actions[b-g34efi8djj] {
    margin-top: 0.6rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.msc-scorepad-action[b-g34efi8djj] {
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    background: var(--b9-surface-alt, #0f172a);
    border-radius: 8px;
    padding: 0.3rem 0.65rem;
    font-size: 0.78rem;
    font-weight: 700;
}

.msc-scorepad-action.apply[b-g34efi8djj] {
    border-color: #1d4ed8;
    background: #1d4ed8;
    color: #fff;
}

.msc-review-backdrop[b-g34efi8djj] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.58);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1300;
}

.msc-review-modal[b-g34efi8djj] {
    width: min(640px, 100%);
    max-height: min(80vh, 760px);
    overflow: auto;
    background: var(--b9-surface-alt, #0f172a);
    border-radius: 18px;
    box-shadow: 0 24px 56px rgba(15, 23, 42, 0.28);
    padding: 1rem;
}

.msc-review-head[b-g34efi8djj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.msc-review-kicker[b-g34efi8djj] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--msc-light-secondary);
}

.msc-review-title[b-g34efi8djj] {
    margin: 0.12rem 0 0;
    font-size: 1.18rem;
    font-weight: 900;
    color: var(--msc-light-text);
}

.msc-review-close[b-g34efi8djj] {
    border: none;
    background: transparent;
    color: var(--msc-light-muted);
}

.msc-review-sub[b-g34efi8djj] {
    margin: 0.4rem 0 0;
    font-size: 0.86rem;
    color: var(--msc-light-secondary);
    font-weight: 700;
}

.msc-review-summary[b-g34efi8djj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.8rem;
}

.msc-review-list[b-g34efi8djj] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 0.8rem;
}

.msc-review-row[b-g34efi8djj] {
    display: grid;
    grid-template-columns: 88px 1fr 52px 120px;
    gap: 0.55rem;
    align-items: center;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 12px;
    background: var(--b9-surface-muted, #111827);
}

.msc-review-hole[b-g34efi8djj],
.msc-review-score[b-g34efi8djj] {
    font-weight: 800;
    color: var(--msc-light-text);
}

.msc-review-meta[b-g34efi8djj],
.msc-review-notation[b-g34efi8djj] {
    font-size: 0.78rem;
    color: var(--msc-light-secondary);
    font-weight: 700;
}

.msc-review-actions[b-g34efi8djj] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

/* ═══════════════════════════════════════════════════════════
   ROUND COMPLETE BANNER
═══════════════════════════════════════════════════════════ */
.msc-complete-banner[b-g34efi8djj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(135deg, rgba(14,116,144,0.22) 0%, rgba(30,64,175,0.2) 100%);
    border: 1px solid rgba(56,189,248,0.38);
    border-radius: 16px;
    padding: 1.1rem 1.25rem;
    margin: 0.75rem 1rem 0;
}

.msc-complete-icon[b-g34efi8djj] {
    font-size: 2rem;
    color: #86efac;
    flex-shrink: 0;
    line-height: 1;
}

.msc-complete-body[b-g34efi8djj] {
    flex: 1;
    min-width: 0;
}

.msc-complete-title[b-g34efi8djj] {
    font-size: 1rem;
    font-weight: 800;
    color: #ecfeff;
    margin-bottom: 0.28rem;
}

.msc-complete-sub[b-g34efi8djj] {
    font-size: 0.86rem;
    color: #dbeafe;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.msc-complete-lb-btn[b-g34efi8djj] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(30, 41, 59, 0.76);
    border: 1px solid rgba(148, 163, 184, 0.45);
    color: #f8fafc;
    border-radius: 8px;
    min-height: 44px;
    padding: 0.52rem 0.9rem;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background 0.15s;
}

.msc-complete-actions[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.msc-complete-secondary-btn[b-g34efi8djj] {
    background: rgba(15, 23, 42, 0.7);
    border-color: rgba(148, 163, 184, 0.38);
    color: #e2e8f0;
}

.msc-complete-secondary-btn:hover[b-g34efi8djj] {
    background: rgba(30, 41, 59, 0.9);
    color: #f8fafc;
}

.msc-complete-lb-btn:hover[b-g34efi8djj] {
    background: rgba(51, 65, 85, 0.92);
    color: #f8fafc;
}

.msc-complete-primary-btn[b-g34efi8djj] {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    border-color: rgba(34, 197, 94, 0.55);
    color: #ffffff;
}

.msc-complete-primary-btn:hover:not(:disabled)[b-g34efi8djj] {
    background: linear-gradient(135deg, #22c55e 0%, #15803d 100%);
}

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

.msc-lock-notice[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0.65rem 1rem 0;
    padding: 0.72rem 0.9rem;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.4);
    background: rgba(15, 23, 42, 0.72);
    color: #e2e8f0;
    font-size: 0.86rem;
    line-height: 1.35;
}

/* ═══════════════════════════════════════════════════════════
   ON-COURSE CONTESTS
═══════════════════════════════════════════════════════════ */
.msc-contests-section[b-g34efi8djj] {
    padding: 0.75rem 1rem 0.25rem;
}

.msc-contests-title[b-g34efi8djj] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--b9-text-soft, #9fb0c4);
    margin-bottom: 0.5rem;
}

.msc-contest-chip[b-g34efi8djj] {
    border: 1px solid var(--b9-border, rgba(255,255,255,0.12));
    border-radius: 8px;
    padding: 0.6rem 0.85rem;
    margin-bottom: 0.5rem;
    background: var(--b9-surface-muted, #111827);
    font-size: 0.85rem;
}

.msc-contest-chip.msc-contest-final[b-g34efi8djj] {
    border-color: rgba(34,197,94,0.4);
    background: rgba(34,197,94,0.10);
}

.msc-contest-chip-head[b-g34efi8djj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.2rem;
}

.msc-contest-chip-name[b-g34efi8djj] {
    font-weight: 600;
    color: var(--b9-text, #f3f6fb);
}

.msc-contest-winner-badge[b-g34efi8djj] {
    font-size: 0.72rem;
    font-weight: 700;
    background: rgba(245,158,11,0.14);
    color: #fcd34d;
    border: 1px solid rgba(245,158,11,0.4);
    border-radius: 12px;
    padding: 1px 8px;
    white-space: nowrap;
}

.msc-contest-chip-holes[b-g34efi8djj],
.msc-contest-chip-prize[b-g34efi8djj],
.msc-contest-no-entry[b-g34efi8djj] {
    font-size: 0.78rem;
    margin-top: 0.15rem;
}

.msc-contest-entry-val[b-g34efi8djj] {
    font-size: 0.82rem;
    color: var(--b9-text, #f3f6fb);
    margin-top: 0.2rem;
}

/* Status pills */
.msc-contest-status-pill[b-g34efi8djj] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 1px 7px;
    border-radius: 4px;
}

.msc-csp-open[b-g34efi8djj]   { background: var(--success-soft); color: var(--success-text); }
.msc-csp-locked[b-g34efi8djj] { background: rgba(245,158,11,0.14); color: #fcd34d; }
.msc-csp-final[b-g34efi8djj]  { background: var(--brand-soft); color: var(--brand-text); }
.msc-csp-draft[b-g34efi8djj]  { background: var(--b9-surface-muted, #111827); color: var(--b9-text-soft, #9fb0c4); }

/* Player dark-shell readability normalization */
.msc-shell .msc-round-tabs[b-g34efi8djj],
.msc-shell .msc-progress-bar-wrap[b-g34efi8djj],
.msc-shell .msc-score-grid[b-g34efi8djj],
.msc-shell .msc-holes-container[b-g34efi8djj],
.msc-shell .msc-review[b-g34efi8djj],
.msc-shell .msc-scorecard-panel[b-g34efi8djj],
.msc-shell .msc-summary-card[b-g34efi8djj],
.msc-shell .msc-scorepad[b-g34efi8djj],
.msc-shell .msc-closed-banner[b-g34efi8djj] {
    background: var(--b9-surface-alt, #0f172a);
    border-color: var(--b9-border, rgba(255,255,255,0.12));
    color: var(--b9-text, #f3f6fb);
}

.msc-shell .msc-round-tab[b-g34efi8djj],
.msc-shell .msc-progress-label[b-g34efi8djj],
.msc-shell .msc-score-meta[b-g34efi8djj],
.msc-shell .msc-review-sub[b-g34efi8djj],
.msc-shell .msc-score-empty[b-g34efi8djj],
.msc-shell .msc-task-sub[b-g34efi8djj],
.msc-shell .msc-scorepad-meta[b-g34efi8djj],
.msc-shell .msc-team-players[b-g34efi8djj] {
    color: var(--b9-text-muted, #c2cfdf);
}

.msc-shell .msc-round-tab-active[b-g34efi8djj],
.msc-shell .msc-score-pill[b-g34efi8djj],
.msc-shell .msc-hole-card[b-g34efi8djj],
.msc-shell .msc-mini-hole[b-g34efi8djj],
.msc-shell .msc-review-row[b-g34efi8djj],
.msc-shell .msc-stepper[b-g34efi8djj],
.msc-shell .msc-scorepad-key[b-g34efi8djj],
.msc-shell .msc-scorepad-action[b-g34efi8djj] {
    background: var(--b9-surface-muted, #111827);
    border-color: var(--b9-border, rgba(255,255,255,0.12));
    color: var(--b9-text, #f3f6fb);
}

.msc-shell .msc-round-tab-active[b-g34efi8djj] {
    border-bottom-color: var(--b9-primary, #1d4ed8);
}

.msc-shell .msc-team-context[b-g34efi8djj],
.msc-shell .msc-task-intel[b-g34efi8djj],
.msc-shell .msc-progress-cockpit[b-g34efi8djj] {
    background: linear-gradient(180deg, var(--b9-surface-alt, #0f172a) 0%, var(--b9-surface-muted, #111827) 100%);
    border-color: var(--b9-border, rgba(255,255,255,0.12));
    color: var(--b9-text, #f3f6fb);
}

.msc-shell .msc-team-name[b-g34efi8djj],
.msc-shell .msc-team-helper[b-g34efi8djj],
.msc-shell .msc-score-name[b-g34efi8djj],
.msc-shell .msc-task-title[b-g34efi8djj],
.msc-shell .msc-review-title[b-g34efi8djj],
.msc-shell .msc-step-val[b-g34efi8djj] {
    color: var(--b9-text, #f3f6fb);
}

.msc-shell .msc-team-chip[b-g34efi8djj],
.msc-shell .msc-task-chip[b-g34efi8djj],
.msc-shell .msc-command-toggle-btn.active[b-g34efi8djj] {
    background: var(--b9-surface-muted, #111827);
    color: var(--b9-text, #f3f6fb);
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — wider screens get a bit of padding
═══════════════════════════════════════════════════════════ */
@media (min-width: 600px) {
    .msc-holes-container[b-g34efi8djj] {
        padding: 1rem 1.25rem;
    }

    .msc-hole-card[b-g34efi8djj] {
        padding: 0.85rem 1.1rem;
    }

    .msc-step-btn[b-g34efi8djj] {
        width: 44px;
        height: 44px;
    }

    .msc-step-val[b-g34efi8djj] {
        min-width: 52px;
        height: 52px;
        font-size: 1.75rem;
    }
}

/* ═══════════════════════════════════════════════════════════
   STICKY ACTION BAR
═══════════════════════════════════════════════════════════ */
.msc-sticky-action-bar[b-g34efi8djj] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    padding-bottom: max(0.95rem, env(safe-area-inset-bottom));
    background: linear-gradient(180deg, rgba(14, 24, 36, 0.97) 0%, rgba(13, 22, 33, 0.99) 100%);
    border-top: 1.5px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 -8px 22px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(6px);
}

.msc-action-summary[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.72rem;
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
}

.msc-action-label[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #e2e8f0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.msc-action-label strong[b-g34efi8djj] {
    color: #fff;
    font-weight: 900;
}

.msc-action-gross[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: #d7e1ed;
    white-space: nowrap;
}

.msc-action-title[b-g34efi8djj] {
    min-width: 0;
}

.msc-action-helper[b-g34efi8djj] {
    opacity: 0.95;
}

.msc-action-gross strong[b-g34efi8djj] {
    font-size: 1rem;
    font-weight: 800;
    color: #86efac;
}

.msc-action-sync[b-g34efi8djj] {
    font-size: 0.74rem;
    font-weight: 700;
    color: #93c5fd;
}

.msc-action-ready[b-g34efi8djj] {
    font-size: 0.74rem;
    font-weight: 800;
    color: #86efac;
}

.msc-action-wait[b-g34efi8djj] {
    font-size: 0.8rem;
    font-weight: 800;
    color: #fcd34d;
}

.msc-action-buttons[b-g34efi8djj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.msc-action-btn[b-g34efi8djj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.74rem 1.15rem;
    border: none;
    border-radius: 13px;
    min-height: 44px;
    font-size: 0.84rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s, transform 0.08s, box-shadow 0.15s;
    -webkit-tap-highlight-color: transparent;
}

.msc-action-btn:focus-visible[b-g34efi8djj] {
    outline: 2px solid #93c5fd;
    outline-offset: 1px;
}

.msc-action-btn:active:not(:disabled)[b-g34efi8djj] {
    transform: scale(0.95);
}

.msc-action-btn:disabled[b-g34efi8djj] {
    opacity: 0.4;
    cursor: not-allowed;
}

.msc-action-save[b-g34efi8djj] {
    background: rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.msc-action-save:hover:not(:disabled)[b-g34efi8djj] {
    background: rgba(255, 255, 255, 0.18);
    color: #e2e8f0;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.08);
}

.msc-action-submit[b-g34efi8djj] {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #fff;
    font-weight: 900;
    min-width: 170px;
    letter-spacing: 0.01em;
    box-shadow: 0 12px 24px rgba(21, 128, 61, 0.26), inset 0 1px 0 rgba(255,255,255,0.32);
}

.msc-action-submit i[b-g34efi8djj] {
    font-size: 0.94rem;
}

.msc-action-submit:hover:not(:disabled)[b-g34efi8djj] {
    background: linear-gradient(135deg, #22c55e 0%, #15803d 100%);
    box-shadow: 0 8px 18px rgba(34, 197, 94, 0.34);
}

.msc-action-submit:disabled[b-g34efi8djj] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.5) 0%, rgba(22, 163, 74, 0.5) 100%);
}

.msc-large-type .msc-topbar-event[b-g34efi8djj] {
    font-size: 1.18rem;
}

.msc-large-type .msc-task-title[b-g34efi8djj] {
    font-size: 1.7rem;
}

.msc-large-type .msc-task-sub[b-g34efi8djj],
.msc-large-type .msc-progress-nav-sub[b-g34efi8djj],
.msc-large-type .msc-review-sub[b-g34efi8djj] {
    font-size: 1.1rem;
}

.msc-large-type .msc-task-intel-chip[b-g34efi8djj],
.msc-large-type .msc-task-chip[b-g34efi8djj] {
    min-height: 34px;
    font-size: 0.9rem;
}

.msc-large-type .msc-task-note[b-g34efi8djj],
.msc-large-type .msc-team-helper[b-g34efi8djj],
.msc-large-type .msc-score-name[b-g34efi8djj],
.msc-large-type .msc-score-empty[b-g34efi8djj] {
    font-size: 0.96rem;
}

.msc-large-type .msc-mini-hole[b-g34efi8djj] {
    min-width: 82px;
    min-height: 86px;
    padding: 0.72rem 0.55rem;
}

.msc-large-type .msc-score-pill[b-g34efi8djj] {
    min-width: 144px;
    min-height: 104px;
}

.msc-large-type .msc-score-pill-value[b-g34efi8djj] {
    font-size: 2.7rem;
}

.msc-large-type .msc-step-btn[b-g34efi8djj] {
    width: 62px;
    height: 62px;
}

.msc-large-type .msc-step-val[b-g34efi8djj] {
    min-width: 70px;
    height: 70px;
    font-size: 2.28rem;
}

.msc-large-type .msc-command-chip[b-g34efi8djj],
.msc-large-type .msc-action-btn[b-g34efi8djj],
.msc-large-type .msc-scorepad-action[b-g34efi8djj],
.msc-large-type .msc-scorepad-key[b-g34efi8djj] {
    font-size: 1.06rem;
}

.msc-large-type .msc-action-btn[b-g34efi8djj],
.msc-large-type .msc-scorepad-key[b-g34efi8djj],
.msc-large-type .msc-scorepad-action[b-g34efi8djj] {
    min-height: 60px;
}

.msc-large-type .msc-senior-toggle[b-g34efi8djj],
.msc-large-type .msc-command-toggle-btn[b-g34efi8djj] {
    min-height: 56px;
}

.msc-large-type .msc-action-summary[b-g34efi8djj] {
    gap: 1.1rem;
}

.msc-simple-mode .msc-score-legend[b-g34efi8djj],
.msc-simple-mode .msc-review-notation[b-g34efi8djj],
.msc-simple-mode .msc-hole-si[b-g34efi8djj],
.msc-simple-mode .msc-score-empty[b-g34efi8djj],
.msc-simple-mode .msc-meta-si-row[b-g34efi8djj],
.msc-simple-mode .msc-scorepad-meta span:last-child[b-g34efi8djj] {
    display: none;
}

.msc-large-type .msc-review-row[b-g34efi8djj] {
    grid-template-columns: 96px 1fr 60px 132px;
}

/* Mobile layout: full width buttons stack vertically on very small screens */
/* ═══════════════════════════════════════════════════════════
   BOTTOM SPACER — reserves space below sticky action bar
═══════════════════════════════════════════════════════════ */
.msc-bottom-spacer[b-g34efi8djj] {
    height: 7rem;
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

@media (max-width: 480px) {
    /* Taller spacer: stacked bar at ≤480px is ~165px; 12rem covers that + safe area */
    .msc-bottom-spacer[b-g34efi8djj] {
        height: 12rem;
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
}

@media (max-width: 480px) {
    .msc-round-cockpit[b-g34efi8djj] {
        margin: 0.35rem 0.55rem 0.28rem;
    }

    .msc-sticky-action-bar[b-g34efi8djj] {
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.65rem 0.85rem;
        /* Preserve safe-area inset when stacked */
        padding-bottom: max(0.65rem, env(safe-area-inset-bottom));
    }

    .msc-action-summary[b-g34efi8djj] {
        width: 100%;
        justify-content: space-between;
        gap: 0.75rem;
    }

    .msc-action-buttons[b-g34efi8djj] {
        width: 100%;
        gap: 0.4rem;
    }

    .msc-action-btn[b-g34efi8djj] {
        flex: 1;
        padding: 0.6rem 0.85rem;
    }

    .msc-topbar-right[b-g34efi8djj] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 0;
    }

    .msc-display-options-trigger[b-g34efi8djj] {
        display: inline-flex;
    }

    .msc-topbar-right .msc-control-cluster[b-g34efi8djj] {
        display: none;
    }

    .msc-topbar-right.is-open .msc-control-cluster[b-g34efi8djj] {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0.45rem;
        border-radius: 14px;
        padding: 0.55rem;
    }

    .msc-topbar-right.is-open .msc-command-toggle[b-g34efi8djj],
    .msc-topbar-right.is-open .msc-senior-toggle[b-g34efi8djj] {
        width: 100%;
        justify-content: space-between;
    }

    .msc-task-head[b-g34efi8djj] {
        padding: 0.62rem 0.68rem 0.4rem;
    }

    .msc-task-intel[b-g34efi8djj] {
        display: none;
    }

    /* Hide secondary task content to keep first-score-focus near the top */
    .msc-task-sub[b-g34efi8djj] {
        display: none;
    }

    .msc-task-chip-row[b-g34efi8djj] {
        display: none;
    }

    .msc-task-note[b-g34efi8djj] {
        display: none;
    }

    .msc-mini-strip-wrap[b-g34efi8djj] {
        padding: 0.36rem 0.58rem 0.55rem;
    }

    .msc-review-row[b-g34efi8djj] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 481px) and (max-width: 640px) {
    .msc-display-options-trigger[b-g34efi8djj] {
        display: inline-flex;
    }

    .msc-topbar-right[b-g34efi8djj] {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }

    .msc-topbar-right .msc-control-cluster[b-g34efi8djj] {
        display: none;
    }

    .msc-topbar-right.is-open .msc-control-cluster[b-g34efi8djj] {
        display: flex;
        width: 100%;
        border-radius: 14px;
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    .msc-sticky-action-bar[b-g34efi8djj] {
        gap: 0.65rem;
    }

    .msc-action-summary[b-g34efi8djj] {
        gap: 0.48rem;
    }

    .msc-action-btn[b-g34efi8djj] {
        white-space: normal;
        text-align: center;
    }

    .msc-action-submit[b-g34efi8djj] {
        min-width: 148px;
    }
}

@media (max-width: 640px) {
    .msc-round-cockpit .msc-compact-hcp[b-g34efi8djj],
    .msc-round-cockpit .msc-team-context[b-g34efi8djj] {
        display: none;
    }

    .msc-round-cockpit[b-g34efi8djj] {
        margin: 0.22rem 0.55rem 0.2rem;
    }
}

@media (min-width: 481px) and (max-width: 640px) {
    .msc-action-label[b-g34efi8djj] {
        font-size: 0.75rem;
    }

    .msc-action-gross[b-g34efi8djj] {
        font-size: 0.75rem;
    }

    .msc-action-gross strong[b-g34efi8djj] {
        font-size: 0.9rem;
    }
}
/* /Components/Pages/Events/Pairings.razor.rz.scp.css */
/* ── Top bar ─────────────────────────────────────────────────────────────── */
.pg-bar[b-t7srtr13fe] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--bg-elevated);
    border-bottom: 1px solid var(--border-subtle);
    padding: 0.6rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-height: 52px;
}

.pg-bar-left[b-t7srtr13fe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    flex: 1;
}

.pg-bar-right[b-t7srtr13fe] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* ── Unassigned pool ──────────────────────────────────────────────────────── */
.unassigned-pool[b-t7srtr13fe] {
    max-height: 420px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.player-chip[b-t7srtr13fe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.45rem 0.75rem;
    border-radius: 8px;
    border: 1.5px solid var(--border-default);
    background: var(--bg-raised);
    cursor: pointer;
    transition: border-color 0.12s, background 0.12s, transform 0.1s;
    user-select: none;
}

.player-chip:hover[b-t7srtr13fe] {
    border-color: var(--brand);
    background: var(--brand-soft);
}

.player-chip:active[b-t7srtr13fe] {
    transform: scale(0.98);
}

.chip-selected[b-t7srtr13fe] {
    border-color: var(--brand) !important;
    background: var(--brand-soft) !important;
    box-shadow: 0 0 0 3px var(--brand-ring);
}

.chip-name[b-t7srtr13fe] {
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chip-hcp[b-t7srtr13fe] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 20px;
    background: var(--bg-elevated);
    color: var(--text-muted);
    flex-shrink: 0;
    margin-left: 6px;
}

.chip-hcp-idx[b-t7srtr13fe] {
    background: rgba(13,148,136,0.16);
    color: #5eead4;
}

/* ── Group cards ─────────────────────────────────────────────────────────── */
.group-card[b-t7srtr13fe] {
    background: var(--bg-elevated);
    border-radius: 12px;
    border: 1.5px solid var(--border-default);
    box-shadow: 0 1px 4px rgba(0,0,0,.18);
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.group-card-target[b-t7srtr13fe] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-ring);
    cursor: pointer;
}

.group-card-target:hover[b-t7srtr13fe] {
    background: var(--brand-soft);
}

.group-header[b-t7srtr13fe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.55rem 0.75rem;
    background: var(--bg-raised);
    border-bottom: 1px solid var(--border-default);
    gap: 0.5rem;
}

.group-label[b-t7srtr13fe] {
    font-weight: 700;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--text-muted);
}

.group-teetime[b-t7srtr13fe] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--brand-text);
}

.group-hole[b-t7srtr13fe] {
    font-size: 0.75rem;
    color: var(--text-muted);
    background: var(--bg-raised);
    border-radius: 20px;
    padding: 1px 8px;
}

.group-edit-row[b-t7srtr13fe] {
    padding: 0.65rem 0.75rem;
    background: var(--brand-soft);
    border-bottom: 1px solid var(--border-default);
}

.group-notes[b-t7srtr13fe] {
    font-size: 0.75rem;
    color: var(--warning-text);
    padding: 0.3rem 0.75rem;
    background: var(--warning-soft);
    border-bottom: 1px solid rgba(251,191,36,0.22);
    font-style: italic;
}

.group-players[b-t7srtr13fe] {
    padding: 0.4rem 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-height: 56px;
}

.group-empty-slot[b-t7srtr13fe] {
    display: flex;
    align-items: center;
    padding: 0.4rem 0.25rem;
    color: var(--text-muted);
}

.group-player-row[b-t7srtr13fe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.35rem 0.4rem;
    border-radius: 6px;
    background: var(--bg-raised);
    gap: 0.4rem;
}

.group-player-name[b-t7srtr13fe] {
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player-hcp-badge[b-t7srtr13fe] {
    font-size: 0.68rem;
    font-weight: 700;
    background: var(--bg-elevated);
    color: var(--text-muted);
    border-radius: 20px;
    padding: 1px 7px;
    flex-shrink: 0;
}

/* ── Icon buttons ────────────────────────────────────────────────────────── */
.btn-icon[b-t7srtr13fe] {
    background: none;
    border: none;
    color: var(--text-muted);
    padding: 3px 5px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
    line-height: 1;
    transition: background 0.1s, color 0.1s;
}

.btn-icon:hover[b-t7srtr13fe] {
    background: var(--bg-raised);
    color: var(--text-primary);
}

.btn-icon-sm[b-t7srtr13fe] {
    font-size: 0.72rem;
    padding: 2px 4px;
}

.btn-icon-danger:hover[b-t7srtr13fe] {
    background: var(--danger-soft);
    color: var(--danger-text);
}

.btn-icon-muted[b-t7srtr13fe] {
    opacity: 0.5;
}

.btn-icon-muted:hover[b-t7srtr13fe] {
    opacity: 1;
}

/* ── Assignment toast ────────────────────────────────────────────────────── */
/* ── Assignment banner (appears inline above groups when player is selected) ── */
.assign-banner[b-t7srtr13fe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--brand, #3b82f6);
    color: #fff;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    font-size: 0.88rem;
    animation: assign-in-b-t7srtr13fe 0.18s ease;
}

.assign-banner-hint[b-t7srtr13fe] {
    font-size: 0.82rem;
    opacity: 0.88;
}

.assign-banner-deselect[b-t7srtr13fe] {
    opacity: 0.75;
    flex-shrink: 0;
}

.assign-banner-deselect:hover[b-t7srtr13fe] {
    opacity: 1;
}

@keyframes assign-in-b-t7srtr13fe {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Mobile layout improvements (< md = 768px) ───────────────────────────── */
@media (max-width: 767.98px) {
    /* Top bar: stack title below actions */
    .pg-bar[b-t7srtr13fe] {
        flex-direction: column;
        align-items: flex-start;
        padding: 0.5rem 0.9rem;
        gap: 0.4rem;
    }
    .pg-bar-left[b-t7srtr13fe] {
        flex-wrap: wrap;
    }
    .pg-bar-right[b-t7srtr13fe] {
        width: 100%;
        justify-content: flex-end;
    }

    /* Unassigned pool: horizontal scrolling chip row instead of tall column */
    .unassigned-pool[b-t7srtr13fe] {
        max-height: none;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 4px;
        gap: 6px;
        -webkit-overflow-scrolling: touch;
    }
    .player-chip[b-t7srtr13fe] {
        flex-shrink: 0;
        min-width: 130px;
        max-width: 160px;
        padding: 0.4rem 0.6rem;
    }

    /* Group cards: full-width, more breathing room for player rows */
    .group-card[b-t7srtr13fe] {
        margin-bottom: 0.5rem;
    }
    .group-header[b-t7srtr13fe] {
        padding: 0.6rem 0.85rem;
    }
    .group-label[b-t7srtr13fe] {
        font-size: 0.88rem;
    }
    .group-teetime[b-t7srtr13fe] {
        font-size: 0.85rem;
    }
    .group-players[b-t7srtr13fe] {
        padding: 0.5rem 0.6rem;
        gap: 4px;
    }
    .group-player-row[b-t7srtr13fe] {
        padding: 0.5rem 0.55rem;
        border-radius: 8px;
    }
    .group-player-name[b-t7srtr13fe] {
        font-size: 0.92rem;
    }
    .player-hcp-badge[b-t7srtr13fe] {
        font-size: 0.73rem;
        padding: 2px 9px;
    }
    /* Prevent tee-time/hole chips from wrapping awkwardly */
    .group-header[b-t7srtr13fe] {
        flex-wrap: wrap;
        gap: 0.35rem;
    }
}

/* ── Marker Assignment Section ──────────────────────────────────────────── */
.group-marker-section[b-t7srtr13fe] {
    padding: 0.65rem 0.75rem;
    background: color-mix(in srgb, var(--bs-body-bg) 88%, var(--bs-secondary-bg, #6c757d) 12%);
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.group-marker-row[b-t7srtr13fe] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.5rem;
}

.group-marker-row:last-child[b-t7srtr13fe] {
    margin-bottom: 0;
}

.group-marker-target[b-t7srtr13fe] {
    min-width: 165px;
    flex-shrink: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--bs-body-color, #212529);
    margin-bottom: 0;
}

.group-marker-select[b-t7srtr13fe] {
    flex: 1;
    font-size: 0.875rem;
    padding: 0.35rem 0.6rem;
    background-color: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 6px;
    color: var(--bs-body-color, #212529);
}

.group-marker-select:focus[b-t7srtr13fe] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.group-marker-select:disabled[b-t7srtr13fe] {
    background-color: var(--bs-secondary-bg, #e9ecef);
    color: var(--bs-secondary-color, #6c757d);
    cursor: not-allowed;
}
/* /Components/Pages/Events/PlayerEventsHub.razor.rz.scp.css */
/* Player Events Hub — scoped styles */

.pdb-avatar[b-v2oo93ve8n] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--b9-primary, #16a34a);
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    flex-shrink: 0;
    overflow: hidden;
}

.pdb-avatar--photo[b-v2oo93ve8n] {
    background: transparent;
}
/* /Components/Pages/Events/PlayerNotesReview.razor.rz.scp.css */
.pnr-page[b-tfcvhgczwz] {
    color: var(--bs-body-color, #dee2e6);
}

.pnr-header-row[b-tfcvhgczwz] {
    padding: 0.2rem 0.15rem 0.3rem;
}

.pnr-title-block h2[b-tfcvhgczwz] {
    color: var(--bs-emphasis-color, #f8f9fa);
    letter-spacing: 0.01em;
    font-size: clamp(1.12rem, 1.3vw + 0.95rem, 1.52rem);
    line-height: 1.2;
    text-wrap: balance;
}

.pnr-title-subtext[b-tfcvhgczwz] {
    color: var(--bs-secondary-color, #adb5bd);
    font-size: 0.91rem;
    max-width: 42rem;
    line-height: 1.35;
}

.pnr-helper-copy[b-tfcvhgczwz] {
    color: var(--bs-secondary-color, #adb5bd) !important;
    font-size: 0.88rem;
}

.pnr-toolbar[b-tfcvhgczwz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem 1rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--bs-border-color, #495057);
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--bs-secondary-bg, #1f2a3a) 64%, transparent 36%);
}

.pnr-toolbar__count[b-tfcvhgczwz] {
    font-size: 0.9rem;
    color: var(--bs-emphasis-color, #f8f9fa);
}

.pnr-toolbar__hint[b-tfcvhgczwz] {
    font-size: 0.82rem;
    color: var(--bs-secondary-color, #adb5bd);
}

.pnr-callout-stack[b-tfcvhgczwz] {
    display: grid;
    gap: 0.5rem;
}

.pnr-callout[b-tfcvhgczwz] {
    border: 1px solid color-mix(in srgb, var(--bs-border-color, #495057) 78%, transparent 22%);
    border-radius: 0.7rem;
    padding: 0.65rem 0.85rem;
    line-height: 1.35;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.pnr-callout-primary[b-tfcvhgczwz] {
    background:
        linear-gradient(180deg, rgba(110, 168, 254, 0.13), rgba(110, 168, 254, 0.03)),
        color-mix(in srgb, var(--bs-primary, #0d6efd) 12%, var(--bs-body-bg, #0b1220) 88%);
}

.pnr-callout-neutral[b-tfcvhgczwz] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
        color-mix(in srgb, var(--bs-secondary-bg, #1f2a3a) 66%, transparent 34%);
}

.pnr-legend[b-tfcvhgczwz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(16rem, 1fr));
    gap: 0.65rem;
}

.pnr-legend-group[b-tfcvhgczwz] {
    border: 1px solid var(--bs-border-color, #495057);
    border-radius: 0.65rem;
    padding: 0.55rem 0.7rem;
    background: color-mix(in srgb, var(--bs-secondary-bg, #1f2a3a) 72%, transparent 28%);
}

.pnr-legend-title[b-tfcvhgczwz] {
    font-size: 0.79rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--bs-secondary-color, #adb5bd);
    margin-bottom: 0.35rem;
}

.pnr-legend-items[b-tfcvhgczwz] {
    display: grid;
    gap: 0.25rem;
    font-size: 0.84rem;
    line-height: 1.35;
}

.pnr-table-wrap[b-tfcvhgczwz] {
    position: relative;
    border: 1px solid var(--bs-border-color, #495057);
    border-radius: 12px;
    background: color-mix(in srgb, var(--bs-body-bg, #0b1220) 92%, var(--bs-secondary-bg, #1f2a3a) 8%);
    overflow-x: auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    scrollbar-width: thin;
}

.pnr-table-wrap[b-tfcvhgczwz]::after {
    content: "";
    position: sticky;
    right: 0;
    float: right;
    width: 1.25rem;
    height: 100%;
    background: linear-gradient(to left, color-mix(in srgb, var(--bs-body-bg, #0b1220) 95%, transparent 5%), transparent);
    pointer-events: none;
}

.pnr-table[b-tfcvhgczwz] {
    margin-bottom: 0;
    color: var(--bs-body-color, #dee2e6);
    min-width: 78rem;
}

.pnr-col-player[b-tfcvhgczwz] {
    width: 11rem;
}

.pnr-col-hole[b-tfcvhgczwz],
.pnr-col-official[b-tfcvhgczwz],
.pnr-col-suggestion[b-tfcvhgczwz] {
    width: 5.8rem;
}

.pnr-col-note[b-tfcvhgczwz] {
    width: 15.5rem;
}

.pnr-col-status[b-tfcvhgczwz],
.pnr-col-certification[b-tfcvhgczwz] {
    width: 12rem;
}

.pnr-col-actions[b-tfcvhgczwz] {
    width: 19rem;
}

.pnr-table thead th[b-tfcvhgczwz] {
    color: #f8fbff;
    background: color-mix(in srgb, #0b1220 80%, #162844 20%);
    border-bottom-color: var(--bs-border-color, #495057);
    border-bottom-width: 2px;
    font-weight: 700;
    letter-spacing: 0.01em;
    font-size: 0.83rem;
    vertical-align: middle;
    text-transform: none;
    position: sticky;
    top: 0;
    z-index: 2;
    padding-top: 0.64rem;
    padding-bottom: 0.64rem;
    white-space: nowrap;
}

.pnr-table tbody td[b-tfcvhgczwz] {
    color: var(--bs-body-color, #dee2e6);
    border-top-color: color-mix(in srgb, var(--bs-border-color, #495057) 75%, transparent 25%);
    vertical-align: middle;
    padding-top: 0.58rem;
    padding-bottom: 0.58rem;
    padding-left: 0.62rem;
    padding-right: 0.62rem;
    font-size: 0.9rem;
}

.pnr-table tbody tr:nth-child(odd)[b-tfcvhgczwz] {
    background: color-mix(in srgb, var(--bs-secondary-bg, #1f2a3a) 42%, transparent 58%);
}

.pnr-table tbody tr:hover[b-tfcvhgczwz] {
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 16%, transparent 84%);
}

.pnr-player[b-tfcvhgczwz] {
    color: var(--bs-emphasis-color, #f8f9fa);
    font-weight: 600;
}

.pnr-numeric[b-tfcvhgczwz] {
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.pnr-note[b-tfcvhgczwz] {
    color: var(--bs-body-color, #dee2e6);
    max-width: 26rem;
    white-space: normal;
    word-break: break-word;
    line-height: 1.3;
}

.pnr-actions .btn[b-tfcvhgczwz] {
    white-space: nowrap;
    width: auto;
    min-width: 11rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pnr-actions .form-control[b-tfcvhgczwz] {
    min-width: 0;
}

.pnr-actions[b-tfcvhgczwz] {
    min-width: 18rem;
}

.pnr-status-badge[b-tfcvhgczwz] {
    margin-bottom: 0.25rem;
}

.pnr-status-cell[b-tfcvhgczwz],
.pnr-cert-cell[b-tfcvhgczwz] {
    line-height: 1.15;
}

.pnr-cell-help[b-tfcvhgczwz] {
    font-size: 0.76rem;
    color: var(--bs-secondary-color, #adb5bd);
    line-height: 1.25;
    margin-top: 0.1rem;
    opacity: 0.9;
}

.pnr-action-card[b-tfcvhgczwz] {
    display: grid;
    gap: 0.35rem;
    padding: 0.5rem;
    border: 1px solid var(--bs-border-color, #495057);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--bs-secondary-bg, #1f2a3a) 70%, transparent 30%);
}

.pnr-action-card .btn[b-tfcvhgczwz] {
    width: 100%;
}

.pnr-action-title[b-tfcvhgczwz] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--bs-secondary-color, #adb5bd);
}

.pnr-reviewed-meta[b-tfcvhgczwz] {
    font-size: 0.84rem;
    color: var(--bs-emphasis-color, #f8f9fa);
    line-height: 1.35;
}

.pnr-review-note[b-tfcvhgczwz] {
    color: var(--bs-body-color, #dee2e6);
    background: color-mix(in srgb, var(--bs-secondary-bg, #1f2a3a) 78%, transparent 22%);
    border: 1px solid var(--bs-border-color, #495057);
    border-radius: 0.5rem;
    padding: 0.4rem 0.55rem;
}

.pnr-table thead th:last-child[b-tfcvhgczwz],
.pnr-table tbody td:last-child[b-tfcvhgczwz] {
    position: sticky;
    right: 0;
    z-index: 1;
    background: color-mix(in srgb, var(--bs-body-bg, #0b1220) 84%, var(--bs-secondary-bg, #1f2a3a) 16%);
    box-shadow: -1px 0 0 var(--bs-border-color, #495057);
}

.pnr-table thead th:last-child[b-tfcvhgczwz] {
    z-index: 3;
}

.pnr-footer-note[b-tfcvhgczwz] {
    font-size: 0.82rem;
    color: var(--bs-secondary-color, #adb5bd);
}

.pnr-go-scoring-hint[b-tfcvhgczwz] {
    font-size: 0.76rem;
    color: var(--bs-secondary-color, #adb5bd);
    margin-top: 0.3rem;
    max-width: 20rem;
}

.pnr-priority-note[b-tfcvhgczwz] {
    border-left: 3px solid color-mix(in srgb, var(--bs-warning, #ffc107) 75%, transparent 25%);
    padding: 0.35rem 0.55rem;
    font-size: 0.84rem;
    color: var(--bs-secondary-color, #adb5bd);
    background: color-mix(in srgb, var(--bs-warning, #ffc107) 8%, transparent 92%);
    border-radius: 0.35rem;
}

.pnr-table .badge[b-tfcvhgczwz] {
    font-weight: 700;
    letter-spacing: 0.01em;
}

@media (max-width: 991.98px) {
    .pnr-header-row[b-tfcvhgczwz] {
        align-items: stretch !important;
    }

    .pnr-title-subtext[b-tfcvhgczwz] {
        max-width: none;
    }

    .pnr-legend[b-tfcvhgczwz] {
        grid-template-columns: 1fr;
    }

    .pnr-toolbar[b-tfcvhgczwz] {
        padding: 0.45rem 0.55rem;
    }

    .pnr-table[b-tfcvhgczwz] {
        min-width: 66rem;
    }

    .pnr-table thead th[b-tfcvhgczwz],
    .pnr-table tbody td[b-tfcvhgczwz] {
        padding: 0.5rem 0.55rem;
        font-size: 0.92rem;
    }

    .pnr-note[b-tfcvhgczwz] {
        max-width: 18rem;
    }

    .pnr-col-actions[b-tfcvhgczwz] {
        width: 16.5rem;
    }

    .pnr-go-scoring-hint[b-tfcvhgczwz] {
        max-width: 16rem;
    }
}

@media (max-width: 767.98px) {
    .pnr-cell-help[b-tfcvhgczwz] {
        font-size: 0.72rem;
        opacity: 0.8;
    }

    .pnr-table[b-tfcvhgczwz] {
        min-width: 58rem;
    }

    .pnr-col-note[b-tfcvhgczwz] {
        width: 13rem;
    }

    .pnr-col-status[b-tfcvhgczwz],
    .pnr-col-certification[b-tfcvhgczwz],
    .pnr-col-actions[b-tfcvhgczwz] {
        width: 14rem;
    }

    .pnr-actions[b-tfcvhgczwz] {
        min-width: 14rem;
    }
}
/* /Components/Pages/Events/PublicEvent.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   LOADING / NOT FOUND
═══════════════════════════════════════════════════════════ */
.pub-loading[b-4ehvn49c0j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    gap: 0.5rem;
}

.pub-notfound[b-4ehvn49c0j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    text-align: center;
    padding: 2rem;
}

.pub-nf-icon[b-4ehvn49c0j] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

/* ═══════════════════════════════════════════════════════════
   HERO BANNER
═══════════════════════════════════════════════════════════ */
.pub-hero[b-4ehvn49c0j] {
    padding: 2.75rem 1.5rem 2.25rem;
    position: relative;
    overflow: hidden;
}

/* Status-themed hero gradients */
.pub-hero-open[b-4ehvn49c0j]   { background: linear-gradient(140deg, #0f172a 0%, #1e3a5f 60%, #0e4d2f 100%); }
.pub-hero-active[b-4ehvn49c0j] { background: linear-gradient(140deg, #1a0a0a 0%, #7f1d1d 55%, #3b1414 100%); }
.pub-hero-closed[b-4ehvn49c0j] { background: linear-gradient(140deg, #0f172a 0%, #1e3050 60%, #0c2340 100%); }
.pub-hero-cancelled[b-4ehvn49c0j] { background: linear-gradient(140deg, #1e1e1e 0%, #374151 100%); }

.pub-hero-inner[b-4ehvn49c0j] {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    gap: 2.5rem;
    flex-wrap: wrap;
    align-items: flex-start;
}

/* Single-column hero variant (QR landing) */
.pub-hero-single[b-4ehvn49c0j] {
    max-width: 640px;
    display: block;
    gap: 0;
}

/* ── Left column: name, desc, chips ── */
.pub-hero-left[b-4ehvn49c0j] {
    flex: 1;
    min-width: 280px;
}

.pub-status-pill[b-4ehvn49c0j] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.75);
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 30px;
    padding: 4px 14px;
    margin-bottom: 1rem;
}

.pub-status-dot[b-4ehvn49c0j] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pub-dot-open[b-4ehvn49c0j]     { background: #4ade80; }
.pub-dot-active[b-4ehvn49c0j]   { background: #f87171; box-shadow: 0 0 6px rgba(248,113,113,.7); animation: dot-pulse-b-4ehvn49c0j 1.5s infinite; }
.pub-dot-closed[b-4ehvn49c0j]   { background: #60a5fa; }
.pub-dot-cancelled[b-4ehvn49c0j] { background: #9ca3af; }

@keyframes dot-pulse-b-4ehvn49c0j {
    0%, 100% { box-shadow: 0 0 6px rgba(248,113,113,.7); }
    50%       { box-shadow: 0 0 14px rgba(248,113,113,.9); }
}

.pub-event-title[b-4ehvn49c0j] {
    font-size: 2.2rem;
    font-weight: 900;
    color: #fff;
    margin: 0 0 0.65rem;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.pub-event-desc[b-4ehvn49c0j] {
    color: rgba(255,255,255,0.7);
    font-size: 0.95rem;
    line-height: 1.65;
    margin-bottom: 1.25rem;
    max-width: 520px;
}

.pub-hero-chips[b-4ehvn49c0j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.pub-chip[b-4ehvn49c0j] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 5px 13px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.18);
}

.pub-chip-org[b-4ehvn49c0j]     { background: rgba(99,102,241,.25); color: #c7d2fe; }
.pub-chip-format[b-4ehvn49c0j]  { background: rgba(16,185,129,.2);  color: #6ee7b7; }
.pub-chip-hcp[b-4ehvn49c0j]     { background: rgba(245,158,11,.2);  color: #fcd34d; }
.pub-chip-rounds[b-4ehvn49c0j]  { background: rgba(59,130,246,.2);  color: #93c5fd; }

/* ── Right column: info cards ── */
.pub-hero-right[b-4ehvn49c0j] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 240px;
    flex-shrink: 0;
}

.pub-date-card[b-4ehvn49c0j],
.pub-course-card[b-4ehvn49c0j],
.pub-field-card[b-4ehvn49c0j] {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
    padding: 0.85rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #fff;
    backdrop-filter: blur(4px);
}

.pub-date-icon[b-4ehvn49c0j],
.pub-course-icon[b-4ehvn49c0j],
.pub-field-icon[b-4ehvn49c0j] {
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 2px;
    opacity: 0.85;
}

.pub-date-icon[b-4ehvn49c0j]  { color: #93c5fd; }
.pub-course-icon[b-4ehvn49c0j] { color: #6ee7b7; }
.pub-field-icon[b-4ehvn49c0j] { color: #fca5a5; }

.pub-date-main[b-4ehvn49c0j]  { font-weight: 700; font-size: 0.9rem; }
.pub-date-day[b-4ehvn49c0j]   { font-size: 0.75rem; color: rgba(255,255,255,0.55); margin-top: 2px; }
.pub-date-dash[b-4ehvn49c0j]  { margin: 0 4px; }

.pub-course-name[b-4ehvn49c0j] { font-weight: 700; font-size: 0.9rem; }
.pub-course-loc[b-4ehvn49c0j]  { font-size: 0.75rem; color: rgba(255,255,255,0.55); margin-top: 2px; }
.pub-course-tee[b-4ehvn49c0j]  { font-size: 0.75rem; color: rgba(255,255,255,0.7); margin-top: 4px; display: flex; align-items: center; gap: 5px; }

.pub-tee-dot[b-4ehvn49c0j] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.pub-field-count[b-4ehvn49c0j] { font-size: 1.5rem; font-weight: 800; line-height: 1; }
.pub-field-max[b-4ehvn49c0j]   { font-size: 1rem; font-weight: 500; color: rgba(255,255,255,0.55); }
.pub-field-label[b-4ehvn49c0j] { font-size: 0.72rem; color: rgba(255,255,255,0.55); margin-top: 3px; }

.pub-field-bar-wrap[b-4ehvn49c0j] {
    height: 4px;
    background: rgba(255,255,255,0.15);
    border-radius: 4px;
    margin-top: 6px;
    overflow: hidden;
    width: 120px;
}

.pub-field-bar[b-4ehvn49c0j] {
    height: 100%;
    background: linear-gradient(90deg, #4ade80, #22c55e);
    border-radius: 4px;
    transition: width 0.4s ease;
}

/* ═══════════════════════════════════════════════════════════
   LEADERBOARD BANNER
═══════════════════════════════════════════════════════════ */
.pub-lb-banner[b-4ehvn49c0j] {
    padding: 0.9rem 1.5rem;
}

.pub-lb-active[b-4ehvn49c0j] { background: linear-gradient(90deg, #7f1d1d, #991b1b); }
.pub-lb-closed[b-4ehvn49c0j] { background: linear-gradient(90deg, #1e3a5f, #1d4ed8); }

.pub-lb-inner[b-4ehvn49c0j] {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.pub-lb-left[b-4ehvn49c0j] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.pub-live-badge[b-4ehvn49c0j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ef4444;
    color: #fff;
    font-weight: 800;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    padding: 4px 12px;
    border-radius: 30px;
}

.pub-live-dot[b-4ehvn49c0j] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    animation: blink-b-4ehvn49c0j 1.2s step-start infinite;
}

@keyframes blink-b-4ehvn49c0j {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}

.pub-final-badge[b-4ehvn49c0j] {
    display: inline-flex;
    align-items: center;
    background: rgba(255,255,255,0.18);
    color: #fef08a;
    font-weight: 800;
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    padding: 4px 12px;
    border-radius: 30px;
}

.pub-lb-text[b-4ehvn49c0j] {
    font-size: 0.88rem;
    font-weight: 500;
    color: rgba(255,255,255,0.85);
}

.pub-lb-btn[b-4ehvn49c0j] {
    background: #fff;
    color: #1d4ed8;
    font-weight: 700;
    font-size: 0.85rem;
    border-radius: 30px;
    padding: 0.45rem 1.35rem;
    white-space: nowrap;
    transition: background 0.12s, transform 0.1s;
    text-decoration: none;
}

.pub-lb-btn:hover[b-4ehvn49c0j] {
    background: rgba(255,255,255,0.92);
    transform: translateY(-1px);
    color: #1d4ed8;
}

/* ═══════════════════════════════════════════════════════════
   BODY SECTIONS
═══════════════════════════════════════════════════════════ */
.pub-body[b-4ehvn49c0j] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.75rem 1.5rem 3rem;
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
}

.pub-body-narrow[b-4ehvn49c0j] {
    max-width: 640px;
}

.pub-section[b-4ehvn49c0j] {
    background: var(--bg-elevated);
    border-radius: 16px;
    border: 1px solid var(--border-default);
    box-shadow: 0 2px 8px rgba(0,0,0,.22);
    padding: 1.5rem;
}

.pub-share-section[b-4ehvn49c0j] {
    background: var(--brand-soft);
    border-color: var(--brand-ring);
}

/* ── Section header ── */
.pub-section-header[b-4ehvn49c0j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.pub-section-icon[b-4ehvn49c0j] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.pub-si-purple[b-4ehvn49c0j] { background: rgba(109,40,217,0.16); color: #c4b5fd; }
.pub-si-blue[b-4ehvn49c0j]   { background: var(--brand-soft); color: var(--brand-text); }
.pub-si-teal[b-4ehvn49c0j]   { background: rgba(13,148,136,0.18); color: #5eead4; }

.pub-section-title[b-4ehvn49c0j] {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}

.pub-title-badge[b-4ehvn49c0j] {
    font-size: 0.75rem;
    font-weight: 700;
    background: var(--bg-raised);
    color: var(--text-muted);
    border-radius: 20px;
    padding: 2px 10px;
}

.pub-clear-search[b-4ehvn49c0j] {
    background: none;
    border: none;
    color: var(--text-muted);
    font-size: 0.8rem;
    cursor: pointer;
    padding: 2px 8px;
    border-radius: 6px;
}
.pub-clear-search:hover[b-4ehvn49c0j] { background: var(--bg-raised); }

/* ── Schedule / Rounds ── */
.pub-rounds[b-4ehvn49c0j] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.pub-round[b-4ehvn49c0j] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    background: var(--bg-raised);
    border: 1.5px solid var(--border-default);
    transition: border-color 0.12s;
}

.pub-round-today[b-4ehvn49c0j] {
    border-color: rgba(251,191,36,0.55);
    background: var(--warning-soft);
}

.pub-round-past[b-4ehvn49c0j] {
    opacity: 0.7;
}

.pub-round-num-badge[b-4ehvn49c0j] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pub-round-today .pub-round-num-badge[b-4ehvn49c0j] {
    background: linear-gradient(135deg, #d97706, #f59e0b);
}

.pub-round-info[b-4ehvn49c0j] { flex: 1; }
.pub-round-date[b-4ehvn49c0j] { font-weight: 600; font-size: 0.9rem; color: var(--text-primary); }
.pub-round-meta[b-4ehvn49c0j] { margin-top: 3px; }

/* ── Search ── */
.pub-search-wrap[b-4ehvn49c0j] {
    position: relative;
    margin-bottom: 1.1rem;
}

.pub-search-icon[b-4ehvn49c0j] {
    position: absolute;
    left: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 0.9rem;
}

.pub-search[b-4ehvn49c0j] {
    width: 100%;
    padding: 0.55rem 1rem 0.55rem 2.35rem;
    border: 1.5px solid var(--border-default);
    border-radius: 30px;
    font-size: 0.875rem;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
    background: var(--bg-raised);
    color: var(--text-primary);
}

.pub-search:focus[b-4ehvn49c0j] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-ring);
    background: var(--bg-elevated);
}

/* ── Field grid ── */
.pub-field-grid[b-4ehvn49c0j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.6rem;
}

.pub-player-card[b-4ehvn49c0j] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    background: var(--bg-raised);
    border: 1.5px solid var(--border-default);
    transition: border-color 0.12s, background 0.12s;
}

.pub-player-card:hover[b-4ehvn49c0j] {
    border-color: var(--brand-ring);
    background: var(--brand-soft);
}

.pub-player-num[b-4ehvn49c0j] {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--text-muted);
    width: 18px;
    text-align: right;
    flex-shrink: 0;
}

/* ── Player avatar ── */
.pub-player-avatar[b-4ehvn49c0j] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 0.68rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    overflow: hidden;
}
.pub-player-avatar--photo[b-4ehvn49c0j] {
    object-fit: cover;
}

.av-green[b-4ehvn49c0j]  { background: var(--success-soft);             color: var(--success-text); }
.av-blue[b-4ehvn49c0j]   { background: var(--brand-soft);               color: var(--brand-text); }
.av-purple[b-4ehvn49c0j] { background: rgba(109,40,217,0.16);           color: #c4b5fd; }
.av-teal[b-4ehvn49c0j]   { background: rgba(13,148,136,0.16);           color: #5eead4; }
.av-amber[b-4ehvn49c0j]  { background: var(--warning-soft);             color: var(--warning-text); }
.av-rose[b-4ehvn49c0j]   { background: var(--danger-soft);              color: var(--danger-text); }
.av-indigo[b-4ehvn49c0j] { background: var(--brand-soft);               color: var(--brand-text); }
.av-cyan[b-4ehvn49c0j]   { background: rgba(8,145,178,0.16);            color: #67e8f9; }

.pub-player-info[b-4ehvn49c0j] { flex: 1; min-width: 0; }
.pub-player-name[b-4ehvn49c0j] { font-size: 0.875rem; font-weight: 600; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pub-player-hcp[b-4ehvn49c0j]  { font-size: 0.7rem; color: var(--text-muted); margin-top: 1px; }

.pub-player-confirmed[b-4ehvn49c0j] {
    color: #22c55e;
    font-size: 0.9rem;
    flex-shrink: 0;
}

/* ── Share section ── */
.pub-share-row[b-4ehvn49c0j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    flex-wrap: wrap;
}

.pub-share-url[b-4ehvn49c0j] {
    flex: 1;
    min-width: 200px;
    background: var(--bg-raised);
    border: 1.5px solid var(--border-default);
    border-radius: 8px;
    padding: 0.45rem 0.85rem;
    font-size: 0.8rem;
    color: var(--text-secondary);
    font-family: monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pub-share-btn[b-4ehvn49c0j] {
    background: #1d4ed8;
    color: #fff;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.45rem 1.15rem;
    white-space: nowrap;
    transition: background 0.12s;
}

.pub-share-btn:hover[b-4ehvn49c0j] { background: #1e40af; color: #fff; }

.pub-share-lb[b-4ehvn49c0j] {
    font-size: 0.82rem;
    color: #475569;
    margin-top: 0.25rem;
}

/* ═══════════════════════════════════════════════════════════
   TEE SHEET / PAIRINGS
═══════════════════════════════════════════════════════════ */

.pub-round-label[b-4ehvn49c0j] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
    margin: 0 0 0.75rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid var(--border-default);
}

.pub-tee-sheet[b-4ehvn49c0j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pub-group-card[b-4ehvn49c0j] {
    background: var(--bg-elevated);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.18);
}

.pub-group-header[b-4ehvn49c0j] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    padding: 0.5rem 0.75rem;
    background: var(--bg-raised);
    border-bottom: 1px solid var(--border-default);
}

.pub-group-time[b-4ehvn49c0j] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--brand-text);
}

.pub-group-num[b-4ehvn49c0j] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-primary);
}

.pub-group-hole[b-4ehvn49c0j] {
    font-size: 0.72rem;
    color: var(--text-muted);
    background: var(--bg-raised);
    border-radius: 20px;
    padding: 1px 7px;
}

.pub-group-notes[b-4ehvn49c0j] {
    font-size: 0.72rem;
    color: var(--text-muted);
    font-style: italic;
}

.pub-group-players[b-4ehvn49c0j] {
    padding: 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.pub-group-player[b-4ehvn49c0j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pub-gp-avatar[b-4ehvn49c0j] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--brand-soft);
    color: var(--brand-text);
    font-size: 0.65rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: -0.02em;
    overflow: hidden;
}
.pub-gp-avatar--photo[b-4ehvn49c0j] {
    background: transparent;
    object-fit: cover;
}

.pub-gp-name[b-4ehvn49c0j] {
    font-size: 0.85rem;
    color: var(--text-primary);
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pub-gp-hcp[b-4ehvn49c0j] {
    font-size: 0.72rem;
    color: var(--text-muted);
    background: var(--bg-raised);
    border: 1px solid var(--border-default);
    border-radius: 4px;
    padding: 0 5px;
    line-height: 1.6;
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
    .pub-hero[b-4ehvn49c0j] { padding: 2rem 1rem 1.75rem; }

    .pub-event-title[b-4ehvn49c0j] { font-size: 1.6rem; }

    .pub-hero-right[b-4ehvn49c0j] {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .pub-date-card[b-4ehvn49c0j],
    .pub-course-card[b-4ehvn49c0j],
    .pub-field-card[b-4ehvn49c0j] {
        flex: 1;
        min-width: 160px;
    }

    .pub-lb-inner[b-4ehvn49c0j] { flex-direction: column; align-items: flex-start; }

    .pub-body[b-4ehvn49c0j] { padding: 1.25rem 1rem 2rem; gap: 1.25rem; }

    .pub-section[b-4ehvn49c0j] { padding: 1.1rem; }

    .pub-field-grid[b-4ehvn49c0j] { grid-template-columns: 1fr; }

    .pub-tee-sheet[b-4ehvn49c0j] { grid-template-columns: 1fr 1fr; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   SELF-REGISTRATION PANEL
══════════════════════════════════════════════════════════════════════════════ */

.pub-self-reg[b-4ehvn49c0j] {
    margin: 0;
    border-top: 1px solid var(--b9-border, #e9ecef);
    border-bottom: 1px solid var(--b9-border, #e9ecef);
    background: var(--b9-surface, #fff);
}

.pub-self-reg.pub-sr-state-registered[b-4ehvn49c0j] {
    background: color-mix(in srgb, var(--b9-success, #198754) 6%, transparent);
    border-color: color-mix(in srgb, var(--b9-success, #198754) 25%, transparent);
}

.pub-self-reg.pub-sr-state-full[b-4ehvn49c0j] {
    background: var(--b9-muted-bg, #f8f9fa);
}

.pub-sr-inner[b-4ehvn49c0j] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Icon bubble */
.pub-sr-icon[b-4ehvn49c0j] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}
.pub-sr-icon-green[b-4ehvn49c0j]  { background: color-mix(in srgb, var(--b9-success, #198754) 12%, transparent); color: var(--b9-success, #198754); }
.pub-sr-icon-blue[b-4ehvn49c0j]   { background: color-mix(in srgb, var(--b9-primary, #0d6efd) 12%, transparent); color: var(--b9-primary, #0d6efd); }
.pub-sr-icon-muted[b-4ehvn49c0j]  { background: var(--b9-muted-bg, #f1f3f5); color: var(--b9-muted, #6c757d); }

/* Text block */
.pub-sr-text[b-4ehvn49c0j] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}
.pub-sr-text strong[b-4ehvn49c0j] {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--b9-text, #212529);
    line-height: 1.3;
}
.pub-sr-text span[b-4ehvn49c0j] {
    font-size: .8125rem;
    color: var(--b9-muted, #6c757d);
}

/* Buttons */
.pub-sr-btn[b-4ehvn49c0j] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: .5rem 1.1rem;
    border-radius: 6px;
    font-size: .875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, box-shadow .15s, opacity .15s;
    text-decoration: none;
    border: none;
    line-height: 1.4;
}
.pub-sr-btn:disabled[b-4ehvn49c0j] { opacity: .6; cursor: not-allowed; }

.pub-sr-btn-primary[b-4ehvn49c0j] {
    background: var(--b9-primary, #0d6efd);
    color: #fff;
    box-shadow: 0 1px 3px rgba(13,110,253,.25);
}
.pub-sr-btn-primary:hover:not(:disabled)[b-4ehvn49c0j] {
    background: color-mix(in srgb, var(--b9-primary, #0d6efd) 85%, #000);
    box-shadow: 0 2px 6px rgba(13,110,253,.35);
    color: #fff;
}

.pub-sr-btn-ghost[b-4ehvn49c0j] {
    background: transparent;
    color: var(--b9-muted, #6c757d);
    border: 1.5px solid var(--b9-border, #dee2e6);
}
.pub-sr-btn-ghost:hover:not(:disabled)[b-4ehvn49c0j] {
    background: var(--b9-muted-bg, #f8f9fa);
    color: var(--b9-text, #212529);
    border-color: var(--b9-text-muted, #adb5bd);
}

/* Error bar */
.pub-sr-error[b-4ehvn49c0j] {
    padding: .5rem 2rem .6rem;
    font-size: .8125rem;
    color: var(--b9-danger, #dc3545);
    background: color-mix(in srgb, var(--b9-danger, #dc3545) 8%, transparent);
    border-top: 1px solid color-mix(in srgb, var(--b9-danger, #dc3545) 20%, transparent);
}

/* Responsive */
@media (max-width: 576px) {
    .pub-sr-inner[b-4ehvn49c0j] {
        padding: .875rem 1rem;
        gap: .75rem;
    }
    .pub-sr-btn[b-4ehvn49c0j] { width: 100%; justify-content: center; }
}

/* ══════════════════════════════════════════════════════════════
   CONTEST RESULTS
══════════════════════════════════════════════════════════════ */

.pub-si-amber[b-4ehvn49c0j] { background: var(--warning-soft); color: var(--warning-text); }

.pub-contest-grid[b-4ehvn49c0j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
    padding: 0.25rem 0;
}

.pub-contest-card[b-4ehvn49c0j] {
    background: var(--b9-surface);
    border: 1px solid var(--b9-border);
    border-radius: 12px;
    padding: 0.875rem 1rem;
}

.pub-contest-card-head[b-4ehvn49c0j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.625rem;
}

.pub-contest-card-name[b-4ehvn49c0j] {
    font-weight: 700;
    font-size: 0.95rem;
}

.pub-contest-card-holes[b-4ehvn49c0j] {
    font-size: 0.75rem;
    color: var(--b9-text-soft);
    background: var(--b9-surface-muted);
    padding: 0.1em 0.5em;
    border-radius: 6px;
}

.pub-contest-winner[b-4ehvn49c0j] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.25rem;
}

.pub-contest-winner-name[b-4ehvn49c0j] {
    font-weight: 700;
    font-size: 1rem;
}

.pub-contest-winner-val[b-4ehvn49c0j] {
    font-size: 0.85rem;
    color: var(--b9-text-soft);
    margin-left: 0.25rem;
}

.pub-contest-prize[b-4ehvn49c0j] {
    font-size: 0.8rem;
    color: var(--b9-text-soft);
    margin-top: 0.375rem;
}
/* /Components/Pages/Events/RyderCupMatchEntry.razor.rz.scp.css */
/* ── Ryder Cup Match Entry Styles ────────────────────────────────────────── */

:root[b-h24ll3l6yl] {
    --rce-a: var(--info, #38BDF8);
    --rce-b: var(--danger, #EF4444);
    --rce-a-soft: var(--info-soft, rgba(56,189,248,0.12));
    --rce-b-soft: var(--danger-soft, rgba(239,68,68,0.12));
}

/* ── Loading ────────────────────────────────────────────────────────────── */

.rce-loading[b-h24ll3l6yl], .rce-not-found[b-h24ll3l6yl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 4rem 1rem;
    color: var(--b9-text-soft, #94a3b8);
}

.rce-spinner[b-h24ll3l6yl] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--b9-surface-muted, rgba(148,163,184,0.2));
    border-top-color: var(--brand, #6366f1);
    border-radius: 50%;
    animation: rce-spin-b-h24ll3l6yl 0.8s linear infinite;
}

@keyframes rce-spin-b-h24ll3l6yl { to { transform: rotate(360deg); } }

/* ── Shell ──────────────────────────────────────────────────────────────── */

.rce-shell[b-h24ll3l6yl] {
    max-width: 720px;
    margin: 0 auto;
    padding: 1rem 1rem 3rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── Topbar ─────────────────────────────────────────────────────────────── */

.rce-topbar[b-h24ll3l6yl] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.rce-back-link[b-h24ll3l6yl] {
    color: var(--b9-text-soft, #94a3b8);
    text-decoration: none;
    font-size: 0.875rem;
}
.rce-back-link:hover[b-h24ll3l6yl] { color: var(--b9-text, #e2e8f0); }

.rce-breadcrumb[b-h24ll3l6yl] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--brand, #6366f1);
    margin-left: auto;
}

/* ── Match header ───────────────────────────────────────────────────────── */

.rce-match-header[b-h24ll3l6yl] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    background: var(--bg-elevated, rgba(30,41,59,0.6));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.15));
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
}

.rce-team[b-h24ll3l6yl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.rce-team--b[b-h24ll3l6yl] {
    flex-direction: row-reverse;
    text-align: right;
}

.rce-team-dot[b-h24ll3l6yl] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
}

.rce-team--a .rce-team-dot[b-h24ll3l6yl] { background: var(--rce-a); }
.rce-team--b .rce-team-dot[b-h24ll3l6yl] { background: var(--rce-b); }

.rce-team-info[b-h24ll3l6yl] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.rce-team-info--right[b-h24ll3l6yl] { align-items: flex-end; }

.rce-team-name[b-h24ll3l6yl] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--b9-text, #e2e8f0);
}

.rce-player-names[b-h24ll3l6yl] {
    font-size: 0.8rem;
    color: var(--b9-text-soft, #94a3b8);
}

.rce-vs-block[b-h24ll3l6yl] {
    text-align: center;
}

.rce-vs[b-h24ll3l6yl] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--b9-text-muted, #64748b);
}

/* ── State Banner ───────────────────────────────────────────────────────── */

.rce-state-banner[b-h24ll3l6yl] {
    border-radius: 10px;
    padding: 0.85rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 600;
    font-size: 1rem;
}

.rce-banner--a[b-h24ll3l6yl] {
    background: var(--rce-a-soft);
    border: 1px solid rgba(56,189,248,0.25);
    color: var(--rce-a);
}

.rce-banner--b[b-h24ll3l6yl] {
    background: var(--rce-b-soft);
    border: 1px solid rgba(239,68,68,0.25);
    color: var(--rce-b);
}

.rce-banner--neutral[b-h24ll3l6yl] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.08));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.15));
    color: var(--b9-text, #e2e8f0);
}

.rce-banner--closed[b-h24ll3l6yl] {
    background: var(--success-soft, rgba(34,197,94,0.1));
    border: 1px solid rgba(34,197,94,0.25);
    color: var(--success, #22c55e);
}

.rce-state-text[b-h24ll3l6yl] { flex: 1; }

.rce-final-badge[b-h24ll3l6yl] {
    background: var(--success, #22c55e);
    color: #000;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0.15rem 0.45rem;
    border-radius: 5px;
}

/* ── Start / Close prompts ──────────────────────────────────────────────── */

.rce-start-prompt[b-h24ll3l6yl], .rce-close-prompt[b-h24ll3l6yl] {
    text-align: center;
    padding: 1.5rem;
    background: var(--b9-surface-muted, rgba(148,163,184,0.06));
    border-radius: 10px;
    border: 1px solid var(--b9-border, rgba(148,163,184,0.12));
}

.rce-start-prompt p[b-h24ll3l6yl], .rce-close-prompt p[b-h24ll3l6yl] {
    color: var(--b9-text-soft, #94a3b8);
    margin: 0 0 1rem;
    font-size: 0.9rem;
}

/* ── Hole Entry Area ────────────────────────────────────────────────────── */

.rce-hole-entry-area[b-h24ll3l6yl] {
    background: var(--bg-elevated, rgba(30,41,59,0.6));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.15));
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rce-hole-label[b-h24ll3l6yl] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--b9-text, #e2e8f0);
}

.rce-par-label[b-h24ll3l6yl], .rce-si-label[b-h24ll3l6yl] {
    font-size: 0.8rem;
    font-weight: 500;
    background: var(--b9-surface-muted, rgba(148,163,184,0.1));
    color: var(--b9-text-soft, #94a3b8);
    padding: 0.15rem 0.45rem;
    border-radius: 5px;
}

.rce-hcp-note[b-h24ll3l6yl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--warning-soft, rgba(245,158,11,0.1));
    border: 1px solid rgba(245,158,11,0.2);
    border-radius: 7px;
    padding: 0.55rem 0.85rem;
    font-size: 0.875rem;
    color: var(--b9-text, #e2e8f0);
}

.rce-already-recorded[b-h24ll3l6yl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
    color: var(--b9-text-soft, #94a3b8);
}

/* BIG outcome buttons — 64px min-height for easy tapping */
.rce-outcome-buttons[b-h24ll3l6yl] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.65rem;
}

@media (max-width: 500px) {
    .rce-outcome-buttons[b-h24ll3l6yl] {
        grid-template-columns: 1fr;
    }
}

.rce-outcome-btn[b-h24ll3l6yl] {
    min-height: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border-radius: 10px;
    border: 2px solid transparent;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
    padding: 0.75rem 0.5rem;
    background: var(--b9-surface-muted, rgba(148,163,184,0.08));
    color: var(--b9-text, #e2e8f0);
}

.rce-outcome-btn:disabled[b-h24ll3l6yl] {
    opacity: 0.5;
    cursor: not-allowed;
}

.rce-outcome-btn:hover:not(:disabled)[b-h24ll3l6yl] {
    transform: translateY(-1px);
}

.rce-outcome-btn--a:hover:not(:disabled)[b-h24ll3l6yl] {
    background: var(--rce-a-soft);
    border-color: rgba(56,189,248,0.4);
    color: var(--rce-a);
}

.rce-outcome-btn--halved:hover:not(:disabled)[b-h24ll3l6yl] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.15));
    border-color: rgba(148,163,184,0.4);
}

.rce-outcome-btn--b:hover:not(:disabled)[b-h24ll3l6yl] {
    background: var(--rce-b-soft);
    border-color: rgba(239,68,68,0.4);
    color: var(--rce-b);
}

/* Selected state */
.rce-outcome-btn--selected.rce-outcome-btn--a[b-h24ll3l6yl] {
    background: var(--rce-a-soft);
    border-color: var(--rce-a);
    color: var(--rce-a);
}

.rce-outcome-btn--selected.rce-outcome-btn--halved[b-h24ll3l6yl] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.15));
    border-color: rgba(148,163,184,0.5);
    color: var(--b9-text, #e2e8f0);
}

.rce-outcome-btn--selected.rce-outcome-btn--b[b-h24ll3l6yl] {
    background: var(--rce-b-soft);
    border-color: var(--rce-b);
    color: var(--rce-b);
}

.rce-outcome-icon[b-h24ll3l6yl] {
    font-size: 1.5rem;
    line-height: 1;
}

/* ── Hole Progress ──────────────────────────────────────────────────────── */

.rce-progress-section[b-h24ll3l6yl] {
    background: var(--bg-elevated, rgba(30,41,59,0.5));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.12));
    border-radius: 12px;
    padding: 1rem 1.25rem;
}

.rce-progress-label[b-h24ll3l6yl] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--b9-text-soft, #94a3b8);
    margin-bottom: 0.75rem;
}

.rce-holes-grid[b-h24ll3l6yl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.rce-hole-dot[b-h24ll3l6yl] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--b9-border, rgba(148,163,184,0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    background: var(--b9-surface-muted, rgba(148,163,184,0.06));
    padding: 0;
}

.rce-hole-dot--current[b-h24ll3l6yl] {
    border-color: var(--brand, #6366f1) !important;
    box-shadow: 0 0 0 2px rgba(99,102,241,0.25);
}

.rce-hole-dot--a[b-h24ll3l6yl] {
    background: var(--rce-a-soft);
    border-color: var(--rce-a);
}

.rce-hole-dot--b[b-h24ll3l6yl] {
    background: var(--rce-b-soft);
    border-color: var(--rce-b);
}

.rce-hole-dot--halved[b-h24ll3l6yl] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.15));
    border-color: rgba(148,163,184,0.4);
}

.rce-hole-dot--empty[b-h24ll3l6yl] {
    opacity: 0.4;
}

.rce-hole-num[b-h24ll3l6yl] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--b9-text, #e2e8f0);
}

.rce-prev-next[b-h24ll3l6yl] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
}

/* ── Admin / Concede actions ────────────────────────────────────────────── */

.rce-admin-actions[b-h24ll3l6yl] {
    border-top: 1px solid var(--b9-border, rgba(148,163,184,0.1));
    padding-top: 1rem;
}

.rce-concede-links[b-h24ll3l6yl] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.rce-concede-link[b-h24ll3l6yl] {
    background: none;
    border: none;
    color: var(--b9-text-muted, #64748b);
    font-size: 0.8rem;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}
.rce-concede-link:hover[b-h24ll3l6yl] { color: var(--danger, #EF4444); }

.rce-concede-confirm[b-h24ll3l6yl] {
    background: var(--danger-soft, rgba(239,68,68,0.08));
    border: 1px solid rgba(239,68,68,0.2);
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    text-align: center;
}

.rce-concede-confirm p[b-h24ll3l6yl] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--b9-text, #e2e8f0);
}

/* ── Shared buttons (reused from setup, keep scope) ─────────────────────── */

.rce-btn[b-h24ll3l6yl] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.55rem 1rem;
    border-radius: 7px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.15s;
    white-space: nowrap;
}

.rce-btn:disabled[b-h24ll3l6yl] { opacity: 0.5; cursor: not-allowed; }

.rce-btn-primary[b-h24ll3l6yl] { background: var(--brand, #6366f1); color: #fff; border-color: var(--brand, #6366f1); }
.rce-btn-primary:hover:not(:disabled)[b-h24ll3l6yl] { opacity: 0.88; }

.rce-btn-big[b-h24ll3l6yl] { min-height: 56px; font-size: 1.1rem; padding: 0.75rem 2rem; }

.rce-btn-secondary[b-h24ll3l6yl] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.1));
    color: var(--b9-text, #e2e8f0);
    border-color: var(--b9-border, rgba(148,163,184,0.25));
}

.rce-btn-ghost[b-h24ll3l6yl] {
    background: transparent;
    color: var(--b9-text-soft, #94a3b8);
    border-color: var(--b9-border, rgba(148,163,184,0.2));
}

.rce-btn-danger-ghost[b-h24ll3l6yl] {
    background: transparent;
    color: var(--danger, #EF4444);
    border-color: rgba(239,68,68,0.3);
}

.rce-btn-sm[b-h24ll3l6yl] {
    padding: 0.3rem 0.65rem;
    font-size: 0.8rem;
}

.rce-error[b-h24ll3l6yl] {
    color: var(--danger, #EF4444);
    font-size: 0.875rem;
    margin: 0;
    background: var(--danger-soft, rgba(239,68,68,0.08));
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
}
/* /Components/Pages/Events/RyderCupScoreboard.razor.rz.scp.css */
/* ── Ryder Cup Scoreboard Styles ─────────────────────────────────────────── */

:root[b-uhoxhpgeh9] {
    --rsb-a: var(--info, #38BDF8);
    --rsb-b: var(--danger, #EF4444);
    --rsb-a-soft: var(--info-soft, rgba(56,189,248,0.12));
    --rsb-b-soft: var(--danger-soft, rgba(239,68,68,0.12));
}

/* ── Loading ────────────────────────────────────────────────────────────── */

.rsb-loading[b-uhoxhpgeh9], .rsb-not-found[b-uhoxhpgeh9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 5rem 1rem;
    color: var(--b9-text-soft, #94a3b8);
}

.rsb-spinner[b-uhoxhpgeh9] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid var(--b9-surface-muted, rgba(148,163,184,0.2));
    border-top-color: var(--brand, #6366f1);
    border-radius: 50%;
    animation: rsb-spin-b-uhoxhpgeh9 0.8s linear infinite;
}

@keyframes rsb-spin-b-uhoxhpgeh9 { to { transform: rotate(360deg); } }

/* ── Shell ──────────────────────────────────────────────────────────────── */

.rsb-shell[b-uhoxhpgeh9] {
    max-width: 800px;
    margin: 0 auto;
    padding: 1.5rem 1rem 4rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ── Header ─────────────────────────────────────────────────────────────── */

.rsb-header[b-uhoxhpgeh9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.rsb-event-name[b-uhoxhpgeh9] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--b9-text, #e2e8f0);
}

.rsb-refresh-hint[b-uhoxhpgeh9] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    color: var(--b9-text-soft, #94a3b8);
}

.rsb-live-dot[b-uhoxhpgeh9] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--success, #22c55e);
    animation: rsb-pulse-b-uhoxhpgeh9 2s ease-in-out infinite;
}

@keyframes rsb-pulse-b-uhoxhpgeh9 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* ── Score Hero ─────────────────────────────────────────────────────────── */

.rsb-score-hero[b-uhoxhpgeh9] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.75rem;
    background: var(--bg-elevated, rgba(30,41,59,0.7));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.15));
    border-radius: 16px;
    padding: 1.75rem 1.5rem;
}

.rsb-team-score[b-uhoxhpgeh9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.rsb-team-dot[b-uhoxhpgeh9] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.rsb-team-score--a .rsb-team-dot[b-uhoxhpgeh9] { background: var(--rsb-a); }
.rsb-team-score--b .rsb-team-dot[b-uhoxhpgeh9] { background: var(--rsb-b); }

.rsb-team-name[b-uhoxhpgeh9] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--b9-text, #e2e8f0);
    text-align: center;
}

.rsb-points[b-uhoxhpgeh9] {
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
    color: var(--b9-text, #e2e8f0);
}

.rsb-team-score--a .rsb-points[b-uhoxhpgeh9] { color: var(--rsb-a); }
.rsb-team-score--b .rsb-points[b-uhoxhpgeh9] { color: var(--rsb-b); }

.rsb-divider[b-uhoxhpgeh9] {
    text-align: center;
    padding: 0 0.25rem;
}

.rsb-status-summary[b-uhoxhpgeh9] {
    font-size: 0.75rem;
    color: var(--b9-text-soft, #94a3b8);
    text-align: center;
    line-height: 1.4;
    max-width: 140px;
}

/* ── Sessions ───────────────────────────────────────────────────────────── */

.rsb-sessions[b-uhoxhpgeh9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rsb-session-card[b-uhoxhpgeh9] {
    background: var(--bg-elevated, rgba(30,41,59,0.5));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.12));
    border-radius: 12px;
    overflow: hidden;
}

.rsb-session-header[b-uhoxhpgeh9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.9rem 1.1rem;
    background: var(--b9-surface-muted, rgba(148,163,184,0.05));
    border-bottom: 1px solid var(--b9-border, rgba(148,163,184,0.1));
    flex-wrap: wrap;
}

.rsb-session-icon[b-uhoxhpgeh9] {
    font-size: 1.1rem;
}

.rsb-session-title-block[b-uhoxhpgeh9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 120px;
}

.rsb-session-title[b-uhoxhpgeh9] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--b9-text, #e2e8f0);
}

.rsb-session-format[b-uhoxhpgeh9] {
    font-size: 0.75rem;
    color: var(--b9-text-soft, #94a3b8);
}

.rsb-session-pts[b-uhoxhpgeh9] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 700;
    font-size: 0.95rem;
}

.rsb-session-pts-a[b-uhoxhpgeh9] { color: var(--rsb-a); }
.rsb-session-pts-b[b-uhoxhpgeh9] { color: var(--rsb-b); }
.rsb-session-pts-dash[b-uhoxhpgeh9] { color: var(--b9-text-muted, #64748b); }

.rsb-session-status[b-uhoxhpgeh9] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.2rem 0.55rem;
    border-radius: 5px;
}

.rsb-status-Complete[b-uhoxhpgeh9] {
    background: var(--success-soft, rgba(34,197,94,0.1));
    color: var(--success, #22c55e);
}

.rsb-status-InProgress[b-uhoxhpgeh9] {
    background: var(--info-soft, rgba(56,189,248,0.1));
    color: var(--info, #38BDF8);
}

.rsb-status-NotStarted[b-uhoxhpgeh9] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.08));
    color: var(--b9-text-soft, #94a3b8);
}

/* ── Match list ─────────────────────────────────────────────────────────── */

.rsb-match-list[b-uhoxhpgeh9] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rsb-match-row[b-uhoxhpgeh9] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 1.1rem;
    border-bottom: 1px solid var(--b9-border, rgba(148,163,184,0.07));
    flex-wrap: wrap;
}

.rsb-match-row:last-child[b-uhoxhpgeh9] { border-bottom: none; }

.rsb-match-icon[b-uhoxhpgeh9] {
    font-size: 0.85rem;
}

.rsb-match-label[b-uhoxhpgeh9] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--b9-text-soft, #94a3b8);
    min-width: 4.5rem;
}

.rsb-match-sides[b-uhoxhpgeh9] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    min-width: 0;
}

.rsb-side-a[b-uhoxhpgeh9] {
    color: var(--rsb-a);
    font-weight: 500;
    font-size: 0.875rem;
}

.rsb-side-b[b-uhoxhpgeh9] {
    color: var(--rsb-b);
    font-weight: 500;
    font-size: 0.875rem;
}

.rsb-match-vs[b-uhoxhpgeh9] {
    color: var(--b9-text-muted, #64748b);
    font-size: 0.75rem;
}

.rsb-match-state[b-uhoxhpgeh9] {
    font-size: 0.8rem;
    color: var(--b9-text-soft, #94a3b8);
    white-space: nowrap;
}

.rsb-session-empty[b-uhoxhpgeh9] {
    padding: 0.85rem 1.1rem;
    font-size: 0.875rem;
    color: var(--b9-text-muted, #64748b);
    font-style: italic;
    margin: 0;
}

/* ── Footer ─────────────────────────────────────────────────────────────── */

.rsb-footer[b-uhoxhpgeh9] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--b9-border, rgba(148,163,184,0.12));
    padding-top: 1.25rem;
}

/* ── Shared buttons ─────────────────────────────────────────────────────── */

.rsb-btn[b-uhoxhpgeh9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.9rem;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 500;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.15s;
    white-space: nowrap;
}

.rsb-btn-primary[b-uhoxhpgeh9] { background: var(--brand, #6366f1); color: #fff; border-color: var(--brand, #6366f1); }
.rsb-btn-primary:hover[b-uhoxhpgeh9] { opacity: 0.88; }

.rsb-btn-secondary[b-uhoxhpgeh9] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.1));
    color: var(--b9-text, #e2e8f0);
    border-color: var(--b9-border, rgba(148,163,184,0.25));
}

.rsb-btn-ghost[b-uhoxhpgeh9] {
    background: transparent;
    color: var(--b9-text-soft, #94a3b8);
    border-color: var(--b9-border, rgba(148,163,184,0.2));
}
.rsb-btn-ghost:hover[b-uhoxhpgeh9] { color: var(--b9-text, #e2e8f0); }

.rsb-btn-sm[b-uhoxhpgeh9] {
    padding: 0.25rem 0.6rem;
    font-size: 0.75rem;
}

/* ── Mobile ─────────────────────────────────────────────────────────────── */

@media (max-width: 500px) {
    .rsb-score-hero[b-uhoxhpgeh9] {
        grid-template-columns: 1fr auto 1fr;
        padding: 1.25rem 0.75rem;
    }
    .rsb-points[b-uhoxhpgeh9] { font-size: 2.25rem; }
    .rsb-event-name[b-uhoxhpgeh9] { font-size: 1.1rem; }
    .rsb-match-row[b-uhoxhpgeh9] { gap: 0.4rem; }
}
/* /Components/Pages/Events/RyderCupSetup.razor.rz.scp.css */
/* ── Ryder Cup Setup Styles ──────────────────────────────────────────────── */
/* All colours via design tokens. Prefix: .rc-* */

:root[b-zk219vn4kb] {
    --rc-team-a-color: var(--info, #38BDF8);
    --rc-team-b-color: var(--danger, #EF4444);
    --rc-team-a-soft: var(--info-soft, rgba(56,189,248,0.12));
    --rc-team-b-soft: var(--danger-soft, rgba(239,68,68,0.12));
}

/* ── Loading / Error states ─────────────────────────────────────────────── */

.rc-loading[b-zk219vn4kb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 4rem 1rem;
    color: var(--b9-text-soft, #94a3b8);
}

.rc-spinner[b-zk219vn4kb] {
    width: 2rem;
    height: 2rem;
    border: 3px solid var(--b9-surface-muted, rgba(148,163,184,0.2));
    border-top-color: var(--brand, #6366f1);
    border-radius: 50%;
    animation: rc-spin-b-zk219vn4kb 0.8s linear infinite;
}

@keyframes rc-spin-b-zk219vn4kb {
    to { transform: rotate(360deg); }
}

.rc-access-denied[b-zk219vn4kb] {
    padding: 2rem;
    text-align: center;
    color: var(--b9-text-soft, #94a3b8);
}

/* ── Shell ──────────────────────────────────────────────────────────────── */

.rc-setup-shell[b-zk219vn4kb] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.25rem 1rem 3rem;
}

.rc-setup-header[b-zk219vn4kb] {
    margin-bottom: 1.5rem;
}

.rc-back-link[b-zk219vn4kb] {
    color: var(--b9-text-soft, #94a3b8);
    text-decoration: none;
    font-size: 0.875rem;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.rc-back-link:hover[b-zk219vn4kb] {
    color: var(--b9-text, #e2e8f0);
}

.rc-setup-title-row[b-zk219vn4kb] {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    flex-wrap: wrap;
}

.rc-setup-title[b-zk219vn4kb] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--b9-text, #e2e8f0);
}

.rc-event-name[b-zk219vn4kb] {
    color: var(--b9-text-soft, #94a3b8);
    font-size: 0.95rem;
}

/* ── Tab Navigation ─────────────────────────────────────────────────────── */

.rc-tabs[b-zk219vn4kb] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--b9-border, rgba(148,163,184,0.15));
    margin-bottom: 1.5rem;
    overflow-x: auto;
}

.rc-tab[b-zk219vn4kb] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    padding: 0.65rem 1.1rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--b9-text-soft, #94a3b8);
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.15s, border-color 0.15s;
}

.rc-tab:hover[b-zk219vn4kb] {
    color: var(--b9-text, #e2e8f0);
}

.rc-tab--active[b-zk219vn4kb] {
    color: var(--brand, #6366f1);
    border-bottom-color: var(--brand, #6366f1);
}

/* ── Panel ──────────────────────────────────────────────────────────────── */

.rc-panel[b-zk219vn4kb] {
    background: var(--bg-elevated, rgba(30,41,59,0.6));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.15));
    border-radius: 12px;
    padding: 1.5rem;
}

.rc-panel-title[b-zk219vn4kb] {
    margin: 0 0 0.4rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--b9-text, #e2e8f0);
}

.rc-panel-desc[b-zk219vn4kb] {
    color: var(--b9-text-soft, #94a3b8);
    font-size: 0.875rem;
    margin: 0 0 1.25rem;
}

/* ── Inputs / Buttons ───────────────────────────────────────────────────── */

.rc-label[b-zk219vn4kb] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--b9-text-soft, #94a3b8);
    margin-bottom: 0.3rem;
}

.rc-input[b-zk219vn4kb] {
    background: var(--bg-surface, rgba(15,23,42,0.6));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.25));
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    color: var(--b9-text, #e2e8f0);
    font-size: 1rem;
    width: 100%;
    max-width: 280px;
    outline: none;
    transition: border-color 0.15s;
}

.rc-input:focus[b-zk219vn4kb] {
    border-color: var(--brand, #6366f1);
}

.rc-input--narrow[b-zk219vn4kb] {
    max-width: 100px;
}

.rc-select[b-zk219vn4kb] {
    background: var(--bg-surface, rgba(15,23,42,0.6));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.25));
    border-radius: 6px;
    padding: 0.45rem 0.65rem;
    color: var(--b9-text, #e2e8f0);
    font-size: 0.875rem;
    width: 100%;
    outline: none;
}

/* Buttons */
.rc-btn[b-zk219vn4kb] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.55rem 1rem;
    border-radius: 7px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.15s, background 0.15s;
    white-space: nowrap;
}

.rc-btn:disabled[b-zk219vn4kb] {
    opacity: 0.5;
    cursor: not-allowed;
}

.rc-btn-primary[b-zk219vn4kb] {
    background: var(--brand, #6366f1);
    color: #fff;
    border-color: var(--brand, #6366f1);
}
.rc-btn-primary:hover:not(:disabled)[b-zk219vn4kb] { opacity: 0.88; }

.rc-btn-secondary[b-zk219vn4kb] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.1));
    color: var(--b9-text, #e2e8f0);
    border-color: var(--b9-border, rgba(148,163,184,0.25));
}
.rc-btn-secondary:hover:not(:disabled)[b-zk219vn4kb] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.18));
}

.rc-btn-ghost[b-zk219vn4kb] {
    background: transparent;
    color: var(--b9-text-soft, #94a3b8);
    border-color: var(--b9-border, rgba(148,163,184,0.2));
}
.rc-btn-ghost:hover:not(:disabled)[b-zk219vn4kb] {
    color: var(--b9-text, #e2e8f0);
    border-color: var(--b9-border, rgba(148,163,184,0.4));
}

.rc-btn-danger-ghost[b-zk219vn4kb] {
    background: transparent;
    color: var(--danger, #EF4444);
    border-color: rgba(239,68,68,0.3);
}
.rc-btn-danger-ghost:hover:not(:disabled)[b-zk219vn4kb] {
    background: var(--danger-soft, rgba(239,68,68,0.1));
}

.rc-btn-sm[b-zk219vn4kb] {
    padding: 0.3rem 0.65rem;
    font-size: 0.8rem;
}

.rc-btn-team-a[b-zk219vn4kb] {
    background: var(--rc-team-a-soft);
    color: var(--rc-team-a-color);
    border-color: rgba(56,189,248,0.3);
    padding: 0.35rem 0.7rem;
    font-size: 0.8rem;
    border-radius: 6px;
    border: 1px solid rgba(56,189,248,0.3);
    cursor: pointer;
    white-space: nowrap;
}
.rc-btn-team-a:hover[b-zk219vn4kb] { opacity: 0.85; }

.rc-btn-team-b[b-zk219vn4kb] {
    background: var(--rc-team-b-soft);
    color: var(--rc-team-b-color);
    border-color: rgba(239,68,68,0.3);
    padding: 0.35rem 0.7rem;
    font-size: 0.8rem;
    border-radius: 6px;
    border: 1px solid rgba(239,68,68,0.3);
    cursor: pointer;
    white-space: nowrap;
}
.rc-btn-team-b:hover[b-zk219vn4kb] { opacity: 0.85; }

/* ── Tab 1 — Teams ──────────────────────────────────────────────────────── */

.rc-team-names-row[b-zk219vn4kb] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.rc-team-name-field[b-zk219vn4kb] {
    flex: 1 1 200px;
}

.rc-save-names-btn[b-zk219vn4kb] { align-self: flex-end; }

.rc-vs[b-zk219vn4kb] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--b9-text-soft, #94a3b8);
    padding-bottom: 0.5rem;
}

.rc-scoring-options[b-zk219vn4kb] {
    border: 1px solid var(--b9-border, rgba(148,163,184,0.15));
    border-radius: 8px;
    padding: 0.85rem 1rem;
    margin-bottom: 1.5rem;
    background: var(--bg-surface, rgba(15,23,42,0.3));
}

.rc-option-row[b-zk219vn4kb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.3rem 0;
}

.rc-option-row .rc-label[b-zk219vn4kb] {
    margin: 0;
    min-width: 180px;
}

.rc-toggle[b-zk219vn4kb] {
    padding: 0.35rem 0.85rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: background 0.15s;
}

.rc-toggle--on[b-zk219vn4kb] {
    background: var(--success-soft, rgba(34,197,94,0.15));
    color: var(--success, #22c55e);
}

.rc-toggle--off[b-zk219vn4kb] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.12));
    color: var(--b9-text-soft, #94a3b8);
}

/* Teams grid */
.rc-teams-grid[b-zk219vn4kb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 600px) {
    .rc-teams-grid[b-zk219vn4kb] { grid-template-columns: 1fr; }
}

.rc-team-column[b-zk219vn4kb] {
    background: var(--bg-surface, rgba(15,23,42,0.3));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.15));
    border-radius: 10px;
    overflow: hidden;
}

.rc-team-header[b-zk219vn4kb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.9rem;
}

.rc-team-header--a[b-zk219vn4kb] {
    background: var(--rc-team-a-soft);
    border-bottom: 1px solid rgba(56,189,248,0.2);
}

.rc-team-header--b[b-zk219vn4kb] {
    background: var(--rc-team-b-soft);
    border-bottom: 1px solid rgba(239,68,68,0.2);
}

.rc-team-header h3[b-zk219vn4kb] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--b9-text, #e2e8f0);
    flex: 1;
}

.rc-team-dot[b-zk219vn4kb] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.rc-team-header--a .rc-team-dot[b-zk219vn4kb] { background: var(--rc-team-a-color); }
.rc-team-header--b .rc-team-dot[b-zk219vn4kb] { background: var(--rc-team-b-color); }

.rc-team-count[b-zk219vn4kb] {
    font-size: 0.75rem;
    color: var(--b9-text-soft, #94a3b8);
}

/* Member list */
.rc-member-list[b-zk219vn4kb] {
    list-style: none;
    margin: 0;
    padding: 0.4rem 0;
}

.rc-member-item[b-zk219vn4kb] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.9rem;
    font-size: 0.875rem;
    border-bottom: 1px solid var(--b9-border, rgba(148,163,184,0.08));
}
.rc-member-item:last-child[b-zk219vn4kb] { border-bottom: none; }

.rc-member-name[b-zk219vn4kb] {
    flex: 1;
    color: var(--b9-text, #e2e8f0);
}

.rc-member-hcp[b-zk219vn4kb] {
    font-size: 0.75rem;
    color: var(--b9-text-soft, #94a3b8);
    background: var(--b9-surface-muted, rgba(148,163,184,0.08));
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
}

.rc-captain-badge[b-zk219vn4kb] {
    font-size: 0.65rem;
    font-weight: 700;
    background: var(--warning-soft, rgba(245,158,11,0.15));
    color: var(--warning, #F59E0B);
    padding: 0.1rem 0.35rem;
    border-radius: 4px;
}

.rc-member-remove[b-zk219vn4kb] {
    background: none;
    border: none;
    color: var(--b9-text-muted, #64748b);
    font-size: 1.1rem;
    cursor: pointer;
    padding: 0 0.2rem;
    line-height: 1;
}
.rc-member-remove:hover[b-zk219vn4kb] { color: var(--danger, #EF4444); }

.rc-member-empty[b-zk219vn4kb] {
    padding: 0.75rem 0.9rem;
    font-size: 0.8rem;
    color: var(--b9-text-muted, #64748b);
    font-style: italic;
}

/* Unassigned players */
.rc-unassigned-section[b-zk219vn4kb] {
    border-top: 1px solid var(--b9-border, rgba(148,163,184,0.12));
    padding-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.rc-section-label[b-zk219vn4kb] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--b9-text-soft, #94a3b8);
    margin: 0 0 0.75rem;
}

.rc-unassigned-list[b-zk219vn4kb] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.rc-unassigned-item[b-zk219vn4kb] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    padding: 0.5rem 0.75rem;
    background: var(--b9-surface-muted, rgba(148,163,184,0.06));
    border-radius: 8px;
}

.rc-all-assigned[b-zk219vn4kb] {
    color: var(--success, #22c55e);
    font-size: 0.875rem;
    margin: 0 0 1.25rem;
}

/* ── Tab 2 — Sessions ───────────────────────────────────────────────────── */

.rc-session-list[b-zk219vn4kb] {
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.rc-session-item[b-zk219vn4kb] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.06));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.12));
    border-radius: 8px;
    padding: 0.75rem 1rem;
}

.rc-session-summary[b-zk219vn4kb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.rc-session-number[b-zk219vn4kb] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--b9-text-soft, #94a3b8);
    min-width: 1.5rem;
}

.rc-session-info[b-zk219vn4kb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.rc-session-name[b-zk219vn4kb] {
    font-weight: 600;
    color: var(--b9-text, #e2e8f0);
    font-size: 0.95rem;
}

.rc-session-meta[b-zk219vn4kb] {
    font-size: 0.8rem;
    color: var(--b9-text-soft, #94a3b8);
}

.rc-session-actions[b-zk219vn4kb] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.rc-session-edit-row[b-zk219vn4kb] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.rc-quick-add[b-zk219vn4kb] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    padding: 0.75rem;
    background: var(--b9-surface-muted, rgba(148,163,184,0.06));
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.rc-empty-state[b-zk219vn4kb] {
    color: var(--b9-text-soft, #94a3b8);
    font-size: 0.875rem;
    padding: 1.5rem 0;
    font-style: italic;
}

/* ── Tab 3 — Pairings ───────────────────────────────────────────────────── */

.rc-session-tabs[b-zk219vn4kb] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.rc-session-tab[b-zk219vn4kb] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.08));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.2));
    border-radius: 6px;
    padding: 0.4rem 0.85rem;
    font-size: 0.8rem;
    color: var(--b9-text-soft, #94a3b8);
    cursor: pointer;
    transition: all 0.15s;
}

.rc-session-tab--active[b-zk219vn4kb] {
    background: var(--brand-soft, rgba(99,102,241,0.15));
    border-color: rgba(99,102,241,0.4);
    color: var(--brand, #6366f1);
}

.rc-pairings-panel[b-zk219vn4kb] {
    border: 1px solid var(--b9-border, rgba(148,163,184,0.15));
    border-radius: 10px;
    padding: 1rem;
    background: var(--bg-surface, rgba(15,23,42,0.3));
}

.rc-pairings-header[b-zk219vn4kb] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.rc-pairings-header h3[b-zk219vn4kb] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--b9-text, #e2e8f0);
}

.rc-format-badge[b-zk219vn4kb] {
    background: var(--brand-soft, rgba(99,102,241,0.15));
    color: var(--brand, #6366f1);
    border-radius: 5px;
    padding: 0.2rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.rc-format-hint[b-zk219vn4kb] {
    font-size: 0.8rem;
    color: var(--b9-text-soft, #94a3b8);
}

/* Generated matches */
.rc-pairings-generated[b-zk219vn4kb] {}
.rc-pairings-status[b-zk219vn4kb] {
    font-weight: 600;
    color: var(--success, #22c55e);
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
}

.rc-match-list[b-zk219vn4kb] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.rc-match-item[b-zk219vn4kb] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.75rem;
    background: var(--b9-surface-muted, rgba(148,163,184,0.06));
    border-radius: 7px;
    flex-wrap: wrap;
}

.rc-match-num[b-zk219vn4kb] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--b9-text-soft, #94a3b8);
    min-width: 4rem;
}

.rc-match-sides[b-zk219vn4kb] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.rc-side-a[b-zk219vn4kb] { color: var(--rc-team-a-color); font-weight: 500; }
.rc-side-b[b-zk219vn4kb] { color: var(--rc-team-b-color); font-weight: 500; }
.rc-match-vs[b-zk219vn4kb] { color: var(--b9-text-muted, #64748b); font-size: 0.8rem; }

.rc-match-status[b-zk219vn4kb] {
    font-size: 0.75rem;
    color: var(--b9-text-soft, #94a3b8);
}

/* Pairing builder */
.rc-pairing-builder[b-zk219vn4kb] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.rc-pairing-row[b-zk219vn4kb] {
    display: grid;
    grid-template-columns: 3.5rem 1fr auto 1fr auto;
    gap: 0.5rem;
    align-items: start;
    padding: 0.75rem;
    background: var(--b9-surface-muted, rgba(148,163,184,0.06));
    border: 1px solid var(--b9-border, rgba(148,163,184,0.12));
    border-radius: 8px;
}

@media (max-width: 700px) {
    .rc-pairing-row[b-zk219vn4kb] {
        grid-template-columns: 1fr;
    }
    .rc-pairing-row .rc-vs[b-zk219vn4kb] { text-align: center; }
}

.rc-pairing-num[b-zk219vn4kb] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--b9-text-soft, #94a3b8);
    padding-top: 0.45rem;
}

.rc-pairing-side[b-zk219vn4kb] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.rc-pairing-team-label[b-zk219vn4kb] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.rc-pairing-side--a .rc-pairing-team-label[b-zk219vn4kb] { color: var(--rc-team-a-color); }
.rc-pairing-side--b .rc-pairing-team-label[b-zk219vn4kb] { color: var(--rc-team-b-color); }

.rc-pairing-actions[b-zk219vn4kb] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

/* ── Tab 4 — Review ─────────────────────────────────────────────────────── */

.rc-review-list[b-zk219vn4kb] {
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.rc-review-item[b-zk219vn4kb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 7px;
    font-size: 0.9rem;
}

.rc-review--ok[b-zk219vn4kb] {
    background: var(--success-soft, rgba(34,197,94,0.1));
    color: var(--b9-text, #e2e8f0);
}

.rc-review--warn[b-zk219vn4kb] {
    background: var(--warning-soft, rgba(245,158,11,0.1));
    color: var(--b9-text, #e2e8f0);
}

.rc-review-session[b-zk219vn4kb] {
    margin-left: 1.25rem;
    font-size: 0.85rem;
}

.rc-review-all-good[b-zk219vn4kb] {
    background: var(--success-soft, rgba(34,197,94,0.1));
    border: 1px solid rgba(34,197,94,0.25);
    border-radius: 8px;
    padding: 0.85rem 1rem;
    margin-bottom: 1.25rem;
    color: var(--success, #22c55e);
    font-weight: 500;
}

.rc-review-actions[b-zk219vn4kb] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

/* ── Shared utils ───────────────────────────────────────────────────────── */

.rc-hint[b-zk219vn4kb] {
    font-size: 0.8rem;
    color: var(--b9-text-soft, #94a3b8);
    font-style: italic;
}

.rc-error[b-zk219vn4kb] {
    color: var(--danger, #EF4444);
    font-size: 0.875rem;
    margin: 0.5rem 0 0;
    background: var(--danger-soft, rgba(239,68,68,0.08));
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
}

.rc-tab-nav-btns[b-zk219vn4kb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--b9-border, rgba(148,163,184,0.12));
    flex-wrap: wrap;
    gap: 0.5rem;
}
/* /Components/Pages/Events/Scoring.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   TOP BAR
══════════════════════════════════════════════════════════════ */

.sc-bar[b-earm9xspjh] {
    position: sticky;
    top: 0;
    z-index: 200;
    background: var(--b9-surface);
    border-bottom: 1px solid var(--b9-border);
    padding: 0 1rem;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.sc-bar-left[b-earm9xspjh] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-width: 0;
    flex: 1;
}

.sc-back[b-earm9xspjh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    color: var(--b9-text-soft);
    text-decoration: none;
    font-size: 1rem;
    flex-shrink: 0;
    transition: background .15s, color .15s;
}
.sc-back:hover[b-earm9xspjh] { background: var(--b9-surface-muted); color: var(--b9-text); }

.sc-bar-info[b-earm9xspjh] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}
.sc-bar-event[b-earm9xspjh] {
    font-size: .9375rem;
    font-weight: 700;
    color: var(--b9-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}
.sc-bar-meta[b-earm9xspjh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.sc-round-badge[b-earm9xspjh] {
    display: inline-block;
    padding: .1rem .45rem;
    border-radius: 6px;
    font-size: .7rem;
    font-weight: 600;
    background: var(--b9-surface-muted);
    color: var(--b9-text-soft);
    white-space: nowrap;
}
.sc-bar-date[b-earm9xspjh] {
    font-size: .75rem;
    color: var(--b9-text-soft);
    white-space: nowrap;
}
.sc-tee-chip[b-earm9xspjh] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .75rem;
    color: var(--b9-text-soft);
}
.sc-tee-dot[b-earm9xspjh] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.12);
    flex-shrink: 0;
}
.sc-tee-rating[b-earm9xspjh] { font-size: .7rem; color: var(--b9-text-soft); }

.sc-bar-right[b-earm9xspjh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

/* Save indicator */
.sc-save-indicator[b-earm9xspjh] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: .8125rem;
    font-weight: 500;
    white-space: nowrap;
}
.sc-saving[b-earm9xspjh] { color: var(--b9-text-soft); }
.sc-saved[b-earm9xspjh]  { color: var(--b9-success, #16a34a); }
.sc-save-text[b-earm9xspjh] { display: none; }
@media (min-width: 500px) { .sc-save-text[b-earm9xspjh] { display: inline; } }

/* View toggle — Cards / Table (hidden at desktop) */
.sc-view-toggle[b-earm9xspjh] {
    display: flex;
    background: var(--b9-surface-muted);
    border-radius: 8px;
    padding: 2px;
    gap: 2px;
}
.sc-vtbtn[b-earm9xspjh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 28px;
    border: none;
    background: none;
    border-radius: 6px;
    color: var(--b9-text-soft);
    font-size: .875rem;
    cursor: pointer;
    transition: background .12s, color .12s;
}
.sc-vtbtn-active[b-earm9xspjh] {
    background: var(--b9-surface);
    color: var(--b9-text);
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
@media (min-width: 900px) { .sc-view-toggle[b-earm9xspjh] { display: none; } }

/* Custom toggle pill */
.sc-toggle-wrap[b-earm9xspjh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}
.sc-toggle-check[b-earm9xspjh] { display: none; }
.sc-toggle-pill[b-earm9xspjh] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    border-radius: 999px;
    transition: background .2s;
    cursor: pointer;
    flex-shrink: 0;
}
.sc-toggle-open[b-earm9xspjh]   { background: var(--b9-success, #16a34a); }
.sc-toggle-closed[b-earm9xspjh] { background: var(--b9-danger, #dc2626); }
.sc-toggle-thumb[b-earm9xspjh] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    transition: transform .2s;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.sc-toggle-check:checked ~ .sc-toggle-pill .sc-toggle-thumb[b-earm9xspjh] { transform: translateX(18px); }
.sc-toggle-label[b-earm9xspjh] {
    font-size: .8125rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    display: none;
}
.sc-label-open[b-earm9xspjh]  { color: var(--b9-success, #16a34a); }
.sc-label-closed[b-earm9xspjh] { color: var(--b9-danger, #dc2626); }
@media (min-width: 480px) { .sc-toggle-label[b-earm9xspjh] { display: inline; } }


/* ══════════════════════════════════════════════════════════════
   STATE DISPLAYS
══════════════════════════════════════════════════════════════ */

.sc-state-wrap[b-earm9xspjh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 5rem 1.5rem;
    text-align: center;
}
.sc-state-icon[b-earm9xspjh]    { font-size: 2.5rem; color: var(--b9-border); }
.sc-state-danger[b-earm9xspjh]  { color: var(--b9-danger, #dc2626); }
.sc-state-title[b-earm9xspjh]   { font-size: 1.125rem; font-weight: 700; margin: 0; }
.sc-state-text[b-earm9xspjh]    { color: var(--b9-text-soft); font-size: .9375rem; margin: 0; }

.sc-closed-banner[b-earm9xspjh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    background: var(--warning-soft);
    border-bottom: 1px solid rgba(251,191,36,0.28);
    color: var(--warning-text);
    font-size: .875rem;
    padding: .625rem 1.25rem;
}

.sc-open-now-btn[b-earm9xspjh] {
    font-size: 0.8rem;
    padding: 0.2rem 0.7rem;
    white-space: nowrap;
}

.sc-vtbtn-label[b-earm9xspjh] {
    display: none;
}

.sc-compact-hcp[b-earm9xspjh] {
    padding: 0.5rem 1rem 0.35rem;
    overflow: visible;
}

.sc-compact-hcp[b-earm9xspjh]  .hcp-summary {
    padding: 0.72rem 0.9rem;
    border-radius: 10px;
    gap: 0.8rem;
    overflow: visible;
}

.sc-compact-hcp[b-earm9xspjh]  .hcp-summary-kicker {
    font-size: 0.78rem;
}

.sc-compact-hcp[b-earm9xspjh]  .hcp-summary-title {
    font-size: 1rem;
    line-height: 1.28;
    white-space: normal;
}

.sc-compact-hcp[b-earm9xspjh]  .hcp-summary-subtitle {
    margin-top: 0.18rem;
    font-size: 0.875rem;
    line-height: 1.35;
    white-space: normal;
}

.sc-compact-hcp[b-earm9xspjh]  .hcp-summary-timing {
    margin-top: 0.2rem;
    font-size: 0.78rem;
    line-height: 1.3;
    white-space: normal;
}

@media (min-width: 576px) {
    .sc-vtbtn-label[b-earm9xspjh] { display: inline; font-size: 0.75rem; }
}


/* ══════════════════════════════════════════════════════════════
   VIEW CONTAINER
══════════════════════════════════════════════════════════════ */

.sc-mobile-view[b-earm9xspjh]  { display: block; }
.sc-desktop-view[b-earm9xspjh] { display: none; }

@media (min-width: 900px) {
    .sc-mobile-view[b-earm9xspjh]  { display: none  !important; }
    .sc-desktop-view[b-earm9xspjh] { display: block !important; }
}

.sc-force-table .sc-mobile-view[b-earm9xspjh]  { display: none  !important; }
.sc-force-table .sc-desktop-view[b-earm9xspjh] { display: block !important; }


/* ══════════════════════════════════════════════════════════════
   PROGRESS STRIP
══════════════════════════════════════════════════════════════ */

.sc-progress[b-earm9xspjh] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.75rem 1rem 0.5rem;
    background: var(--b9-surface);
    border-bottom: 1px solid var(--b9-border);
}

.sc-progress-row[b-earm9xspjh] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-wrap: wrap;
}

.sc-dot[b-earm9xspjh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    font-size: .6875rem;
    font-weight: 700;
    border: 2px solid var(--b9-border);
    background: var(--b9-surface);
    color: var(--b9-text-soft);
    cursor: pointer;
    transition: all .12s;
    flex-shrink: 0;
    padding: 0;
}
.sc-dot:hover[b-earm9xspjh] { border-color: var(--b9-primary); color: var(--b9-primary); }

.sc-dot-done[b-earm9xspjh]    { background: var(--success-soft); border-color: rgba(34,197,94,0.45); color: var(--success-text); }
.sc-dot-partial[b-earm9xspjh] { background: var(--warning-soft); border-color: rgba(253,224,71,0.45); color: var(--warning-text); }
.sc-dot-active[b-earm9xspjh]  {
    border-color: var(--b9-primary) !important;
    outline: 2px solid var(--b9-primary);
    outline-offset: 1px;
    color: var(--b9-primary) !important;
    font-weight: 800;
}

.sc-nine-label[b-earm9xspjh] {
    font-size: .65rem;
    font-weight: 700;
    color: var(--b9-text-soft);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-left: 0.25rem;
    white-space: nowrap;
}


/* ══════════════════════════════════════════════════════════════
   HOLE HERO
══════════════════════════════════════════════════════════════ */

.sc-hole-hero[b-earm9xspjh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1rem;
    background: var(--b9-surface);
    border-bottom: 1px solid var(--b9-border);
}

.sc-nav-arrow[b-earm9xspjh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--b9-surface-muted);
    border: 1px solid var(--b9-border);
    color: var(--b9-text);
    font-size: 1.125rem;
    cursor: pointer;
    transition: background .12s, transform .1s;
    flex-shrink: 0;
}
.sc-nav-arrow:hover:not(:disabled)[b-earm9xspjh] { background: var(--b9-border); }
.sc-nav-arrow:active:not(:disabled)[b-earm9xspjh] { transform: scale(0.93); }
.sc-nav-arrow:disabled[b-earm9xspjh] { opacity: .3; cursor: default; }

.sc-hole-center[b-earm9xspjh] { text-align: center; flex: 1; }
.sc-hole-num[b-earm9xspjh]  { font-size: 1.75rem; font-weight: 800; color: var(--b9-text); line-height: 1; }
.sc-hole-par[b-earm9xspjh]  { font-size: 1rem; font-weight: 600; color: var(--b9-text-soft); margin-top: 0.2rem; }
.sc-hole-aux[b-earm9xspjh]  { display: flex; justify-content: center; gap: 1rem; font-size: .8rem; color: var(--b9-text-soft); margin-top: 0.25rem; }


/* ══════════════════════════════════════════════════════════════
   PLAYER STEPPER CARDS
══════════════════════════════════════════════════════════════ */

/* Player filter */
.sc-filter-wrap[b-earm9xspjh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 1rem 0;
    background: var(--b9-surface);
    border: 1px solid var(--b9-border);
    border-radius: 10px;
    padding: 0.45rem 0.75rem;
}

.sc-filter-icon[b-earm9xspjh] {
    color: var(--text-muted, #64748b);
    font-size: 0.875rem;
    flex-shrink: 0;
}

.sc-filter-input[b-earm9xspjh] {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    font-size: 0.9rem;
    color: var(--text-primary, #f1f5f9);
    min-width: 0;
}

.sc-filter-input[b-earm9xspjh]::placeholder {
    color: var(--text-muted, #64748b);
}

.sc-filter-clear[b-earm9xspjh] {
    background: none;
    border: none;
    padding: 0;
    color: var(--text-muted, #64748b);
    cursor: pointer;
    line-height: 1;
    font-size: 1rem;
}

.sc-filter-empty[b-earm9xspjh] {
    text-align: center;
    color: var(--text-muted, #64748b);
    font-size: 0.875rem;
    padding: 2rem 1rem;
}

.sc-cards[b-earm9xspjh] {
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sc-card[b-earm9xspjh] {
    background: var(--b9-surface);
    border: 1px solid var(--b9-border);
    border-radius: 14px;
    overflow: hidden;
}

.sc-card-player[b-earm9xspjh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 1rem;
    background: var(--brand-soft);
    border-bottom: 1px solid var(--b9-border);
}
.sc-card-name[b-earm9xspjh] {
    font-size: .9375rem;
    font-weight: 700;
    color: var(--brand-text);
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sc-card-hcp[b-earm9xspjh] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--brand-text);
    background: rgba(37,99,235,0.2);
    padding: .15rem .45rem;
    border-radius: 5px;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: .5rem;
}

/* Verify button (desktop table) */
.sc-verify-btn[b-earm9xspjh] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .7rem;
    font-weight: 600;
    padding: .15rem .45rem;
    border-radius: 5px;
    border: 1.5px solid currentColor;
    cursor: pointer;
    background: transparent;
    line-height: 1.4;
    white-space: nowrap;
}
.sc-verify-btn.sc-unverified[b-earm9xspjh] {
    color: var(--text-muted);
    border-color: var(--border-default);
}
.sc-verify-btn.sc-unverified:hover[b-earm9xspjh] {
    color: var(--success-text);
    border-color: rgba(34,197,94,0.45);
    background: var(--success-soft);
}
.sc-verify-btn.sc-verified[b-earm9xspjh] {
    color: var(--success-text);
    border-color: rgba(34,197,94,0.38);
    background: var(--success-soft);
}
.sc-verify-btn.sc-verified:hover[b-earm9xspjh] {
    color: var(--danger-text);
    border-color: rgba(239,68,68,0.38);
    background: var(--danger-soft);
}

/* Verified chip (mobile card) */
.sc-verified-chip[b-earm9xspjh] {
    font-size: .8rem;
    color: var(--success-text);
    margin-left: .4rem;
    flex-shrink: 0;
}

.sc-stepper[b-earm9xspjh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    padding: 1rem;
}

.sc-step-btn[b-earm9xspjh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: var(--b9-surface-muted);
    border: 1.5px solid var(--b9-border);
    color: var(--b9-text);
    font-size: 1.25rem;
    cursor: pointer;
    transition: background .12s, border-color .12s, transform .1s;
    flex-shrink: 0;
    user-select: none;
    -webkit-user-select: none;
}
.sc-step-btn:hover:not(:disabled)[b-earm9xspjh] {
    border-color: var(--b9-primary);
    color: var(--b9-primary);
    background: var(--brand-soft);
}
.sc-step-btn:active:not(:disabled)[b-earm9xspjh] { transform: scale(0.91); }
.sc-step-btn:disabled[b-earm9xspjh] { opacity: .25; cursor: default; }

/* Score badge */
.sc-badge[b-earm9xspjh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    height: 84px;
    border-radius: 16px;
    padding: 0.5rem 1rem;
    transition: background .15s;
}
.sc-badge-num[b-earm9xspjh] {
    font-size: 2.125rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.03em;
}
.sc-badge-label[b-earm9xspjh] {
    font-size: .625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-top: 3px;
    opacity: .9;
}

.sc-badge-empty[b-earm9xspjh]  { background: var(--b9-surface-muted); border: 2px dashed var(--b9-border); color: var(--b9-text-soft); }
.sc-badge-eagle[b-earm9xspjh]  { background: #6D28D9; color: #fff; }
.sc-badge-birdie[b-earm9xspjh] { background: #DC2626; color: #fff; }
.sc-badge-par[b-earm9xspjh]    { background: var(--b9-surface-muted); color: var(--b9-text); border: 2px solid var(--b9-border); }
.sc-badge-bogey[b-earm9xspjh]  { background: #D97706; color: #fff; }
.sc-badge-double[b-earm9xspjh] { background: #EA580C; color: #fff; }


/* ══════════════════════════════════════════════════════════════
   BOTTOM NAV
══════════════════════════════════════════════════════════════ */

.sc-bottom-nav[b-earm9xspjh] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
    background: var(--b9-surface);
    border-top: 1px solid var(--b9-border);
    box-shadow: 0 -2px 8px rgba(0,0,0,.06);
}

.sc-bnav-btn[b-earm9xspjh] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1.125rem;
    border-radius: 10px;
    background: var(--b9-surface-muted);
    border: 1px solid var(--b9-border);
    color: var(--b9-text);
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s;
}
.sc-bnav-btn:hover:not(:disabled)[b-earm9xspjh] { background: var(--b9-border); }
.sc-bnav-btn:disabled[b-earm9xspjh] { opacity: .3; cursor: default; }

.sc-bnav-label[b-earm9xspjh] { font-size: .875rem; font-weight: 600; color: var(--b9-text-soft); }


/* ══════════════════════════════════════════════════════════════
   DESKTOP SCORECARD TABLE
══════════════════════════════════════════════════════════════ */

.sc-desktop-view[b-earm9xspjh] { padding: 1.5rem 1.25rem 3rem; }

.sc-table-editor-shell[b-earm9xspjh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.sc-table-pane[b-earm9xspjh] {
    min-width: 0;
}

@media (min-width: 1240px) {
    .sc-table-editor-shell[b-earm9xspjh] {
        grid-template-columns: minmax(0, 1fr) 340px;
        align-items: start;
    }
}

.sc-focused-editor[b-earm9xspjh] {
    border: 1px solid var(--b9-border);
    border-radius: 12px;
    background: var(--b9-surface);
    padding: 0.9rem;
    box-shadow: 0 8px 24px rgba(2, 8, 23, 0.2);
    position: sticky;
    bottom: 0.75rem;
    z-index: 11;
}

@media (min-width: 1240px) {
    .sc-focused-editor[b-earm9xspjh] {
        top: 4.6rem;
        bottom: auto;
    }
}

.sc-focused-editor:focus-visible[b-earm9xspjh] {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

.sc-editor-header[b-earm9xspjh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.sc-editor-kicker[b-earm9xspjh] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--b9-text-soft);
    font-weight: 700;
}

.sc-editor-title[b-earm9xspjh] {
    margin: 0.1rem 0 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--b9-text);
    line-height: 1.2;
}

.sc-editor-meta[b-earm9xspjh] {
    margin-top: 0.45rem;
    color: var(--b9-text-muted);
    font-size: 0.92rem;
    line-height: 1.35;
}

.sc-editor-row[b-earm9xspjh] {
    margin-top: 0.65rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.sc-editor-chip[b-earm9xspjh] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--b9-border);
    border-radius: 999px;
    padding: 0.26rem 0.56rem;
    font-size: 0.82rem;
    color: var(--b9-text-muted);
    background: var(--b9-surface-muted);
    font-weight: 600;
}

.sc-editor-current-score-wrap[b-earm9xspjh] {
    margin-top: 0.72rem;
    border: 1px solid var(--b9-border);
    border-radius: 10px;
    background: rgba(30, 64, 175, 0.12);
    padding: 0.62rem 0.72rem;
}

.sc-editor-current-label[b-earm9xspjh] {
    font-size: 0.8rem;
    color: var(--b9-text-soft);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.sc-editor-current-score[b-earm9xspjh] {
    margin-top: 0.2rem;
    font-size: 1.7rem;
    line-height: 1.05;
    color: #f8fafc;
    font-weight: 800;
}

.sc-editor-score-grid[b-earm9xspjh] {
    margin-top: 0.72rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
}

.sc-editor-score-btn[b-earm9xspjh] {
    min-height: 48px;
    border-radius: 10px;
    border: 1px solid var(--b9-border);
    background: var(--b9-surface-muted);
    color: var(--b9-text);
    font-size: 1rem;
    font-weight: 700;
    transition: border-color .12s, background .12s;
}

.sc-editor-score-btn:hover:not(:disabled)[b-earm9xspjh],
.sc-editor-score-btn:focus-visible[b-earm9xspjh] {
    border-color: #60a5fa;
    background: rgba(59, 130, 246, 0.18);
}

.sc-editor-score-btn:disabled[b-earm9xspjh] {
    opacity: 0.55;
}

.sc-editor-controls[b-earm9xspjh] {
    margin-top: 0.72rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.sc-editor-action[b-earm9xspjh] {
    min-height: 48px;
    border-radius: 10px;
    border: 1px solid var(--b9-border);
    background: var(--b9-surface);
    color: var(--b9-text);
    font-size: 1rem;
    font-weight: 600;
}

.sc-editor-next[b-earm9xspjh] {
    background: rgba(22, 101, 52, 0.18);
    border-color: rgba(34, 197, 94, 0.4);
}

.sc-table-card[b-earm9xspjh] {
    background: var(--b9-surface);
    border: 1px solid var(--b9-border);
    border-radius: 12px;
    overflow: hidden;
}

.scorecard-wrapper[b-earm9xspjh] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

table.scorecard[b-earm9xspjh] {
    border-collapse: collapse;
    min-width: 800px;
    width: 100%;
    font-size: 0.875rem;
}
table.scorecard th[b-earm9xspjh],
table.scorecard td[b-earm9xspjh] {
    text-align: center;
    padding: 0;
    border: 1px solid var(--b9-border);
    white-space: nowrap;
}

.col-player[b-earm9xspjh] {
    position: sticky;
    left: 0;
    z-index: 4;
    min-width: 155px;
    max-width: 155px;
    text-align: left !important;
    padding: 0.4rem 0.65rem;
    background: var(--b9-surface);
    border-right: 2px solid var(--b9-text-soft) !important;
}
.sc-team-player-cell[b-earm9xspjh] {
    background: var(--b9-surface) !important;
}
.sc-team-name[b-earm9xspjh] {
    color: #e0e7ff !important;
    font-weight: 700 !important;
}
.sc-team-players[b-earm9xspjh] {
    color: #cbd5e1 !important;
    font-size: 0.875rem !important;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 148px;
}

.sc-team-meta[b-earm9xspjh] {
    font-size: 0.875rem !important;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 148px;
}

.sc-player-meta[b-earm9xspjh] {
    font-size: 0.84rem !important;
    line-height: 1.3;
}
.col-hole[b-earm9xspjh]     { min-width: 42px; width: 42px; }
.col-subtotal[b-earm9xspjh] {
    min-width: 50px;
    width: 50px;
    padding: 0.4rem 0.35rem;
    background: var(--b9-surface-muted);
    color: var(--b9-text);
    font-weight: 700;
    font-size: 1rem;
}
.sep-left[b-earm9xspjh] { border-left: 2px solid var(--b9-text-soft) !important; }

tr.row-holes th[b-earm9xspjh] {
    height: 30px;
    font-size: 0.95rem;
    font-weight: 700;
    background: #1E293B;
    color: #fff;
    padding: 0.3rem 0.25rem;
}
tr.row-holes .col-player[b-earm9xspjh] {
    background: #1E293B;
    color: #fff;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}
tr.row-yardage td[b-earm9xspjh] {
    font-size: 0.7rem;
    font-weight: 500;
    color: #94a3b8;
    background: #2d3748;
    padding: 0.2rem 0.3rem;
}
tr.row-yardage .col-player[b-earm9xspjh] { background: #2d3748; font-weight: 500; }
tr.row-par td[b-earm9xspjh] {
    font-size: 0.95rem;
    font-weight: 700;
    background: var(--bg-raised);
    color: var(--text-primary);
    padding: 0.3rem 0.25rem;
}
tr.row-par .col-player[b-earm9xspjh] { background: var(--bg-raised); }

.scorecard td.col-subtotal.text-dark[b-earm9xspjh] {
    color: var(--b9-text) !important;
}

.scorecard td.col-subtotal.text-muted[b-earm9xspjh] {
    color: color-mix(in srgb, var(--b9-text) 78%, #94a3b8) !important;
    opacity: 1;
}

.score-cell[b-earm9xspjh] { padding: 0; }

.score-cell.sc-cell-selected[b-earm9xspjh] {
    position: relative;
    box-shadow: inset 0 0 0 2px #60a5fa;
}

.score-input[b-earm9xspjh] {
    display: block;
    width: 100%;
    height: 44px;
    border: none;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    background: transparent;
    color: #f8fafc;
    cursor: pointer;
    -moz-appearance: textfield;
}
.score-input[b-earm9xspjh]::-webkit-outer-spin-button,
.score-input[b-earm9xspjh]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.score-input:focus[b-earm9xspjh] {
    outline: 2px solid transparent;
    box-shadow: inset 0 0 0 2px #60a5fa;
    outline-offset: 0;
    border-radius: 2px;
    background: transparent;
    position: relative;
    z-index: 1;
}
.score-input:disabled[b-earm9xspjh] { cursor: default; color: var(--b9-text-soft); }

td.sc-eagle[b-earm9xspjh]  { background: rgba(109,40,217,0.22); }
td.sc-eagle .score-input[b-earm9xspjh]  { color: #DDD6FE; font-weight: 700; }
td.sc-birdie[b-earm9xspjh] { background: rgba(220,38,38,0.22); }
td.sc-birdie .score-input[b-earm9xspjh] { color: #FECACA; font-weight: 700; }
td.sc-par[b-earm9xspjh] { background: rgba(15, 23, 42, 0.45); }
td.sc-par .score-input[b-earm9xspjh] { color: #f8fafc; font-weight: 700; }
td.sc-bogey[b-earm9xspjh]  { background: rgba(217,119,6,0.22); }
td.sc-bogey .score-input[b-earm9xspjh]  { color: #FDE68A; font-weight: 700; }
td.sc-double[b-earm9xspjh] { background: rgba(234,88,12,0.22); }
td.sc-double .score-input[b-earm9xspjh] { color: #FED7AA; font-weight: 700; }

.legend-chip[b-earm9xspjh] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 5px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid rgba(0,0,0,.08);
}
span.sc-eagle[b-earm9xspjh]  { background: rgba(109,40,217,0.20); color: #DDD6FE; }
span.sc-birdie[b-earm9xspjh] { background: rgba(220,38,38,0.20); color: #FECACA; }
span.sc-par[b-earm9xspjh]    { background: var(--b9-surface-muted); color: var(--b9-text); }
span.sc-bogey[b-earm9xspjh]  { background: rgba(217,119,6,0.20); color: #FDE68A; }
span.sc-double[b-earm9xspjh] { background: rgba(234,88,12,0.20); color: #FED7AA; }

/* ══════════════════════════════════════════════════════════════
   ON-COURSE CONTESTS PANEL
══════════════════════════════════════════════════════════════ */

.sc-contests-panel[b-earm9xspjh] {
    margin: 1.25rem 0 0;
    border: 1px solid var(--b9-border);
    border-radius: 14px;
    overflow: hidden;
}

.sc-contests-panel-header[b-earm9xspjh] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--b9-surface);
    border-bottom: 1px solid var(--b9-border);
    font-weight: 700;
    font-size: 0.95rem;
}

.sc-contest-block[b-earm9xspjh] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--b9-border);
    background: var(--b9-bg);
}
.sc-contest-block:last-child[b-earm9xspjh] { border-bottom: none; }

.sc-contest-block-head[b-earm9xspjh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.sc-contest-block-name[b-earm9xspjh] {
    font-weight: 700;
    font-size: 0.9rem;
}

.sc-cstatus-pill[b-earm9xspjh] {
    display: inline-block;
    padding: 0.15em 0.6em;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.sc-cstatus-open[b-earm9xspjh]   { background: var(--success-soft); color: var(--success-text); }
.sc-cstatus-locked[b-earm9xspjh] { background: var(--warning-soft); color: var(--warning-text); }
.sc-cstatus-final[b-earm9xspjh]  { background: rgba(109,40,217,0.16); color: #c4b5fd; }
.sc-cstatus-draft[b-earm9xspjh]  { background: var(--b9-surface-muted); color: var(--b9-text-soft); }

.sc-contest-entries[b-earm9xspjh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sc-contest-entry-row[b-earm9xspjh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.sc-centry-name[b-earm9xspjh] {
    min-width: 130px;
    font-size: 0.875rem;
    font-weight: 600;
}

.sc-centry-input-wrap[b-earm9xspjh] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.sc-centry-input[b-earm9xspjh] {
    width: 80px;
    padding: 0.3rem 0.5rem;
    border: 1px solid var(--b9-border);
    border-radius: 8px;
    background: var(--b9-surface);
    color: var(--b9-text);
    font-size: 0.875rem;
}

.sc-centry-unit[b-earm9xspjh] {
    padding: 0.3rem 0.5rem;
    border: 1px solid var(--b9-border);
    border-radius: 8px;
    background: var(--b9-surface);
    color: var(--b9-text);
    font-size: 0.8rem;
}

.sc-centry-save[b-earm9xspjh] {
    font-size: 0.8rem;
    padding: 0.25rem 0.6rem;
}

/* Info callout — dark-safe replacement for alert-light */
.sc-info-callout[b-earm9xspjh] {
    border: 1px solid var(--border-subtle, #334155);
    border-radius: 0.375rem;
    background: var(--bg-elevated, #1e293b);
    color: var(--text-primary, #f1f5f9);
}

html[data-theme="light"] .sc-info-callout[b-earm9xspjh] {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #1f2937;
}
/* /Components/Pages/Events/TeeSheet.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   SCREEN NAV BAR
═══════════════════════════════════════════════════════════ */
.ts-bar[b-ddb18bdqei] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--bg-elevated);
    border-bottom: 1px solid var(--border-default);
    padding: 0.6rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-height: 52px;
}

.ts-bar-left[b-ddb18bdqei] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    flex: 1;
}

.ts-bar-right[b-ddb18bdqei] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* ═══════════════════════════════════════════════════════════
   TEE SHEET PAGE WRAPPER
═══════════════════════════════════════════════════════════ */
.ts-page[b-ddb18bdqei] {
    max-width: 1100px;
    margin: 1.5rem auto;
    padding: 0 1rem;
    font-family: 'Segoe UI', system-ui, sans-serif;
}

/* ── Event header ── */
.ts-header[b-ddb18bdqei] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

.ts-event-title[b-ddb18bdqei] {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 0 0 0.15rem;
    line-height: 1.2;
}

.ts-event-sub[b-ddb18bdqei] {
    color: var(--text-muted);
    margin: 0;
    font-size: 0.9rem;
}

.ts-header-meta[b-ddb18bdqei] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
}

.ts-meta-item[b-ddb18bdqei] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ts-meta-label[b-ddb18bdqei] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--text-muted);
    font-weight: 700;
}

.ts-meta-value[b-ddb18bdqei] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 5px;
}

.ts-meta-sub[b-ddb18bdqei] {
    font-weight: 400;
    color: var(--text-muted);
}

.ts-tee-dot[b-ddb18bdqei] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.ts-divider[b-ddb18bdqei] {
    border-top: 2px solid #212529;
    margin-bottom: 1.25rem;
}

.ts-dot[b-ddb18bdqei] {
    margin: 0 0.3rem;
    color: #adb5bd;
}

/* ── Time section headers ── */
.ts-time-header[b-ddb18bdqei] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--text-muted);
    border-bottom: 1px solid var(--border-default);
    padding-bottom: 0.3rem;
    margin: 1rem 0 0.6rem;
}

/* ── Group row ── */
.ts-groups[b-ddb18bdqei] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ts-group-row[b-ddb18bdqei] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

/* ── Single group card ── */
.ts-group[b-ddb18bdqei] {
    border: 1.5px solid var(--border-default);
    border-radius: 10px;
    overflow: hidden;
    background: var(--bg-elevated);
    break-inside: avoid;
}

.ts-group-header[b-ddb18bdqei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.45rem 0.7rem;
    background: #212529;
    color: #fff;
}

.ts-group-meta[b-ddb18bdqei] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ts-group-num[b-ddb18bdqei] {
    font-weight: 700;
    font-size: 0.8rem;
}

.ts-group-hole[b-ddb18bdqei] {
    font-size: 0.72rem;
    background: rgba(255,255,255,.15);
    border-radius: 20px;
    padding: 1px 8px;
}

.ts-group-time[b-ddb18bdqei] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #ffc107;
}

.ts-group-note[b-ddb18bdqei] {
    font-size: 0.72rem;
    color: var(--warning-text);
    background: var(--warning-soft);
    padding: 3px 10px;
    border-bottom: 1px solid rgba(251,191,36,0.22);
    font-style: italic;
}

/* ── Players list ── */
.ts-players[b-ddb18bdqei] {
    padding: 0.35rem 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ts-player[b-ddb18bdqei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.3rem 0.25rem;
    border-bottom: 1px solid var(--border-default);
    gap: 0.5rem;
    min-height: 28px;
}

.ts-player:last-child[b-ddb18bdqei] {
    border-bottom: none;
}

.ts-player-name[b-ddb18bdqei] {
    font-size: 0.875rem;
    font-weight: 500;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ts-player-hcp[b-ddb18bdqei] {
    font-size: 0.72rem;
    font-weight: 700;
    background: var(--bg-raised);
    color: var(--text-muted);
    border-radius: 20px;
    padding: 1px 7px;
    flex-shrink: 0;
}

.ts-hcp-idx[b-ddb18bdqei] {
    background: rgba(13,148,136,0.16);
    color: #5eead4;
}

.ts-hcp-none[b-ddb18bdqei] {
    background: transparent;
    color: var(--text-muted);
}

.ts-player-empty[b-ddb18bdqei] {
    color: var(--text-muted);
}

.ts-player-blank .ts-blank-line[b-ddb18bdqei] {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--border-default);
    border-radius: 2px;
}

/* ── Print score grid (hidden on screen, shown on print) ── */
.ts-score-grid[b-ddb18bdqei] {
    border-top: 1px solid #dee2e6;
    font-size: 0.65rem;
    display: none;
}

.ts-score-row[b-ddb18bdqei] {
    display: grid;
    grid-template-columns: repeat(9, 1fr) 1.4fr repeat(9, 1fr) 1.4fr 1.4fr;
    text-align: center;
    border-bottom: 1px solid #dee2e6;
}

.ts-score-row > div[b-ddb18bdqei] {
    padding: 2px 0;
    border-right: 1px solid #dee2e6;
}

.ts-score-row > div:last-child[b-ddb18bdqei] {
    border-right: none;
}

.ts-score-header[b-ddb18bdqei] {
    background: #f8f9fa;
    font-weight: 700;
    color: #6c757d;
}

.ts-score-entry > div[b-ddb18bdqei] {
    height: 16px;
}

.ts-score-out[b-ddb18bdqei] {
    background: #f3f4f6;
    font-weight: 700;
}

/* ── Footer ── */
.ts-footer[b-ddb18bdqei] {
    margin-top: 2rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-default);
    font-size: 0.75rem;
    color: var(--text-muted);
    text-align: center;
}

/* ═══════════════════════════════════════════════════════════
   PRINT STYLES
═══════════════════════════════════════════════════════════ */
@@media print {
    .no-print[b-ddb18bdqei] { display: none !important; }

    .ts-page[b-ddb18bdqei] {
        margin: 0;
        padding: 0.5cm 0.75cm;
        max-width: none;
    }

    .ts-bar[b-ddb18bdqei] { display: none !important; }

    .ts-event-title[b-ddb18bdqei] { font-size: 1.4rem; }

    .ts-group[b-ddb18bdqei] {
        border: 1px solid #333;
        border-radius: 4px;
    }

    .ts-group-header[b-ddb18bdqei] {
        background: #333 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .ts-group-row[b-ddb18bdqei] {
        grid-template-columns: repeat(3, 1fr);
        break-inside: avoid;
    }

    /* Keep time header with its groups — never orphan a header at page bottom */
    .ts-time-header[b-ddb18bdqei] {
        break-after: avoid;
    }

    /* Show the score tracking grid on print */
    .ts-score-grid[b-ddb18bdqei] {
        display: block;
    }

    .ts-footer[b-ddb18bdqei] {
        font-size: 0.65rem;
    }
}

/* ── Responsive: stack on small screens ── */
@@media (max-width: 575px) {
    .ts-group-row[b-ddb18bdqei] {
        grid-template-columns: 1fr;
    }

    .ts-header[b-ddb18bdqei] {
        flex-direction: column;
    }

    .ts-score-grid[b-ddb18bdqei] {
        font-size: 0.55rem;
    }
}
/* /Components/Pages/GuestScore.razor.rz.scp.css */
/* ── GuestScore.razor.css
   QR Guest Scoring page — /s/{token}
   All design tokens. Dark-first. Mobile-first (390px baseline).
   Touch targets ≥ 56px. No hardcoded hex.
   ─────────────────────────────────────────────────────────────── */

/* ── Loading ─────────────────────────────────────────────────── */
.gs-loading[b-he383av14i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    gap: 1rem;
    color: var(--text-muted, #94a3b8);
}

.gs-spinner[b-he383av14i] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--b9-surface-muted, #1e293b);
    border-top-color: var(--brand, #22c55e);
    border-radius: 50%;
    animation: gs-spin-b-he383av14i 0.8s linear infinite;
}

@keyframes gs-spin-b-he383av14i { to { transform: rotate(360deg); } }

/* ── Error ───────────────────────────────────────────────────── */
.gs-error-shell[b-he383av14i] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding: 1.5rem;
}

.gs-error-card[b-he383av14i] {
    background: var(--b9-surface, #0f172a);
    border: 1px solid var(--danger-soft, rgba(239,68,68,.2));
    border-radius: 16px;
    padding: 2rem 1.5rem;
    max-width: 420px;
    width: 100%;
    text-align: center;
}

.gs-error-icon[b-he383av14i] { font-size: 2.5rem; display: block; margin-bottom: .75rem; }
.gs-error-title[b-he383av14i] { font-size: 1.25rem; font-weight: 700; margin: 0 0 .5rem; }
.gs-error-msg[b-he383av14i] { color: var(--danger, #ef4444); margin: 0 0 .75rem; }
.gs-error-hint[b-he383av14i] { font-size: .875rem; color: var(--text-muted, #94a3b8); margin: 0; }

/* ── Confirmation screen ─────────────────────────────────────── */
.gs-confirm-shell[b-he383av14i] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 1.5rem 1rem 3rem;
    min-height: 60vh;
}

.gs-confirm-card[b-he383av14i] {
    background: var(--b9-surface, #0f172a);
    border: 1px solid var(--b9-border, #1e293b);
    border-radius: 20px;
    padding: 2rem 1.5rem;
    max-width: 460px;
    width: 100%;
}

.gs-event-name[b-he383av14i] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-muted, #94a3b8);
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.gs-player-block[b-he383av14i] {
    background: var(--bg-elevated, #1e293b);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.gs-player-label[b-he383av14i] {
    font-size: .8125rem;
    color: var(--text-muted, #94a3b8);
    margin-bottom: .25rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.gs-player-name[b-he383av14i] {
    font-size: 1.625rem;
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
    margin-bottom: .75rem;
}

.gs-team-block[b-he383av14i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-top: .75rem;
}

.gs-team-badge[b-he383av14i] {
    background: var(--brand-soft, rgba(34,197,94,.15));
    color: var(--brand, #22c55e);
    font-size: .75rem;
    font-weight: 600;
    padding: .2rem .6rem;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.gs-team-name[b-he383av14i] {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--text-primary, #f1f5f9);
}

.gs-teammates[b-he383av14i] {
    width: 100%;
    font-size: .8125rem;
    color: var(--text-muted, #94a3b8);
    margin-top: .25rem;
}

.gs-scoring-note[b-he383av14i] {
    margin-top: .75rem;
    font-size: .875rem;
    color: var(--text-secondary, #cbd5e1);
    background: var(--b9-surface, #0f172a);
    border-left: 3px solid var(--brand, #22c55e);
    padding: .625rem .75rem;
    border-radius: 0 8px 8px 0;
}

.gs-closed-banner[b-he383av14i] {
    background: var(--warning-soft, rgba(245,158,11,.12));
    color: var(--warning, #f59e0b);
    border: 1px solid var(--warning-soft, rgba(245,158,11,.2));
    border-radius: 10px;
    padding: .75rem 1rem;
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: 1.25rem;
    text-align: center;
}

.gs-start-btn[b-he383av14i] {
    display: block;
    width: 100%;
    min-height: 60px;
    background: var(--brand, #22c55e);
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    border: none;
    border-radius: 14px;
    cursor: pointer;
    transition: opacity .15s;
    margin-bottom: .875rem;
}

.gs-start-btn:hover:not(:disabled)[b-he383av14i] { opacity: .88; }
.gs-start-btn:disabled[b-he383av14i] { opacity: .45; cursor: not-allowed; }

.gs-not-you[b-he383av14i] {
    text-align: center;
    font-size: .8125rem;
    color: var(--text-muted, #94a3b8);
    margin: 0;
}

/* ── Score screen ────────────────────────────────────────────── */
.gs-score-shell[b-he383av14i] {
    padding: 0 0 4rem;
    max-width: 480px;
    margin: 0 auto;
}

.gs-score-header[b-he383av14i] {
    background: var(--b9-surface, #0f172a);
    border-bottom: 1px solid var(--b9-border, #1e293b);
    padding: .875rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .125rem;
}

.gs-score-event[b-he383av14i] {
    font-size: .8125rem;
    color: var(--text-muted, #94a3b8);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.gs-score-player[b-he383av14i] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
}

.gs-team-context-bar[b-he383av14i] {
    background: var(--brand-soft, rgba(34,197,94,.1));
    color: var(--brand, #22c55e);
    font-size: .8125rem;
    padding: .5rem 1.25rem;
    border-bottom: 1px solid var(--brand-soft, rgba(34,197,94,.15));
}

.gs-scoring-closed[b-he383av14i] {
    background: var(--warning-soft, rgba(245,158,11,.1));
    color: var(--warning, #f59e0b);
    font-size: .875rem;
    padding: .625rem 1.25rem;
    text-align: center;
    border-bottom: 1px solid var(--warning-soft, rgba(245,158,11,.15));
}

/* ── Hole entry section ──────────────────────────────────────── */
.gs-hole-section[b-he383av14i] {
    padding: 1.25rem 1.25rem .5rem;
}

.gs-hole-title[b-he383av14i] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1rem;
}

.gs-hole-num[b-he383av14i] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
}

.gs-par-tag[b-he383av14i],
.gs-si-tag[b-he383av14i] {
    background: var(--bg-elevated, #1e293b);
    color: var(--text-muted, #94a3b8);
    font-size: .75rem;
    font-weight: 600;
    padding: .2rem .6rem;
    border-radius: 99px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.gs-saved-feedback[b-he383av14i] {
    text-align: center;
    color: var(--success, #22c55e);
    font-weight: 600;
    font-size: .9375rem;
    margin-bottom: .75rem;
    animation: gs-fade-in-b-he383av14i .2s ease;
}

.gs-save-error[b-he383av14i] {
    text-align: center;
    color: var(--danger, #ef4444);
    font-size: .875rem;
    margin-bottom: .75rem;
    background: var(--danger-soft, rgba(239,68,68,.1));
    border-radius: 8px;
    padding: .5rem .75rem;
}

.gs-already-saved[b-he383av14i] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    color: var(--text-secondary, #cbd5e1);
    margin-bottom: .75rem;
    background: var(--bg-elevated, #1e293b);
    border-radius: 8px;
    padding: .5rem .875rem;
}

.gs-change-btn[b-he383av14i] {
    margin-left: auto;
    background: none;
    border: 1px solid var(--b9-border, #334155);
    color: var(--brand, #22c55e);
    font-size: .8125rem;
    font-weight: 600;
    padding: .25rem .625rem;
    border-radius: 6px;
    cursor: pointer;
}

.gs-change-btn:hover[b-he383av14i] { background: var(--brand-soft, rgba(34,197,94,.1)); }

/* ── +/- score selector ──────────────────────────────────────── */
.gs-score-selector[b-he383av14i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: .5rem 0 1.25rem;
}

.gs-adj-btn[b-he383av14i] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 2px solid var(--b9-border, #334155);
    background: var(--bg-elevated, #1e293b);
    color: var(--text-primary, #f1f5f9);
    font-size: 2rem;
    font-weight: 300;
    cursor: pointer;
    transition: background .12s, border-color .12s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gs-adj-btn:hover:not(:disabled)[b-he383av14i] {
    background: var(--b9-surface-muted, #334155);
    border-color: var(--brand, #22c55e);
}

.gs-adj-btn:disabled[b-he383av14i] { opacity: .3; cursor: not-allowed; }

.gs-score-display[b-he383av14i] {
    min-width: 80px;
    font-size: 3.5rem;
    font-weight: 700;
    text-align: center;
    color: var(--text-primary, #f1f5f9);
    line-height: 1;
}

/* ── Quick-tap number grid ───────────────────────────────────── */
.gs-quick-grid[b-he383av14i] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
    margin-bottom: 1.25rem;
}

.gs-quick-btn[b-he383av14i] {
    height: 56px;
    border-radius: 10px;
    border: 1px solid var(--b9-border, #334155);
    background: var(--bg-elevated, #1e293b);
    color: var(--text-secondary, #cbd5e1);
    font-size: 1.125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .1s, border-color .1s, color .1s;
}

.gs-quick-btn:hover:not(:disabled)[b-he383av14i] {
    background: var(--b9-surface-muted, #334155);
    color: var(--text-primary, #f1f5f9);
}

.gs-quick-btn:disabled[b-he383av14i] { opacity: .35; cursor: not-allowed; }

.gs-quick-btn--active[b-he383av14i] {
    background: var(--brand, #22c55e);
    border-color: var(--brand, #22c55e);
    color: #000;
}

/* ── Save button ─────────────────────────────────────────────── */
.gs-save-btn[b-he383av14i] {
    display: block;
    width: 100%;
    min-height: 60px;
    background: var(--brand, #22c55e);
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    border: none;
    border-radius: 14px;
    cursor: pointer;
    margin-bottom: 1rem;
    transition: opacity .15s;
}

.gs-save-btn:hover:not(:disabled)[b-he383av14i] { opacity: .88; }
.gs-save-btn:disabled[b-he383av14i] { opacity: .45; cursor: not-allowed; }

/* ── Progress dots ───────────────────────────────────────────── */
.gs-progress-section[b-he383av14i] {
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--b9-border, #1e293b);
}

.gs-progress-label[b-he383av14i] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--text-muted, #94a3b8);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: .625rem;
}

.gs-progress-dots[b-he383av14i] {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
}

.gs-dot[b-he383av14i] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid var(--b9-border, #334155);
    background: var(--bg-elevated, #1e293b);
    color: var(--text-muted, #94a3b8);
    font-size: .75rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .1s, border-color .1s;
}

.gs-dot--done[b-he383av14i] {
    background: var(--success-soft, rgba(34,197,94,.15));
    border-color: var(--success, #22c55e);
    color: var(--success, #22c55e);
}

.gs-dot--current[b-he383av14i] {
    border-color: var(--brand, #22c55e);
    background: var(--brand, #22c55e);
    color: #000;
    font-weight: 700;
}

/* ── Nav row ─────────────────────────────────────────────────── */
.gs-nav-row[b-he383av14i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1.25rem;
    border-top: 1px solid var(--b9-border, #1e293b);
}

.gs-nav-btn[b-he383av14i] {
    min-height: 44px;
    padding: .5rem 1.25rem;
    background: var(--bg-elevated, #1e293b);
    border: 1px solid var(--b9-border, #334155);
    border-radius: 10px;
    color: var(--text-secondary, #cbd5e1);
    font-size: .9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .1s;
}

.gs-nav-btn:hover:not(:disabled)[b-he383av14i] { background: var(--b9-surface-muted, #334155); }
.gs-nav-btn:disabled[b-he383av14i] { opacity: .3; cursor: not-allowed; }

.gs-holes-done-label[b-he383av14i] {
    font-size: .8125rem;
    color: var(--text-muted, #94a3b8);
}

/* ── All done panel ──────────────────────────────────────────── */
.gs-all-done[b-he383av14i] {
    margin: 1.5rem 1.25rem;
    background: var(--success-soft, rgba(34,197,94,.1));
    border: 1px solid var(--success, #22c55e);
    border-radius: 16px;
    padding: 2rem 1.5rem;
    text-align: center;
}

.gs-all-done-icon[b-he383av14i] { font-size: 2.5rem; margin-bottom: .5rem; }
.gs-all-done-title[b-he383av14i] { font-size: 1.375rem; font-weight: 700; margin-bottom: .25rem; }
.gs-all-done-sub[b-he383av14i] { font-size: .9375rem; color: var(--text-muted, #94a3b8); margin-bottom: 1.25rem; }

.gs-leaderboard-btn[b-he383av14i] {
    display: block;
    min-height: 56px;
    line-height: 56px;
    background: var(--brand, #22c55e);
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 12px;
    text-decoration: none;
    margin-bottom: 1.25rem;
}

.gs-account-upsell[b-he383av14i] { font-size: .875rem; color: var(--text-muted, #94a3b8); }
.gs-account-upsell p[b-he383av14i] { margin: 0 0 .375rem; }
.gs-account-upsell a[b-he383av14i] { color: var(--brand, #22c55e); text-decoration: underline; }

/* ── Soft account upsell banner ──────────────────────────────── */
.gs-upsell-banner[b-he383av14i] {
    margin: 0 1.25rem 1.5rem;
    background: var(--bg-elevated, #1e293b);
    border: 1px solid var(--b9-border, #334155);
    border-radius: 12px;
    padding: .875rem 1rem;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.gs-upsell-text[b-he383av14i] {
    flex: 1;
    font-size: .8125rem;
    display: flex;
    flex-direction: column;
    gap: .125rem;
}

.gs-upsell-text strong[b-he383av14i] { color: var(--text-primary, #f1f5f9); }
.gs-upsell-text span[b-he383av14i]  { color: var(--text-muted, #94a3b8); }

.gs-upsell-actions[b-he383av14i] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;
}

.gs-upsell-cta[b-he383av14i] {
    background: var(--brand-soft, rgba(34,197,94,.15));
    color: var(--brand, #22c55e);
    font-size: .8125rem;
    font-weight: 600;
    padding: .375rem .875rem;
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
}

.gs-upsell-cta:hover[b-he383av14i] { background: var(--brand-soft, rgba(34,197,94,.25)); }

.gs-upsell-dismiss[b-he383av14i] {
    background: none;
    border: none;
    color: var(--text-muted, #94a3b8);
    font-size: 1rem;
    cursor: pointer;
    padding: .25rem;
    line-height: 1;
}

/* ── Group team switcher ─────────────────────────────────────── */
.gs-group-switcher[b-he383av14i] {
    padding: .625rem 1.25rem;
    background: var(--bg-elevated, #1e293b);
    border-bottom: 1px solid var(--b9-border, #1e293b);
}

.gs-group-switcher-label[b-he383av14i] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--text-muted, #94a3b8);
    text-transform: uppercase;
    letter-spacing: .05em;
    display: block;
    margin-bottom: .5rem;
}

.gs-group-switcher-btns[b-he383av14i] {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
}

/* Base pill — inactive teams (links to their scoring page) */
.gs-team-pill[b-he383av14i] {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: .25rem .75rem;
    border-radius: 99px;
    font-size: .8125rem;
    font-weight: 600;
    border: 1px solid var(--b9-border, #334155);
    background: var(--b9-surface, #0f172a);
    color: var(--text-secondary, #cbd5e1);
    text-decoration: none;
    cursor: pointer;
    transition: background .12s, border-color .12s;
}

a.gs-team-pill:hover[b-he383av14i] {
    background: var(--b9-surface-muted, #334155);
    border-color: var(--brand, #22c55e);
    color: var(--brand, #22c55e);
}

/* Active pill — the team currently being scored */
.gs-team-pill--active[b-he383av14i] {
    background: var(--brand-soft, rgba(34,197,94,.15));
    border-color: var(--brand, #22c55e);
    color: var(--brand, #22c55e);
    cursor: default;
}

/* No-URL pill — a group member with no QR code (read-only indicator) */
.gs-team-pill--no-url[b-he383av14i] {
    opacity: .5;
    cursor: not-allowed;
}

/* ── Animations ──────────────────────────────────────────────── */
@keyframes gs-fade-in-b-he383av14i {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive tweaks (larger screens) ─────────────────────── */
@media (min-width: 600px) {
    .gs-score-shell[b-he383av14i] {
        padding-top: 1.5rem;
    }

    .gs-quick-grid[b-he383av14i] {
        grid-template-columns: repeat(9, 1fr);
    }

    .gs-confirm-shell[b-he383av14i] {
        padding-top: 3rem;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   LANDING (unauthenticated)
═══════════════════════════════════════════════════════════ */
.landingv2[b-lhah5qi39q] {
    /* Marketing landing is always dark — regardless of user's theme preference */
    color-scheme: dark;
    min-height: 100vh;
    color: #f3f6fb;
    background:
        radial-gradient(1200px 500px at 88% -10%, rgba(29, 78, 216, 0.14), transparent 70%),
        radial-gradient(920px 440px at 2% 12%, rgba(34, 197, 94, 0.09), transparent 72%),
        #020617;
}

.landingv2-nav[b-lhah5qi39q] {
    position: sticky;
    top: 0;
    z-index: 20;
    max-width: 1180px;
    margin: 0 auto;
    height: 68px;
    padding: 0 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(2, 6, 23, 0.88);
    backdrop-filter: blur(8px);
}

.landingv2-brand[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
}

.landingv2-nav-actions[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.landingv2-nav-link[b-lhah5qi39q] {
    color: var(--text-secondary, #c2cfdf);
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 600;
    padding: 0.42rem 0.65rem;
    border-radius: 8px;
}

.landingv2-nav-link:hover[b-lhah5qi39q] {
    color: var(--text-primary, #f3f6fb);
    background: rgba(255, 255, 255, 0.06);
}

.landingv2-nav-btn[b-lhah5qi39q] {
    color: #fff;
    background: var(--brand, #1d4ed8);
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 700;
    padding: 0.48rem 0.95rem;
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.landingv2-nav-btn:hover[b-lhah5qi39q] {
    background: var(--brand-hover, #2563eb);
    color: #fff;
}

.landingv2-main[b-lhah5qi39q] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.8rem 1.1rem 4.4rem;
}

.landingv2-hero[b-lhah5qi39q] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 1.35rem;
    align-items: stretch;
    padding: 2.1rem 0 1.25rem;
}

.landingv2-hero-copy[b-lhah5qi39q] {
    padding: 1.2rem 0.18rem;
}

.landingv2-eyebrow[b-lhah5qi39q] {
    margin: 0 0 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--text-secondary, #c2cfdf);
}

.landingv2-title[b-lhah5qi39q] {
    margin: 0;
    font-size: clamp(2.28rem, 5.2vw, 3.9rem);
    letter-spacing: -0.04em;
    line-height: 1.01;
    font-weight: 780;
    color: #f8fbff;
    max-width: 15ch;
}

.landingv2-aspire[b-lhah5qi39q] {
    margin: 0.72rem 0 0;
    font-size: 1.12rem;
    line-height: 1.45;
    color: #eaf2fb;
    font-weight: 620;
}

.landingv2-sub[b-lhah5qi39q] {
    margin: 0.55rem 0 0;
    max-width: 50ch;
    font-size: 0.98rem;
    line-height: 1.56;
    color: var(--text-helper, #b3c0d2);
}

.landingv2-cta-row[b-lhah5qi39q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.58rem;
    margin-top: 1.15rem;
}

.landingv2-cta-primary[b-lhah5qi39q],
.landingv2-cta-secondary[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 700;
    padding: 0.62rem 1.1rem;
}

.landingv2-cta-primary[b-lhah5qi39q] {
    color: #fff;
    background: linear-gradient(140deg, #1d4ed8 0%, #2563eb 100%);
    box-shadow: 0 8px 18px rgba(29, 78, 216, 0.28);
}

.landingv2-cta-primary:hover[b-lhah5qi39q] {
    color: #fff;
    background: linear-gradient(140deg, #1e40af 0%, #1d4ed8 100%);
}

/* Hero variant: larger primary, clearly subordinate secondary */
.landingv2-cta-primary--hero[b-lhah5qi39q] {
    min-height: 52px;
    font-size: 1rem;
    padding: 0.75rem 1.5rem;
    box-shadow: 0 10px 24px rgba(29, 78, 216, 0.36);
}

.landingv2-cta-secondary--hero[b-lhah5qi39q] {
    min-height: 44px;
    font-size: 0.85rem;
    opacity: 0.82;
}

.landingv2-cta-secondary--hero:hover[b-lhah5qi39q] {
    opacity: 1;
}

.landingv2-cta-secondary[b-lhah5qi39q] {
    color: var(--text-primary, #f3f6fb);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.landingv2-cta-secondary:hover[b-lhah5qi39q] {
    color: var(--text-primary, #f3f6fb);
    background: rgba(255, 255, 255, 0.08);
}

.landingv2-signal-row[b-lhah5qi39q] {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.landingv2-signal[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text-secondary, #c2cfdf);
    padding: 0.2rem 0.66rem;
    font-size: 0.76rem;
    font-weight: 600;
}

.landingv2-hero-visual[b-lhah5qi39q] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.8) 100%);
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    padding: 0.84rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ── Workflow steps (P3 hero visual) ────────────────────────── */
.landingv2-workflow[b-lhah5qi39q] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.landingv2-workflow-step[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.72rem 0.62rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.landingv2-workflow-step:first-child[b-lhah5qi39q] { border-top: none; }

.landingv2-workflow-step--final[b-lhah5qi39q] { border-bottom: none; }

.landingv2-workflow-num[b-lhah5qi39q] {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(29, 78, 216, 0.18);
    border: 1px solid rgba(59, 130, 246, 0.32);
    color: #bfdbfe;
    font-size: 0.7rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landingv2-workflow-body[b-lhah5qi39q] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.landingv2-workflow-body strong[b-lhah5qi39q] {
    display: block;
    font-size: 0.82rem;
    font-weight: 700;
    color: #ecf3fc;
    line-height: 1.2;
}

.landingv2-workflow-body span[b-lhah5qi39q] {
    display: block;
    font-size: 0.7rem;
    color: #8fa5be;
    line-height: 1.3;
}

.landingv2-workflow-badge[b-lhah5qi39q] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #9fb0c4;
}

.landingv2-workflow-badge--live[b-lhah5qi39q] {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.34);
    color: #86efac;
}

.landingv2-workflow-badge--done[b-lhah5qi39q] {
    background: rgba(29, 78, 216, 0.14);
    border-color: rgba(59, 130, 246, 0.34);
    color: #bfdbfe;
}

.landingv2-ui-panel[b-lhah5qi39q] {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 0.62rem 0.68rem;
    background: rgba(2, 6, 23, 0.52);
}

.landingv2-ui-panel header[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    margin-bottom: 0.34rem;
    color: #ecf3fc;
    font-size: 0.73rem;
    font-weight: 700;
}

.landingv2-ui-panel header strong[b-lhah5qi39q] {
    color: #9fb0c4;
    font-size: 0.68rem;
    font-weight: 600;
}

.landingv2-ui-row[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.69rem;
    color: #c8d5e6;
    padding: 0.18rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.landingv2-ui-row:first-of-type[b-lhah5qi39q] {
    border-top: none;
}

.landingv2-chip-row[b-lhah5qi39q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.landingv2-chip-row span[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0.09rem 0.38rem;
    border-radius: 999px;
    background: rgba(29, 78, 216, 0.16);
    border: 1px solid rgba(29, 78, 216, 0.34);
    color: #bfdbfe;
    font-size: 0.66rem;
    font-weight: 600;
}

.landingv2-ui-foot[b-lhah5qi39q] {
    color: #adc0d8;
    font-size: 0.69rem;
    line-height: 1.42;
}

.landingv2-trust[b-lhah5qi39q] {
    margin-top: 1.2rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.68rem;
}

.landingv2-trust-item[b-lhah5qi39q] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 0.72rem 0.78rem;
    background: rgba(15, 23, 42, 0.52);
}

.landingv2-trust-item strong[b-lhah5qi39q] {
    display: block;
    color: #f1f6fe;
    font-size: 0.84rem;
    font-weight: 700;
}

.landingv2-trust-item span[b-lhah5qi39q] {
    display: block;
    margin-top: 0.16rem;
    color: #b3c0d2;
    font-size: 0.75rem;
}

.landingv2-act[b-lhah5qi39q] {
    margin-top: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.84) 0%, rgba(15, 23, 42, 0.62) 100%);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.26);
    padding: 1.05rem;
}

.landingv2-act:target[b-lhah5qi39q],
.landingv2-act.tour-arrived[b-lhah5qi39q] {
    border-color: rgba(37, 99, 235, 0.45);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18), 0 14px 30px rgba(0, 0, 0, 0.26);
}

.landingv2-act-head[b-lhah5qi39q] {
    max-width: 72ch;
}

.landingv2-act-head h2[b-lhah5qi39q] {
    margin: 0;
    color: #f8fbff;
    font-size: clamp(1.38rem, 2.9vw, 2rem);
    letter-spacing: -0.02em;
    line-height: 1.12;
    font-weight: 760;
}

.landingv2-act-head p[b-lhah5qi39q] {
    margin: 0.34rem 0 0;
    color: #b3c0d2;
    font-size: 0.9rem;
    line-height: 1.52;
}

.landingv2-split-grid[b-lhah5qi39q] {
    margin-top: 0.86rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.68rem;
}

.landingv2-split-card[b-lhah5qi39q] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 0.88rem;
    background: rgba(255, 255, 255, 0.02);
}

.landingv2-split-card h3[b-lhah5qi39q] {
    margin: 0;
    font-size: 1rem;
    font-weight: 720;
    color: #f3f8ff;
}

.landingv2-split-card p[b-lhah5qi39q] {
    margin: 0.38rem 0 0;
    font-size: 0.84rem;
    line-height: 1.5;
    color: #c3d0e1;
}

.landingv2-split-card ul[b-lhah5qi39q] {
    margin: 0.54rem 0 0;
    padding-left: 1rem;
    display: grid;
    gap: 0.3rem;
}

.landingv2-split-card li[b-lhah5qi39q] {
    font-size: 0.78rem;
    line-height: 1.42;
    color: #d3e0ef;
}

.landingv2-split-ops[b-lhah5qi39q] {
    border-color: rgba(59, 130, 246, 0.34);
}

.landingv2-split-player[b-lhah5qi39q] {
    border-color: rgba(34, 197, 94, 0.3);
}

.landingv2-flow-track[b-lhah5qi39q] {
    margin: 0.85rem 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.52rem;
}

.landingv2-flow-track li[b-lhah5qi39q] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    padding: 0.64rem 0.7rem 0.72rem;
    min-height: 132px;
}

.landingv2-flow-track h3[b-lhah5qi39q] {
    margin: 0.22rem 0 0;
    color: #f1f6fe;
    font-size: 0.82rem;
    font-weight: 700;
}

.landingv2-flow-track p[b-lhah5qi39q] {
    margin: 0.25rem 0 0;
    color: #b3c0d2;
    font-size: 0.72rem;
    line-height: 1.36;
}

.landingv2-flow-minute li[b-lhah5qi39q] {
    position: relative;
}

.landingv2-flow-minute[b-lhah5qi39q] {
    position: relative;
}

.landingv2-flow-minute[b-lhah5qi39q]::before {
    content: "";
    position: absolute;
    left: 1.1rem;
    right: 1.1rem;
    top: 0.38rem;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(29, 78, 216, 0.16) 0%, rgba(29, 78, 216, 0.58) 100%);
}

.landingv2-flow-minute li[b-lhah5qi39q]::before {
    content: "";
    position: absolute;
    left: 0.72rem;
    right: 0.72rem;
    top: 0.58rem;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(29, 78, 216, 0.08) 0%, rgba(29, 78, 216, 0.5) 100%);
}

.landingv2-flow-minute h3[b-lhah5qi39q],
.landingv2-flow-minute p[b-lhah5qi39q] {
    position: relative;
    z-index: 1;
}

.landingv2-flow-time[b-lhah5qi39q] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0.05rem 0.38rem;
    border-radius: 999px;
    border: 1px solid rgba(147, 197, 253, 0.36);
    background: rgba(30, 64, 175, 0.18);
    color: #bfdbfe;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.landingv2-moat-grid[b-lhah5qi39q] {
    margin-top: 0.82rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.56rem;
}

.landingv2-moat-card[b-lhah5qi39q] {
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.02);
    padding: 0.74rem 0.7rem;
}

.landingv2-moat-card h3[b-lhah5qi39q] {
    margin: 0;
    font-size: 0.84rem;
    color: #ecf4fd;
    font-weight: 690;
}

.landingv2-moat-card p[b-lhah5qi39q] {
    margin: 0.32rem 0 0;
    font-size: 0.74rem;
    line-height: 1.42;
    color: #b6c4d6;
}

.landingv2-compare-grid[b-lhah5qi39q] {
    margin-top: 0.86rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.58rem;
}

.landingv2-compare-col[b-lhah5qi39q] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 0.74rem 0.82rem;
    background: rgba(255, 255, 255, 0.02);
}

.landingv2-compare-col h3[b-lhah5qi39q] {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
}

.landingv2-compare-col ul[b-lhah5qi39q] {
    margin: 0.46rem 0 0;
    padding-left: 1rem;
    display: grid;
    gap: 0.32rem;
}

.landingv2-compare-col li[b-lhah5qi39q] {
    font-size: 0.75rem;
    color: #c4d1e1;
    line-height: 1.4;
}

.landingv2-compare-col.legacy h3[b-lhah5qi39q] {
    color: #fca5a5;
}

.landingv2-compare-col.modern h3[b-lhah5qi39q] {
    color: #86efac;
}

.landingv2-proof-grid[b-lhah5qi39q] {
    margin-top: 0.86rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.58rem;
}

.landingv2-proof-card[b-lhah5qi39q] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    padding: 0.74rem 0.78rem;
}

.landingv2-proof-card h3[b-lhah5qi39q] {
    margin: 0;
    font-size: 0.92rem;
    color: #f1f6fe;
    font-weight: 700;
}

.landingv2-proof-card p[b-lhah5qi39q],
.landingv2-proof-card li[b-lhah5qi39q] {
    margin: 0.36rem 0 0;
    color: #b8c5d7;
    font-size: 0.76rem;
    line-height: 1.44;
}

.landingv2-proof-card ul[b-lhah5qi39q] {
    margin: 0.36rem 0 0;
    padding-left: 1rem;
}

.landingv2-final-cta[b-lhah5qi39q] {
    margin-top: 0.96rem;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(29, 78, 216, 0.12) 0%, rgba(15, 23, 42, 0.44) 100%);
    padding: 0.9rem 0.94rem;
}

.landingv2-final-cta h3[b-lhah5qi39q] {
    margin: 0;
    color: #f8fbff;
    font-size: 1.1rem;
    font-weight: 740;
}

.landingv2-final-cta p[b-lhah5qi39q] {
    margin: 0.32rem 0 0;
    color: #bfccdd;
    font-size: 0.8rem;
    line-height: 1.5;
}

.landingv2-subtle-link[b-lhah5qi39q] {
    display: inline-flex;
    margin-top: 0.48rem;
    color: #bcd0e7;
    text-decoration: none;
    font-size: 0.76rem;
    font-weight: 600;
    border-bottom: 1px solid rgba(188, 208, 231, 0.42);
}

.landingv2-subtle-link:hover[b-lhah5qi39q] {
    color: #d9e8fa;
    border-bottom-color: rgba(217, 232, 250, 0.72);
}

.landingv2 a:focus-visible[b-lhah5qi39q] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.34);
}

@media (max-width: 1000px) {
    .landingv2-hero[b-lhah5qi39q] {
        grid-template-columns: 1fr;
    }

    .landingv2-title[b-lhah5qi39q] {
        max-width: 20ch;
    }

    .landingv2-split-grid[b-lhah5qi39q],
    .landingv2-flow-track[b-lhah5qi39q],
    .landingv2-trust[b-lhah5qi39q],
    .landingv2-proof-grid[b-lhah5qi39q],
    .landingv2-compare-grid[b-lhah5qi39q],
    .landingv2-moat-grid[b-lhah5qi39q] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 680px) {
    .landingv2-nav[b-lhah5qi39q] {
        height: auto;
        padding-top: 0.68rem;
        padding-bottom: 0.68rem;
        flex-wrap: wrap;
        gap: 0.52rem;
    }

    .landingv2-main[b-lhah5qi39q] {
        padding-top: 0.84rem;
    }

    .landingv2-flow-track[b-lhah5qi39q],
    .landingv2-trust[b-lhah5qi39q],
    .landingv2-proof-grid[b-lhah5qi39q],
    .landingv2-compare-grid[b-lhah5qi39q],
    .landingv2-split-grid[b-lhah5qi39q],
    .landingv2-moat-grid[b-lhah5qi39q] {
        grid-template-columns: 1fr;
    }

    .landingv2-hero-visual[b-lhah5qi39q] {
        grid-template-columns: 1fr;
    }

    .landingv2-title[b-lhah5qi39q] {
        font-size: clamp(1.92rem, 9vw, 2.6rem);
    }

    .landingv2-aspire[b-lhah5qi39q] {
        font-size: 1rem;
    }

    .landingv2-sub[b-lhah5qi39q] {
        font-size: 0.9rem;
    }

    .landingv2-flow-minute[b-lhah5qi39q]::before {
        display: none;
    }
}


/* ═══════════════════════════════════════════════════════════
   LOADING / ONBOARDING
═══════════════════════════════════════════════════════════ */
.dash-loading[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 4rem 1.5rem;
    color: var(--b9-text-muted);
    font-size: 0.875rem;
}

.dash-loading-copy[b-lhah5qi39q] {
    display: flex;
    flex-direction: column;
    gap: 0.14rem;
    max-width: 32rem;
}

.dash-loading-title[b-lhah5qi39q] {
    color: var(--b9-text);
    font-weight: 600;
}

.dash-loading-sub[b-lhah5qi39q] {
    color: var(--b9-text-soft);
}

.dash-error[b-lhah5qi39q] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem 1.5rem;
}

.dash-error-card[b-lhah5qi39q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    max-width: 28rem;
}

.dash-error-icon[b-lhah5qi39q] {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.dash-error-title[b-lhah5qi39q] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.dash-error-sub[b-lhah5qi39q] {
    font-size: 0.875rem;
    color: var(--text-muted);
}

.dash-onboard[b-lhah5qi39q] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: calc(100vh - 8rem);
    padding: 3rem 1.5rem;
}

.dash-onboard-card[b-lhah5qi39q] {
    background:
        radial-gradient(120% 90% at 8% 0%, color-mix(in srgb, var(--brand, #1d4ed8) 12%, transparent), transparent 68%),
        var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    border-radius: var(--b9-card-radius);
    box-shadow: var(--b9-card-shadow-md);
    padding: 2.5rem 2rem;
    max-width: 560px;
    width: 100%;
}

.dash-onboard-header[b-lhah5qi39q] {
    text-align: center;
    margin-bottom: 2rem;
}

.dash-onboard-badge[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: color-mix(in srgb, var(--brand, #1d4ed8) 16%, var(--b9-card-bg));
    color: var(--text-primary, #f3f6fb);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    margin-bottom: 1rem;
    letter-spacing: 0.02em;
    border: 1px solid color-mix(in srgb, var(--brand, #1d4ed8) 38%, transparent);
}

.dash-onboard-title[b-lhah5qi39q] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--b9-text);
    margin-bottom: 0.4rem;
    line-height: 1.3;
}

.dash-onboard-sub[b-lhah5qi39q] {
    font-size: 0.875rem;
    color: var(--b9-text-muted);
    line-height: 1.6;
    margin: 0;
}

/* ── Onboarding step list ── */
.dash-onboard-steps[b-lhah5qi39q] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.dash-onboard-step[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 10px;
    border: 1.5px solid var(--b9-card-border);
    background: var(--b9-card-bg);
    transition: box-shadow 0.15s;
}

.dash-step--active[b-lhah5qi39q] {
    border-color: color-mix(in srgb, var(--brand, #1d4ed8) 46%, var(--b9-card-border));
    background: color-mix(in srgb, var(--bg-elevated, #111827) 78%, var(--brand, #1d4ed8) 22%);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #1d4ed8) 24%, transparent);
}

.dash-step--pending[b-lhah5qi39q] {
    opacity: 0.84;
    background: color-mix(in srgb, var(--b9-card-bg) 92%, #0f172a 8%);
}

.dash-step-num[b-lhah5qi39q] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--brand, #1d4ed8);
    color: #eaf2ff;
    font-size: 0.85rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dash-step--pending .dash-step-num[b-lhah5qi39q] {
    background: color-mix(in srgb, var(--b9-card-bg) 72%, #334155 28%);
    color: #cbd5e1;
}

.dash-step-body[b-lhah5qi39q] {
    flex: 1;
    min-width: 0;
}

.dash-step-title[b-lhah5qi39q] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-primary, #f3f6fb);
    margin-bottom: 0.15rem;
}

.dash-step-desc[b-lhah5qi39q] {
    font-size: 0.78rem;
    color: var(--text-secondary, #c2cfdf);
    line-height: 1.4;
}

.dash-step--active .dash-step-title[b-lhah5qi39q] {
    color: #f8fbff;
}

.dash-step--active .dash-step-desc[b-lhah5qi39q] {
    color: #dbe9fa;
}

.dash-step--pending .dash-step-title[b-lhah5qi39q] {
    color: var(--b9-text);
}

.dash-step--pending .dash-step-desc[b-lhah5qi39q] {
    color: var(--b9-text-muted);
}

.dash-step-action[b-lhah5qi39q] {
    flex-shrink: 0;
    white-space: nowrap;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(29, 78, 216, 0.28);
    border-color: color-mix(in srgb, var(--brand, #1d4ed8) 55%, #ffffff 45%);
}

.dash-step-badge[b-lhah5qi39q] {
    flex-shrink: 0;
    font-size: 0.72rem;
    color: #cbd5e1;
    font-weight: 600;
    white-space: nowrap;
}

.dash-onboard-footer[b-lhah5qi39q] {
    text-align: center;
    font-size: 0.8rem;
    color: var(--b9-text-muted);
    margin: 0;
}

/* legacy (keep for safety) */
.dash-onboard-icon[b-lhah5qi39q] {
    font-size: 2.25rem;
    color: var(--b9-primary);
    display: block;
    margin-bottom: 1rem;
}

.dash-onboard-text[b-lhah5qi39q] {
    font-size: 0.875rem;
    color: var(--b9-text-muted);
    margin-bottom: 1.5rem;
    line-height: 1.6;
}


/* ═══════════════════════════════════════════════════════════
   NEW-ORG SETUP GUIDE
   Shown inside the dashboard when the org has no data yet
═══════════════════════════════════════════════════════════ */
.dash-setup-guide[b-lhah5qi39q] {
    background: color-mix(in srgb, var(--brand, #1d4ed8) 8%, var(--b9-card-bg));
    border: 1px solid color-mix(in srgb, var(--brand, #1d4ed8) 28%, transparent);
    border-radius: 12px;
    padding: 1rem 1.25rem 1.25rem;
    margin-bottom: 1.5rem;
}

.dash-setup-header[b-lhah5qi39q] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.dash-setup-icon[b-lhah5qi39q] {
    font-size: 1.25rem;
    color: var(--b9-primary);
    flex-shrink: 0;
    margin-top: 1px;
}

.dash-setup-title[b-lhah5qi39q] {
    font-size: 0.96rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.3;
}

.dash-setup-sub[b-lhah5qi39q] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    margin-top: 0.15rem;
    line-height: 1.4;
}

.dash-setup-steps[b-lhah5qi39q] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

/* Individual step card */
.dash-setup-step[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--b9-card-bg);
    border: 1.5px solid var(--b9-card-border);
    border-radius: 10px;
    padding: 0.75rem 0.875rem;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.15s, border-color 0.15s;
}

a.dash-setup-step--active[b-lhah5qi39q] {
    border-color: color-mix(in srgb, var(--brand, #1d4ed8) 48%, transparent);
    background: color-mix(in srgb, var(--brand, #1d4ed8) 10%, var(--b9-card-bg));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #1d4ed8) 20%, transparent);
}

a.dash-setup-step--active:hover[b-lhah5qi39q] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #1d4ed8) 32%, transparent);
    text-decoration: none;
    color: inherit;
}

.dash-setup-step--pending[b-lhah5qi39q] {
    opacity: 0.75;
    cursor: default;
}

.dash-setup-step-num[b-lhah5qi39q] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--brand, #1d4ed8);
    color: #eaf2ff;
    font-size: 0.8rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dash-setup-step--pending .dash-setup-step-num[b-lhah5qi39q] {
    background: color-mix(in srgb, var(--b9-card-bg) 65%, #334155 35%);
    color: #94a3b8;
}

.dash-setup-step-body[b-lhah5qi39q] {
    flex: 1;
    min-width: 0;
}

.dash-setup-step-title[b-lhah5qi39q] {
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.25;
    margin-bottom: 0.1rem;
}

.dash-setup-step-desc[b-lhah5qi39q] {
    font-size: 0.73rem;
    color: var(--text-secondary);
    line-height: 1.35;
}

.dash-setup-step-arrow[b-lhah5qi39q] {
    color: var(--b9-primary);
    flex-shrink: 0;
    font-size: 0.8rem;
}

.dash-setup-step-badge[b-lhah5qi39q] {
    font-size: 0.69rem;
    font-weight: 600;
    color: var(--text-muted);
    flex-shrink: 0;
    white-space: nowrap;
}

/* Collapse to single column on small screens */
@media (max-width: 640px) {
    .dash-setup-steps[b-lhah5qi39q] {
        grid-template-columns: 1fr;
    }
}


/* ═══════════════════════════════════════════════════════════
   DASHBOARD SHELL
═══════════════════════════════════════════════════════════ */
.dash-page[b-lhah5qi39q] {
    padding: 1.5rem 1.75rem 3rem;
    max-width: 1320px;
}


/* ── Header ─────────────────────────────────────────────── */
.dash-header[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.dash-header-left[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dash-title[b-lhah5qi39q] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    color: var(--b9-text);
    letter-spacing: -0.02em;
}

.dash-org-pill[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    font-size: 0.775rem;
    font-weight: 500;
    color: var(--b9-text-soft);
    background: var(--b9-surface-muted);
    border: 1px solid var(--b9-border);
    border-radius: 20px;
    padding: 0.2rem 0.65rem;
    line-height: 1.5;
}

.dash-header-actions[b-lhah5qi39q] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-shrink: 0;
}


/* ═══════════════════════════════════════════════════════════
   METRICS ROW
═══════════════════════════════════════════════════════════ */
.metrics-row[b-lhah5qi39q] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.metric-card[b-lhah5qi39q] {
    background: var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    border-radius: 10px;
    box-shadow: var(--b9-card-shadow);
    padding: 1rem 1.125rem;
    display: flex;
    align-items: center;
    gap: 0.875rem;
    transition: box-shadow 0.12s;
}

.metric-card-link[b-lhah5qi39q] {
    text-decoration: none;
    color: inherit;
}

.metric-card-link:hover[b-lhah5qi39q] {
    text-decoration: none;
    color: inherit;
}

.metric-card:hover[b-lhah5qi39q] {
    box-shadow: var(--b9-card-shadow-md);
}

.metric-icon[b-lhah5qi39q] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.metric-icon-red[b-lhah5qi39q]    { background: var(--b9-danger-soft);      color: var(--b9-danger); }
.metric-icon-green[b-lhah5qi39q]  { background: var(--b9-success-soft);     color: var(--b9-success); }
.metric-icon-blue[b-lhah5qi39q]   { background: var(--b9-primary-soft);     color: var(--b9-primary); }
.metric-icon-slate[b-lhah5qi39q]  { background: var(--b9-surface-muted);    color: var(--b9-text-soft); }
.metric-icon-amber[b-lhah5qi39q]  { background: var(--b9-warning-soft);     color: var(--b9-warning); }
.metric-icon-purple[b-lhah5qi39q] { background: rgba(109,40,217,0.16);       color: #c4b5fd; }

.metric-body[b-lhah5qi39q] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.metric-value[b-lhah5qi39q] {
    font-size: 1.625rem;
    font-weight: 800;
    line-height: 1;
    color: var(--b9-text);
    letter-spacing: -0.02em;
}

.metric-label[b-lhah5qi39q] {
    font-size: 0.69rem;
    font-weight: 600;
    color: var(--b9-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.065em;
    white-space: nowrap;
}

/* Contextual hint beneath a metric value (e.g. "3 active · 1 draft") */
.metric-sublabel[b-lhah5qi39q] {
    font-size: 0.67rem;
    font-weight: 500;
    color: var(--b9-text-soft);
    line-height: 1.2;
    margin-top: 1px;
    white-space: normal;
}


/* ═══════════════════════════════════════════════════════════
   ATTENTION-NEEDED ROW
═══════════════════════════════════════════════════════════ */
.dash-attention-row[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    padding: 0.6rem 0.9rem;
    background: var(--warning-soft);
    border: 1px solid rgba(251,191,36,0.25);
    border-radius: 10px;
    margin-bottom: 1rem;
}

.dash-attention-label[b-lhah5qi39q] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--warning-text);
    white-space: nowrap;
    flex-shrink: 0;
}

.dash-attention-chip[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.15s;
}

.dash-attention-chip:hover[b-lhah5qi39q] { opacity: 0.8; }

.dash-chip-amber[b-lhah5qi39q] {
    background: var(--warning-soft);
    color: var(--warning-text);
    border: 1px solid rgba(251,191,36,0.25);
}

.dash-chip-red[b-lhah5qi39q] {
    background: var(--danger-soft);
    color: var(--danger-text);
    border: 1px solid rgba(239,68,68,0.25);
}

.dash-chip-slate[b-lhah5qi39q] {
    background: var(--bg-raised);
    color: var(--text-muted);
    border: 1px solid var(--border-default);
}

/* ═══════════════════════════════════════════════════════════
   TWO-COLUMN LAYOUT
═══════════════════════════════════════════════════════════ */
.dash-body[b-lhah5qi39q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 288px;
    gap: 1.25rem;
    align-items: start;
}

.dash-main[b-lhah5qi39q] {
    min-width: 0;
}

.dash-aside[b-lhah5qi39q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1.25rem;
    min-width: 0;
}


/* ═══════════════════════════════════════════════════════════
   SHARED CARD
═══════════════════════════════════════════════════════════ */
.dash-card[b-lhah5qi39q] {
    background: var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    border-radius: 10px;
    box-shadow: var(--b9-card-shadow);
    overflow: hidden;
    min-width: 0;
}

.dash-card-header[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--b9-border);
}

.dash-card-title[b-lhah5qi39q] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--b9-text-muted);
}

.dash-see-all[b-lhah5qi39q] {
    font-size: 0.775rem;
    font-weight: 600;
    color: var(--b9-link, var(--b9-primary));
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    transition: color 0.12s;
}

.dash-see-all:hover[b-lhah5qi39q] {
    color: var(--b9-primary-hover);
    text-decoration: underline;
}


/* ═══════════════════════════════════════════════════════════
   LIVE ALERT BAR
═══════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════
   LIVE EVENT COMMAND CARDS
═══════════════════════════════════════════════════════════ */

.live-events-section[b-lhah5qi39q] {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.live-section-label[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--b9-danger, #DC2626);
}

.live-command-card[b-lhah5qi39q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    background: var(--bg-elevated);
    border: 1.5px solid var(--danger-soft);
    border-left: 4px solid var(--b9-danger, #DC2626);
    border-radius: 10px;
    padding: 0.875rem 1rem;
    box-shadow: 0 2px 8px rgba(220,38,38,0.12);
}

.live-cmd-left[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    flex: 2 1 22rem;
    min-width: 0;
}

.live-cmd-badge[b-lhah5qi39q] {
    flex-shrink: 0;
    background: var(--b9-danger, #DC2626);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    padding: 3px 7px;
    border-radius: 4px;
    animation: pulse-badge-b-lhah5qi39q 1.6s infinite;
}

@keyframes pulse-badge-b-lhah5qi39q {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.7; }
}

.live-cmd-name[b-lhah5qi39q] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.live-cmd-meta[b-lhah5qi39q] {
    font-size: 0.775rem;
    color: var(--text-muted);
    margin-top: 2px;
}

.live-cmd-actions[b-lhah5qi39q] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1 1 16rem;
    min-width: 0;
    max-width: 100%;
}

.live-cmd-actions .btn[b-lhah5qi39q] {
    white-space: nowrap;
}

.live-cmd-btn-score[b-lhah5qi39q] {
    background: #16a34a;
    color: #fff;
    border: none;
    font-weight: 600;
}
.live-cmd-btn-score:hover[b-lhah5qi39q] { background: #15803d; color: #fff; }

.live-cmd-btn-lb[b-lhah5qi39q] {
    background: transparent;
    color: var(--warning-text);
    border: 1.5px solid rgba(251,191,36,0.45);
    font-weight: 600;
}
.live-cmd-btn-lb:hover[b-lhah5qi39q] { background: var(--warning-soft); }

.live-cmd-btn-manage[b-lhah5qi39q] {
    background: transparent;
    color: var(--text-muted);
    border: 1.5px solid var(--border-default);
    font-weight: 600;
}
.live-cmd-btn-manage:hover[b-lhah5qi39q] { background: var(--bg-raised); }

/* Keep the dot animation available for live-section-label */
.live-dot[b-lhah5qi39q] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--b9-danger, #DC2626);
    flex-shrink: 0;
    animation: pulse-live-b-lhah5qi39q 1.6s infinite;
}

@keyframes pulse-live-b-lhah5qi39q {
    0%   { box-shadow: 0 0 0 0   rgba(220,38,38,0.5); }
    70%  { box-shadow: 0 0 0 6px rgba(220,38,38,0); }
    100% { box-shadow: 0 0 0 0   rgba(220,38,38,0); }
}


/* ═══════════════════════════════════════════════════════════
   EVENTS TABLE
═══════════════════════════════════════════════════════════ */
.etable-wrap[b-lhah5qi39q] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.etable[b-lhah5qi39q] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
    table-layout: fixed;
}

.etable thead th[b-lhah5qi39q] {
    padding: 0.55rem 1rem;
    text-align: left;
    font-size: 0.69rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--b9-text-muted);
    background: var(--b9-surface-muted);
    border-bottom: 1px solid var(--b9-border);
    white-space: nowrap;
}

.etable thead th:last-child[b-lhah5qi39q] {
    text-align: right;
}

.etable th:nth-child(1)[b-lhah5qi39q],
.etable td:nth-child(1)[b-lhah5qi39q] { width: 35%; }

.etable th:nth-child(2)[b-lhah5qi39q],
.etable td:nth-child(2)[b-lhah5qi39q] { width: 16%; }

.etable th:nth-child(3)[b-lhah5qi39q],
.etable td:nth-child(3)[b-lhah5qi39q] { width: 12%; }

.etable th:nth-child(4)[b-lhah5qi39q],
.etable td:nth-child(4)[b-lhah5qi39q] { width: 13%; }

.etable th:nth-child(5)[b-lhah5qi39q],
.etable td:nth-child(5)[b-lhah5qi39q] { width: 24%; }

.etable tbody tr[b-lhah5qi39q] {
    border-bottom: 1px solid var(--b9-border);
    transition: background 0.1s;
}

.etable tbody tr:last-child[b-lhah5qi39q] {
    border-bottom: none;
}

.etable tbody tr:hover[b-lhah5qi39q] {
    background: var(--b9-surface-muted);
}

/* Live row: left accent + faint tint */
.erow-live[b-lhah5qi39q] {
    border-left: 3px solid var(--b9-danger);
    background: rgba(220, 38, 38, 0.03);
}

.etable td[b-lhah5qi39q] {
    padding: 0.75rem 1rem;
    color: var(--b9-text);
    vertical-align: middle;
}

/* Name + course stacked */
.etd-name[b-lhah5qi39q] {
    min-width: 180px;
}

.etd-name-link[b-lhah5qi39q] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--b9-text);
    text-decoration: none;
    line-height: 1.3;
    transition: color 0.1s;
}

.etd-name-link:hover[b-lhah5qi39q] {
    color: var(--b9-primary);
    text-decoration: none;
}

/* Live row: name anchors the scan */
.erow-live .etd-name-link[b-lhah5qi39q] {
    font-weight: 700;
}

.etd-course[b-lhah5qi39q] {
    display: block;
    font-size: 0.75rem;
    color: var(--b9-text-soft);
    margin-top: 0.1rem;
    line-height: 1.2;
}

.etd-date[b-lhah5qi39q] {
    white-space: nowrap;
    color: var(--b9-text-muted);
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.etd-players[b-lhah5qi39q] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    color: var(--b9-text-muted);
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.etd-status-cell[b-lhah5qi39q] {
    white-space: nowrap;
}

.etd-actions[b-lhah5qi39q] {
    min-width: 0;
}

.etd-primary-action[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.45rem 0.75rem;
    min-height: 34px;
    border-radius: 8px;
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--b9-primary);
    text-decoration: none;
    background: var(--b9-primary-soft);
    border: 1px solid transparent;
    transition: background 0.1s, color 0.1s, border-color 0.1s;
    white-space: nowrap;
    line-height: 1.2;
    box-shadow: inset 0 0 0 1px rgba(22, 163, 74, 0.08);
}

.etd-primary-action:hover[b-lhah5qi39q] {
    background: var(--success-soft);
    color: var(--b9-primary-hover);
    text-decoration: none;
}

.etd-primary-action-live[b-lhah5qi39q] {
    background: var(--b9-success);
    color: #fff;
    box-shadow: none;
}

.etd-primary-action-live:hover[b-lhah5qi39q] {
    background: #15803d;
    color: #fff;
    text-decoration: none;
}

.etd-secondary-actions[b-lhah5qi39q] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
    margin-top: 0.4rem;
}

.etd-secondary-action[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.5rem;
    min-height: 28px;
    border-radius: 999px;
    border: 1px solid var(--b9-border);
    background: transparent;
    color: var(--b9-text-soft);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.15;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.1s, color 0.1s, border-color 0.1s;
}

.etd-secondary-action:hover[b-lhah5qi39q] {
    background: var(--b9-surface-muted);
    color: var(--b9-text);
    text-decoration: none;
}

.etd-secondary-action-lb:hover[b-lhah5qi39q] {
    background: var(--b9-warning-soft);
    border-color: var(--b9-warning);
    color: var(--b9-warning-text);
}

/* Calm (non-live) row actions */
.etd-calm-actions[b-lhah5qi39q] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.3rem;
}

.etd-calm-action[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.18rem 0.6rem;
    min-height: 26px;
    border-radius: 999px;
    border: 1px solid var(--b9-border);
    background: transparent;
    color: var(--b9-text-soft);
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.15;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.etd-calm-action:hover[b-lhah5qi39q] {
    background: var(--b9-surface-muted);
    color: var(--b9-text);
    border-color: var(--b9-border-strong);
    text-decoration: none;
}

/* Table footer */
.etable-footer[b-lhah5qi39q] {
    padding: 0.625rem 1rem;
    border-top: 1px solid var(--b9-border);
    background: var(--b9-surface-muted);
    text-align: right;
}


/* ── Status badges ──────────────────────────────────────── */
.estatus[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    font-size: 0.69rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: 0.02em;
}

.estatus-active[b-lhah5qi39q]    { background: var(--b9-danger-soft);      color: var(--b9-danger-text); }
.estatus-open[b-lhah5qi39q]      { background: var(--b9-success-soft);     color: var(--b9-success-text); }
.estatus-draft[b-lhah5qi39q]     { background: var(--b9-surface-muted);    color: var(--b9-text-soft); border: 1px solid var(--b9-border); }
.estatus-closed[b-lhah5qi39q]    { background: var(--b9-info-soft);        color: var(--b9-info-text); }
.estatus-cancelled[b-lhah5qi39q] { background: var(--b9-surface-muted);    color: var(--b9-text-soft); }

/* Live badge: pulsing dot prefix */
.estatus-active[b-lhah5qi39q]::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    margin-right: 5px;
    animation: pulse-live-b-lhah5qi39q 1.6s infinite;
}


/* ═══════════════════════════════════════════════════════════
   EMPTY STATE
═══════════════════════════════════════════════════════════ */
.dash-empty[b-lhah5qi39q] {
    text-align: center;
    padding: 2.5rem 1.5rem;
}

.dash-empty-icon[b-lhah5qi39q] {
    font-size: 2rem;
    color: var(--b9-text-soft);
    display: block;
    margin-bottom: 0.625rem;
}

.dash-empty-title[b-lhah5qi39q] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--b9-text);
    margin-bottom: 0.25rem;
}

.dash-empty-text[b-lhah5qi39q] {
    font-size: 0.825rem;
    color: var(--b9-text-muted);
    margin-bottom: 0;
}


/* ═══════════════════════════════════════════════════════════
   ASIDE: QUICK ACTIONS
═══════════════════════════════════════════════════════════ */
.qa-list[b-lhah5qi39q] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 0.375rem 0.5rem 0.5rem;
}

.qa-item[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--b9-text);
    transition: background 0.1s, color 0.1s;
    line-height: 1.2;
}

.qa-item:hover[b-lhah5qi39q] {
    background: var(--b9-primary-soft);
    color: var(--b9-primary);
    text-decoration: none;
}

.qa-item-icon[b-lhah5qi39q] {
    font-size: 0.875rem;
    width: 1rem;
    text-align: center;
    flex-shrink: 0;
    opacity: 0.6;
}

/* .qa-item--primary: BEM variant — primary CTA action item */
.qa-item--primary[b-lhah5qi39q],
.qa-item-primary[b-lhah5qi39q] {
    background: var(--b9-primary);
    color: #fff !important;
    font-weight: 600;
    margin-bottom: 0.25rem;
    border-radius: 7px;
}

.qa-item--primary:hover[b-lhah5qi39q],
.qa-item-primary:hover[b-lhah5qi39q] {
    background: var(--b9-primary-hover) !important;
    color: #fff !important;
}

.qa-item--primary .qa-item-icon[b-lhah5qi39q],
.qa-item-primary .qa-item-icon[b-lhah5qi39q] {
    opacity: 1;
}

/* Hint text inside Quick Action items (e.g. "← Start here") */
.qa-item-hint[b-lhah5qi39q] {
    font-size: 0.69rem;
    font-weight: 500;
    opacity: 0.75;
    margin-left: 0.25rem;
}

/* ═══════════════════════════════════════════════════════════
   ASIDE: TONIGHT COMMAND CARD
═══════════════════════════════════════════════════════════ */
.tonight-body[b-lhah5qi39q] {
    padding: 0.85rem 1rem 1rem;
    display: grid;
    gap: 0.55rem;
}

.tonight-empty[b-lhah5qi39q] {
    padding: 1rem;
    color: var(--b9-text-muted);
    font-size: 0.82rem;
}

.tonight-league[b-lhah5qi39q] {
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--b9-text-soft);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tonight-round[b-lhah5qi39q] {
    font-size: 0.96rem;
    font-weight: 700;
    color: var(--b9-text);
}

.tonight-date[b-lhah5qi39q] {
    font-size: 0.76rem;
    color: var(--b9-text-muted);
}

.tonight-status-row[b-lhah5qi39q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.tonight-chip[b-lhah5qi39q] {
    font-size: 0.69rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid var(--b9-border);
}

.tonight-chip-ok[b-lhah5qi39q] {
    background: var(--b9-success-soft);
    color: var(--b9-success-text);
}

.tonight-chip-warn[b-lhah5qi39q] {
    background: var(--b9-warning-soft);
    color: var(--b9-warning-text);
}

.tonight-chip-neutral[b-lhah5qi39q] {
    background: var(--b9-surface-muted);
    color: var(--b9-text-soft);
}

.tonight-cta[b-lhah5qi39q] {
    margin-top: 0.15rem;
}


/* ═══════════════════════════════════════════════════════════
   ASIDE: NEXT UP WIDGET
═══════════════════════════════════════════════════════════ */
.nextup-card[b-lhah5qi39q] {
    /* Widen the aside just enough for the widget to breathe */
}

/* ── Event rows ─────────────────────────────────────────── */
.nextup-list[b-lhah5qi39q] {
    padding: 0.25rem 0;
}

.nextup-row[b-lhah5qi39q] {
    padding: 0.875rem 1rem;
}

.nextup-divider[b-lhah5qi39q] {
    height: 1px;
    background: var(--b9-border);
    margin: 0 1rem;
}

/* ── Top: name + countdown ──────────────────────────────── */
.nextup-top[b-lhah5qi39q] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.nextup-name-wrap[b-lhah5qi39q] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nextup-name[b-lhah5qi39q] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--b9-text);
    text-decoration: none;
    line-height: 1.3;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.12s;
}

.nextup-name:hover[b-lhah5qi39q] {
    color: var(--b9-primary);
    text-decoration: none;
}

.nextup-fmt[b-lhah5qi39q] {
    font-size: 0.69rem;
    font-weight: 600;
    color: var(--b9-info-text);
    background: var(--b9-info-soft);
    border-radius: 4px;
    padding: 1px 5px;
    display: inline-block;
    width: fit-content;
}

/* ── Countdown badge ────────────────────────────────────── */
.nextup-countdown[b-lhah5qi39q] {
    font-size: 0.69rem;
    font-weight: 800;
    border-radius: 5px;
    padding: 2px 7px;
    white-space: nowrap;
    flex-shrink: 0;
    letter-spacing: 0.03em;
    line-height: 1.5;
}

.cd-today[b-lhah5qi39q]  { background: var(--b9-danger-soft);   color: var(--b9-danger-text);  }
.cd-soon[b-lhah5qi39q]   { background: var(--b9-warning-soft);  color: var(--b9-warning-text); }
.cd-far[b-lhah5qi39q]    { background: var(--b9-surface-muted); color: var(--b9-text-muted);   border: 1px solid var(--b9-border); }
.cd-past[b-lhah5qi39q]   { background: var(--b9-surface-muted); color: var(--b9-text-soft);    }

/* ── Meta line ──────────────────────────────────────────── */
.nextup-meta[b-lhah5qi39q] {
    font-size: 0.75rem;
    color: var(--b9-text-soft);
    margin-bottom: 0.625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Registration progress ──────────────────────────────── */
.nextup-reg[b-lhah5qi39q] {
    margin-bottom: 0.625rem;
}

.nextup-reg-header[b-lhah5qi39q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.nextup-reg-label[b-lhah5qi39q] {
    font-size: 0.75rem;
    color: var(--b9-text-muted);
    display: flex;
    align-items: center;
    gap: 4px;
}

.nextup-reg-pct[b-lhah5qi39q] {
    font-size: 0.69rem;
    font-weight: 700;
    color: var(--b9-text-soft);
}

.nextup-reg-pct-full[b-lhah5qi39q] {
    color: var(--b9-danger-text);
}

.nextup-full-badge[b-lhah5qi39q] {
    font-size: 0.69rem;
    font-weight: 700;
    background: var(--b9-danger-soft);
    color: var(--b9-danger-text);
    border-radius: 4px;
    padding: 1px 5px;
}

/* Progress bar track */
.nextup-progress[b-lhah5qi39q] {
    height: 5px;
    background: var(--b9-border);
    border-radius: 99px;
    overflow: hidden;
}

/* Progress bar fill */
.nextup-progress-fill[b-lhah5qi39q] {
    height: 100%;
    background: var(--b9-primary);
    border-radius: 99px;
    transition: width 0.4s ease;
    min-width: 2px;
}

.nextup-progress-warn[b-lhah5qi39q] { background: var(--b9-warning); }
.nextup-progress-full[b-lhah5qi39q] { background: var(--b9-danger);  }

/* Simple count (no max) */
.nextup-reg-simple[b-lhah5qi39q] {
    font-size: 0.75rem;
    color: var(--b9-text-soft);
    margin-bottom: 0.5rem;
}

/* ── Action links ───────────────────────────────────────── */
.nextup-actions[b-lhah5qi39q] {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
    margin-top: 0.125rem;
}

.nextup-btn[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.12s, color 0.12s;
    line-height: 1.5;
    white-space: nowrap;
}

.nextup-btn-primary[b-lhah5qi39q] {
    background: var(--b9-primary);
    color: #fff;
}

.nextup-btn-primary:hover[b-lhah5qi39q] {
    background: var(--b9-primary-hover);
    color: #fff;
    text-decoration: none;
}

.nextup-btn-ghost[b-lhah5qi39q] {
    background: var(--b9-surface-muted);
    color: var(--b9-text-muted);
    border: 1px solid var(--b9-border);
}

.nextup-btn-ghost:hover[b-lhah5qi39q] {
    background: var(--b9-primary-soft);
    color: var(--b9-primary);
    border-color: transparent;
    text-decoration: none;
}

/* ── Empty state ────────────────────────────────────────── */
.nextup-empty[b-lhah5qi39q] {
    text-align: center;
    padding: 1.75rem 1rem;
    color: var(--b9-text-muted);
}

.nextup-empty .bi[b-lhah5qi39q] {
    font-size: 1.625rem;
    display: block;
    margin-bottom: 0.5rem;
    opacity: 0.35;
}

.nextup-empty p[b-lhah5qi39q] {
    font-size: 0.8125rem;
    margin: 0;
}

/* ── Footer: compact status chips ───────────────────────── */
.nextup-footer[b-lhah5qi39q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 0.5rem 1rem 0.625rem;
    border-top: 1px solid var(--b9-border);
    background: var(--b9-surface-muted);
}

.nuf-chip[b-lhah5qi39q] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.725rem;
    font-weight: 600;
    color: var(--b9-text-muted);
}

.nuf-dot[b-lhah5qi39q] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.nuf-dot-draft[b-lhah5qi39q] { background: var(--b9-border-strong); }
.nuf-dot-open[b-lhah5qi39q]  { background: var(--b9-success); }

.nuf-link[b-lhah5qi39q] {
    font-size: 0.725rem;
    font-weight: 600;
    color: var(--b9-primary);
    text-decoration: none;
    margin-left: auto;
}

.nuf-link:hover[b-lhah5qi39q] { text-decoration: underline; }


/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media (max-width: 1100px) {
    .dash-body[b-lhah5qi39q] {
        grid-template-columns: 1fr;
    }

    .dash-aside[b-lhah5qi39q] {
        position: static;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 1rem;
    }
}

@media (max-width: 1360px) {
    .live-cmd-actions[b-lhah5qi39q] {
        width: 100%;
        justify-content: flex-start;
    }

    .etable th:nth-child(2)[b-lhah5qi39q],
    .etable td:nth-child(2)[b-lhah5qi39q],
    .etable th:nth-child(3)[b-lhah5qi39q],
    .etable td:nth-child(3)[b-lhah5qi39q] {
        display: none;
    }

    .etable th:nth-child(1)[b-lhah5qi39q],
    .etable td:nth-child(1)[b-lhah5qi39q] { width: 44%; }

    .etable th:nth-child(4)[b-lhah5qi39q],
    .etable td:nth-child(4)[b-lhah5qi39q] { width: 18%; }

    .etable th:nth-child(5)[b-lhah5qi39q],
    .etable td:nth-child(5)[b-lhah5qi39q] { width: 38%; }
}

@media (max-width: 900px) {
    .metrics-row[b-lhah5qi39q] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .dash-page[b-lhah5qi39q] {
        padding: 1rem 1rem 2rem;
    }

    .dash-title[b-lhah5qi39q] {
        font-size: 1.1rem;
    }

    .metrics-row[b-lhah5qi39q] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }

    .metric-value[b-lhah5qi39q] {
        font-size: 1.375rem;
    }

    .metric-label[b-lhah5qi39q] {
        white-space: normal;
        line-height: 1.25;
    }

    .etd-date[b-lhah5qi39q],
    .etd-format[b-lhah5qi39q],
    .etd-players[b-lhah5qi39q] {
        display: none;
    }

    .dash-aside[b-lhah5qi39q] {
        grid-template-columns: 1fr;
    }

    .dash-onboard[b-lhah5qi39q] {
        padding: 1.25rem 0.8rem;
        min-height: auto;
    }

    .dash-onboard-card[b-lhah5qi39q] {
        padding: 1.3rem 1rem;
    }

    .dash-onboard-step[b-lhah5qi39q] {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0.7rem;
    }

    .dash-step-action[b-lhah5qi39q],
    .dash-step-badge[b-lhah5qi39q] {
        width: 100%;
    }

    .dash-step-action[b-lhah5qi39q] {
        justify-content: center;
    }
}

/* /Components/Pages/Leagues/AttendanceStatusCard.razor.rz.scp.css */
.wrd-mini-card[b-dflgjx8ut6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1, .25rem);
}

.wrd-mini-label[b-dflgjx8ut6] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--text-muted);
}

.wrd-mini-value[b-dflgjx8ut6] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.wrd-mini-link[b-dflgjx8ut6],
.wrd-mini-sub[b-dflgjx8ut6] {
    font-size: .78rem;
    color: var(--text-secondary);
}
/* /Components/Pages/Leagues/CommissionerCommandCenter.razor.rz.scp.css */
/* ============================================================
   CommissionerCommandCenter.razor.css
   Commissioner Command Center — State+Action-first layout.
   Uses b9 design tokens. Dense but readable.
   ============================================================ */

/* ── Page shell ── */
.ccc-page[b-g3mity3656] {
    max-width: 900px;
    margin: 0 auto;
    padding: var(--space-4) var(--space-3) var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.ccc-loading[b-g3mity3656],
.ccc-error[b-g3mity3656] {
    text-align: center;
    padding: var(--space-10) var(--space-4);
    color: var(--b9-text-secondary);
}

.ccc-loading-spinner[b-g3mity3656] {
    width: 36px;
    height: 36px;
    margin: 0 auto var(--space-3);
    border: 3px solid var(--b9-border);
    border-top-color: var(--b9-accent);
    border-radius: 50%;
    animation: spin-b-g3mity3656 0.7s linear infinite;
}

@keyframes spin-b-g3mity3656 { to { transform: rotate(360deg); } }

/* ── Breadcrumb ── */
.ccc-breadcrumb[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: 0.85rem;
    color: var(--b9-text-secondary);
}

.ccc-back-link[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    color: var(--b9-text-secondary);
    text-decoration: none;
    transition: color 140ms;
}

.ccc-back-link:hover[b-g3mity3656] { color: var(--b9-text); }

.ccc-breadcrumb-sep[b-g3mity3656] { color: var(--b9-border-strong); }

.ccc-breadcrumb-current[b-g3mity3656] {
    color: var(--b9-text);
    font-weight: 600;
}

/* Compact round-state chip inline with the breadcrumb */
.ccc-breadcrumb-status[b-g3mity3656] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.15rem 0.6rem;
    border-radius: 100px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    margin-left: var(--space-2);
    /* colour tokens are inherited from .ccc-state-* siblings */
}

/* ── Alert banner ── */
.ccc-alert[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    font-size: 0.9rem;
    border-left: 4px solid transparent;
}

.ccc-alert--success[b-g3mity3656] {
    background: var(--color-success-subtle);
    border-left-color: var(--color-success);
    color: var(--b9-text);
}

.ccc-alert--danger[b-g3mity3656] {
    background: var(--color-danger-subtle);
    border-left-color: var(--color-danger);
    color: var(--b9-text);
}

.ccc-alert--info[b-g3mity3656] {
    background: var(--b9-surface-raised);
    border-left-color: var(--b9-accent);
    color: var(--b9-text);
}

.ccc-alert--warning[b-g3mity3656] {
    background: var(--color-warn-subtle);
    border-left-color: var(--color-warn);
    color: var(--b9-text);
}

.ccc-mp-steps[b-g3mity3656] {
    margin: 0;
    padding-left: 1.25rem;
    display: grid;
    gap: var(--space-2);
}

.ccc-mp-step[b-g3mity3656] {
    color: var(--b9-text);
}

.ccc-mp-step__title[b-g3mity3656] {
    display: block;
    font-weight: 700;
}

.ccc-mp-step__state[b-g3mity3656] {
    display: block;
    font-size: 0.82rem;
    color: var(--b9-text-secondary);
}

.ccc-alert-dismiss[b-g3mity3656] {
    margin-left: auto;
    background: none;
    border: none;
    color: var(--b9-text-secondary);
    cursor: pointer;
    padding: 0 var(--space-1);
    font-size: 1.1rem;
    line-height: 1;
    opacity: 0.7;
    transition: opacity 140ms;
}

.ccc-alert-dismiss:hover[b-g3mity3656] { opacity: 1; }

/* ── Hero banner ── */
.ccc-hero[b-g3mity3656] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    background: var(--b9-surface-raised);
    border: 1px solid var(--b9-border);
    border-radius: var(--radius-lg);
    padding: var(--space-5) var(--space-5);
    flex-wrap: wrap;
}

.ccc-hero-kicker[b-g3mity3656] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--b9-text-secondary);
    margin-bottom: var(--space-1);
}

.ccc-hero-title[b-g3mity3656] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--b9-text);
    margin: 0 0 var(--space-2);
    line-height: 1.2;
}

.ccc-hero-meta[b-g3mity3656] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    font-size: 0.85rem;
    color: var(--b9-text-secondary);
}

.ccc-meta-item[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.ccc-hero-right[b-g3mity3656] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--space-2);
    min-width: 160px;
}

/* ── Week state badge ── */
.ccc-state-badge[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    border-radius: 100px;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.ccc-state-notready[b-g3mity3656]  { background: var(--color-danger-subtle);   color: var(--color-danger);  border: 1px solid var(--color-danger); }
.ccc-state-ready[b-g3mity3656]     { background: var(--color-success-subtle);  color: var(--color-success); border: 1px solid var(--color-success); }
.ccc-state-progress[b-g3mity3656]  { background: var(--b9-surface-raised);     color: var(--b9-accent);     border: 1px solid var(--b9-accent); }
.ccc-state-live[b-g3mity3656]      { background: var(--color-success-subtle);  color: var(--color-success); border: 1px solid var(--color-success); animation: pulse-live-b-g3mity3656 2s ease-in-out infinite; }
.ccc-state-finalize[b-g3mity3656]  { background: var(--color-warn-subtle);     color: var(--color-warn);    border: 1px solid var(--color-warn); }
.ccc-state-final[b-g3mity3656]     { background: var(--b9-surface-raised);     color: var(--b9-text-secondary); border: 1px solid var(--b9-border-strong); }

@keyframes pulse-live-b-g3mity3656 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.75; }
}

.ccc-state-guidance[b-g3mity3656] {
    font-size: 0.8rem;
    color: var(--b9-text-secondary);
    text-align: right;
    max-width: 220px;
    line-height: 1.4;
    margin: 0;
}

/* ── Sections ── */
.ccc-section[b-g3mity3656] {
    background: var(--b9-surface-raised);
    border: 1px solid var(--b9-border);
    border-radius: var(--radius-lg);
    padding: var(--space-4) var(--space-5);
}

/* ── Four-card summary strip ── */
.ccc-summary-strip[b-g3mity3656] {
    padding: var(--space-3) var(--space-4);
}

.ccc-summary-grid[b-g3mity3656] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-2);
}

.ccc-summary-card[b-g3mity3656] {
    background: var(--b9-surface);
    border: 1px solid var(--b9-border);
    border-radius: var(--radius-md);
    padding: var(--space-3);
    min-width: 0;
}

.ccc-summary-title[b-g3mity3656] {
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--b9-text-secondary);
    margin: 0 0 var(--space-1);
}

.ccc-summary-headline[b-g3mity3656] {
    font-size: 0.92rem;
    line-height: 1.3;
    font-weight: 700;
    color: var(--b9-text);
    margin: 0 0 4px;
}

.ccc-summary-detail[b-g3mity3656] {
    font-size: 0.78rem;
    line-height: 1.35;
    color: var(--b9-text-secondary);
    margin: 0;
}

.ccc-summary-hint[b-g3mity3656] {
    font-size: 0.75rem;
    color: var(--b9-text-secondary);
    margin: var(--space-2) 0 0;
}

.ccc-section-head[b-g3mity3656] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-4);
    flex-wrap: wrap;
    gap: var(--space-2);
}

.ccc-section-title[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: 1rem;
    font-weight: 700;
    color: var(--b9-text);
    margin: 0 0 var(--space-4);
}

.ccc-section-head .ccc-section-title[b-g3mity3656] {
    margin: 0;
}

.ccc-checklist-score[b-g3mity3656] {
    font-size: 0.85rem;
    color: var(--b9-text-secondary);
    background: var(--b9-surface);
    padding: var(--space-1) var(--space-3);
    border-radius: 100px;
    border: 1px solid var(--b9-border);
}

.ccc-checklist-intro[b-g3mity3656] {
    margin: 0 0 var(--space-3);
    font-size: 0.78rem;
    color: var(--b9-text-secondary);
    line-height: 1.35;
}

/* ── Readiness checklist ── */
.ccc-checklist[b-g3mity3656] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.ccc-checklist-item[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    border: 1px solid var(--b9-border);
    background: var(--b9-surface);
    transition: border-color 160ms;
    flex-wrap: wrap;
}

.ccc-check--pass[b-g3mity3656]    { border-left: 3px solid var(--color-success); }
.ccc-check--fail[b-g3mity3656]    { border-left: 3px solid var(--color-danger);  background: var(--color-danger-subtle); }
.ccc-check--neutral[b-g3mity3656] { border-left: 3px solid var(--b9-border-strong); }
.ccc-check--progress[b-g3mity3656] { border-left: 3px solid var(--b9-accent); }

.ccc-check-icon[b-g3mity3656] {
    font-size: 1.1rem;
    flex-shrink: 0;
    line-height: 1;
}

.ccc-check--pass    .ccc-check-icon[b-g3mity3656] { color: var(--color-success); }
.ccc-check--fail    .ccc-check-icon[b-g3mity3656] { color: var(--color-danger); }
.ccc-check--neutral .ccc-check-icon[b-g3mity3656] { color: var(--b9-text-secondary); }
.ccc-check--progress .ccc-check-icon[b-g3mity3656] { color: var(--b9-accent); }

.ccc-check-body[b-g3mity3656] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.ccc-check-label[b-g3mity3656] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--b9-text);
}

.ccc-check-detail[b-g3mity3656] {
    font-size: 0.8rem;
    color: var(--b9-text-secondary);
}

.ccc-check-action[b-g3mity3656] {
    flex-shrink: 0;
    white-space: nowrap;
}

/* ── Primary Action Grid ── */
.ccc-actions-grid[b-g3mity3656] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.ccc-action-intro[b-g3mity3656] {
    margin: 0 0 var(--space-3);
    font-size: 0.8rem;
    color: color-mix(in srgb, var(--b9-text) 72%, var(--b9-text-secondary) 28%);
    line-height: 1.35;
}

.ccc-action-btn[b-g3mity3656] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-3);
    border-radius: var(--radius-lg);
    border: 2px solid transparent;
    cursor: pointer;
    text-align: center;
    transition: transform 120ms, box-shadow 140ms, border-color 140ms;
    background: var(--b9-surface);
    font-family: inherit;
    min-height: 110px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.ccc-action-state[b-g3mity3656] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 3px var(--space-2);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

.ccc-action-state--ready[b-g3mity3656] {
    color: color-mix(in srgb, white 18%, var(--color-success) 82%);
    background: color-mix(in srgb, var(--color-success) 18%, var(--b9-surface));
    border-color: color-mix(in srgb, var(--color-success) 62%, transparent);
}

.ccc-action-state--blocked[b-g3mity3656] {
    color: color-mix(in srgb, var(--b9-text) 82%, var(--b9-text-secondary) 18%);
    background: color-mix(in srgb, var(--b9-border-strong) 16%, var(--b9-surface-raised));
    border-color: color-mix(in srgb, var(--b9-border-strong) 68%, transparent);
}

.ccc-action-btn--recommended[b-g3mity3656] {
    border-color: color-mix(in srgb, var(--b9-accent) 70%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--b9-accent) 34%, transparent), inset 0 1px 0 rgba(255,255,255,0.04);
}

.ccc-action-btn:not(:disabled):hover[b-g3mity3656] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

.ccc-action-btn .bi[b-g3mity3656] {
    font-size: 1.7rem;
    line-height: 1;
    filter: drop-shadow(0 1px 0 rgba(0,0,0,0.35));
}

.ccc-action-label[b-g3mity3656] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--b9-text);
    line-height: 1.2;
}

.ccc-action-hint[b-g3mity3656] {
    font-size: 0.75rem;
    color: color-mix(in srgb, var(--b9-text) 70%, var(--b9-text-secondary) 30%);
    line-height: 1.3;
}

.ccc-action-btn--primary[b-g3mity3656] {
    border-color: var(--b9-accent);
    background: color-mix(in srgb, var(--b9-accent) 10%, var(--b9-surface));
}

.ccc-action-btn--primary .bi[b-g3mity3656] { color: color-mix(in srgb, white 12%, var(--b9-accent) 88%); }

.ccc-action-btn--success[b-g3mity3656] {
    border-color: var(--color-success);
    background: var(--color-success-subtle);
}

.ccc-action-btn--success .bi[b-g3mity3656] { color: color-mix(in srgb, white 12%, var(--color-success) 88%); }

.ccc-action-btn--warning[b-g3mity3656] {
    border-color: var(--color-warn);
    background: var(--color-warn-subtle);
}

.ccc-action-btn--warning .bi[b-g3mity3656] { color: color-mix(in srgb, white 10%, var(--color-warn) 90%); }

.ccc-action-btn--danger[b-g3mity3656] {
    border-color: var(--color-danger);
    background: var(--color-danger-subtle);
}

.ccc-action-btn--danger .bi[b-g3mity3656] { color: color-mix(in srgb, white 10%, var(--color-danger) 90%); }

.ccc-action-btn--info[b-g3mity3656] {
    border-color: var(--b9-border-strong);
    background: color-mix(in srgb, var(--b9-surface-raised) 78%, var(--b9-surface) 22%);
}

.ccc-action-btn--complete[b-g3mity3656] {
    border-color: var(--color-success);
    background: var(--color-success-subtle);
    cursor: default;
}

.ccc-action-btn--complete .bi[b-g3mity3656] { color: var(--color-success); }

.ccc-action-btn--disabled[b-g3mity3656],
.ccc-action-btn:disabled[b-g3mity3656] {
    border-color: color-mix(in srgb, var(--b9-border-strong) 72%, transparent);
    background: color-mix(in srgb, var(--b9-surface-raised) 68%, var(--b9-surface) 32%);
    opacity: 0.88;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--b9-border-strong) 78%, transparent);
    cursor: not-allowed;
}

.ccc-action-btn--disabled .bi[b-g3mity3656],
.ccc-action-btn:disabled .bi[b-g3mity3656] {
    color: color-mix(in srgb, var(--b9-text) 48%, var(--b9-text-secondary) 52%);
}

.ccc-action-btn--disabled .ccc-action-label[b-g3mity3656],
.ccc-action-btn:disabled .ccc-action-label[b-g3mity3656] {
    color: color-mix(in srgb, var(--b9-text) 88%, var(--b9-text-secondary) 12%);
}

.ccc-action-btn--disabled .ccc-action-hint[b-g3mity3656],
.ccc-action-btn:disabled .ccc-action-hint[b-g3mity3656] {
    color: color-mix(in srgb, var(--b9-text) 58%, var(--b9-text-secondary) 42%);
}

.ccc-secondary-actions-intro[b-g3mity3656] {
    margin: 0 0 var(--space-2);
    font-size: 0.78rem;
    color: color-mix(in srgb, var(--b9-text) 68%, var(--b9-text-secondary) 32%);
}

.ccc-secondary-actions[b-g3mity3656] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    padding-top: var(--space-3);
    border-top: 1px solid var(--b9-border);
}

/* ── Live Scoring Visibility ── */
.ccc-live-indicator[b-g3mity3656] {
    display: inline-block;
    margin-left: var(--space-2);
    padding: 2px var(--space-2);
    background: var(--color-success);
    color: var(--bg-app);
    border-radius: 3px;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    vertical-align: middle;
    animation: pulse-live-b-g3mity3656 2s ease-in-out infinite;
}

.ccc-visibility-empty[b-g3mity3656] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-6);
    color: var(--b9-text-secondary);
    font-size: 0.9rem;
    text-align: center;
}

.ccc-visibility-empty .bi[b-g3mity3656] {
    font-size: 2rem;
    opacity: 0.4;
}

.ccc-progress-block[b-g3mity3656] {
    margin-bottom: var(--space-4);
}

.ccc-progress-bar[b-g3mity3656] {
    height: 10px;
    background: var(--b9-surface);
    border-radius: 100px;
    overflow: hidden;
    border: 1px solid var(--b9-border);
    margin-bottom: var(--space-2);
}

.ccc-progress-fill[b-g3mity3656] {
    height: 100%;
    border-radius: 100px;
    background: var(--b9-accent);
    transition: width 500ms ease;
}

.ccc-progress-fill--live[b-g3mity3656]     { background: var(--color-success); }
.ccc-progress-fill--complete[b-g3mity3656]  { background: var(--color-success); }

.ccc-progress-labels[b-g3mity3656] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8rem;
}

.ccc-progress-stat[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.ccc-stat--success[b-g3mity3656] { color: var(--color-success); }
.ccc-stat--warning[b-g3mity3656] { color: var(--color-warn); }
.ccc-stat--muted[b-g3mity3656]   { color: var(--b9-text-secondary); }

.ccc-progress-pct[b-g3mity3656] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--b9-text);
}

.ccc-missing-head[b-g3mity3656] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--b9-text-secondary);
    margin-bottom: var(--space-2);
}

.ccc-groups-list[b-g3mity3656] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.ccc-group-row[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    background: var(--b9-surface);
    border-radius: var(--radius-sm);
    border: 1px solid var(--b9-border);
    flex-wrap: wrap;
}

.ccc-group-info[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex: 1;
}

.ccc-group-num[b-g3mity3656] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--b9-text);
}

.ccc-group-meta[b-g3mity3656] {
    font-size: 0.8rem;
    color: var(--b9-text-secondary);
}

.ccc-group-badge[b-g3mity3656] {
    padding: 2px var(--space-2);
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.ccc-badge--missing[b-g3mity3656] { background: var(--color-danger-subtle); color: var(--color-danger); }
.ccc-badge--partial[b-g3mity3656] { background: var(--color-warn-subtle);   color: var(--color-warn); }
.ccc-badge--dns[b-g3mity3656]     { background: var(--bg-elevated, rgba(255,255,255,.06)); color: var(--text-muted); font-style: italic; }

.ccc-all-submitted[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--color-success-subtle);
    border-radius: var(--radius-md);
    font-size: 0.9rem;
    color: var(--b9-text);
    border: 1px solid var(--color-success);
    flex-wrap: wrap;
}

.ccc-all-submitted .bi[b-g3mity3656] { color: var(--color-success); font-size: 1.1rem; }

.ccc-makeup-banner[b-g3mity3656] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--brand-soft, rgba(29,78,216,.08));
    border: 1px solid var(--brand, rgba(29,78,216,.35));
    border-radius: var(--radius-md);
    font-size: 0.875rem;
    color: var(--text-primary);
    margin-bottom: var(--space-3);
}

.ccc-makeup-banner .bi[b-g3mity3656] {
    color: var(--brand, #3b82f6);
    font-size: 1rem;
    flex-shrink: 0;
    margin-top: 2px;
}

/* ── Communications Hub ── */
.ccc-comms-grid[b-g3mity3656] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.ccc-comms-card[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--b9-surface);
    border: 1px solid var(--b9-border);
    border-radius: var(--radius-md);
    flex-wrap: wrap;
}

.ccc-comms-icon[b-g3mity3656] {
    font-size: 1.4rem;
    color: var(--b9-text-secondary);
    flex-shrink: 0;
    width: 36px;
    text-align: center;
}

.ccc-comms-body[b-g3mity3656] {
    flex: 1;
    min-width: 0;
}

.ccc-comms-title[b-g3mity3656] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--b9-text);
    margin-bottom: 2px;
}

.ccc-comms-desc[b-g3mity3656] {
    font-size: 0.8rem;
    color: var(--b9-text-secondary);
    line-height: 1.4;
}

/* ── Recovery grid ── */
.ccc-recovery-grid[b-g3mity3656] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.ccc-recovery-card[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--b9-surface);
    border: 1px solid var(--b9-border);
    border-radius: var(--radius-md);
    flex-wrap: wrap;
}

.ccc-recovery-card > .bi[b-g3mity3656] {
    font-size: 1.2rem;
    color: var(--b9-text-secondary);
    flex-shrink: 0;
    width: 24px;
    text-align: center;
}

.ccc-recovery-body[b-g3mity3656] {
    flex: 1;
    min-width: 0;
}

.ccc-recovery-title[b-g3mity3656] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--b9-text);
    margin-bottom: 2px;
}

.ccc-recovery-desc[b-g3mity3656] {
    font-size: 0.8rem;
    color: var(--b9-text-secondary);
    line-height: 1.4;
}

/* ── Safety modal ── */
.ccc-modal-backdrop[b-g3mity3656] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: var(--space-4);
}

.ccc-modal[b-g3mity3656] {
    background: var(--b9-surface-raised);
    border: 1px solid var(--b9-border-strong);
    border-radius: var(--radius-xl);
    padding: var(--space-6) var(--space-6);
    max-width: 440px;
    width: 100%;
    box-shadow: 0 24px 64px rgba(0,0,0,0.6);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.ccc-modal-icon[b-g3mity3656] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin: 0 auto;
}

.ccc-modal-icon--warning[b-g3mity3656] { background: var(--color-warn-subtle);  color: var(--color-warn);   border: 2px solid var(--color-warn); }
.ccc-modal-icon--danger[b-g3mity3656]  { background: var(--color-danger-subtle); color: var(--color-danger); border: 2px solid var(--color-danger); }

.ccc-modal-title[b-g3mity3656] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--b9-text);
    text-align: center;
    margin: 0;
}

.ccc-modal-body[b-g3mity3656] {
    font-size: 0.9rem;
    color: var(--b9-text-secondary);
    line-height: 1.6;
    margin: 0;
    text-align: center;
}

.ccc-modal-warning[b-g3mity3656] {
    color: var(--color-danger);
    font-weight: 600;
}

.ccc-modal-list[b-g3mity3656] {
    font-size: 0.9rem;
    color: var(--b9-text-secondary);
    line-height: 1.8;
    padding-left: var(--space-5);
    margin: 0;
    text-align: left;
}

.ccc-modal-actions[b-g3mity3656] {
    display: flex;
    gap: var(--space-3);
    justify-content: center;
    flex-wrap: wrap;
    padding-top: var(--space-2);
}

/* ── Footer links ── */
.ccc-footer-links[b-g3mity3656] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    padding: var(--space-3) 0;
    border-top: 1px solid var(--b9-border);
}

.ccc-footer-link[b-g3mity3656] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: 0.85rem;
    color: var(--b9-text-secondary);
    text-decoration: none;
    transition: color 140ms;
}

.ccc-footer-link:hover[b-g3mity3656] { color: var(--b9-text); }

/* ── ui-btn danger variant ── */
.ui-btn--danger[b-g3mity3656] {
    background: var(--color-danger);
    color: #fff;
    border-color: var(--color-danger);
}

.ui-btn--danger:hover:not(:disabled)[b-g3mity3656] {
    background: color-mix(in srgb, var(--color-danger) 85%, #000);
}

.ui-btn--warning[b-g3mity3656] {
    background: var(--color-warn);
    color: var(--bg-app);
    border-color: var(--color-warn);
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .ccc-page[b-g3mity3656] { padding: var(--space-3) var(--space-2) var(--space-6); }
    .ccc-hero[b-g3mity3656]  { flex-direction: column; }
    .ccc-hero-right[b-g3mity3656] { align-items: flex-start; }
    .ccc-state-guidance[b-g3mity3656] { text-align: left; max-width: 100%; }
    .ccc-summary-grid[b-g3mity3656] { grid-template-columns: 1fr; }
    .ccc-actions-grid[b-g3mity3656] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1100px) {
    .ccc-summary-grid[b-g3mity3656] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* FIX 2 (Pass 2): Finalize confirmation modal — insufficient-scores warning. */
.ccc-modal-warning-banner[b-g3mity3656] {
    background: var(--b9-warning-surface, rgba(255, 193, 7, 0.15));
    border-left: 3px solid var(--b9-warning, #ffc107);
    border-radius: var(--b9-radius-sm, 4px);
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    color: var(--b9-text, inherit);
}

/* ── Commissioner round notes ── */
.ccc-round-notes[b-g3mity3656] {
    margin: calc(var(--space-5) * -0.5) 0 0;
}

.ccc-notes-display[b-g3mity3656] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    background: var(--b9-surface-muted, rgba(148,163,184,0.08));
    border: 1px solid rgba(148,163,184,0.18);
    border-radius: 8px;
    padding: 0.55rem 0.75rem;
    font-size: 0.85rem;
    color: var(--b9-text-soft, #cbd5e1);
}

.ccc-notes-icon[b-g3mity3656] {
    color: var(--b9-text-dim, #64748b);
    flex-shrink: 0;
    margin-top: 0.05rem;
}

.ccc-notes-text[b-g3mity3656] {
    flex: 1;
    line-height: 1.45;
}

.ccc-notes-edit-link[b-g3mity3656] {
    background: none;
    border: none;
    padding: 0.1rem 0.25rem;
    cursor: pointer;
    color: var(--b9-text-dim, #64748b);
    border-radius: 4px;
    font-size: 0.78rem;
    flex-shrink: 0;
    transition: color .15s;
}
.ccc-notes-edit-link:hover[b-g3mity3656] { color: var(--b9-text, #f1f5f9); }

.ccc-notes-add-link[b-g3mity3656] {
    background: none;
    border: none;
    padding: 0.35rem 0.5rem;
    cursor: pointer;
    color: var(--b9-text-dim, #64748b);
    font-size: 0.82rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    border-radius: 6px;
    transition: color .15s, background .15s;
}
.ccc-notes-add-link:hover[b-g3mity3656] {
    color: var(--b9-text-soft, #94a3b8);
    background: var(--b9-surface-muted, rgba(148,163,184,0.08));
}

.ccc-notes-edit-row[b-g3mity3656] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.ccc-notes-textarea[b-g3mity3656] {
    width: 100%;
    background: var(--b9-surface, rgba(15,23,42,0.6));
    border: 1px solid rgba(148,163,184,0.3);
    border-radius: 8px;
    padding: 0.55rem 0.75rem;
    font-size: 0.85rem;
    color: var(--b9-text, #f1f5f9);
    resize: vertical;
    outline: none;
    box-sizing: border-box;
}
.ccc-notes-textarea:focus[b-g3mity3656] {
    border-color: rgba(99,102,241,0.5);
    box-shadow: 0 0 0 2px rgba(99,102,241,0.15);
}

.ccc-notes-edit-actions[b-g3mity3656] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.ccc-notes-save-btn[b-g3mity3656] {
    padding: 0.28rem 0.8rem;
    font-size: 0.8rem;
    font-weight: 700;
    border-radius: 6px;
    border: none;
    background: var(--brand-soft, rgba(99,102,241,0.18));
    color: var(--brand-text, #a5b4fc);
    cursor: pointer;
    transition: opacity .15s;
    display: inline-flex;
    align-items: center;
}
.ccc-notes-save-btn:disabled[b-g3mity3656] { opacity: 0.6; cursor: not-allowed; }
.ccc-notes-save-btn:not(:disabled):hover[b-g3mity3656] { opacity: 0.8; }

.ccc-notes-cancel-btn[b-g3mity3656] {
    padding: 0.28rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 6px;
    border: none;
    background: none;
    color: var(--b9-text-dim, #64748b);
    cursor: pointer;
    transition: color .15s;
}
.ccc-notes-cancel-btn:hover[b-g3mity3656] { color: var(--b9-text-soft, #94a3b8); }
/* /Components/Pages/Leagues/ContestSummaryCard.razor.rz.scp.css */
.wrd-section-head[b-47x0nw0rc6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, .75rem);
    flex-wrap: wrap;
    margin-bottom: var(--space-2, .5rem);
}

.wrd-section-head h3[b-47x0nw0rc6] {
    margin: 0;
    font-size: 1rem;
}

.wrd-list[b-47x0nw0rc6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, .5rem);
}

.wrd-contest-row[b-47x0nw0rc6] {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 10px);
    background: var(--bg-elevated);
    padding: .5rem .625rem;
    display: flex;
    justify-content: space-between;
    gap: var(--space-2, .5rem);
    align-items: center;
}

.wrd-contest-row div[b-47x0nw0rc6] {
    display: flex;
    flex-direction: column;
}

.wrd-contest-row span[b-47x0nw0rc6] {
    font-size: .8rem;
    color: var(--text-secondary);
}

.wrd-muted[b-47x0nw0rc6] {
    margin: 0;
    color: var(--text-secondary);
}
/* /Components/Pages/Leagues/Create.razor.rz.scp.css */
/* ── League Create / Edit page ────────────────────────────────────────── */

.lc-page[b-cryy9d6th1] {
    --lc-footer-clearance: clamp(5.25rem, 12svh, 8rem);
    max-width: 920px;
    margin: 0 auto;
    padding: 1.5rem 1.25rem calc(var(--lc-footer-clearance) + env(safe-area-inset-bottom));
}

.lc-form-shell[b-cryy9d6th1] {
    display: block;
}

.lc-header[b-cryy9d6th1] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.lc-back[b-cryy9d6th1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.85rem;
    color: var(--b9-text-soft);
    text-decoration: none;
    transition: background .15s, color .15s, border-color .15s;
    font-size: 1rem;
    flex-shrink: 0;
    border: 1px solid color-mix(in srgb, var(--b9-border, #2d3748) 70%, transparent);
    background: color-mix(in srgb, var(--bg-surface, #111827) 88%, transparent);
}

.lc-back:hover[b-cryy9d6th1] {
    background: color-mix(in srgb, var(--bg-surface-2, #1f2937) 90%, transparent);
    color: var(--b9-text);
}

.lc-title[b-cryy9d6th1] {
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    font-weight: 700;
    color: var(--b9-text);
    margin: 0;
}

.lc-subtitle[b-cryy9d6th1] {
    color: var(--b9-text-soft);
    margin-top: 0.375rem;
    max-width: 42rem;
    line-height: 1.5;
}

.lc-loading[b-cryy9d6th1] {
    padding: 3rem 0;
    text-align: center;
    color: var(--b9-text-soft);
}

.lc-card[b-cryy9d6th1] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-surface, #111827) 96%, #1f2937 4%), color-mix(in srgb, var(--bg-surface, #111827) 98%, black 2%));
    border: 1px solid color-mix(in srgb, var(--border-subtle, #334155) 78%, transparent);
    border-radius: 1.25rem;
    padding: 1.5rem;
    box-shadow: var(--b9-card-shadow, 0 20px 45px rgba(0, 0, 0, 0.22));
}

.lc-page-note[b-cryy9d6th1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem 1rem;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0.9rem 1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--border-subtle, #334155) 72%, transparent);
    background: color-mix(in srgb, var(--bg-surface-2, #1f2937) 84%, transparent);
}

.lc-page-note-copy[b-cryy9d6th1] {
    flex: 1 1 18rem;
}

.lc-page-note-title[b-cryy9d6th1] {
    font-weight: 700;
    color: var(--b9-text);
}

.lc-page-note-text[b-cryy9d6th1] {
    color: var(--b9-text-soft);
}

.lc-status-list[b-cryy9d6th1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
    flex: 0 1 30rem;
}

.lc-status-pill[b-cryy9d6th1] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--border-subtle, #334155) 76%, transparent);
    background: color-mix(in srgb, var(--bg-surface, #111827) 80%, transparent);
    color: var(--b9-text-soft);
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

.lc-status-pill-complete[b-cryy9d6th1] {
    color: color-mix(in srgb, var(--b9-success, #22c55e) 82%, white 18%);
    border-color: color-mix(in srgb, var(--b9-success, #22c55e) 28%, transparent);
    background: color-mix(in srgb, var(--b9-success, #22c55e) 10%, transparent);
}

.lc-status-pill-group[b-cryy9d6th1] {
    color: var(--b9-text);
    border-color: color-mix(in srgb, var(--border-subtle, #334155) 82%, transparent);
    background: color-mix(in srgb, var(--bg-surface-2, #1f2937) 92%, transparent);
}

.lc-status-pill-optional[b-cryy9d6th1] {
    color: var(--b9-text-soft);
}

.lc-section-stack[b-cryy9d6th1] {
    display: grid;
    gap: 1rem;
}

.lc-section-card[b-cryy9d6th1],
.lc-disclosure[b-cryy9d6th1] {
    border: 1px solid color-mix(in srgb, var(--border-subtle, #334155) 72%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--bg-surface, #111827) 88%, transparent);
}

.lc-section-card[b-cryy9d6th1] {
    padding: 1.25rem;
}

.lc-section-heading[b-cryy9d6th1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.lc-section-title[b-cryy9d6th1] {
    margin: 0;
    font-size: 1.125rem;
    color: var(--b9-text);
}

.lc-section-copy[b-cryy9d6th1] {
    margin: 0.35rem 0 0;
    color: var(--b9-text-soft);
    line-height: 1.5;
}

.lc-section-chip[b-cryy9d6th1] {
    align-self: flex-start;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--b9-text);
    background: color-mix(in srgb, var(--b9-primary, #2563eb) 22%, transparent);
    border: 1px solid color-mix(in srgb, var(--b9-primary, #2563eb) 38%, transparent);
}

.lc-field[b-cryy9d6th1] {
    margin-bottom: 1.125rem;
}

.lc-label[b-cryy9d6th1] {
    display: block;
    font-size: 0.93rem;
    font-weight: 600;
    color: var(--b9-text);
    margin-bottom: 0.45rem;
}

.lc-required[b-cryy9d6th1] {
    color: var(--b9-danger);
}

.lc-card[b-cryy9d6th1] (.lc-input.form-control),
.lc-card[b-cryy9d6th1] (.lc-input.form-select),
.lc-card textarea.lc-input[b-cryy9d6th1],
.lc-card input.lc-input[b-cryy9d6th1],
.lc-card select.lc-input[b-cryy9d6th1] {
    font-size: 0.96rem;
    min-height: 2.85rem;
    background: color-mix(in srgb, var(--bg-surface-2, #1f2937) 88%, transparent);
    border: 1px solid color-mix(in srgb, var(--b9-primary, #2563eb) 14%, var(--border-subtle, #334155) 86%);
    color: var(--b9-text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    pointer-events: auto;
    opacity: 1;
}

.lc-card[b-cryy9d6th1] (.lc-input.form-control:hover:not(:disabled):not([readonly])),
.lc-card[b-cryy9d6th1] (.lc-input.form-select:hover:not(:disabled):not([readonly])),
.lc-card textarea.lc-input:hover:not(:disabled):not([readonly])[b-cryy9d6th1],
.lc-card input.lc-input:hover:not(:disabled):not([readonly])[b-cryy9d6th1],
.lc-card select.lc-input:hover:not(:disabled):not([readonly])[b-cryy9d6th1] {
    background: color-mix(in srgb, var(--bg-surface-2, #1f2937) 94%, #0f172a 6%);
    border-color: color-mix(in srgb, var(--b9-primary, #2563eb) 34%, white 8%);
}

.lc-card[b-cryy9d6th1] (.lc-input.form-control:focus),
.lc-card[b-cryy9d6th1] (.lc-input.form-control:focus-visible),
.lc-card[b-cryy9d6th1] (.lc-input.form-select:focus),
.lc-card[b-cryy9d6th1] (.lc-input.form-select:focus-visible),
.lc-card textarea.lc-input:focus[b-cryy9d6th1],
.lc-card textarea.lc-input:focus-visible[b-cryy9d6th1],
.lc-card input.lc-input:focus[b-cryy9d6th1],
.lc-card input.lc-input:focus-visible[b-cryy9d6th1],
.lc-card select.lc-input:focus[b-cryy9d6th1],
.lc-card select.lc-input:focus-visible[b-cryy9d6th1] {
    border-color: color-mix(in srgb, var(--b9-primary, #2563eb) 65%, white 10%);
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--b9-primary, #2563eb) 22%, transparent);
    background: color-mix(in srgb, var(--bg-surface-2, #1f2937) 96%, #0f172a 4%);
}

.lc-card[b-cryy9d6th1] (.lc-input.form-control:disabled),
.lc-card[b-cryy9d6th1] (.lc-input.form-select:disabled),
.lc-card textarea.lc-input:disabled[b-cryy9d6th1],
.lc-card input.lc-input:disabled[b-cryy9d6th1],
.lc-card select.lc-input:disabled[b-cryy9d6th1],
.lc-card[b-cryy9d6th1] (.lc-input.form-control[readonly]),
.lc-card[b-cryy9d6th1] (.lc-input.form-select[readonly]),
.lc-card textarea.lc-input[readonly][b-cryy9d6th1],
.lc-card input.lc-input[readonly][b-cryy9d6th1],
.lc-card select.lc-input[readonly][b-cryy9d6th1] {
    pointer-events: none;
}

.lc-hint[b-cryy9d6th1] {
    font-size: 0.84rem;
    color: var(--b9-text-soft);
    margin-top: 0.35rem;
    line-height: 1.45;
}

.lc-validation[b-cryy9d6th1] {
    display: block;
    font-size: 0.84rem;
    color: var(--b9-danger);
    margin-top: 0.35rem;
}

.lc-row-2[b-cryy9d6th1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.125rem;
}

.lc-row-2 .lc-field[b-cryy9d6th1] {
    margin-bottom: 0;
}

.lc-row-tight[b-cryy9d6th1] {
    margin-bottom: 0.85rem;
}

.lc-field-tight[b-cryy9d6th1] {
    margin-top: 0.75rem;
}

.lc-check[b-cryy9d6th1] {
    color: var(--b9-text);
}

.lc-check-block[b-cryy9d6th1] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-bottom: 0.85rem;
    padding: 0.95rem 1rem;
    padding-left: 1rem;
    border: 1px solid color-mix(in srgb, var(--border-subtle, #334155) 72%, transparent);
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--bg-surface-2, #1f2937) 72%, transparent);
}

.lc-check-block .form-check-input[b-cryy9d6th1] {
    position: static;
    margin: 0.2rem 0 0;
    flex: 0 0 auto;
}

.lc-check-block .form-check-label[b-cryy9d6th1] {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    margin: 0;
    font-weight: 600;
    line-height: 1.45;
}

.lc-check-title[b-cryy9d6th1] {
    color: var(--b9-text);
}

.lc-check-helper[b-cryy9d6th1] {
    font-size: 0.84rem;
    font-weight: 500;
    color: var(--b9-text-soft);
}

.lc-readonly-card[b-cryy9d6th1] {
    padding: 1rem;
    border-radius: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--border-subtle, #334155) 72%, transparent);
    background: color-mix(in srgb, var(--bg-surface-2, #1f2937) 78%, transparent);
}

.lc-readonly-head[b-cryy9d6th1] {
    margin-bottom: 0.75rem;
}

.lc-subsection-title[b-cryy9d6th1] {
    margin: 0;
    font-size: 1rem;
    color: var(--b9-text);
}

.lc-subsection-copy[b-cryy9d6th1] {
    margin: 0.3rem 0 0;
    color: var(--b9-text-soft);
    line-height: 1.45;
}

.lc-readonly-list[b-cryy9d6th1] {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.85rem;
}

.lc-readonly-row[b-cryy9d6th1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 0.8rem 0.9rem;
    border-radius: 0.8rem;
    background: color-mix(in srgb, var(--bg-surface, #111827) 88%, transparent);
    border: 1px solid color-mix(in srgb, var(--border-subtle, #334155) 68%, transparent);
    color: var(--b9-text);
}

.lc-readonly-row strong[b-cryy9d6th1] {
    font-size: 0.95rem;
}

.lc-inline-note[b-cryy9d6th1] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    border-radius: 0.9rem;
    color: var(--b9-text);
    background: color-mix(in srgb, var(--b9-success, #16a34a) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--b9-success, #16a34a) 30%, transparent);
    line-height: 1.5;
}

.lc-inline-note-info[b-cryy9d6th1] {
    margin-top: 0.75rem;
    background: color-mix(in srgb, var(--b9-primary, #2563eb) 10%, transparent);
    border-color: color-mix(in srgb, var(--b9-primary, #2563eb) 28%, transparent);
}

.lc-lock-note[b-cryy9d6th1] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.85rem;
    color: var(--b9-text-soft);
    font-size: 0.84rem;
}

.lc-disclosure[b-cryy9d6th1] {
    overflow: hidden;
}

.lc-disclosure:hover[b-cryy9d6th1] {
    border-color: color-mix(in srgb, var(--b9-primary, #2563eb) 30%, var(--border-subtle, #334155) 70%);
}

.lc-disclosure-summary[b-cryy9d6th1] {
    list-style: none;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 0.95rem 1.1rem;
}

.lc-disclosure-summary[b-cryy9d6th1]::-webkit-details-marker {
    display: none;
}

.lc-disclosure-summary-row[b-cryy9d6th1] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 0.55rem;
}

.lc-disclosure-summary-content[b-cryy9d6th1] {
    min-width: 0;
}

.lc-disclosure-chevron[b-cryy9d6th1] {
    margin-top: 0.18rem;
    color: var(--b9-text-soft);
    font-size: 0.88rem;
    transition: transform .16s ease, color .16s ease;
}

.lc-disclosure-summary:hover .lc-disclosure-chevron[b-cryy9d6th1],
.lc-disclosure-summary:hover .lc-disclosure-title[b-cryy9d6th1],
.lc-disclosure-summary:focus-visible .lc-disclosure-chevron[b-cryy9d6th1],
.lc-disclosure-summary:focus-visible .lc-disclosure-title[b-cryy9d6th1] {
    color: var(--b9-text);
}

.lc-disclosure[open] .lc-disclosure-chevron[b-cryy9d6th1] {
    transform: rotate(90deg);
    color: var(--b9-text);
}

.lc-disclosure-title[b-cryy9d6th1] {
    display: block;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--b9-text);
}

.lc-disclosure-copy[b-cryy9d6th1] {
    display: block;
    margin-top: 0.35rem;
    color: var(--b9-text-soft);
    line-height: 1.45;
    max-width: 44rem;
}

.lc-disclosure-body[b-cryy9d6th1] {
    padding: 0 1.25rem 1.25rem;
    border-top: 1px solid color-mix(in srgb, var(--border-subtle, #334155) 70%, transparent);
}

.lc-sticky-actions[b-cryy9d6th1] {
    position: static;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
    min-height: 52px;
    max-height: 64px;
    padding: 0.5rem 0.85rem;
    border-top: 1px solid color-mix(in srgb, var(--border-subtle, #334155) 74%, transparent);
    border-left: 1px solid color-mix(in srgb, var(--border-subtle, #334155) 48%, transparent);
    border-right: 1px solid color-mix(in srgb, var(--border-subtle, #334155) 48%, transparent);
    border-radius: 0.95rem 0.95rem 0 0;
    background: color-mix(in srgb, var(--bg-surface, #111827) 80%, rgba(0, 0, 0, 0.55) 20%);
    box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(10px);
}

.lc-sticky-actions .btn[b-cryy9d6th1] {
    min-width: 9rem;
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

@media (max-width: 767px) {
    .lc-page[b-cryy9d6th1] {
        --lc-footer-clearance: clamp(5rem, 14svh, 8rem);
        padding: 1rem 0.9rem calc(var(--lc-footer-clearance) + env(safe-area-inset-bottom));
    }

    .lc-card[b-cryy9d6th1] {
        padding: 1rem;
    }

    .lc-row-2[b-cryy9d6th1] {
        grid-template-columns: 1fr;
    }

    .lc-section-heading[b-cryy9d6th1] {
        flex-direction: column;
    }

    .lc-status-list[b-cryy9d6th1] {
        justify-content: flex-start;
    }

    .lc-sticky-actions[b-cryy9d6th1] {
        position: static;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        max-height: 64px;
        min-height: 52px;
        padding: 0.5rem 0.75rem;
    }

    .lc-sticky-actions .btn[b-cryy9d6th1] {
        width: auto;
        min-width: 0;
        flex: 0 1 auto;
    }

    .lc-readonly-row[b-cryy9d6th1] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Leagues/Detail.razor.rz.scp.css */
/* ── League Detail page ───────────────────────────────────────────────── */

.ld-page[b-nxuebmc50j] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.5rem 1.25rem 3rem;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* ── Header ── */

.ld-header[b-nxuebmc50j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
    min-width: 0;
}

.ld-header-left[b-nxuebmc50j] {
    display: flex;
    align-items: flex-start;
    gap: .875rem;
    min-width: 0;
}

.ld-back[b-nxuebmc50j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    color: var(--b9-text-soft);
    text-decoration: none;
    transition: background .15s, color .15s;
    font-size: 1rem;
    flex-shrink: 0;
    margin-top: .25rem;
}

.ld-back:hover[b-nxuebmc50j] {
    background: var(--b9-surface-muted);
    color: var(--b9-text);
}

.ld-title-row[b-nxuebmc50j] {
    display: flex;
    align-items: center;
    gap: .625rem;
    flex-wrap: wrap;
}

.ld-title[b-nxuebmc50j] {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--b9-text);
    margin: 0;
    line-height: 1.2;
}

.ld-meta[b-nxuebmc50j] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: .8125rem;
    color: var(--b9-text-soft);
    margin-top: .375rem;
    line-height: 1.4;
}

.ld-header-actions[b-nxuebmc50j] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    flex-shrink: 0;
    min-width: 0;
    align-items: center;
    overflow: visible;
}

.ld-safe-actions[b-nxuebmc50j] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.ld-more-actions[b-nxuebmc50j] {
    position: relative;
    overflow: visible;
}

.ld-more-actions-toggle[b-nxuebmc50j] {
    min-width: 48px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.ld-more-actions-toggle:focus-visible[b-nxuebmc50j] {
    outline: 2px solid #2563eb;
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.22);
}

/* dark is default — override outline to a lighter blue that's visible on dark */
.ld-more-actions-toggle:focus-visible[b-nxuebmc50j] {
    outline-color: #93c5fd;
    box-shadow: 0 0 0 2px rgba(147, 197, 253, 0.3);
}

html[data-theme="light"] .ld-more-actions-toggle:focus-visible[b-nxuebmc50j] {
    outline-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.22);
}

.ld-more-actions-menu[b-nxuebmc50j] {
    z-index: 1080;
    min-width: 13.5rem;
    list-style: none;
    margin: .35rem 0 0;
    padding: .4rem;
    position: absolute;
    right: 0;
    top: calc(100% + 2px);
    border-radius: 10px;
    border: 1px solid var(--b9-border);
    background: var(--b9-surface-elevated, var(--b9-surface));
    box-shadow: 0 10px 24px rgba(2, 8, 23, 0.22);
}

.ld-action-item[b-nxuebmc50j] {
    width: 100%;
    border: 0;
    text-align: left;
    border-radius: 8px;
    background: transparent;
    padding: .5rem .625rem;
    display: inline-flex;
    align-items: center;
    color: var(--text-secondary);
    font-weight: 500;
}

.ld-action-item:hover[b-nxuebmc50j],
.ld-action-item:focus-visible[b-nxuebmc50j] {
    background: var(--bg-raised);
    color: var(--text-primary);
}

.ld-action-danger[b-nxuebmc50j] {
    width: 100%;
    border: 0;
    text-align: left;
    border-radius: 8px;
    background: transparent;
    padding: .5rem .625rem;
    display: inline-flex;
    align-items: center;
    color: #b91c1c !important;
    font-weight: 600;
}

.ld-action-danger:hover[b-nxuebmc50j],
.ld-action-danger:focus-visible[b-nxuebmc50j] {
    color: #ffffff !important;
    background-color: #b91c1c !important;
}

/* dark is default — danger action uses lighter red so it's visible on dark bg */
.ld-action-danger[b-nxuebmc50j] {
    color: #fecaca !important;
}

.ld-action-danger:hover[b-nxuebmc50j],
.ld-action-danger:focus-visible[b-nxuebmc50j] {
    color: #ffffff !important;
    background-color: #dc2626 !important;
}

html[data-theme="light"] .ld-action-danger[b-nxuebmc50j] {
    color: #b91c1c !important;
}

html[data-theme="light"] .ld-action-danger:hover[b-nxuebmc50j],
html[data-theme="light"] .ld-action-danger:focus-visible[b-nxuebmc50j] {
    color: #ffffff !important;
    background-color: #b91c1c !important;
}

/* ── Alerts ── */

.ld-loading[b-nxuebmc50j] {
    padding: 3rem 0;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    color: var(--b9-text-soft);
    font-size: .9375rem;
}

.ld-loading-copy[b-nxuebmc50j] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    max-width: 34rem;
}

.ld-loading-title[b-nxuebmc50j] {
    color: var(--b9-text);
    font-weight: 600;
}

.ld-loading-sub[b-nxuebmc50j] {
    color: var(--b9-text-soft);
}

.ld-alert[b-nxuebmc50j] {
    padding: .75rem 1rem;
    border-radius: 8px;
    font-size: .875rem;
    margin-bottom: 1rem;
}

.ld-alert-success[b-nxuebmc50j] {
    background: var(--success-soft, rgba(34,197,94,0.12));
    color: var(--success-text, #4ade80);
    border: 1px solid var(--success-border, rgba(34,197,94,0.3));
}

.ld-alert-danger[b-nxuebmc50j] {
    background: var(--danger-soft, rgba(239,68,68,0.12));
    color: var(--danger-text, #f87171);
    border: 1px solid var(--danger-border, rgba(239,68,68,0.3));
}

.ld-confirm-banner[b-nxuebmc50j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .875rem 1.125rem;
    background: var(--warning-soft, rgba(251,191,36,0.12));
    border: 1px solid var(--warning-border, rgba(251,191,36,0.3));
    border-radius: 10px;
    font-size: .9rem;
    color: var(--b9-text);
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.ld-confirm-btns[b-nxuebmc50j] {
    display: flex;
    gap: .5rem;
    flex-shrink: 0;
}

/* ── Tabs ── */

.ld-tabs[b-nxuebmc50j] {
    display: flex;
    gap: .25rem;
    border-bottom: 2px solid var(--b9-border);
    margin-bottom: 1.25rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;    /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

.ld-tabs[b-nxuebmc50j]::-webkit-scrollbar {
    display: none; /* Chrome/Safari/WebKit — hides the scrollbar without disabling scroll */
}

.ld-tab[b-nxuebmc50j] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .625rem 1rem;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--b9-text-soft);
    cursor: pointer;
    transition: color .15s;
    border-radius: 6px 6px 0 0;
    flex: 0 0 auto;
}

.ld-tab:hover[b-nxuebmc50j] { color: var(--b9-text); }

/* dark is default */
.ld-tab-active[b-nxuebmc50j] {
    color: #93C5FD;
    border-bottom-color: #60A5FA;
    font-weight: 600;
}

html[data-theme="light"] .ld-tab-active[b-nxuebmc50j] {
    color: var(--b9-primary);
    border-bottom-color: var(--b9-primary);
}

.ld-tab-badge[b-nxuebmc50j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 .375rem;
    background: var(--b9-surface-muted);
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    color: var(--b9-text-soft);
}

.ld-tab-active .ld-tab-badge[b-nxuebmc50j] {
    background: var(--brand-soft, rgba(139,92,246,0.18));
    color: var(--b9-primary-light, #a78bfa);
}

/* ── Cards ── */

.ld-card[b-nxuebmc50j] {
    background: var(--b9-surface);
    border: 1px solid var(--b9-border);
    border-radius: 12px;
    overflow: hidden;
}

.ld-card-header[b-nxuebmc50j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .875rem 1.25rem;
    border-bottom: 1px solid var(--b9-border);
    background: var(--b9-surface);
}

.ld-card-title[b-nxuebmc50j] {
    font-weight: 600;
    font-size: .9375rem;
    color: var(--b9-text);
    line-height: 1.3;
}

.ld-card-hint[b-nxuebmc50j] {
    font-size: .8125rem;
    color: var(--b9-text-soft);
    line-height: 1.4;
}

/* ── Add bar ── */

.ld-add-bar[b-nxuebmc50j] {
    padding: .875rem 1.25rem;
    border-bottom: 1px solid var(--b9-border);
    background: var(--b9-surface-muted);
}

.ld-add-label[b-nxuebmc50j] {
    font-size: .8125rem;
    font-weight: 600;
    color: var(--b9-text-soft);
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: .5rem;
}

.ld-add-row[b-nxuebmc50j] {
    display: flex;
    gap: .625rem;
    align-items: center;
    flex-wrap: wrap;
}

/* ── Player search picker ── */

.ld-search-wrap[b-nxuebmc50j] {
    position: relative;
    flex: 1 1 260px;
    max-width: 460px;
}

.ld-search-input-wrap[b-nxuebmc50j] {
    position: relative;
    display: flex;
    align-items: center;
}

.ld-search-icon[b-nxuebmc50j] {
    position: absolute;
    left: .75rem;
    color: var(--b9-text-soft);
    pointer-events: none;
    font-size: .9rem;
}

.ld-search-input[b-nxuebmc50j] {
    width: 100%;
    padding-left: 2.1rem;
    padding-right: 2.25rem;
    font-size: .9rem;
    background: var(--bg-elevated, var(--b9-surface-muted));
    border-color: var(--border-default, var(--b9-border));
    color: var(--text-primary);
}

.ld-search-input:focus[b-nxuebmc50j] {
    border-color: var(--brand-accent, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59,130,246,.18);
}

.ld-search-clear-btn[b-nxuebmc50j] {
    position: absolute;
    right: .55rem;
    background: none;
    border: none;
    color: var(--b9-text-soft);
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    padding: 0 .2rem;
    opacity: .7;
}
.ld-search-clear-btn:hover[b-nxuebmc50j] { opacity: 1; color: var(--text-primary); }

/* Transparent full-screen backdrop — clicking outside closes dropdown */
.ld-search-backdrop[b-nxuebmc50j] {
    position: fixed;
    inset: 0;
    z-index: 199;
    background: transparent;
}

/* Floating suggestion list */
.ld-search-dropdown[b-nxuebmc50j] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    min-width: 100%;
    background: var(--bg-elevated, #1e2736);
    border: 1px solid var(--border-default, rgba(255,255,255,.12));
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0,0,0,.45);
    z-index: 200;
    overflow: hidden;
    max-height: 300px;
    overflow-y: auto;
}

.ld-search-result[b-nxuebmc50j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .65rem .9rem;
    background: none;
    border: none;
    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,.06));
    text-align: left;
    cursor: pointer;
    color: var(--text-primary);
    transition: background .1s;
    min-height: 48px; /* thumb-friendly tap target */
}

.ld-search-result:last-child[b-nxuebmc50j] { border-bottom: none; }
.ld-search-result:hover[b-nxuebmc50j], .ld-search-result:focus[b-nxuebmc50j] { background: var(--bg-raised, rgba(255,255,255,.06)); outline: none; }

.ld-search-result-name[b-nxuebmc50j] {
    font-size: .9rem;
    font-weight: 500;
}

.ld-search-hcp[b-nxuebmc50j] {
    font-size: .75rem;
    color: var(--text-muted);
    background: var(--bg-raised, rgba(255,255,255,.07));
    padding: 2px 9px;
    border-radius: 12px;
    flex-shrink: 0;
    margin-left: .5rem;
}

.ld-search-no-results[b-nxuebmc50j] {
    padding: .85rem .9rem;
    color: var(--text-muted);
    font-size: .875rem;
}

/* Selected state — chip */
.ld-search-chip[b-nxuebmc50j] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .85rem;
    background: var(--brand-soft, rgba(59,130,246,.1));
    border: 1.5px solid var(--brand-muted, rgba(59,130,246,.35));
    border-radius: 22px;
    font-size: .9rem;
    color: var(--text-primary);
    font-weight: 500;
    min-height: 38px;
    max-width: 100%;
}

.ld-search-chip-clear[b-nxuebmc50j] {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0 .15rem;
    font-size: 1.1rem;
    line-height: 1;
    margin-left: .2rem;
    flex-shrink: 0;
}
.ld-search-chip-clear:hover[b-nxuebmc50j] { color: var(--text-primary); }

/* Enroll button — slightly larger than the old sm button for grab-ability */
.ld-enroll-btn[b-nxuebmc50j] {
    font-size: .9rem;
    padding: .45rem 1.1rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.ld-inline-error[b-nxuebmc50j] {
    font-size: .8125rem;
    color: var(--b9-danger);
    margin-top: .375rem;
}

.ld-team-grid[b-nxuebmc50j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem 1.25rem 1.25rem;
}

.ld-team-card[b-nxuebmc50j] {
    border: 1px solid var(--b9-border);
    border-radius: 12px;
    background: var(--b9-surface-muted);
    padding: 0.9rem;
}

.ld-team-head[b-nxuebmc50j] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    margin-bottom: 0.55rem;
}

.ld-team-help[b-nxuebmc50j] {
    color: var(--b9-text-soft);
    font-size: 0.78rem;
    margin-bottom: 0.75rem;
}

.ld-team-members[b-nxuebmc50j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.ld-team-slot[b-nxuebmc50j] {
    min-width: 0;
}

/* ── Empty state ── */

.ld-empty[b-nxuebmc50j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 3rem 1.5rem;
    text-align: center;
    color: var(--b9-text-soft);
    font-size: .9rem;
}

.ld-empty-icon[b-nxuebmc50j] {
    font-size: 2.5rem;
    color: var(--b9-border);
}

.ld-empty p[b-nxuebmc50j] { margin: 0; max-width: 360px; }

/* ── Storytelling standings (Phase 1) ── */

.ls-week-strip[b-nxuebmc50j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
    border: 1px solid var(--brand-ring);
    background: var(--bg-elevated);
    border-radius: 10px;
    padding: .85rem 1rem;
    margin: 0 .75rem .75rem;
    flex-wrap: wrap;
}

.ls-week-strip-main[b-nxuebmc50j] {
    min-width: 200px;
}

.ls-week-strip-label[b-nxuebmc50j] {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--brand-text);
    font-weight: 700;
}

.ls-week-strip-title[b-nxuebmc50j] {
    font-size: .93rem;
    font-weight: 700;
    color: var(--b9-text);
}

.ls-week-strip-meta[b-nxuebmc50j] {
    font-size: .78rem;
    color: var(--b9-text-soft);
}

.ls-week-strip-matchups[b-nxuebmc50j] {
    font-size: .8rem;
    color: var(--b9-text);
    flex: 1 1 260px;
}

.ls-mover-card[b-nxuebmc50j] {
    border: 1px solid rgba(245, 158, 11, 0.30);
    background: var(--warning-soft);
    border-radius: 10px;
    padding: .75rem 1rem;
}

.ls-mover-label[b-nxuebmc50j] {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--warning-text);
    font-weight: 700;
}

.ls-mover-team[b-nxuebmc50j] {
    font-size: .95rem;
    font-weight: 700;
    color: var(--b9-text);
}

.ls-mover-meta[b-nxuebmc50j] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .8rem;
    color: var(--warning-text);
}

.ls-standings-list[b-nxuebmc50j] {
    display: grid;
    gap: .75rem;
}

.ls-standings-card[b-nxuebmc50j] {
    border: 1px solid var(--b9-border);
    border-radius: 12px;
    background: var(--bg-elevated);
    padding: .85rem .95rem;
}

.ls-standings-head[b-nxuebmc50j] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .6rem;
}

.ls-standings-rank[b-nxuebmc50j] {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    background: var(--brand-soft);
    color: var(--brand-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .82rem;
    font-weight: 700;
    flex-shrink: 0;
}

.ls-standings-team[b-nxuebmc50j] {
    min-width: 0;
    flex: 1;
}

.ls-standings-team-name[b-nxuebmc50j] {
    font-size: .92rem;
    font-weight: 700;
    color: var(--b9-text);
    line-height: 1.2;
}

.ls-standings-pool[b-nxuebmc50j] {
    font-size: .74rem;
    color: var(--b9-text-soft);
}

/* Admin pool picker */
.ls-pool-picker-wrap[b-nxuebmc50j] {
    position: relative;
}

.ls-pool-badge-btn[b-nxuebmc50j] {
    background: none;
    border: none;
    padding: 0;
    font-size: .74rem;
    color: var(--brand);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .2rem;
}

.ls-pool-badge-btn:hover[b-nxuebmc50j] {
    text-decoration: underline;
}

.ls-pool-picker-menu[b-nxuebmc50j] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 200;
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: .5rem;
    padding: .25rem;
    min-width: 160px;
    box-shadow: 0 4px 16px rgba(0,0,0,.35);
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.ls-pool-picker-opt[b-nxuebmc50j] {
    background: none;
    border: none;
    padding: .4rem .7rem;
    text-align: left;
    font-size: .84rem;
    color: var(--text-primary);
    border-radius: .35rem;
    cursor: pointer;
    white-space: nowrap;
}

.ls-pool-picker-opt:hover[b-nxuebmc50j] {
    background: var(--bg-raised);
}

.ls-pool-picker-opt--unassign[b-nxuebmc50j] {
    color: var(--text-muted);
    font-size: .78rem;
    border-top: 1px solid var(--border-subtle);
    margin-top: .15rem;
    padding-top: .45rem;
}

.ls-standings-trend[b-nxuebmc50j] {
    font-size: .78rem;
    font-weight: 700;
    border-radius: 999px;
    padding: .22rem .5rem;
    white-space: nowrap;
}

.ls-trend-up[b-nxuebmc50j] {
    background: var(--success-soft);
    color: var(--success-text);
}

.ls-trend-down[b-nxuebmc50j] {
    background: var(--danger-soft);
    color: var(--danger-text);
}

.ls-trend-flat[b-nxuebmc50j] {
    background: var(--bg-raised);
    color: var(--text-muted);
}

.ls-standings-metrics[b-nxuebmc50j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
}

.ls-standings-metrics--4[b-nxuebmc50j] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ls-metric-chip[b-nxuebmc50j] {
    background: var(--b9-surface-muted);
    border-radius: 8px;
    padding: .45rem .55rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.ls-metric-chip--hcp[b-nxuebmc50j] {
    border: 1px solid var(--brand-soft, rgba(99,102,241,.18));
}

.ls-metric-label[b-nxuebmc50j] {
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: var(--text-muted);
    font-weight: 700;
}

.ls-metric-value[b-nxuebmc50j] {
    font-size: .85rem;
    color: var(--b9-text);
    font-weight: 700;
}

/* ── Table ── */

.etable-wrap[b-nxuebmc50j] {
    max-width: 100%;
    overflow-x: auto;
}

.etable[b-nxuebmc50j] {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.etable thead th[b-nxuebmc50j] {
    padding: .625rem 1rem;
    text-align: left;
    font-size: .75rem;
    font-weight: 600;
    color: var(--b9-text-soft);
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 1px solid var(--b9-border);
    white-space: nowrap;
    background: var(--b9-surface-muted);
    line-height: 1.3;
}

.etable tbody tr[b-nxuebmc50j] {
    border-bottom: 1px solid var(--b9-border-light, var(--b9-border));
    transition: background .12s;
}

.etable tbody tr:last-child[b-nxuebmc50j] { border-bottom: none; }
.etable tbody tr:hover[b-nxuebmc50j] { background: var(--b9-surface-muted); }
.etable tbody tr.tr-withdrawn[b-nxuebmc50j] { opacity: .55; }

.etable tbody td[b-nxuebmc50j] {
    padding: .75rem 1rem;
    vertical-align: middle;
    color: var(--b9-text);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.td-player[b-nxuebmc50j]  { font-weight: 500; }
.td-soft[b-nxuebmc50j]    { color: var(--b9-text-soft); white-space: nowrap; }
.td-center[b-nxuebmc50j]  { text-align: center; }
.td-link[b-nxuebmc50j]    { color: var(--b9-primary); text-decoration: none; font-weight: 500; }
.td-link:hover[b-nxuebmc50j] { text-decoration: underline; }

/* Rank medals */
.rank-medal[b-nxuebmc50j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    font-size: .75rem;
    font-weight: 700;
}

.rank-1[b-nxuebmc50j] { background: rgba(253,224,71,0.22);  color: #fde047; } /* gold   */
.rank-2[b-nxuebmc50j] { background: rgba(148,163,184,0.18); color: #94a3b8; } /* silver */
.rank-3[b-nxuebmc50j] { background: rgba(217,119,6,0.18);   color: #d97706; } /* bronze */

/* Action buttons */
.etd-actions[b-nxuebmc50j] { text-align: right; white-space: nowrap; }

.etd-action-btn[b-nxuebmc50j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    color: var(--b9-text-soft);
    background: none;
    border: none;
    cursor: pointer;
    transition: background .15s, color .15s;
    font-size: .9375rem;
}

.etd-action-btn:hover[b-nxuebmc50j] { background: var(--b9-surface-muted); color: var(--b9-text); }

.etd-action-remove:hover[b-nxuebmc50j] { background: var(--danger-soft, rgba(239,68,68,0.14)); color: var(--danger-text, #FCA5A5); }

/* Status badges */
.estatus[b-nxuebmc50j] {
    display: inline-block;
    padding: .2rem .6rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    white-space: nowrap;
}

.estatus-active[b-nxuebmc50j]    { background: var(--success-soft, rgba(34,197,94,0.14));  color: var(--success-text, #86EFAC); }
.estatus-open[b-nxuebmc50j]      { background: var(--info-soft,    rgba(56,189,248,0.12)); color: var(--info-text,    #7DD3FC); }
.estatus-draft[b-nxuebmc50j]     { background: var(--b9-surface-muted, rgba(148,163,184,0.1)); color: var(--b9-text-soft, #94a3b8); }
.estatus-closed[b-nxuebmc50j]    { background: var(--brand-soft,   rgba(99,102,241,0.12)); color: var(--brand-text,   #a5b4fc); }
.estatus-cancelled[b-nxuebmc50j] { background: var(--danger-soft,  rgba(239,68,68,0.14)); color: var(--danger-text,  #FCA5A5); }

/* Payment chips — clickable pill buttons on the roster */
.etd-pay-chip[b-nxuebmc50j] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.18rem 0.55rem;
    border-radius: 100px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    border: 1px solid transparent;
    background: none;
    cursor: pointer;
    transition: opacity .15s;
    white-space: nowrap;
    line-height: 1.4;
}
.etd-pay-chip:hover[b-nxuebmc50j] { opacity: 0.75; }

.etd-pay-paid[b-nxuebmc50j] {
    background: var(--success-soft, rgba(34,197,94,0.14));
    color: var(--success-text, #86EFAC);
    border-color: rgba(34,197,94,0.28);
}
.etd-pay-unpaid[b-nxuebmc50j] {
    background: var(--warning-soft, rgba(245,158,11,0.14));
    color: var(--warning-text, #FCD34D);
    border-color: rgba(245,158,11,0.28);
}
.etd-pay-waived[b-nxuebmc50j] {
    background: var(--b9-surface-muted, rgba(148,163,184,0.1));
    color: var(--b9-text-soft, #94a3b8);
    border-color: rgba(148,163,184,0.22);
}

/* Payment summary strip above roster table */
.ld-pay-summary[b-nxuebmc50j] {
    display: flex;
    gap: 0.85rem;
    font-size: 0.8rem;
    color: var(--b9-text-soft, #94a3b8);
    padding: 0.1rem 0 0.65rem;
    flex-wrap: wrap;
    align-items: center;
}
.ld-pay-summary-item[b-nxuebmc50j] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}
.ld-pay-dot[b-nxuebmc50j] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}
.ld-pay-dot-paid[b-nxuebmc50j]   { background: var(--success-text, #86EFAC); }
.ld-pay-dot-unpaid[b-nxuebmc50j] { background: var(--warning-text, #FCD34D); }
.ld-pay-dot-waived[b-nxuebmc50j] { background: var(--b9-text-soft, #94a3b8); }

/* Column widths */
.col-rank[b-nxuebmc50j]    { width: 50px;  }
.col-rounds[b-nxuebmc50j]  { width: 80px;  text-align: center; }
.col-strokes[b-nxuebmc50j] { width: 110px; text-align: center; }
.col-avg[b-nxuebmc50j]     { width: 80px;  text-align: center; }
.col-hcp[b-nxuebmc50j]     { width: 90px;  }
.col-enrolled[b-nxuebmc50j] { width: 130px; }
.col-round[b-nxuebmc50j]   { width: 70px;  text-align: center; }
.col-course[b-nxuebmc50j]  { width: 160px; }
.col-date[b-nxuebmc50j]    { width: 130px; }
.col-status[b-nxuebmc50j]  { width: 110px; }
.col-actions[b-nxuebmc50j] { width: 60px;  }

/* Responsive */
@media (max-width: 900px) {
    .ld-header[b-nxuebmc50j] { flex-direction: column; }
    .ld-header-actions[b-nxuebmc50j] { width: 100%; }
    .ld-header-actions .btn[b-nxuebmc50j] { white-space: normal; }
    .ld-safe-actions[b-nxuebmc50j] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
    .ld-more-actions[b-nxuebmc50j] {
        margin-left: auto;
    }
    .ld-safe-actions .btn[b-nxuebmc50j] { white-space: normal; }
    .col-course[b-nxuebmc50j], .col-enrolled[b-nxuebmc50j] { display: none; }

    .ld-card-header[b-nxuebmc50j] {
        flex-wrap: wrap;
        gap: .45rem;
    }
}

@media (max-width: 720px) {
    .ld-team-grid[b-nxuebmc50j],
    .ld-team-members[b-nxuebmc50j] {
        grid-template-columns: 1fr;
    }

    .ld-team-head[b-nxuebmc50j] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 575px) {
    .col-hcp[b-nxuebmc50j], .col-date[b-nxuebmc50j], .col-avg[b-nxuebmc50j] { display: none; }
    .ld-tabs[b-nxuebmc50j] { overflow-x: auto; }
    .ld-tab[b-nxuebmc50j]  { white-space: nowrap; }

    .ls-week-strip[b-nxuebmc50j] {
        margin: 0 0 .75rem;
    }

    .ls-standings-metrics[b-nxuebmc50j] {
        grid-template-columns: 1fr;
    }

    .ls-standings-metrics--4[b-nxuebmc50j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ld-card-header[b-nxuebmc50j] {
        padding: .75rem .9rem;
    }

    .etable thead th[b-nxuebmc50j],
    .etable tbody td[b-nxuebmc50j] {
        padding-left: .65rem;
        padding-right: .65rem;
    }

    .td-soft[b-nxuebmc50j] {
        white-space: normal;
    }
}

/* Round reorder cell */
.ld-round-cell[b-nxuebmc50j] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.ld-round-arrows[b-nxuebmc50j] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ld-arrow-btn[b-nxuebmc50j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 18px;
    padding: 0;
    background: none;
    border: 1px solid var(--b9-border, #e2e8f0);
    border-radius: 4px;
    color: var(--b9-text-soft, #64748b);
    font-size: 0.6rem;
    cursor: pointer;
    transition: background .1s, color .1s;
    line-height: 1;
}
.ld-arrow-btn:hover:not(:disabled)[b-nxuebmc50j] {
    background: var(--b9-surface-muted, #f1f5f9);
    color: var(--b9-text, #0f172a);
}
.ld-arrow-btn:disabled[b-nxuebmc50j] {
    opacity: .3;
    cursor: default;
}

.ld-round-status[b-nxuebmc50j] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    border-radius: 999px;
    padding: 0.12rem 0.5rem;
    letter-spacing: 0.02em;
}

.ld-rs-draft[b-nxuebmc50j]     { background: rgba(148,163,184,0.15); color: var(--text-secondary, #94a3b8); }
.ld-rs-open[b-nxuebmc50j]      { background: rgba(59,130,246,0.18);  color: #93c5fd; }
.ld-rs-active[b-nxuebmc50j]    { background: rgba(34,197,94,0.18);   color: #4ade80; }
.ld-rs-final[b-nxuebmc50j]     { background: rgba(139,92,246,0.18);  color: #c4b5fd; }
.ld-rs-cancelled[b-nxuebmc50j] { background: rgba(239,68,68,0.15);   color: #fca5a5; }

/* ════════════════════════════════════════════════════════════════════════
   LEAGUE OPERATIONS CENTER — Schedule tab wrappers (lops-*)
   Card, badge, button, and progress styles are in the scoped component
   CSS files (LeagueRoundCard.razor.css, etc.). Only page-level layout
   lives here.
   ════════════════════════════════════════════════════════════════════════ */

/* ── Toolbar: season meta + bulk action buttons ── */
.lops-toolbar[b-nxuebmc50j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 1rem);
    padding: var(--space-3, .75rem) 0 var(--space-4, 1rem);
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-subtle);
    margin-bottom: var(--space-5, 1.25rem);
}

.lops-toolbar-meta[b-nxuebmc50j] {
    display: flex;
    align-items: center;
    gap: var(--space-2, .5rem);
    font-size: .8375rem;
    color: var(--text-muted);
    flex-wrap: wrap;
}

.lops-toolbar-actions[b-nxuebmc50j] {
    display: flex;
    gap: var(--space-2, .5rem);
    flex-wrap: wrap;
    flex-shrink: 0;
}

/* ── Inline add-round form ── */
.lops-add-form[b-nxuebmc50j] {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg, 12px);
    padding: var(--space-5, 1.25rem) var(--space-6, 1.5rem);
    margin-bottom: var(--space-5, 1.25rem);
}

.lops-add-form-inner[b-nxuebmc50j] {
    display: flex;
    gap: var(--space-4, 1rem);
    align-items: flex-end;
    flex-wrap: wrap;
}

.lops-add-field[b-nxuebmc50j] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1, .25rem);
    min-width: 140px;
}

.lops-add-field--wide[b-nxuebmc50j] { flex: 1 1 200px; }

.lops-add-label[b-nxuebmc50j] {
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--text-muted);
}

.lops-add-hint[b-nxuebmc50j] {
    font-size: .72rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: var(--text-muted);
    opacity: .7;
}

.lops-add-actions[b-nxuebmc50j] {
    display: flex;
    gap: var(--space-2, .5rem);
    align-items: center;
    flex-shrink: 0;
}

/* ── Round card list container ── */
.lops-round-list[b-nxuebmc50j] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4, 1rem);
}

/* ── Responsive ── */
@media (max-width: 720px) {
    .lops-toolbar[b-nxuebmc50j] { flex-direction: column; align-items: stretch; }
    .lops-toolbar-actions[b-nxuebmc50j] { flex-wrap: wrap; }
}

@media (max-width: 480px) {
    .lops-add-form-inner[b-nxuebmc50j] { flex-direction: column; }
    .lops-add-actions[b-nxuebmc50j] { width: 100%; }
}
/* /Components/Pages/Leagues/DiagnosticsDrawer.razor.rz.scp.css */
.ddx[b-7d5rlmmh2a] {
    padding: .7rem .8rem;
}

.ddx-summary[b-7d5rlmmh2a] {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.ddx-summary[b-7d5rlmmh2a]::-webkit-details-marker {
    display: none;
}

.ddx-left[b-7d5rlmmh2a] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-weight: 600;
}

.ddx-hint[b-7d5rlmmh2a] {
    color: var(--text-secondary);
    font-size: .8rem;
}

.ddx-body[b-7d5rlmmh2a] {
    margin-top: .6rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}
/* /Components/Pages/Leagues/Flyer.razor.rz.scp.css */
/*
   Leagues/Flyer.razor.css
   All shared .flyer-* styles (including .flyer-eyebrow) are in
   wwwroot/flyer.css, loaded via <HeadContent> in FlyerLayout.razor.
   Add league-specific style overrides here only if needed.
*/
/* /Components/Pages/Leagues/Generation/GenerationFailureCallout.razor.rz.scp.css */
.gen-failure[b-xvcs50y6nb] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.gen-failure-body[b-xvcs50y6nb] { display: flex; gap: .75rem; align-items: flex-start; }
.gen-failure-icon[b-xvcs50y6nb] { font-size: 1.35rem; color: #b91c1c; margin-top: .1rem; }
.gen-failure-reason[b-xvcs50y6nb] { margin-top: .25rem; font-size: .85rem; }
.gen-failure-meta[b-xvcs50y6nb] { margin-top: .4rem; font-size: .75rem; color: var(--text-muted); }
/* /Components/Pages/Leagues/Generation/GenerationStateBadge.razor.rz.scp.css */
@keyframes gen-spin-b-bzv03c4sj5 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.gen-badge-spin[b-bzv03c4sj5] { animation: gen-spin-b-bzv03c4sj5 1.1s linear infinite; display: inline-block; }
/* /Components/Pages/Leagues/Generation/GenerationStatusCard.razor.rz.scp.css */
.gen-status-card[b-3pkwaetfa4] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
    border-radius: 12px;
    border: 1px solid var(--border-subtle);
    background: var(--surface-2, var(--surface-card));
}

.gen-status-top[b-3pkwaetfa4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.gen-status-title[b-3pkwaetfa4] { margin: 0; }

.gen-status-sub[b-3pkwaetfa4] {
    margin-top: .15rem;
    font-size: .85rem;
}

.gen-status-running[b-3pkwaetfa4] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.gen-status-meta[b-3pkwaetfa4] {
    font-size: .75rem;
    color: var(--text-muted);
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.gen-status-body[b-3pkwaetfa4] { margin-top: .25rem; }
/* /Components/Pages/Leagues/Generation/StaleStateAlert.razor.rz.scp.css */
.gen-stale[b-zqto1frysj] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.gen-stale-body[b-zqto1frysj] { display: flex; gap: .75rem; align-items: flex-start; }
.gen-stale-icon[b-zqto1frysj] { font-size: 1.35rem; color: #ca8a04; margin-top: .1rem; }
.gen-stale-reason[b-zqto1frysj] { margin-top: .25rem; font-size: .85rem; }
/* /Components/Pages/Leagues/GenerationAttemptHistoryDrawer.razor.rz.scp.css */
.ui-attempts__head[b-efyj2x4lnx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.ui-attempts__list[b-efyj2x4lnx] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.ui-attempts__item[b-efyj2x4lnx] {
    padding: 0.55rem 0.7rem;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    background: var(--bg-elevated);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ui-attempts__item--ok[b-efyj2x4lnx]   { border-left: 3px solid var(--success); }
.ui-attempts__item--err[b-efyj2x4lnx]  { border-left: 3px solid var(--danger); }
.ui-attempts__item--warn[b-efyj2x4lnx] { border-left: 3px solid var(--warning); }
.ui-attempts__item--run[b-efyj2x4lnx]  { border-left: 3px solid var(--brand); }
.ui-attempts__item--idle[b-efyj2x4lnx] { border-left: 3px solid var(--border-strong); }

.ui-attempts__line1[b-efyj2x4lnx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    font-size: 0.88rem;
}

.ui-attempts__kind[b-efyj2x4lnx],
.ui-attempts__outcome[b-efyj2x4lnx] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-weight: 600;
}

.ui-attempts__reason[b-efyj2x4lnx] {
    font-size: 0.9rem;
    color: var(--text-primary);
}
/* /Components/Pages/Leagues/Index.razor.rz.scp.css */
/* ── Leagues Index page ───────────────────────────────────────────────── */

.lg-page[b-7yrqtxo9x6] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    max-width: var(--admin-list-page-max-width, 1120px);
    margin: 0 auto;
    padding: 1.1rem 0 2.75rem;
    overflow-x: hidden;
}

@media (max-width: 1280px) {
    .lg-header[b-7yrqtxo9x6] {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .lg-header-left[b-7yrqtxo9x6] {
        flex-basis: 100%;
    }

    .lg-header-actions[b-7yrqtxo9x6] {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
    }

    .lg-header-actions .btn[b-7yrqtxo9x6] {
        width: auto;
    }
}

.lg-header[b-7yrqtxo9x6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.lg-header-left[b-7yrqtxo9x6] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex: 1 1 420px;
    min-width: 0;
}

.lg-header-copy[b-7yrqtxo9x6] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.lg-title[b-7yrqtxo9x6] {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--b9-text);
    margin: 0;
}

.lg-subtitle[b-7yrqtxo9x6] {
    font-size: 0.91rem;
    color: var(--b9-text-soft);
    max-width: min(42rem, 100%);
    line-height: 1.3;
}

.lg-header-actions[b-7yrqtxo9x6] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    flex: 0 0 auto;
    margin-left: auto;
}

.lg-header-actions .btn[b-7yrqtxo9x6] {
    white-space: nowrap;
    min-width: 146px;
}

.lg-header-action-btn[b-7yrqtxo9x6] {
    min-height: 2.5rem;
}

/* State cards */
.lg-loading[b-7yrqtxo9x6] {
    padding: 3rem 0;
    text-align: center;
    color: var(--b9-text-soft);
    font-size: .9375rem;
}

.lg-empty[b-7yrqtxo9x6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2.75rem 1rem;
    text-align: center;
    border: 1px solid var(--b9-border);
    border-radius: 12px;
    background: var(--b9-surface);
}

.lg-empty-icon[b-7yrqtxo9x6] {
    font-size: 2.5rem;
    color: var(--b9-text-soft);
}

.lg-empty-title[b-7yrqtxo9x6] {
    font-weight: 700;
    color: var(--b9-text);
}

.lg-empty-text[b-7yrqtxo9x6] {
    color: var(--b9-text-soft);
    font-size: .95rem;
    max-width: 420px;
    margin: 0;
}

/* Count badge */
.lg-count[b-7yrqtxo9x6] {
    font-size: .8125rem;
    color: var(--b9-text-soft);
}

.lg-ops-summary[b-7yrqtxo9x6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    margin-bottom: .68rem;
}

.lg-ops-card[b-7yrqtxo9x6] {
    display: flex;
    flex-direction: column;
    gap: .14rem;
    padding: .62rem .74rem;
    background: color-mix(in srgb, var(--b9-surface) 90%, black 10%);
    border: 1px solid var(--b9-border);
    border-radius: 10px;
}

.lg-ops-card-attention[b-7yrqtxo9x6] {
    border-color: color-mix(in srgb, var(--b9-warning, #f59e0b) 36%, var(--b9-border));
    background: color-mix(in srgb, var(--b9-warning, #f59e0b) 8%, var(--b9-surface));
}

.lg-ops-label[b-7yrqtxo9x6] {
    font-size: .72rem;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--b9-text-soft);
    font-weight: 600;
}

.lg-ops-value[b-7yrqtxo9x6] {
    font-size: 1.14rem;
    font-weight: 700;
    color: var(--b9-text);
    line-height: 1.1;
}

.lg-ops-note[b-7yrqtxo9x6] {
    font-size: .72rem;
    color: var(--b9-text-soft);
    line-height: 1.15;
}

/* ── Table reuse (same namespace as Home.razor.css) ──────────────────── */

.dash-card[b-7yrqtxo9x6] {
    background: var(--b9-surface);
    border: 1px solid var(--b9-border);
    border-radius: 12px;
    overflow: hidden;
}

.dash-card-header[b-7yrqtxo9x6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .72rem 1rem;
    border-bottom: 1px solid var(--b9-border);
    gap: .62rem;
}

.dash-card-heading[b-7yrqtxo9x6] {
    display: flex;
    flex-direction: column;
    gap: .14rem;
    min-width: 0;
}

.dash-card-title[b-7yrqtxo9x6] {
    font-weight: 700;
    font-size: .95rem;
    color: var(--b9-text);
}

.dash-card-subtitle[b-7yrqtxo9x6] {
    font-size: .75rem;
    line-height: 1.2;
    color: var(--b9-text-soft);
}

.lg-filter-bar[b-7yrqtxo9x6] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    padding: .62rem 1rem;
    border-bottom: 1px solid var(--b9-border);
    background: color-mix(in srgb, var(--b9-surface-muted) 55%, transparent);
}

.lg-filter-pill[b-7yrqtxo9x6] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 1px solid var(--b9-border);
    border-radius: 999px;
    background: transparent;
    color: var(--b9-text-soft);
    padding: .34rem .72rem;
    font-size: .77rem;
    font-weight: 600;
}

.lg-filter-pill.is-active[b-7yrqtxo9x6] {
    color: var(--b9-text);
    border-color: color-mix(in srgb, var(--b9-primary) 34%, var(--b9-border));
    background: color-mix(in srgb, var(--b9-primary) 10%, transparent);
}

.lg-filter-pill-count[b-7yrqtxo9x6] {
    display: inline-flex;
    min-width: 1.35rem;
    min-height: 1.35rem;
    align-items: center;
    justify-content: center;
    padding: 0 .32rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--b9-surface-muted) 85%, transparent);
    color: inherit;
    font-size: .72rem;
}

.lg-filter-empty[b-7yrqtxo9x6] {
    padding: 1.25rem;
    color: var(--b9-text-soft);
    font-size: .9rem;
}

.etable-wrap[b-7yrqtxo9x6] {
    overflow-x: auto;
    container-type: inline-size;
}

.etable[b-7yrqtxo9x6] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    font-size: .875rem;
}

.etable thead th[b-7yrqtxo9x6] {
    padding: .56rem .8rem;
    text-align: left;
    font-size: .75rem;
    font-weight: 600;
    color: var(--b9-text-soft);
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 1px solid var(--b9-border);
    white-space: nowrap;
    background: var(--b9-surface-muted);
}

.etable tbody tr[b-7yrqtxo9x6] {
    border-bottom: 1px solid var(--b9-border-light, var(--b9-border));
    transition: background .12s, box-shadow .12s;
}

.etable tbody tr:last-child[b-7yrqtxo9x6] { border-bottom: none; }
.etable tbody tr:hover[b-7yrqtxo9x6] {
    background: color-mix(in srgb, var(--b9-surface-muted) 82%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--b9-primary) 20%, transparent);
}

.etable tbody td[b-7yrqtxo9x6] {
    padding: .68rem .8rem;
    vertical-align: middle;
    color: var(--b9-text);
}

.etable thead th:last-child[b-7yrqtxo9x6],
.etable tbody td:last-child[b-7yrqtxo9x6] {
    padding-right: 1rem;
}

.etd-name-stack[b-7yrqtxo9x6] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.etd-name-link[b-7yrqtxo9x6] {
    display: block;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
    font-size: .93rem;
    font-weight: 700;
    color: var(--b9-text);
    line-height: 1.25;
    text-decoration: none;
}

.lgtd-inline-meta[b-7yrqtxo9x6] {
    display: none;
    flex-wrap: wrap;
    gap: .35rem .65rem;
    font-size: .78rem;
    color: var(--b9-text-soft);
    line-height: 1.3;
}

.lgtd-inline-meta span[b-7yrqtxo9x6] {
    position: relative;
}

.lgtd-inline-meta span + span[b-7yrqtxo9x6]::before {
    content: "·";
    margin-right: .45rem;
    color: color-mix(in srgb, var(--b9-text-soft) 70%, transparent);
}

.etd-name[b-7yrqtxo9x6] {
    min-width: 200px;
}

.etd-name-link:hover[b-7yrqtxo9x6] {
    text-decoration: underline;
    color: var(--b9-primary);
}

.etd-format[b-7yrqtxo9x6], .etd-date[b-7yrqtxo9x6], .etd-players[b-7yrqtxo9x6], .etd-rounds[b-7yrqtxo9x6] {
    color: var(--b9-text-soft);
    font-size: .815rem;
    line-height: 1.2;
}

.etd-date[b-7yrqtxo9x6] {
    white-space: nowrap;
}

.etd-actions[b-7yrqtxo9x6] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .35rem;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-width: 0;
}

.lgtd-action-stack[b-7yrqtxo9x6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .32rem;
}

.etd-row-action[b-7yrqtxo9x6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.1rem;
    padding: .38rem .82rem;
    border-radius: 999px;
    border: 1px solid var(--b9-border);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .02em;
    white-space: nowrap;
    color: var(--b9-text-soft);
    background: transparent;
    text-decoration: none;
}

.etd-row-action:hover[b-7yrqtxo9x6] {
    background: var(--b9-surface-muted);
    color: var(--b9-text);
}

.etd-row-action-primary[b-7yrqtxo9x6] {
    color: var(--b9-text);
    border-color: var(--b9-border-strong, var(--b9-border));
    font-weight: 600;
    background: color-mix(in srgb, var(--b9-primary) 10%, transparent);
    min-height: 2.5rem;
    padding: .5rem 1rem;
}

.etd-row-action-secondary[b-7yrqtxo9x6] {
    color: var(--b9-text-soft);
    font-weight: 400;
}

.lgtd-secondary-actions[b-7yrqtxo9x6] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .2rem .55rem;
}

.lgtd-secondary-action[b-7yrqtxo9x6] {
    border: none;
    background: transparent;
    padding: .22rem .08rem;
    min-height: 1.5rem;
    font-size: .74rem;
    line-height: 1.1;
    color: var(--b9-text-soft);
    opacity: .82;
    text-decoration: none;
}

.lgtd-secondary-action:hover[b-7yrqtxo9x6] {
    color: var(--b9-text);
    opacity: 1;
    text-decoration: underline;
}

/* Status badges */
.estatus[b-7yrqtxo9x6] {
    display: inline-flex;
    align-items: center;
    padding: .16rem .48rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 500;
    white-space: nowrap;
    letter-spacing: .02em;
    border: 1px solid transparent;
}

.estatus-active[b-7yrqtxo9x6] {
    background: color-mix(in srgb, var(--b9-success) 8%, transparent);
    color: color-mix(in srgb, var(--b9-success) 70%, var(--b9-text));
    border-color: color-mix(in srgb, var(--b9-success) 36%, var(--b9-border));
}

.estatus-draft[b-7yrqtxo9x6] {
    background: var(--b9-surface-muted, rgba(148, 163, 184, 0.18));
    color: var(--b9-text-soft, #cbd5e1);
    border-color: var(--b9-border, rgba(148, 163, 184, 0.35));
}

.estatus-closed[b-7yrqtxo9x6] {
    background: var(--b9-primary-soft);
    color: var(--b9-primary-text);
    border-color: color-mix(in srgb, var(--b9-primary) 42%, transparent);
}

.estatus-cancelled[b-7yrqtxo9x6] {
    background: var(--b9-danger-soft, rgba(239, 68, 68, 0.16));
    color: var(--b9-danger-text, #fca5a5);
    border-color: var(--b9-danger, rgba(239, 68, 68, 0.45));
}

/* Column widths — Status and Actions are protected; never hidden */
.col-format[b-7yrqtxo9x6]  { width: 84px; }
.col-date[b-7yrqtxo9x6]    { width: 104px; }
.col-players[b-7yrqtxo9x6] { width: 56px; text-align: center; }
.col-rounds[b-7yrqtxo9x6]  { width: 56px; text-align: center; }
.col-status[b-7yrqtxo9x6]  { width: 92px; white-space: nowrap; }
.col-actions[b-7yrqtxo9x6] { width: 168px; white-space: nowrap; }

.col-status[b-7yrqtxo9x6],
td.col-status[b-7yrqtxo9x6] {
    text-align: left;
}

.col-players[b-7yrqtxo9x6],
.col-rounds[b-7yrqtxo9x6],
td.col-players[b-7yrqtxo9x6],
td.col-rounds[b-7yrqtxo9x6] {
    text-align: center;
}

/* Container queries — hide lower-priority columns when the table container
   is too narrow. Based on actual container width (not viewport), so the
   sidebar width is accounted for automatically.
   Order: Rounds → Players → Format → Start Date.
   Status and Actions are NEVER hidden.
   
   Column totals (fixed cols):
     All 6:  Format(84)+Date(104)+Ply(56)+Rnd(56)+Status(92)+Actions(156) = 548px
     -Rounds: 492px  → hide Rounds when container ≤ Name(200)+492 = 692px (use 700)
     -Players: 436px → hide Players when container ≤ Name(200)+436 = 636px (use 650)
     -Format: 352px  → hide Format when container ≤ Name(200)+352 = 552px (use 570)
     -Date: 248px    → hide Date when container ≤ Name(200)+248 = 448px (use 460)
*/
@container (max-width: 750px) {
    .col-rounds[b-7yrqtxo9x6] { display: none; }
}

@container (max-width: 695px) {
    .col-players[b-7yrqtxo9x6] { display: none; }
    .lgtd-inline-meta[b-7yrqtxo9x6] { display: flex; }
}

@container (max-width: 590px) {
    .col-format[b-7yrqtxo9x6] { display: none; }
    .etd-name[b-7yrqtxo9x6] { min-width: 180px; }
}

@container (max-width: 480px) {
    .col-date[b-7yrqtxo9x6] { display: none; }
    .etd-name[b-7yrqtxo9x6] { min-width: 0; }
    .etd-name-link[b-7yrqtxo9x6] {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        max-width: none;
    }
}

@media (max-width: 1180px) {
    .lg-ops-summary[b-7yrqtxo9x6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .lg-header[b-7yrqtxo9x6] {
        align-items: flex-start;
        gap: .75rem;
    }

    .lg-header-left[b-7yrqtxo9x6] {
        flex-basis: 100%;
    }

    .lg-header-actions[b-7yrqtxo9x6] {
        width: 100%;
        margin-left: 0;
    }

    .lg-header-actions .btn[b-7yrqtxo9x6] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 620px) {
    .lg-ops-summary[b-7yrqtxo9x6] {
        grid-template-columns: 1fr;
    }

    .etd-name-link[b-7yrqtxo9x6] {
        font-size: .9rem;
    }

    .etd-row-action[b-7yrqtxo9x6] {
        font-size: .72rem;
        padding: .25rem .62rem;
    }
}

@container (max-width: 860px) {
    .etable thead[b-7yrqtxo9x6] {
        display: none;
    }

    .etable-wrap[b-7yrqtxo9x6] {
        overflow-x: hidden;
    }

    .etable[b-7yrqtxo9x6],
    .etable tbody[b-7yrqtxo9x6],
    .etable tr[b-7yrqtxo9x6],
    .etable td[b-7yrqtxo9x6] {
        display: block;
        width: 100%;
    }

    .etable tbody tr[b-7yrqtxo9x6] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto fit-content(47%);
        column-gap: .42rem;
        row-gap: .22rem;
        align-items: start;
        padding: .56rem .74rem;
        margin: .38rem 0;
        border: 1px solid color-mix(in srgb, var(--b9-border) 84%, var(--b9-primary) 16%);
        border-radius: 10px;
        background: linear-gradient(
            180deg,
            color-mix(in srgb, var(--b9-surface) 95%, black 5%) 0%,
            color-mix(in srgb, var(--b9-surface) 89%, black 11%) 100%
        );
        box-shadow: 0 1px 0 rgba(15, 23, 42, .18), inset 0 0 0 1px color-mix(in srgb, var(--b9-surface-muted) 28%, transparent);
    }

    .etable tbody td[b-7yrqtxo9x6] {
        padding: 0;
        border: 0;
    }

    .etable tbody td.col-format[b-7yrqtxo9x6],
    .etable tbody td.col-date[b-7yrqtxo9x6],
    .etable tbody td.col-players[b-7yrqtxo9x6],
    .etable tbody td.col-rounds[b-7yrqtxo9x6] {
        display: none !important;
    }

    .lgtd-inline-meta[b-7yrqtxo9x6] {
        display: flex;
        gap: .24rem .5rem;
    }

    .etable tbody td.col-status[b-7yrqtxo9x6],
    .etable tbody td.col-actions[b-7yrqtxo9x6] {
        display: block !important;
    }

    .etable tbody td.etd-name[b-7yrqtxo9x6] {
        display: contents !important;
        min-width: 0;
    }

    .etable tbody td.col-status[b-7yrqtxo9x6] {
        display: contents !important;
    }

    .etable tbody td.col-actions[b-7yrqtxo9x6] {
        display: contents !important;
        min-width: 0;
    }

    .etd-name-stack[b-7yrqtxo9x6],
    .lgtd-action-stack[b-7yrqtxo9x6] {
        display: contents;
    }

    .etd-name-link[b-7yrqtxo9x6] {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        min-width: 0;
        font-size: .91rem;
        line-height: 1.18;
    }

    .estatus[b-7yrqtxo9x6] {
        grid-column: 2;
        grid-row: 1;
        justify-self: start;
        align-self: center;
    }

    .col-status[b-7yrqtxo9x6] {
        margin-top: 0;
        white-space: nowrap;
    }

    .etd-actions[b-7yrqtxo9x6] {
        margin-top: 0;
        white-space: normal;
    }

    .lgtd-action-stack[b-7yrqtxo9x6],
    .lgtd-secondary-actions[b-7yrqtxo9x6] {
        align-items: flex-end;
        justify-content: flex-end;
    }

    .lgtd-action-stack[b-7yrqtxo9x6] {
        gap: .12rem;
    }

    .etd-row-action[b-7yrqtxo9x6] {
        min-width: 0;
        width: auto;
        max-width: 100%;
    }

    .etd-row-action-primary[b-7yrqtxo9x6] {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        min-height: 2.18rem;
        min-width: 8.75rem;
        max-width: 100%;
        padding: .34rem .76rem;
        margin-right: .08rem;
        border-radius: 10px;
        border-color: color-mix(in srgb, var(--b9-border) 82%, var(--b9-primary) 18%);
        background: color-mix(in srgb, var(--b9-primary) 5%, transparent);
        box-shadow: inset 0 1px 0 color-mix(in srgb, white 24%, transparent);
    }

    .lgtd-secondary-actions[b-7yrqtxo9x6] {
        grid-column: 3;
        grid-row: 2;
        justify-self: end;
        align-self: start;
        max-width: 100%;
        padding-right: .08rem;
        margin-top: 0;
        gap: .08rem .34rem;
    }

    .lgtd-secondary-action[b-7yrqtxo9x6] {
        display: inline-flex;
        align-items: center;
        min-height: 1.52rem;
        padding: .08rem .12rem;
        border-radius: 5px;
        font-size: .7rem;
        line-height: 1;
        opacity: .74;
    }

    .lgtd-inline-meta[b-7yrqtxo9x6] {
        grid-column: 1 / span 2;
        grid-row: 2;
        display: inline-flex;
        align-self: start;
        justify-self: start;
        gap: .2rem .46rem;
        line-height: 1.15;
        white-space: normal;
    }
}
/* /Components/Pages/Leagues/LeagueOpsAttentionPanel.razor.rz.scp.css */
/* ============================================================
   LeagueOpsAttentionPanel — scoped styles
   ============================================================ */

/* ── Panel wrapper ── */
.lap[b-3wm4jeejam] {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--b9-card-radius);
    overflow: hidden;
    margin-bottom: var(--space-5);
}

/* ── Header bar ── */
.lap-header[b-3wm4jeejam] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    background: rgba(245,158,11,0.08);
    border-bottom: 1px solid rgba(245,158,11,0.18);
}

.lap-header-icon[b-3wm4jeejam] {
    font-size: 0.8rem;
    color: var(--b9-warning-text);
    flex-shrink: 0;
}

.lap-header-text[b-3wm4jeejam] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--b9-warning-text);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    flex: 1;
}

.lap-count[b-3wm4jeejam] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    background: var(--b9-warning-soft);
    border-radius: var(--radius-full);
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--b9-warning-text);
}

/* ── Item list ── */
.lap-list[b-3wm4jeejam] {
    display: flex;
    flex-direction: column;
}

/* ── Individual item ── */
.lap-item[b-3wm4jeejam] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-6);
    border-bottom: 1px solid var(--border-subtle);
    transition: background var(--t-fast);
}

.lap-item:last-child[b-3wm4jeejam] { border-bottom: none; }

.lap-item:hover[b-3wm4jeejam] { background: var(--bg-raised); }

/* Severity left accents */
.lap-item--high[b-3wm4jeejam]   { border-left: 3px solid var(--b9-success); }
.lap-item--medium[b-3wm4jeejam] { border-left: 3px solid var(--b9-primary); }
.lap-item--low[b-3wm4jeejam]    { border-left: 3px solid var(--border-default); }

.lap-item-icon[b-3wm4jeejam] {
    font-size: 1rem;
    flex-shrink: 0;
}

.lap-item--high   .lap-item-icon[b-3wm4jeejam] { color: var(--b9-success-text); }
.lap-item--medium .lap-item-icon[b-3wm4jeejam] { color: var(--b9-primary-text); }
.lap-item--low    .lap-item-icon[b-3wm4jeejam] { color: var(--text-muted); }

.lap-item-body[b-3wm4jeejam] {
    flex: 1;
    min-width: 0;
}

.lap-item-text[b-3wm4jeejam] {
    font-size: 0.875rem;
    color: var(--text-primary);
    line-height: 1.45;
}

.lap-item-action[b-3wm4jeejam] {
    flex-shrink: 0;
    white-space: nowrap;
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .lap-item[b-3wm4jeejam] {
        flex-wrap: wrap;
        padding: var(--space-3) var(--space-4);
    }

    .lap-item-action[b-3wm4jeejam] {
        width: 100%;
        justify-content: center;
    }

    .lap-header[b-3wm4jeejam] {
        padding: var(--space-3) var(--space-4);
    }
}
/* /Components/Pages/Leagues/LeagueOpsSummaryBar.razor.rz.scp.css */
/* ============================================================
   LeagueOpsSummaryBar — scoped styles
   ============================================================ */

.losb[b-vusb1tzmha] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}

/* Tile overrides — ensure consistent height */
.losb-tile[b-vusb1tzmha] {
    min-height: 80px;
}

@media (max-width: 720px) {
    .losb[b-vusb1tzmha] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 400px) {
    .losb[b-vusb1tzmha] {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-3);
    }
}
/* /Components/Pages/Leagues/LeagueRoundCard.razor.rz.scp.css */
/* ============================================================
   LeagueRoundCard — scoped styles.
   Uses design system tokens exclusively. No hardcoded colors.
   Global ui-* classes (ui-btn, ui-badge, StatusBadge) are defined
   in components.css and need no re-declaration here.
   ============================================================ */

/* ── Card shell ── */
.rc[b-yjdiggode1] {
    background: var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    border-radius: var(--b9-card-radius);
    box-shadow: var(--b9-card-shadow);
    overflow: hidden;
    transition: box-shadow var(--t-base) var(--t-ease),
                border-color var(--t-base) var(--t-ease);
}

.rc:hover[b-yjdiggode1] {
    box-shadow: var(--b9-card-shadow-hover);
    border-color: var(--border-default);
}

/* Active round — green left accent bar */
.rc--active[b-yjdiggode1] {
    border-left: 3px solid var(--b9-success);
}

/* Completed round — slightly faded, right-tinted */
.rc--final[b-yjdiggode1] {
    opacity: 0.78;
}

.rc--final:hover[b-yjdiggode1] {
    opacity: 1;
}

/* Cancelled round — clearly subdued */
.rc--cancelled[b-yjdiggode1] {
    opacity: 0.5;
    border-style: dashed;
}

.rc--cancelled:hover[b-yjdiggode1] {
    opacity: 0.72;
}

/* ── Header ── */
.rc-header[b-yjdiggode1] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-5) var(--space-6);
    flex-wrap: wrap;
}

/* ── Week identity ── */
.rc-identity[b-yjdiggode1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 0 0 auto;
    min-width: 72px;
}

.rc-weeknum[b-yjdiggode1] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--text-primary);
    white-space: nowrap;
    line-height: 1.2;
}

.rc-customname[b-yjdiggode1] {
    font-size: 0.72rem;
    color: var(--text-muted);
    font-style: italic;
}

.rc-makeup-tag[b-yjdiggode1] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: var(--radius-full);
    background: var(--b9-warning-soft);
    color: var(--b9-warning-text);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    width: fit-content;
}

/* ── Date / time display ── */
.rc-datetime[b-yjdiggode1] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
}

.rc-datetime--editing[b-yjdiggode1] {
    gap: var(--space-2);
}

.rc-date-val[b-yjdiggode1] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary);
    white-space: nowrap;
}

.rc-time-val[b-yjdiggode1] {
    font-size: 0.78rem;
    color: var(--text-secondary);
    background: var(--bg-elevated);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    white-space: nowrap;
}

.rc-input-date[b-yjdiggode1] { max-width: 148px; }
.rc-input-time[b-yjdiggode1] { max-width: 118px; }

/* ── Badges row ── */
.rc-badges[b-yjdiggode1] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
    flex-shrink: 0;
}

/* Smaller indicator badges (pairings/scorecards/QR) */
.rc-sm-badge[b-yjdiggode1] {
    font-size: 0.67rem !important;
    padding: 2px 6px !important;
    gap: 3px;
}

.rc-sm-badge .bi[b-yjdiggode1] {
    font-size: 0.65rem;
}

/* ── Overflow / edit menu ── */
.rc-menu[b-yjdiggode1] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    flex-shrink: 0;
    margin-left: auto;
}

.rc-save-btn[b-yjdiggode1] {
    white-space: nowrap;
}

/* Icon-only ghost buttons in the menu */
.rc-icon-btn[b-yjdiggode1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    background: none;
    color: var(--text-muted);
    font-size: 0.875rem;
    cursor: pointer;
    transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}

.rc-icon-btn:hover[b-yjdiggode1] {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-subtle);
}

.rc-icon-btn--danger:hover[b-yjdiggode1] {
    background: var(--b9-danger-soft);
    color: var(--b9-danger-text);
    border-color: rgba(239,68,68,0.25);
}

/* ── Guidance strip ── */
.rc-guidance[b-yjdiggode1] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    font-size: 0.8125rem;
    font-weight: 500;
    border-top: 1px solid var(--border-subtle);
    line-height: 1.45;
}

.rc-guidance--action[b-yjdiggode1] {
    background: rgba(245, 158, 11, 0.07);
    color: var(--b9-warning-text);
    border-top-color: rgba(245,158,11,0.20);
}

.rc-guidance--done[b-yjdiggode1] {
    background: var(--b9-success-soft);
    color: var(--b9-success-text);
    border-top-color: rgba(34,197,94,0.20);
}

.rc-guidance-icon[b-yjdiggode1] {
    font-size: 0.875rem;
    flex-shrink: 0;
    margin-top: 1px;
}

/* ── Action bar ── */
.rc-actions[b-yjdiggode1] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--border-subtle);
    background: var(--bg-elevated);
    flex-wrap: wrap;
}

/* Green "Open Scoring" button — unique to this context */
.rc-btn-open-scoring[b-yjdiggode1] {
    background: var(--b9-success);
    color: #fff;
    border-color: transparent;
}

.rc-btn-open-scoring:hover:not(:disabled)[b-yjdiggode1] {
    background: var(--b9-accent-green-hover);
    color: #fff;
}

/* "Full Ops" link — lower visual priority, pushed to the right */
.rc-manage-link[b-yjdiggode1] {
    margin-left: auto;
    color: var(--text-muted);
    font-size: 0.78rem;
}

.rc-manage-link:hover[b-yjdiggode1] {
    color: var(--text-secondary);
}

/* ── Responsive ── */
@media (max-width: 720px) {
    .rc-header[b-yjdiggode1] {
        padding: var(--space-4) var(--space-4);
        gap: var(--space-3);
    }

    .rc-menu[b-yjdiggode1] {
        margin-left: 0;
        width: 100%;
        padding-top: var(--space-2);
        border-top: 1px solid var(--border-subtle);
        justify-content: flex-end;
    }

    .rc-actions[b-yjdiggode1] {
        padding: var(--space-3) var(--space-4);
        gap: var(--space-2);
    }

    .rc-guidance[b-yjdiggode1] {
        padding: var(--space-3) var(--space-4);
    }

    .rc-manage-link[b-yjdiggode1] {
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .rc-datetime[b-yjdiggode1] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-1);
    }

    .rc-badges[b-yjdiggode1] {
        flex-wrap: wrap;
        gap: var(--space-1);
    }

    .rc-identity[b-yjdiggode1] {
        min-width: 60px;
    }
}
/* /Components/Pages/Leagues/LeagueRoundNextStepBanner.razor.rz.scp.css */
.lrnsb[b-fqpdjtc6cg] {
    border-left: 3px solid var(--brand);
}

.lrnsb-title[b-fqpdjtc6cg] {
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--text-muted);
    font-weight: 700;
    margin-bottom: var(--space-1, .25rem);
}

.lrnsb-body[b-fqpdjtc6cg] {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 600;
}
/* /Components/Pages/Leagues/MyLeague.razor.rz.scp.css */
.mlg-shell[b-w7fysojhby] {
    margin: 1rem 1.25rem;
}

.mlg-hero[b-w7fysojhby] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 0.9rem;
}

.mlg-kicker[b-w7fysojhby] {
    font-size: 0.74rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #93c5fd;
    font-weight: 700;
}

.mlg-heading[b-w7fysojhby] {
    margin: 0.1rem 0;
    font-size: 1.35rem;
    color: #f8fafc;
    font-weight: 800;
    line-height: 1.2;
}

.mlg-subline[b-w7fysojhby] {
    color: #cbd5e1;
    font-size: 0.92rem;
    margin: 0;
}

.mlg-badge[b-w7fysojhby] {
    border-radius: 999px;
    padding: 0.24rem 0.72rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid rgba(148, 163, 184, 0.4);
    color: #cbd5e1;
}

.mlg-badge-active[b-w7fysojhby] {
    border-color: rgba(34, 197, 94, 0.6);
    color: #86efac;
}

.mlg-badge-closed[b-w7fysojhby] {
    border-color: rgba(245, 158, 11, 0.6);
    color: #fcd34d;
}

.mlg-standing-row[b-w7fysojhby] {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 1.05rem;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.mlg-standing-block[b-w7fysojhby] {
    flex: 1;
    text-align: center;
    padding: 0.9rem 0.55rem;
}

.mlg-standing-divider[b-w7fysojhby] {
    width: 1px;
    align-self: stretch;
    background: rgba(255, 255, 255, 0.15);
}

.mlg-standing-rank[b-w7fysojhby] {
    font-size: 1.6rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.mlg-standing-score[b-w7fysojhby] {
    font-size: 1.35rem;
}

.mlg-standing-label[b-w7fysojhby] {
    font-size: 0.74rem;
    color: rgba(255, 255, 255, 0.62);
    margin-top: 0.24rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mlg-anchor-nav[b-w7fysojhby] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
    padding: 0.75rem 0;
    margin-top: 0.85rem;
}

.mlg-anchor-link[b-w7fysojhby] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    color: #cbd5e1;
    text-decoration: none;
    font-size: 0.84rem;
    font-weight: 700;
}

.mlg-anchor-link:hover[b-w7fysojhby] {
    border-color: rgba(56, 189, 248, 0.7);
    color: #e0f2fe;
}

.mlg-anchor-target[b-w7fysojhby] {
    scroll-margin-top: 5rem;
}

.mlg-panel[b-w7fysojhby] {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 12px;
    padding: 0.9rem;
    background: rgba(15, 23, 42, 0.42);
}

.mlg-panel-title[b-w7fysojhby] {
    margin: 0 0 0.55rem;
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 800;
}

.mlg-week-card[b-w7fysojhby] {
    margin-top: 0.75rem;
}

.mlg-text[b-w7fysojhby] {
    margin: 0 0 0.35rem;
    color: #e2e8f0;
    font-size: 0.9rem;
}

.mlg-text-muted[b-w7fysojhby] {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.84rem;
}

.mlg-cta-row[b-w7fysojhby] {
    margin-top: 0.65rem;
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.mlg-round-list[b-w7fysojhby] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.mlg-round-row[b-w7fysojhby] {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    padding-bottom: 0.42rem;
}

.mlg-round-state[b-w7fysojhby] {
    color: #bae6fd;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.mlg-my-row[b-w7fysojhby] {
    background: rgba(34, 197, 94, 0.18) !important;
    font-weight: 700;
}

/* ── Waitlist state panel ── */
.mlg-panel--waitlist[b-w7fysojhby] {
    border-color: var(--color-warn, rgba(234,179,8,.4));
    background: var(--color-warn-subtle, rgba(234,179,8,.08));
    text-align: center;
    padding: 2rem 1.25rem;
}

.mlg-waitlist-badge[b-w7fysojhby] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--color-warn-subtle, rgba(234,179,8,.15));
    border: 1px solid var(--color-warn, rgba(234,179,8,.5));
    border-radius: 100px;
    color: var(--color-warn, #eab308);
    font-size: 1.5rem;
    font-weight: 900;
    padding: 0.3rem 1rem;
    margin-bottom: 1rem;
}
/* /Components/Pages/Leagues/Overview/HandicapDetailsDrawer.razor.rz.scp.css */
.hdd-drawer[b-x5sone92rx] {
    border: 1px solid var(--border-subtle, rgba(255,255,255,.08));
    border-radius: 10px;
    background: var(--surface-2, rgba(255,255,255,.03));
    padding: 1rem 1.15rem;
    margin: 0 0 1rem 0;
}

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

.hdd-title[b-x5sone92rx] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-strong, #e5e7eb);
    margin: 0;
}

.hdd-sub[b-x5sone92rx] {
    margin: .15rem 0 0 0;
    font-size: .85rem;
    color: var(--text-muted, #94a3b8);
}

.hdd-meta[b-x5sone92rx] {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
    align-items: center;
    padding: .65rem .8rem;
    border-radius: 8px;
    background: rgba(255,255,255,.02);
    margin-bottom: .85rem;
    font-size: .8rem;
}

.hdd-meta-label[b-x5sone92rx] {
    color: var(--text-muted, #94a3b8);
    margin-right: .4rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .7rem;
    font-weight: 600;
}

.hdd-meta-value[b-x5sone92rx] {
    color: var(--text-strong, #e5e7eb);
    font-weight: 600;
}

.hdd-empty[b-x5sone92rx] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 1rem 0 0 0;
    color: var(--text-muted, #94a3b8);
    font-size: .85rem;
}

.hdd-table[b-x5sone92rx] { font-size: .85rem; }
/* /Components/Pages/Leagues/Overview/LeagueCoreMetricsRow.razor.rz.scp.css */
.lcm-row[b-1cnrcmwrdn] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin: .25rem 0 1rem 0;
}
/* /Components/Pages/Leagues/Overview/LeagueHandicapSummaryStrip.razor.rz.scp.css */
.lhss-strip[b-v6fmtps4do] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 1rem;
    border-radius: 10px;
    border: 1px solid var(--border-subtle, rgba(255,255,255,.08));
    background: var(--surface-2, rgba(255,255,255,.03));
    margin: 0 0 1rem 0;
    flex-wrap: wrap;
}

.lhss-facts[b-v6fmtps4do] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    min-width: 0;
    flex: 1 1 auto;
}

.lhss-fact[b-v6fmtps4do] { min-width: 0; }

.lhss-fact-label[b-v6fmtps4do] {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--text-muted, #94a3b8);
    font-weight: 600;
    margin-bottom: .1rem;
}

.lhss-fact-value[b-v6fmtps4do] {
    font-size: .9rem;
    font-weight: 600;
    color: var(--text-strong, #e5e7eb);
    max-width: 16rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lhss-divider[b-v6fmtps4do] {
    width: 1px;
    height: 1.75rem;
    background: var(--border-subtle, rgba(255,255,255,.1));
}

.lhss-actions[b-v6fmtps4do] {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.lhss-avg[b-v6fmtps4do] {
    font-size: .8rem;
    color: var(--text-muted, #94a3b8);
}
.lhss-avg strong[b-v6fmtps4do] {
    color: var(--text-strong, #e5e7eb);
    margin-left: .25rem;
}

@media (max-width: 720px) {
    .lhss-divider[b-v6fmtps4do] { display: none; }
}
/* /Components/Pages/Leagues/Overview/LeagueNextRoundCard.razor.rz.scp.css */
.lnrc-card[b-ft5ddjrgyn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    border-radius: 10px;
    border: 1px solid var(--border-subtle, rgba(255,255,255,.08));
    background: linear-gradient(180deg, rgba(74,222,128,.06), rgba(74,222,128,0));
    text-decoration: none;
    color: inherit;
    margin: 0 0 1rem 0;
    transition: border-color .15s, transform .15s;
}
.lnrc-card:hover[b-ft5ddjrgyn] {
    border-color: var(--accent, #4ade80);
    transform: translateY(-1px);
}

.lnrc-label[b-ft5ddjrgyn] {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--accent, #4ade80);
    font-weight: 700;
}

.lnrc-title[b-ft5ddjrgyn] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-strong, #e5e7eb);
    margin-top: .1rem;
}

.lnrc-meta[b-ft5ddjrgyn] {
    font-size: .85rem;
    color: var(--text-muted, #94a3b8);
    margin-top: .1rem;
}

.lnrc-right[b-ft5ddjrgyn] {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
}

.lnrc-status[b-ft5ddjrgyn] {
    padding: .2rem .55rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    border: 1px solid transparent;
}
.lnrc-status--neutral[b-ft5ddjrgyn] { background: rgba(148,163,184,.15); color: #cbd5e1; border-color: rgba(148,163,184,.25); }
.lnrc-status--info[b-ft5ddjrgyn]    { background: rgba(59,130,246,.15);  color: #93c5fd; border-color: rgba(59,130,246,.3); }
.lnrc-status--success[b-ft5ddjrgyn] { background: rgba(74,222,128,.15);  color: #86efac; border-color: rgba(74,222,128,.3); }
.lnrc-status--muted[b-ft5ddjrgyn]   { background: rgba(148,163,184,.08); color: #94a3b8; border-color: rgba(148,163,184,.15); }

.lnrc-arrow[b-ft5ddjrgyn] { color: var(--text-muted, #94a3b8); font-size: 1.15rem; }
/* /Components/Pages/Leagues/Overview/MetricChip.razor.rz.scp.css */
.mc-chip[b-oqao4c8ts8] {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: .5rem .85rem;
    border-radius: 10px;
    background: var(--surface-2, rgba(255,255,255,.04));
    border: 1px solid var(--border-subtle, rgba(255,255,255,.08));
    min-height: 2.75rem;
}

.mc-icon[b-oqao4c8ts8] {
    font-size: 1.05rem;
    color: var(--accent, #4ade80);
    opacity: .9;
}

.mc-body[b-oqao4c8ts8] { display: flex; flex-direction: column; line-height: 1.1; }

.mc-label[b-oqao4c8ts8] {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--text-muted, #94a3b8);
    font-weight: 600;
}

.mc-value[b-oqao4c8ts8] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-strong, #e5e7eb);
    margin-top: .1rem;
}
/* /Components/Pages/Leagues/PairingGroupCard.razor.rz.scp.css */
.pgc-card[b-wsmx9uf6mf] {
    padding: 16px;
    border-radius: 12px;
}

.pgc-head[b-wsmx9uf6mf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.pgc-team[b-wsmx9uf6mf] {
    margin-top: 8px;
}

.pgc-player[b-wsmx9uf6mf] {
    margin-top: 4px;
}
/* /Components/Pages/Leagues/PairingsBoard.razor.rz.scp.css */
.wrd-pairings-grid[b-nuamybvjko] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3, .75rem);
}

.wrd-pairing-head[b-nuamybvjko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-2, .5rem);
}

.wrd-pairing-title[b-nuamybvjko] {
    font-weight: 700;
}

.wrd-pairing-sub[b-nuamybvjko] {
    display: flex;
    gap: var(--space-2, .5rem);
    color: var(--text-secondary);
    font-size: .78rem;
}

.wrd-pairing-teams[b-nuamybvjko] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2, .5rem);
}

.wrd-pairing-teams li[b-nuamybvjko] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 10px);
    padding: .5rem .625rem;
    background: var(--bg-elevated);
}

.wrd-pairing-teams span[b-nuamybvjko] {
    color: var(--text-secondary);
    font-size: .8rem;
}

@media (max-width: 900px) {
    .wrd-pairings-grid[b-nuamybvjko] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Leagues/PlayerLeagueClubhouse.razor.rz.scp.css */
.pdb-loading[b-gysr573gch] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    color: #94a3b8;
}

.mlg-featured-shell[b-gysr573gch] {
    margin: 1rem 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 18px;
    background: linear-gradient(160deg, rgba(15, 23, 42, 0.92) 0%, rgba(2, 6, 23, 0.98) 100%);
    padding: 1.1rem 1.15rem 1rem;
    overflow: hidden;
    width: auto;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.mlg-featured-hero[b-gysr573gch] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 0.9rem;
}

.mlg-kicker[b-gysr573gch] {
    font-size: 0.74rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #93c5fd;
    font-weight: 700;
}

.mlg-title[b-gysr573gch] {
    margin: 0.1rem 0;
    font-size: 1.3rem;
    color: #f8fafc;
    font-weight: 800;
    line-height: 1.2;
}

.mlg-sub[b-gysr573gch] {
    color: #cbd5e1;
    font-size: 0.9rem;
}

.mlg-status-chip[b-gysr573gch] {
    border-radius: 999px;
    padding: 0.22rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid rgba(148, 163, 184, 0.4);
    color: #cbd5e1;
}

.mlg-status-chip.is-active[b-gysr573gch] {
    border-color: rgba(34, 197, 94, 0.6);
    color: #86efac;
}

.mlg-status-chip.is-closed[b-gysr573gch] {
    border-color: rgba(245, 158, 11, 0.6);
    color: #fcd34d;
}

.mlg-context-bar[b-gysr573gch] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    flex-wrap: wrap;
}

.mlg-context-main[b-gysr573gch] {
    min-width: 0;
    flex: 1;
}

.mlg-context-league[b-gysr573gch] {
    margin: 0;
    color: #f8fafc;
    font-size: 1.03rem;
    font-weight: 800;
    line-height: 1.2;
}

.mlg-context-course[b-gysr573gch] {
    margin: 0.16rem 0 0;
    color: #94a3b8;
    font-size: 0.82rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.mlg-context-meta[b-gysr573gch] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    flex-wrap: wrap;
}

.mlg-context-pill[b-gysr573gch] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.04rem;
    min-height: 40px;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(15, 23, 42, 0.46);
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.mlg-context-pill--status[b-gysr573gch] {
    border-color: rgba(56, 189, 248, 0.4);
    color: #bae6fd;
    background: rgba(8, 47, 73, 0.5);
}

.mlg-context-pill__label[b-gysr573gch] {
    display: block;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.65);
    line-height: 1.1;
}

.mlg-context-pill--status .mlg-context-pill__label[b-gysr573gch] {
    color: rgba(186, 230, 253, 0.55);
}

.mlg-stats-grid[b-gysr573gch] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin-bottom: 0.9rem;
}

.mlg-stat[b-gysr573gch] {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 10px;
    padding: 0.58rem;
    background: rgba(15, 23, 42, 0.48);
}

.mlg-stat-label[b-gysr573gch] {
    display: block;
    color: #94a3b8;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.25;
}

.mlg-stat-value[b-gysr573gch] {
    display: block;
    margin-top: 0.25rem;
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.mlg-next-round-card[b-gysr573gch] {
    border: 1px solid rgba(56, 189, 248, 0.35);
    border-radius: 12px;
    padding: 0.75rem;
    background: rgba(14, 116, 144, 0.15);
    margin-bottom: 0.95rem;
}

.mlg-next-round-card h3[b-gysr573gch] {
    margin: 0 0 0.4rem;
    color: #e0f2fe;
    font-size: 1rem;
    font-weight: 800;
}

.mlg-next-round-card p[b-gysr573gch] {
    color: #dbeafe;
    font-size: 0.86rem;
}

.mlg-cta-row[b-gysr573gch] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.mlg-split-grid[b-gysr573gch] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
}

.mlg-panel[b-gysr573gch] {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 12px;
    padding: 0.85rem;
    background: rgba(15, 23, 42, 0.42);
    scroll-margin-top: 5rem;
}

.mlg-panel h3[b-gysr573gch] {
    margin: 0 0 0.55rem;
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 800;
}

.mlg-moment-list[b-gysr573gch] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mlg-moment-item[b-gysr573gch] {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 10px;
    padding: 0.7rem 0.65rem;
    background: rgba(15, 23, 42, 0.35);
}

.mlg-moment-title[b-gysr573gch] {
    color: #f8fafc;
    font-size: 0.93rem;
    font-weight: 700;
    line-height: 1.3;
}

.mlg-moment-sub[b-gysr573gch] {
    color: #cbd5e1;
    font-size: 0.82rem;
    margin-top: 0.1rem;
    line-height: 1.45;
}

.mlg-inline-link[b-gysr573gch] {
    margin-top: 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    min-height: 40px;
    padding: 0.2rem 0.35rem;
    color: #7dd3fc;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
}

.mlg-inline-link:hover[b-gysr573gch] {
    color: #bae6fd;
}

.mlg-mini-table[b-gysr573gch] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.mlg-mini-table th[b-gysr573gch],
.mlg-mini-table td[b-gysr573gch] {
    padding: 0.35rem 0.4rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    color: #dbeafe;
}

.mlg-mini-table th[b-gysr573gch] {
    color: #93c5fd;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.mlg-row-me td[b-gysr573gch] {
    background: rgba(34, 197, 94, 0.16);
    color: #dcfce7;
    font-weight: 700;
}

.mlg-round-list[b-gysr573gch] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.mlg-round-row[b-gysr573gch] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    color: #dbeafe;
    font-size: 0.84rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    padding-bottom: 0.32rem;
    line-height: 1.4;
}

.mlg-card-grid[b-gysr573gch] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
}

.mlg-league-card[b-gysr573gch] {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 12px;
    padding: 0.8rem;
    background: rgba(15, 23, 42, 0.58);
}

.mlg-league-head[b-gysr573gch] {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    margin-bottom: 0.45rem;
}

.mlg-league-head h3[b-gysr573gch] {
    margin: 0;
    color: #f8fafc;
    font-size: 0.97rem;
    font-weight: 800;
}

.mlg-league-head p[b-gysr573gch] {
    margin: 0.15rem 0 0;
    color: #cbd5e1;
    font-size: 0.82rem;
}

.mlg-league-meta[b-gysr573gch] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.6rem;
}

.mlg-league-meta span[b-gysr573gch] {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 999px;
    padding: 0.18rem 0.5rem;
    font-size: 0.76rem;
    color: #dbeafe;
    background: rgba(15, 23, 42, 0.42);
}

.mlg-league-actions[b-gysr573gch] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .mlg-featured-shell[b-gysr573gch] {
        margin: 1.2rem 1.25rem;
        padding: 1.15rem 1.2rem 1.05rem;
    }

    .mlg-stats-grid[b-gysr573gch] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .mlg-split-grid[b-gysr573gch] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mlg-card-grid[b-gysr573gch] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .mlg-featured-shell[b-gysr573gch] {
        margin-bottom: calc(10rem + env(safe-area-inset-bottom, 0px));
    }

    .mlg-context-bar[b-gysr573gch] {
        gap: 0.45rem;
    }

    .mlg-context-meta[b-gysr573gch] {
        width: 100%;
    }

    .mlg-context-pill[b-gysr573gch] {
        font-size: 0.68rem;
    }

    .mlg-context-meta[b-gysr573gch] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.35rem;
    }

    .mlg-context-pill[b-gysr573gch] {
        min-height: 44px;
        white-space: normal;
    }

    .mlg-context-pill__label[b-gysr573gch] {
        white-space: nowrap;
    }
}

/* ═══════════════════════════════════════════════════════════════
   RANK HERO  — premium standing display
   ═══════════════════════════════════════════════════════════════ */
.mlg-rank-hero[b-gysr573gch] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.85rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(250, 204, 21, 0.35);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(120, 53, 15, 0.35) 0%, rgba(30, 27, 75, 0.5) 100%);
}

.mlg-rank-badge[b-gysr573gch] {
    display: flex;
    align-items: baseline;
    gap: 0.1rem;
    flex-shrink: 0;
    min-width: 3.5rem;
    justify-content: center;
}

.mlg-rank-num[b-gysr573gch] {
    font-size: 2.6rem;
    font-weight: 900;
    color: #fde68a;
    line-height: 1;
    letter-spacing: -0.02em;
}

.mlg-rank-ord[b-gysr573gch] {
    font-size: 1rem;
    font-weight: 800;
    color: #fcd34d;
    align-self: flex-start;
    margin-top: 0.35rem;
}

.mlg-rank-detail[b-gysr573gch] {
    flex: 1;
    min-width: 0;
}

.mlg-rank-status[b-gysr573gch] {
    color: #fef3c7;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.2;
}

.mlg-rank-sub[b-gysr573gch] {
    color: #d1d5db;
    font-size: 0.84rem;
    margin-top: 0.2rem;
}

/* ═══════════════════════════════════════════════════════════════
   SECTION NAV TABS
   ═══════════════════════════════════════════════════════════════ */
.mlg-section-nav[b-gysr573gch] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
    padding: 0.6rem 0;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.mlg-nav-tab[b-gysr573gch] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0.3rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.32);
    color: #cbd5e1;
    text-decoration: none;
    font-size: 0.84rem;
    font-weight: 700;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
    background: transparent;
}

button.mlg-nav-tab[b-gysr573gch] {
    appearance: none;
    cursor: pointer;
}

.mlg-nav-tab:hover[b-gysr573gch],
.mlg-nav-tab:focus-visible[b-gysr573gch] {
    border-color: rgba(56, 189, 248, 0.7);
    color: #e0f2fe;
    background: rgba(56, 189, 248, 0.08);
    outline: none;
}

.mlg-nav-tab.is-active[b-gysr573gch] {
    border-color: rgba(34, 197, 94, 0.6);
    background: rgba(34, 197, 94, 0.14);
    color: #dcfce7;
}

/* ═══════════════════════════════════════════════════════════════
   TODAY IN LEAGUE card variant
   ═══════════════════════════════════════════════════════════════ */
.mlg-next-round-card--today[b-gysr573gch] {
    border-color: rgba(34, 197, 94, 0.55);
    background: rgba(20, 83, 45, 0.25);
}

.mlg-next-round-card--today h3[b-gysr573gch] {
    color: #bbf7d0;
}

/* ═══════════════════════════════════════════════════════════════
   MOMENT ITEM — header row with icon
   ═══════════════════════════════════════════════════════════════ */
.mlg-moment-header[b-gysr573gch] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.2rem;
}

.mlg-moment-icon[b-gysr573gch] {
    font-size: 1rem;
    color: #93c5fd;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.mlg-moment-sub[b-gysr573gch] {
    color: #cbd5e1;
    font-size: 0.84rem;
    margin-top: 0;
    padding-left: 1.5rem;
}

/* ═══════════════════════════════════════════════════════════════
   COMMAND BANNER — round context + primary action
   ═══════════════════════════════════════════════════════════════ */
.mlg-command-banner[b-gysr573gch] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    background: linear-gradient(135deg, rgba(2, 44, 80, 0.72) 0%, rgba(5, 25, 55, 0.85) 100%);
    border: 1px solid rgba(56, 189, 248, 0.32);
    border-radius: 14px;
    padding: 0.85rem 1rem;
    margin-bottom: 0.85rem;
    flex-wrap: wrap;
}

.mlg-command-banner__context[b-gysr573gch] {
    flex: 1;
    min-width: 0;
}

.mlg-command-banner > .mlg-cta-btn[b-gysr573gch] {
    max-width: 100%;
}

.mlg-command-banner__week[b-gysr573gch] {
    color: #e0f2fe;
    font-size: 0.96rem;
    font-weight: 800;
    line-height: 1.25;
}

.mlg-command-banner__status[b-gysr573gch] {
    color: #93c5fd;
    font-size: 0.82rem;
    margin-top: 0.2rem;
}

/* When scores open, banner gets green emphasis */
.mlg-command-banner:has(.mlg-cta-btn--scores)[b-gysr573gch] {
    border-color: rgba(34, 197, 94, 0.45);
    background: linear-gradient(135deg, rgba(5, 46, 22, 0.72) 0%, rgba(2, 30, 15, 0.88) 100%);
}

/* ═══════════════════════════════════════════════════════════════
   CTA BUTTONS
   ═══════════════════════════════════════════════════════════════ */
.mlg-cta-btn[b-gysr573gch] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.5rem 1.25rem;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.42);
    background: rgba(30, 41, 59, 0.7);
    color: #e2e8f0;
    font-size: 0.9rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    white-space: normal;
    text-align: center;
}

.mlg-cta-btn:hover[b-gysr573gch],
.mlg-cta-btn:focus-visible[b-gysr573gch] {
    background: rgba(56, 189, 248, 0.12);
    border-color: rgba(56, 189, 248, 0.6);
    color: #e0f2fe;
    outline: none;
}

.mlg-cta-btn--scores[b-gysr573gch] {
    background: rgba(21, 128, 61, 0.85);
    border-color: rgba(34, 197, 94, 0.55);
    color: #dcfce7;
    font-size: 1rem;
    padding: 0.6rem 1.6rem;
    min-height: 48px;
}

.mlg-cta-btn--scores:hover[b-gysr573gch],
.mlg-cta-btn--scores:focus-visible[b-gysr573gch] {
    background: rgba(22, 163, 74, 0.9);
    border-color: rgba(74, 222, 128, 0.7);
    color: #f0fdf4;
}

.mlg-cta-btn--pairings[b-gysr573gch] {
    background: rgba(14, 116, 144, 0.7);
    border-color: rgba(56, 189, 248, 0.55);
    color: #e0f2fe;
}

.mlg-cta-btn--pairings:hover[b-gysr573gch],
.mlg-cta-btn--pairings:focus-visible[b-gysr573gch] {
    background: rgba(14, 116, 144, 0.9);
    border-color: rgba(56, 189, 248, 0.8);
    color: #f0f9ff;
}

.mlg-cta-btn--ghost[b-gysr573gch] {
    background: transparent;
    border-color: rgba(148, 163, 184, 0.28);
    color: #94a3b8;
    font-size: 0.84rem;
}

.mlg-cta-btn--ghost:hover[b-gysr573gch],
.mlg-cta-btn--ghost:focus-visible[b-gysr573gch] {
    background: rgba(148, 163, 184, 0.08);
    border-color: rgba(148, 163, 184, 0.5);
    color: #cbd5e1;
}

.mlg-cta-btn--muted[b-gysr573gch] {
    border-color: rgba(148, 163, 184, 0.22);
    color: #94a3b8;
}

/* ═══════════════════════════════════════════════════════════════
   COMMAND CARDS — always-visible stacked sections
   ═══════════════════════════════════════════════════════════════ */
.mlg-command-card[b-gysr573gch] {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 14px;
    padding: 0.9rem 1rem;
    background: rgba(15, 23, 42, 0.48);
    margin-bottom: 0.75rem;
}

.mlg-command-card__hd[b-gysr573gch] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
    flex-wrap: wrap;
}

.mlg-command-card__label[b-gysr573gch] {
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.mlg-command-card__purpose[b-gysr573gch] {
    margin: 0.22rem 0 0;
    color: #93c5fd;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.35;
}

.mlg-command-card__purpose--inline[b-gysr573gch] {
    display: block;
    margin-top: 0.18rem;
}

.mlg-command-card__meta[b-gysr573gch] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
}

.mlg-command-card__empty[b-gysr573gch] {
    color: #64748b;
    font-size: 0.86rem;
    margin: 0;
}

.mlg-command-card__actions[b-gysr573gch] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

.mlg-text-btn[b-gysr573gch] {
    appearance: none;
    background: transparent;
    border: none;
    color: #93c5fd;
    font-size: 0.84rem;
    font-weight: 700;
    padding: 0;
    cursor: pointer;
}

.mlg-text-btn:hover[b-gysr573gch],
.mlg-text-btn:focus-visible[b-gysr573gch] {
    color: #e0f2fe;
    outline: none;
}

.mlg-inline-pairings-panel[b-gysr573gch] {
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.mlg-inline-pairings-panel__hd[b-gysr573gch] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.mlg-standings-summary[b-gysr573gch] {
    margin: 0 0 0.7rem;
    color: #dbeafe;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.4;
}

/* Reduced-weight standings card */
.mlg-command-card--standings[b-gysr573gch] {
    padding: 0.75rem 0.85rem;
    background: rgba(15, 23, 42, 0.36);
    border-color: rgba(148, 163, 184, 0.15);
}

/* Plain-text status standings */
.mlg-standings-status[b-gysr573gch] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.mlg-standings-status__primary[b-gysr573gch] {
    margin: 0;
    color: #e2e8f0;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.35;
}

.mlg-standings-status__line[b-gysr573gch] {
    margin: 0;
    color: #94a3b8;
    font-size: 0.84rem;
    font-weight: 500;
    line-height: 1.35;
}

.mlg-standings-preview-wrap[b-gysr573gch] {
    margin-top: 0.65rem;
    overflow-x: auto;
}

.mlg-standings-preview-table[b-gysr573gch] {
    min-width: 100%;
}

.mlg-standings-preview-table td:first-child[b-gysr573gch],
.mlg-standings-preview-table th:first-child[b-gysr573gch] {
    width: 4.5rem;
    white-space: nowrap;
}

.mlg-standings-preview-table td:last-child[b-gysr573gch],
.mlg-standings-preview-table th:last-child[b-gysr573gch] {
    text-align: right;
    white-space: nowrap;
}

.mlg-standings-preview-name[b-gysr573gch] {
    color: #e2e8f0;
    font-weight: 700;
}

.mlg-standings-you-chip[b-gysr573gch] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.35rem;
    padding: 0.08rem 0.35rem;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #bae6fd;
    background: rgba(8, 47, 73, 0.55);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    vertical-align: middle;
}

@media (max-width: 767.98px) {
    .mlg-standings-preview-table[b-gysr573gch] {
        font-size: 0.78rem;
    }

    .mlg-standings-preview-table th[b-gysr573gch],
    .mlg-standings-preview-table td[b-gysr573gch] {
        padding: 0.33rem 0.32rem;
    }
}

/* Collapse variant (Schedule accordion) */
.mlg-command-card--collapse[b-gysr573gch] {
    padding: 0;
    overflow: hidden;
}

.mlg-collapse-toggle[b-gysr573gch] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.9rem 1rem;
    background: transparent;
    border: none;
    cursor: pointer;
    appearance: none;
    color: inherit;
}

.mlg-collapse-toggle:hover[b-gysr573gch] {
    background: rgba(148, 163, 184, 0.06);
}

.mlg-command-card--collapse .mlg-round-list[b-gysr573gch],
.mlg-command-card--collapse .mlg-command-card__empty[b-gysr573gch] {
    padding: 0 1rem 0.9rem;
}

.mlg-collapse-icon[b-gysr573gch] {
    color: #64748b;
    flex-shrink: 0;
    transition: transform 0.2s;
}

.mlg-collapse-icon.is-open[b-gysr573gch] {
    transform: rotate(180deg);
}

/* ═══════════════════════════════════════════════════════════════
   ROUND DETAIL ROWS — tee time / players / group
   ═══════════════════════════════════════════════════════════════ */
.mlg-round-detail[b-gysr573gch] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.1rem;
}

.mlg-round-detail__row[b-gysr573gch] {
    display: flex;
    gap: 0.75rem;
    padding: 0.45rem 0.55rem;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.32);
    flex-wrap: wrap;
}

.mlg-round-detail__row--me[b-gysr573gch] {
    background: rgba(14, 116, 144, 0.14);
    border: 1px solid rgba(56, 189, 248, 0.22);
}

.mlg-round-detail__lbl[b-gysr573gch] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    min-width: 5.5rem;
    flex-shrink: 0;
    align-self: center;
}

.mlg-round-detail__val[b-gysr573gch] {
    color: #e2e8f0;
    font-size: 0.88rem;
    font-weight: 600;
    flex: 1;
    align-self: center;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* ═══════════════════════════════════════════════════════════════
   PAIRING GROUPS — team-based pairings display
   ═══════════════════════════════════════════════════════════════ */
.mlg-pairing-group[b-gysr573gch] {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 10px;
    padding: 0.8rem 0.85rem;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.58) 0%, rgba(15, 23, 42, 0.38) 100%);
    margin-bottom: 0.5rem;
}

.mlg-pairing-group--me[b-gysr573gch] {
    border-color: rgba(56, 189, 248, 0.36);
    background: linear-gradient(180deg, rgba(8, 47, 73, 0.62) 0%, rgba(15, 23, 42, 0.44) 100%);
    box-shadow: inset 0 1px 0 rgba(125, 211, 252, 0.12);
}

.mlg-pairing-group__hd[b-gysr573gch] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.7rem;
    color: #dbeafe;
    font-size: 0.84rem;
    flex-wrap: wrap;
}

.mlg-pairing-group__title-block[b-gysr573gch] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.mlg-pairing-group__hd strong[b-gysr573gch] {
    color: #f8fafc;
    font-size: 0.98rem;
}

.mlg-pairing-group__sub[b-gysr573gch] {
    color: #93c5fd;
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 700;
}

.mlg-pairing-group__facts[b-gysr573gch] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.mlg-pairing-group__fact[b-gysr573gch] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.5);
    border: 1px solid rgba(148, 163, 184, 0.18);
    color: #e0f2fe;
    font-size: 0.76rem;
    font-weight: 700;
}

.mlg-pairing-group__team[b-gysr573gch] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.55rem 0;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.mlg-pairing-group__team--me[b-gysr573gch] {
    background: rgba(30, 41, 59, 0.75);
    border-top-color: rgba(56, 189, 248, 0.2);
    border-radius: 10px;
    padding: 0.55rem 0.65rem;
    margin: 0;
}

.mlg-pairing-group__team-topline[b-gysr573gch] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.mlg-pairing-group__name[b-gysr573gch] {
    color: #f1f5f9;
    font-size: 0.92rem;
    font-weight: 700;
}

.mlg-pairing-group__players[b-gysr573gch] {
    color: #94a3b8;
    font-size: 0.8rem;
}

.mlg-inline-badge[b-gysr573gch] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.18rem 0.52rem;
    border-radius: 999px;
    background: rgba(8, 47, 73, 0.78);
    border: 1px solid rgba(56, 189, 248, 0.32);
    color: #bae6fd;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

/* ═══════════════════════════════════════════════════════════════
   LEADERBOARD — polished standings preview
   ═══════════════════════════════════════════════════════════════ */
.mlg-leaderboard-hero[b-gysr573gch] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.8rem;
    align-items: center;
    padding: 0.95rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 248, 0.22);
    background: linear-gradient(135deg, rgba(8, 47, 73, 0.6) 0%, rgba(15, 23, 42, 0.7) 100%);
    margin-bottom: 0.8rem;
}

.mlg-leaderboard-hero--mine[b-gysr573gch] {
    box-shadow: inset 0 1px 0 rgba(186, 230, 253, 0.14);
}

.mlg-leaderboard-hero__rank[b-gysr573gch] {
    display: flex;
    align-items: flex-start;
    gap: 0.08rem;
    min-width: 3.25rem;
}

.mlg-leaderboard-hero__rank-num[b-gysr573gch] {
    color: #f8fafc;
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.mlg-leaderboard-hero__rank-ord[b-gysr573gch] {
    color: #93c5fd;
    font-size: 0.92rem;
    font-weight: 800;
    margin-top: 0.28rem;
}

.mlg-leaderboard-hero__body[b-gysr573gch] {
    min-width: 0;
}

.mlg-leaderboard-hero__title[b-gysr573gch] {
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
}

.mlg-leaderboard-hero__sub[b-gysr573gch] {
    margin-top: 0.16rem;
    color: #cbd5e1;
    font-size: 0.82rem;
    line-height: 1.35;
}

.mlg-leaderboard-hero__score[b-gysr573gch] {
    text-align: right;
}

.mlg-leaderboard-hero__score-value[b-gysr573gch] {
    display: block;
    color: #e0f2fe;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1.1;
}

.mlg-leaderboard-hero__score-label[b-gysr573gch] {
    display: block;
    margin-top: 0.12rem;
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.mlg-leaderboard-list[b-gysr573gch] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mlg-leaderboard-list:empty[b-gysr573gch] {
    display: none;
}

.mlg-leaderboard-item[b-gysr573gch] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.48);
}

.mlg-leaderboard-item--mine[b-gysr573gch] {
    border-color: rgba(56, 189, 248, 0.32);
    background: linear-gradient(135deg, rgba(8, 47, 73, 0.46) 0%, rgba(15, 23, 42, 0.58) 100%);
}

.mlg-leaderboard-item__rank[b-gysr573gch] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    min-height: 2.2rem;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: rgba(30, 41, 59, 0.9);
    color: #e2e8f0;
    font-size: 0.86rem;
    font-weight: 800;
}

.mlg-leaderboard-item__body[b-gysr573gch] {
    min-width: 0;
}

.mlg-leaderboard-item__title-row[b-gysr573gch] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.mlg-leaderboard-item__title[b-gysr573gch] {
    color: #f8fafc;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.2;
}

.mlg-leaderboard-item__sub[b-gysr573gch] {
    margin-top: 0.18rem;
    color: #94a3b8;
    font-size: 0.8rem;
    line-height: 1.35;
}

.mlg-leaderboard-item__metric[b-gysr573gch] {
    text-align: right;
}

.mlg-leaderboard-item__metric-value[b-gysr573gch] {
    display: block;
    color: #e0f2fe;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.1;
}

.mlg-leaderboard-item__metric-label[b-gysr573gch] {
    display: block;
    margin-top: 0.12rem;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

@media (max-width: 767.98px) {
    .mlg-featured-shell[b-gysr573gch] {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }

    .mlg-leaderboard-hero[b-gysr573gch],
    .mlg-leaderboard-item[b-gysr573gch] {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .mlg-leaderboard-hero__score[b-gysr573gch],
    .mlg-leaderboard-item__metric[b-gysr573gch] {
        text-align: left;
    }

    .mlg-leaderboard-item__rank[b-gysr573gch] {
        width: fit-content;
    }

    .mlg-pairing-group__facts[b-gysr573gch] {
        width: 100%;
    }
}

/* ═══════════════════════════════════════════════════════════════
   FINALIZED ROUND SUMMARY — supporting context below command banner
   ═══════════════════════════════════════════════════════════════ */
.mlg-finalized-summary[b-gysr573gch] {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 12px;
    padding: 0.7rem 0.9rem;
    background: rgba(15, 23, 42, 0.32);
    margin-bottom: 0.75rem;
}

.mlg-finalized-summary__hd[b-gysr573gch] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.mlg-finalized-summary__badge[b-gysr573gch] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(30, 41, 59, 0.65);
    color: #94a3b8;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    flex-shrink: 0;
}

.mlg-finalized-summary__title[b-gysr573gch] {
    color: #cbd5e1;
    font-size: 0.88rem;
    font-weight: 700;
}

.mlg-finalized-summary__note[b-gysr573gch] {
    color: #64748b;
    font-size: 0.82rem;
}

.mlg-finalized-summary__actions[b-gysr573gch] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

@media (max-width: 479.98px) {
    .mlg-command-banner[b-gysr573gch],
    .mlg-command-card__actions[b-gysr573gch],
    .mlg-finalized-summary__actions[b-gysr573gch] {
        flex-direction: column;
        align-items: stretch;
    }

    .mlg-command-banner > .mlg-cta-btn[b-gysr573gch],
    .mlg-command-card__actions > .mlg-cta-btn[b-gysr573gch],
    .mlg-finalized-summary__actions > .mlg-cta-btn[b-gysr573gch] {
        width: 100%;
    }
}

/* ── Small ghost button modifier ── */
.mlg-cta-btn--sm[b-gysr573gch] {
    min-height: 36px;
    padding: 0.3rem 0.85rem;
    font-size: 0.8rem;
}

@media (max-width: 767.98px) {
    .mlg-finalized-summary__hd[b-gysr573gch] {
        gap: 0.35rem;
    }
}
/* /Components/Pages/Leagues/PlayerLeaguesHub.razor.rz.scp.css */
.mlg-featured-shell[b-5fbndl8ovw] {
    margin: 1rem 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 18px;
    background: linear-gradient(160deg, rgba(15, 23, 42, 0.92) 0%, rgba(2, 6, 23, 0.98) 100%);
    padding: 1.1rem 1.15rem 1rem;
    overflow: hidden;
}

.mlg-featured-hero[b-5fbndl8ovw] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 0.9rem;
}

.mlg-kicker[b-5fbndl8ovw] {
    font-size: 0.74rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #93c5fd;
    font-weight: 700;
}

.mlg-title[b-5fbndl8ovw] {
    margin: 0.1rem 0;
    font-size: 1.3rem;
    color: #f8fafc;
    font-weight: 800;
    line-height: 1.2;
}

.mlg-sub[b-5fbndl8ovw] {
    color: #cbd5e1;
    font-size: 0.9rem;
}

.mlg-status-chip[b-5fbndl8ovw] {
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6rem;
    padding: 0.2rem 0.62rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid var(--player-border, var(--b9-border));
    color: var(--player-text-secondary, var(--b9-text-muted));
    background: var(--player-surface-elev, var(--b9-surface-muted));
    white-space: nowrap;
}

.mlg-status-chip.is-active[b-5fbndl8ovw] {
    border-color: var(--b9-success);
    color: var(--b9-success);
}

.mlg-status-chip.is-closed[b-5fbndl8ovw] {
    border-color: var(--b9-warning);
    color: var(--b9-warning);
}

/* Meaningful player-facing status variants */
.mlg-status-chip.is-scoring-live[b-5fbndl8ovw] {
    border-color: var(--b9-success);
    color: var(--b9-success);
    animation: pulse-green-b-5fbndl8ovw 2s ease-in-out infinite;
}

@keyframes pulse-green-b-5fbndl8ovw {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.6; }
}

.mlg-status-chip.is-today[b-5fbndl8ovw] {
    border-color: var(--player-link, var(--b9-link));
    color: var(--player-link, var(--b9-link));
}

.mlg-status-chip.is-scores-open[b-5fbndl8ovw] {
    border-color: var(--b9-success);
    color: var(--b9-success);
    background: color-mix(in srgb, var(--b9-success) 14%, var(--player-surface-elev, var(--b9-surface-muted)) 86%);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--b9-success) 32%, transparent);
    font-weight: 700;
}

.mlg-status-chip.is-pairings-posted[b-5fbndl8ovw] {
    border-color: color-mix(in srgb, var(--player-link, var(--b9-link)) 75%, var(--player-border, var(--b9-border)));
    color: var(--player-link, var(--b9-link));
}

.mlg-status-chip.is-upcoming[b-5fbndl8ovw] {
    border-color: var(--player-border, var(--b9-border));
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.mlg-status-chip.is-in-season[b-5fbndl8ovw] {
    border-color: var(--player-border, var(--b9-border));
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.mlg-status-chip.is-finalized[b-5fbndl8ovw] {
    border-color: var(--player-border, var(--b9-border));
    color: var(--player-text-secondary, var(--b9-text-muted));
    opacity: 0.78;
}

.mlg-stats-grid[b-5fbndl8ovw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin-bottom: 0.9rem;
}

.mlg-stat[b-5fbndl8ovw] {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 10px;
    padding: 0.58rem;
    background: rgba(15, 23, 42, 0.48);
}

.mlg-stat-label[b-5fbndl8ovw] {
    display: block;
    color: #94a3b8;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 700;
}

.mlg-stat-value[b-5fbndl8ovw] {
    display: block;
    margin-top: 0.25rem;
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 700;
}

.mlg-next-round-card[b-5fbndl8ovw] {
    border: 1px solid rgba(56, 189, 248, 0.35);
    border-radius: 12px;
    padding: 0.75rem;
    background: rgba(14, 116, 144, 0.15);
    margin-bottom: 0.95rem;
}

.mlg-next-round-card h3[b-5fbndl8ovw] {
    margin: 0 0 0.4rem;
    color: #e0f2fe;
    font-size: 1rem;
    font-weight: 800;
}

.mlg-next-round-card p[b-5fbndl8ovw] {
    color: #dbeafe;
    font-size: 0.86rem;
}

.mlg-cta-row[b-5fbndl8ovw] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.mlg-split-grid[b-5fbndl8ovw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
}

.mlg-panel[b-5fbndl8ovw] {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 12px;
    padding: 0.85rem;
    background: rgba(15, 23, 42, 0.42);
    scroll-margin-top: 5rem;
}

.mlg-panel h3[b-5fbndl8ovw] {
    margin: 0 0 0.55rem;
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 800;
}

.mlg-moment-list[b-5fbndl8ovw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.mlg-moment-item[b-5fbndl8ovw] {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 10px;
    padding: 0.7rem 0.65rem;
    background: rgba(15, 23, 42, 0.35);
}

.mlg-moment-title[b-5fbndl8ovw] {
    color: #f8fafc;
    font-size: 0.93rem;
    font-weight: 700;
    line-height: 1.3;
}

.mlg-moment-sub[b-5fbndl8ovw] {
    color: #cbd5e1;
    font-size: 0.82rem;
    margin-top: 0.1rem;
}

.mlg-inline-link[b-5fbndl8ovw] {
    margin-top: 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    min-height: 40px;
    padding: 0.2rem 0.35rem;
    color: #7dd3fc;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
}

.mlg-inline-link:hover[b-5fbndl8ovw] {
    color: #bae6fd;
}

.mlg-mini-table[b-5fbndl8ovw] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.mlg-mini-table th[b-5fbndl8ovw],
.mlg-mini-table td[b-5fbndl8ovw] {
    padding: 0.35rem 0.4rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    color: #dbeafe;
}

.mlg-mini-table th[b-5fbndl8ovw] {
    color: #93c5fd;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.mlg-row-me td[b-5fbndl8ovw] {
    background: rgba(34, 197, 94, 0.16);
    color: #dcfce7;
    font-weight: 700;
}

.mlg-round-list[b-5fbndl8ovw] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.mlg-round-row[b-5fbndl8ovw] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    color: #dbeafe;
    font-size: 0.84rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    padding-bottom: 0.32rem;
}

.mlg-card-grid[b-5fbndl8ovw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
}

.mlg-league-card[b-5fbndl8ovw] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 14px;
    padding: 0.92rem 0.95rem;
    background: var(--player-surface-card, var(--b9-surface-alt));
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

.mlg-league-head[b-5fbndl8ovw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.mlg-league-head h3[b-5fbndl8ovw] {
    margin: 0;
    color: var(--player-text-primary, var(--b9-text));
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.28;
}

.mlg-league-head p[b-5fbndl8ovw] {
    margin: 0.15rem 0 0;
    color: var(--player-text-secondary, var(--b9-text-muted));
    font-size: 0.82rem;
}

.mlg-league-meta[b-5fbndl8ovw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    margin-bottom: 0.55rem;
}

.mlg-league-meta span[b-5fbndl8ovw] {
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 999px;
    padding: 0.2rem 0.52rem;
    font-size: 0.76rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    background: var(--player-surface-elev, var(--b9-surface-muted));
}

.mlg-league-meta span:first-child[b-5fbndl8ovw] {
    color: var(--player-text-primary, var(--b9-text));
    font-weight: 600;
}

.mlg-league-actions[b-5fbndl8ovw] {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    flex-wrap: wrap;
    margin-top: auto;
}

.mlg-card-cta[b-5fbndl8ovw] {
    min-height: 2.65rem;
    padding: 0.46rem 0.88rem;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.015em;
    border-radius: 10px;
}

.mlg-card-cta-primary[b-5fbndl8ovw] {
    border: 1px solid var(--player-link, var(--b9-link));
    color: var(--player-link, var(--b9-link));
    background: color-mix(in srgb, var(--player-link, var(--b9-link)) 10%, var(--player-surface-card, var(--b9-surface-alt)) 90%);
}

.mlg-card-cta-primary:hover[b-5fbndl8ovw],
.mlg-card-cta-primary:focus-visible[b-5fbndl8ovw] {
    border-color: var(--player-link, var(--b9-link));
    color: var(--player-text-inverse, var(--b9-surface));
    background: var(--player-link, var(--b9-link));
}

.mlg-card-cta-primary.is-enter-scores[b-5fbndl8ovw] {
    border-color: var(--b9-success);
    color: var(--player-text-inverse, var(--b9-surface));
    background: var(--b9-success);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--b9-success) 28%, transparent);
}

.mlg-card-cta-primary.is-enter-scores:hover[b-5fbndl8ovw],
.mlg-card-cta-primary.is-enter-scores:focus-visible[b-5fbndl8ovw] {
    border-color: var(--b9-success);
    color: var(--player-text-inverse, var(--b9-surface));
    background: color-mix(in srgb, var(--b9-success) 86%, var(--player-surface-card, var(--b9-surface-alt)) 14%);
}

.mlg-card-cta-secondary[b-5fbndl8ovw] {
    min-height: 2.25rem;
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.35rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
}

.mlg-card-cta-secondary:hover[b-5fbndl8ovw],
.mlg-card-cta-secondary:focus-visible[b-5fbndl8ovw] {
    color: var(--player-link, var(--b9-link));
    text-decoration: underline;
}

@media (max-width: 520px) {
    .mlg-league-head[b-5fbndl8ovw] {
        flex-direction: column;
        gap: 0.45rem;
    }

    .mlg-league-actions[b-5fbndl8ovw] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.35rem;
    }

    .mlg-card-cta[b-5fbndl8ovw] {
        width: 100%;
        justify-content: center;
    }

    .mlg-card-cta-secondary[b-5fbndl8ovw] {
        width: 100%;
        justify-content: center;
        min-height: 2rem;
    }
}

@media (max-width: 430px) {
    .mlg-featured-shell[b-5fbndl8ovw] {
        margin: 0.8rem;
        padding: 0.9rem;
    }

    .mlg-stats-grid[b-5fbndl8ovw] {
        grid-template-columns: 1fr;
    }

    .mlg-rank-hero[b-5fbndl8ovw] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.55rem;
    }
}

@media (min-width: 992px) {
    .mlg-featured-shell[b-5fbndl8ovw] {
        margin: 1.2rem 1.25rem;
        padding: 1.15rem 1.2rem 1.05rem;
    }

    .mlg-stats-grid[b-5fbndl8ovw] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .mlg-split-grid[b-5fbndl8ovw] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mlg-card-grid[b-5fbndl8ovw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ═══════════════════════════════════════════════════════════════
   RANK HERO  — premium standing display
   ═══════════════════════════════════════════════════════════════ */
.mlg-rank-hero[b-5fbndl8ovw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.85rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(250, 204, 21, 0.35);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(120, 53, 15, 0.35) 0%, rgba(30, 27, 75, 0.5) 100%);
}

.mlg-rank-badge[b-5fbndl8ovw] {
    display: flex;
    align-items: baseline;
    gap: 0.1rem;
    flex-shrink: 0;
    min-width: 3.5rem;
    justify-content: center;
}

.mlg-rank-num[b-5fbndl8ovw] {
    font-size: 2.6rem;
    font-weight: 900;
    color: #fde68a;
    line-height: 1;
    letter-spacing: -0.02em;
}

.mlg-rank-ord[b-5fbndl8ovw] {
    font-size: 1rem;
    font-weight: 800;
    color: #fcd34d;
    align-self: flex-start;
    margin-top: 0.35rem;
}

.mlg-rank-detail[b-5fbndl8ovw] {
    flex: 1;
    min-width: 0;
}

.mlg-rank-status[b-5fbndl8ovw] {
    color: #fef3c7;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.2;
}

.mlg-rank-sub[b-5fbndl8ovw] {
    color: #d1d5db;
    font-size: 0.84rem;
    margin-top: 0.2rem;
}

/* ═══════════════════════════════════════════════════════════════
   SECTION NAV TABS
   ═══════════════════════════════════════════════════════════════ */
.mlg-section-nav[b-5fbndl8ovw] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
    padding: 0.6rem 0;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.mlg-nav-tab[b-5fbndl8ovw] {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0.3rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.32);
    color: #cbd5e1;
    text-decoration: none;
    font-size: 0.84rem;
    font-weight: 700;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
    background: transparent;
}

button.mlg-nav-tab[b-5fbndl8ovw] {
    appearance: none;
    cursor: pointer;
}

.mlg-nav-tab:hover[b-5fbndl8ovw],
.mlg-nav-tab:focus-visible[b-5fbndl8ovw] {
    border-color: rgba(56, 189, 248, 0.7);
    color: #e0f2fe;
    background: rgba(56, 189, 248, 0.08);
    outline: none;
}

.mlg-nav-tab.is-active[b-5fbndl8ovw] {
    border-color: rgba(34, 197, 94, 0.6);
    background: rgba(34, 197, 94, 0.14);
    color: #dcfce7;
}

/* ═══════════════════════════════════════════════════════════════
   TODAY IN LEAGUE card variant
   ═══════════════════════════════════════════════════════════════ */
.mlg-next-round-card--today[b-5fbndl8ovw] {
    border-color: rgba(34, 197, 94, 0.55);
    background: rgba(20, 83, 45, 0.25);
}

.mlg-next-round-card--today h3[b-5fbndl8ovw] {
    color: #bbf7d0;
}

/* ═══════════════════════════════════════════════════════════════
   MOMENT ITEM — header row with icon
   ═══════════════════════════════════════════════════════════════ */
.mlg-moment-header[b-5fbndl8ovw] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.2rem;
}

.mlg-moment-icon[b-5fbndl8ovw] {
    font-size: 1rem;
    color: #93c5fd;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.mlg-moment-sub[b-5fbndl8ovw] {
    color: #cbd5e1;
    font-size: 0.84rem;
    margin-top: 0;
    padding-left: 1.5rem;
}

/* /Components/Pages/Leagues/PublicStandings.razor.rz.scp.css */
/* ================================================================
   PUBLIC STANDINGS PAGE — scoped styles
   Shared layout styles are in wwwroot/public-page.css
================================================================ */

/* ── Standings table tweaks ── */
.etable-wrap[b-nc73mw4wjz] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.etable[b-nc73mw4wjz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.etable thead th[b-nc73mw4wjz] {
    padding: 0.6rem 0.9rem;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted, #94a3b8);
    background: var(--bg-raised, rgba(255,255,255,0.04));
    border-bottom: 1.5px solid var(--border-subtle, #334155);
    white-space: nowrap;
}

.etable tbody tr[b-nc73mw4wjz] {
    border-bottom: 1px solid var(--border-subtle, #334155);
    transition: background 0.1s;
}

.etable tbody tr:last-child[b-nc73mw4wjz] {
    border-bottom: none;
}

.etable tbody tr:hover[b-nc73mw4wjz] {
    background: var(--bg-raised, rgba(255,255,255,0.04));
}

.etable tbody td[b-nc73mw4wjz] {
    padding: 0.7rem 0.9rem;
    color: var(--text-primary, #f1f5f9);
}

.col-rank[b-nc73mw4wjz]  { width: 44px; text-align: center; }
.col-rounds[b-nc73mw4wjz] { width: 70px; }
.col-strokes[b-nc73mw4wjz] { width: 80px; }
.col-avg[b-nc73mw4wjz]  { width: 70px; }

.td-rank[b-nc73mw4wjz]   { text-align: center; font-weight: 700; color: var(--text-secondary, #94a3b8); font-size: 0.85rem; }
.td-player[b-nc73mw4wjz] { font-weight: 600; }
.td-center[b-nc73mw4wjz] { text-align: center; }

/* ── Light card readability fixes ── */
.pub-light-card[b-nc73mw4wjz] {
    background: linear-gradient(160deg, rgba(16, 24, 39, 0.94), rgba(11, 18, 32, 0.92));
    border: 1px solid rgba(52, 211, 153, 0.24);
    box-shadow: 0 10px 28px rgba(2, 6, 23, 0.34);
}

.pub-light-card-title[b-nc73mw4wjz] {
    color: #e2e8f0;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
}

.pub-light-card-meta[b-nc73mw4wjz] {
    color: #cbd5e1;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.35;
}

.pub-light-card-pairing[b-nc73mw4wjz] {
    color: #f8fafc;
    font-size: 0.84rem;
    line-height: 1.35;
}

.pub-light-card-subtext[b-nc73mw4wjz] {
    color: #94a3b8;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.35;
}

.pub-format-note[b-nc73mw4wjz] {
    border: 1px solid rgba(56, 189, 248, 0.35);
    background: linear-gradient(140deg, rgba(8, 47, 73, 0.82), rgba(17, 24, 39, 0.9));
    color: #e2e8f0;
    margin-bottom: 0.75rem;
}

.pub-format-note i[b-nc73mw4wjz] {
    color: #7dd3fc;
}

.etable tbody td[b-nc73mw4wjz],
.etable tbody td.td-player[b-nc73mw4wjz],
.etable tbody td.td-center[b-nc73mw4wjz] {
    color: #0f172a;
}

/* ── Rank medals ── */
.rank-medal[b-nc73mw4wjz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0.72rem;
    font-weight: 800;
    color: #fff;
}

.rank-1[b-nc73mw4wjz] { background: linear-gradient(135deg, #f59e0b, #d97706); }
.rank-2[b-nc73mw4wjz] { background: linear-gradient(135deg, #94a3b8, #64748b); }
.rank-3[b-nc73mw4wjz] { background: linear-gradient(135deg, #c2793b, #a36030); }

/* ── Loading ── */
.pub-state-page[b-nc73mw4wjz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    text-align: center;
    padding: 2rem 1.5rem;
    color: var(--text-primary, #f1f5f9);
}

.pub-state-icon[b-nc73mw4wjz] {
    font-size: 3.5rem;
    margin-bottom: 1.25rem;
    line-height: 1;
}

.pub-state-title[b-nc73mw4wjz] {
    font-size: 1.4rem;
    font-weight: 800;
    margin: 0 0 0.5rem;
}

.pub-state-sub[b-nc73mw4wjz] {
    font-size: 0.9rem;
    color: var(--text-secondary, #94a3b8);
    max-width: 340px;
    line-height: 1.6;
}

/* ── Hero and org band (scoped to ensure pub-hero-left styles apply) ── */
.pub-hero-left[b-nc73mw4wjz] {
    flex: 1;
    min-width: 280px;
}

/* Info callout — dark-safe replacement for alert-light */
.ps-info-callout[b-nc73mw4wjz] {
    border: 1px solid var(--border-subtle, #334155);
    border-radius: 0.375rem;
    background: var(--bg-elevated, #1e293b);
    color: var(--text-primary, #f1f5f9);
}

html[data-theme="light"] .ps-info-callout[b-nc73mw4wjz] {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #1f2937;
}
/* /Components/Pages/Leagues/QrStatusPanel.razor.rz.scp.css */
.wrd-section-head[b-1e5a7ww2ky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, .75rem);
    flex-wrap: wrap;
    margin-bottom: var(--space-2, .5rem);
}

.wrd-section-head h3[b-1e5a7ww2ky] {
    margin: 0;
    font-size: 1rem;
}

.wrd-scorecard-summary[b-1e5a7ww2ky] {
    display: flex;
    gap: var(--space-2, .5rem);
    flex-wrap: wrap;
    color: var(--text-secondary);
    font-size: .82rem;
}

.wrd-muted[b-1e5a7ww2ky] {
    margin: 0;
    color: var(--text-secondary);
}
/* /Components/Pages/Leagues/RoundAlertCallout.razor.rz.scp.css */
.wrd-alert[b-f5xuyufr2c] {
    border: 1px solid var(--border-subtle);
    border-left-width: 3px;
    border-radius: var(--radius-md, 10px);
    padding: var(--space-3, .75rem);
    background: var(--bg-elevated);
    display: flex;
    flex-direction: column;
    gap: var(--space-2, .5rem);
}

.wrd-alert-head[b-f5xuyufr2c] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .87rem;
    font-weight: 700;
}

.wrd-alert-body[b-f5xuyufr2c] {
    margin: 0;
    color: var(--text-secondary);
    font-size: .82rem;
}

.wrd-alert--danger[b-f5xuyufr2c] { border-left-color: var(--b9-danger, #EF4444); }
.wrd-alert--warning[b-f5xuyufr2c] { border-left-color: var(--b9-warning, #F59E0B); }
.wrd-alert--success[b-f5xuyufr2c] { border-left-color: var(--b9-success, #22C55E); }
.wrd-alert--info[b-f5xuyufr2c] { border-left-color: var(--b9-info, #38BDF8); }
/* /Components/Pages/Leagues/RoundDiagnosticsPanel.razor.rz.scp.css */
.round-diag[b-f54zsa14c1] { padding: 1rem 1.25rem; }
.round-diag__head[b-f54zsa14c1] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.round-diag__list[b-f54zsa14c1] { list-style: none; padding: 0; margin: 0.75rem 0 0 0; }
.round-diag__item[b-f54zsa14c1] { display: flex; gap: 0.75rem; padding: 0.5rem 0; border-top: 1px solid var(--border-subtle, rgba(0,0,0,0.06)); }
.round-diag__item:first-child[b-f54zsa14c1] { border-top: none; }
.round-diag__item i[b-f54zsa14c1] { font-size: 1.1rem; line-height: 1.4; flex: 0 0 auto; }
.round-diag__label[b-f54zsa14c1] { font-weight: 600; }
.round-diag__msg[b-f54zsa14c1] { color: var(--text-muted, #6b7280); font-size: 0.925rem; }
.round-diag__item--ok i[b-f54zsa14c1] { color: var(--success, #16a34a); }
.round-diag__item--warning i[b-f54zsa14c1] { color: var(--warning, #d97706); }
.round-diag__item--error i[b-f54zsa14c1] { color: var(--danger, #dc2626); }
.round-diag__item--skipped i[b-f54zsa14c1] { color: var(--text-muted, #9ca3af); }
.round-diag__item--skipped .round-diag__label[b-f54zsa14c1] { color: var(--text-muted, #6b7280); }
/* /Components/Pages/Leagues/RoundPrimaryActionBar.razor.rz.scp.css */
.wrd-actions[b-3d8x2wu003] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-2, .5rem);
    flex-wrap: wrap;
}
/* /Components/Pages/Leagues/RoundProgressStrip.razor.rz.scp.css */
/* ============================================================
   RoundProgressStrip — scoped styles
   Uses only design system tokens from brand-tokens.css
   ============================================================ */

/* ── Cancelled fallback ── */
.rps--cancelled[b-atevzjiac0] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    font-size: 0.78rem;
    color: var(--text-muted);
    font-style: italic;
    border-top: 1px solid var(--border-subtle);
    background: var(--bg-elevated);
}

/* ── Strip container ── */
.rps[b-atevzjiac0] {
    display: flex;
    align-items: flex-start;
    padding: var(--space-4) var(--space-6);
    background: var(--bg-elevated);
    border-top: 1px solid var(--border-subtle);
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.rps[b-atevzjiac0]::-webkit-scrollbar { display: none; }

/* ── Individual step ── */
.rps-step[b-atevzjiac0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    flex: 1;
    min-width: 64px;
    position: relative;
}

/* ── Connector line between dots (on all steps except first) ── */
.rps-step:not(:first-child)[b-atevzjiac0]::before {
    content: '';
    position: absolute;
    top: 9px;           /* vertical center of 18px dot */
    left: -50%;
    right: 50%;
    height: 1px;
    background: var(--border-subtle);
    z-index: 0;
    transition: background var(--t-slow) var(--t-ease);
}

/* Color connectors after completed steps */
.rps-step--done + .rps-step--done[b-atevzjiac0]::before,
.rps-step--done + .rps-step--current[b-atevzjiac0]::before {
    background: var(--b9-success);
    opacity: 0.45;
}

/* ── Dot ── */
.rps-dot[b-atevzjiac0] {
    position: relative;
    z-index: 1;
    width: 18px;
    height: 18px;
    border-radius: var(--radius-full);
    border: 2px solid var(--border-subtle);
    background: var(--bg-elevated);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    flex-shrink: 0;
    transition: background var(--t-base), border-color var(--t-base), box-shadow var(--t-base);
}

.rps-step--done .rps-dot[b-atevzjiac0] {
    background: var(--b9-success);
    border-color: var(--b9-success);
    color: #fff;
}

.rps-step--current .rps-dot[b-atevzjiac0] {
    background: var(--brand);
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-ring);
    animation: rps-pulse-b-atevzjiac0 2.4s ease-in-out infinite;
}

.rps-step--pending .rps-dot[b-atevzjiac0] {
    background: transparent;
    border-color: var(--border-default);
}

/* ── Label ── */
.rps-label[b-atevzjiac0] {
    font-size: 0.68rem;
    font-weight: 500;
    color: var(--text-muted);
    white-space: nowrap;
    text-align: center;
    letter-spacing: 0.01em;
}

.rps-step--done .rps-label[b-atevzjiac0]    { color: var(--b9-success-text); font-weight: 600; }
.rps-step--current .rps-label[b-atevzjiac0] { color: var(--b9-primary-text); font-weight: 700; }

/* ── Pulse animation for active step ── */
@keyframes rps-pulse-b-atevzjiac0 {
    0%, 100% { box-shadow: 0 0 0 3px var(--brand-ring); }
    50%       { box-shadow: 0 0 0 5px rgba(29,78,216,0.12); }
}

/* ── Responsive ── */
@media (max-width: 520px) {
    .rps[b-atevzjiac0]         { padding: var(--space-3) var(--space-4); }
    .rps-step[b-atevzjiac0]    { min-width: 52px; }
    .rps-label[b-atevzjiac0]   { font-size: 0.62rem; }
}
/* /Components/Pages/Leagues/RoundResultsPanel.razor.rz.scp.css */
.wrd-section-head[b-yrmvhbgu1s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, .75rem);
    flex-wrap: wrap;
    margin-bottom: var(--space-2, .5rem);
}

.wrd-section-head h3[b-yrmvhbgu1s] {
    margin: 0;
    font-size: 1rem;
}

.wrd-scoring-grid[b-yrmvhbgu1s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-2, .5rem);
}

.wrd-results-meta[b-yrmvhbgu1s] {
    margin-top: var(--space-2, .5rem);
    color: var(--text-secondary);
    font-size: .84rem;
}

.wrd-history[b-yrmvhbgu1s] {
    margin-top: var(--space-3, .75rem);
    display: flex;
    flex-direction: column;
    gap: var(--space-2, .5rem);
}

.wrd-history-item[b-yrmvhbgu1s] {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 10px);
    background: var(--bg-elevated);
    padding: .55rem .7rem;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.wrd-history-item span[b-yrmvhbgu1s],
.wrd-history-item p[b-yrmvhbgu1s] {
    margin: 0;
    color: var(--text-secondary);
    font-size: .82rem;
}

.wrd-muted[b-yrmvhbgu1s] {
    margin: 0;
    color: var(--text-secondary);
}

@media (max-width: 900px) {
    .wrd-scoring-grid[b-yrmvhbgu1s] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Leagues/RoundSetupCompactCard.razor.rz.scp.css */
.rsc-card[b-mdxrt5lvuc] {
    padding: .7rem .8rem;
}

.rsc-head[b-mdxrt5lvuc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .4rem;
}

.rsc-actions[b-mdxrt5lvuc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .4rem;
}

.rsc-grid[b-mdxrt5lvuc] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .9rem;
    color: var(--text-secondary);
    font-size: .84rem;
}
/* /Components/Pages/Leagues/RoundSummaryStrip.razor.rz.scp.css */
.rss[b-kilctubbdb] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-2, .5rem);
}

@media (max-width: 1100px) {
    .rss[b-kilctubbdb] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .rss[b-kilctubbdb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Leagues/ScorecardPanel.razor.rz.scp.css */
.wrd-section-head[b-e20tjto8pj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, .75rem);
    flex-wrap: wrap;
    margin-bottom: var(--space-2, .5rem);
}

.wrd-section-head h3[b-e20tjto8pj] {
    margin: 0;
    font-size: 1rem;
}

.wrd-scorecard-summary[b-e20tjto8pj] {
    display: flex;
    gap: var(--space-2, .5rem);
    flex-wrap: wrap;
    color: var(--text-secondary);
    font-size: .82rem;
    margin-bottom: var(--space-2, .5rem);
}

.wrd-list[b-e20tjto8pj] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    color: var(--text-secondary);
    font-size: .84rem;
}

.wrd-muted[b-e20tjto8pj] {
    margin: 0;
    color: var(--text-secondary);
}
/* /Components/Pages/Leagues/ScoringProgressPanel.razor.rz.scp.css */
.wrd-section-head[b-3q3pb0emdf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, .75rem);
    flex-wrap: wrap;
    margin-bottom: var(--space-2, .5rem);
}

.wrd-section-head h3[b-3q3pb0emdf] {
    margin: 0;
    font-size: 1rem;
}

.wrd-scoring-grid[b-3q3pb0emdf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-2, .5rem);
    margin-bottom: var(--space-2, .5rem);
}

@media (max-width: 900px) {
    .wrd-scoring-grid[b-3q3pb0emdf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Leagues/StartAssignmentBoard.razor.rz.scp.css */
.wrd-start-meta[b-569i060iq8] {
    display: flex;
    gap: var(--space-2, .5rem);
    flex-wrap: wrap;
    margin-bottom: var(--space-2, .5rem);
}

.wrd-start-grid[b-569i060iq8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2, .5rem);
}

.wrd-start-item[b-569i060iq8] {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 10px);
    padding: .5rem .625rem;
    display: flex;
    flex-direction: column;
    gap: .125rem;
    background: var(--bg-elevated);
}

.wrd-start-item span[b-569i060iq8] {
    color: var(--text-secondary);
    font-size: .78rem;
}

.wrd-muted[b-569i060iq8] {
    margin: 0;
    color: var(--text-secondary);
}

@media (max-width: 800px) {
    .wrd-start-grid[b-569i060iq8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Leagues/StartMethodCard.razor.rz.scp.css */
.start-method[b-68n7mlhils] { padding: 1rem 1.25rem; }
.start-method__head[b-68n7mlhils] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }

.start-method__form[b-68n7mlhils] { margin-top: 0.75rem; display: flex; flex-direction: column; gap: 1rem; }

.start-method__options[b-68n7mlhils] {
    border: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.5rem;
}
.start-method__options > legend[b-68n7mlhils] { margin-bottom: 0.35rem; }

.start-method__option[b-68n7mlhils] {
    display: flex;
    gap: 0.625rem;
    align-items: flex-start;
    border: 1px solid var(--border-subtle, rgba(0,0,0,0.12));
    border-radius: 0.5rem;
    padding: 0.625rem 0.75rem;
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease;
}
.start-method__option:hover[b-68n7mlhils] { border-color: var(--accent, #2563eb); }
.start-method__option--active[b-68n7mlhils] {
    border-color: var(--accent, #2563eb);
    background-color: color-mix(in srgb, var(--accent, #2563eb) 6%, transparent);
}
.start-method__option input[type="radio"][b-68n7mlhils] { margin-top: 0.25rem; flex: 0 0 auto; }

.start-method__option-label[b-68n7mlhils] { display: flex; align-items: center; gap: 0.4rem; }
.start-method__option-desc[b-68n7mlhils] { color: var(--text-muted, #6b7280); font-size: 0.85rem; margin-top: 0.2rem; }

.start-method__time[b-68n7mlhils] { display: flex; flex-direction: column; gap: 0.35rem; max-width: 10rem; }

.start-method__actions[b-68n7mlhils] { display: flex; gap: 0.5rem; justify-content: flex-end; }

/* Disabled fieldset dims the radio group while parent is saving. */
.start-method__options[disabled][b-68n7mlhils] { opacity: 0.6; pointer-events: none; }
/* /Components/Pages/Leagues/Teams/AutoCreateTeamsModal.razor.rz.scp.css */
.auto-create-modal[b-uunle0py7h] { max-width: 520px; }

.auto-create-warning[b-uunle0py7h] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem .75rem;
    background: var(--warning-soft, rgba(245,158,11,.12));
    border: 1px solid color-mix(in srgb, var(--warning, #F59E0B) 35%, transparent);
    border-radius: 8px;
    color: var(--warning-text, #ca8a04);
    font-size: .85rem;
    margin: 0 0 1rem;
}

.auto-create-options[b-uunle0py7h] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.auto-create-option[b-uunle0py7h] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem 1rem;
    border-radius: 10px;
    border: 2px solid var(--border-subtle);
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
    color: var(--text-primary);
}

.auto-create-option:hover:not(.auto-create-option--disabled)[b-uunle0py7h] {
    border-color: var(--brand, #1d4ed8);
    background: var(--brand-soft, rgba(29,78,216,.08));
    transform: translateY(-1px);
}

.auto-create-option--selected[b-uunle0py7h] {
    border-color: var(--brand, #1d4ed8);
    background: var(--brand-soft, rgba(29,78,216,.08));
    box-shadow: 0 0 0 1px var(--brand, #1d4ed8);
}

.auto-create-option--disabled[b-uunle0py7h] {
    opacity: .55;
    cursor: not-allowed;
}

.auto-create-option-icon[b-uunle0py7h] {
    font-size: 1.4rem;
    color: var(--brand-hover, #2563eb);
    width: 2.25rem;
    text-align: center;
}

.auto-create-option-body[b-uunle0py7h] { flex: 1; }
.auto-create-option-title[b-uunle0py7h] { font-weight: 600; font-size: .95rem; }
.auto-create-option-desc[b-uunle0py7h] { font-size: .8rem; color: var(--text-muted); margin-top: .15rem; }

.auto-create-option-check[b-uunle0py7h] {
    color: var(--brand-hover, #2563eb);
    font-size: 1.15rem;
}
/* /Components/Pages/Leagues/Teams/PlayerSlot.razor.rz.scp.css */
.player-slot[b-fergo0pr2m] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.player-slot-label[b-fergo0pr2m] {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--text-muted);
    font-weight: 600;
}

.player-slot-meta[b-fergo0pr2m] {
    margin-left: .35rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}
/* /Components/Pages/Leagues/Teams/TeamCard.razor.rz.scp.css */
/* TeamCard — focused single-team editor */

.team-card[b-h0mu6t6cei] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid var(--border-subtle);
    background: var(--surface-2, var(--surface-card));
    transition: border-color .15s ease, box-shadow .15s ease;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.team-card--complete[b-h0mu6t6cei] {
    border-color: rgba(16,185,129,.45);
}

.team-card--incomplete[b-h0mu6t6cei] {
    border-color: rgba(234,179,8,.40);
    background: linear-gradient(0deg, rgba(234,179,8,.03), rgba(234,179,8,.03)), var(--surface-2, var(--surface-card));
}

.team-card-head[b-h0mu6t6cei] {
    display: none;
}

.team-card-top-row[b-h0mu6t6cei] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    min-width: 0;
}

.team-card-title-wrap[b-h0mu6t6cei] {
    min-width: 0;
    flex: 1;
}

.team-card-title[b-h0mu6t6cei] {
    margin: 0;
    font-size: 1.02rem;
    overflow-wrap: anywhere;
}

.team-card-subtitle[b-h0mu6t6cei] {
    margin-top: .2rem;
    font-size: .85rem;
    color: var(--text-muted);
    font-weight: 600;
}

.team-card-more[b-h0mu6t6cei] {
    position: relative;
}

.team-card-more summary[b-h0mu6t6cei] {
    list-style: none;
}

.team-card-more summary[b-h0mu6t6cei]::-webkit-details-marker {
    display: none;
}

.team-card-more-menu[b-h0mu6t6cei] {
    position: absolute;
    right: 0;
    top: calc(100% + .25rem);
    z-index: 10;
    min-width: 10rem;
    max-width: min(18rem, 90vw);
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .4rem;
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    background: var(--surface-2, var(--surface-card));
    box-shadow: 0 10px 28px rgba(2, 6, 23, .15);
}

.team-card-more-menu :global(.ui-btn)[b-h0mu6t6cei] {
    justify-content: flex-start;
}

.team-card-remove-btn[b-h0mu6t6cei] {
    color: var(--danger, #ef4444);
}

.team-card-remove-btn:hover:not(:disabled)[b-h0mu6t6cei] {
    color: var(--danger, #ef4444);
    background: rgba(239, 68, 68, .08);
}

.team-card-roster[b-h0mu6t6cei] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    min-width: 0;
}

.team-card-role-row[b-h0mu6t6cei] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .35rem 0;
    border-bottom: 1px solid var(--border-subtle);
    min-width: 0;
}

.team-card-role-row:last-child[b-h0mu6t6cei] {
    border-bottom: 0;
}

.team-card-role[b-h0mu6t6cei] {
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--text-muted);
    font-weight: 700;
}

.team-card-player[b-h0mu6t6cei] {
    text-align: right;
    font-weight: 600;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.team-card-actions-row[b-h0mu6t6cei] {
    display: flex;
    justify-content: flex-start;
}

.team-card-player--empty[b-h0mu6t6cei] {
    color: var(--text-muted);
    font-style: italic;
    font-weight: 400;
}

.team-card-editor[b-h0mu6t6cei] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    min-width: 0;
}

.team-card-field-group[b-h0mu6t6cei] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.team-card-slot-group[b-h0mu6t6cei] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.team-card-slot-row[b-h0mu6t6cei] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.team-card-editor-label[b-h0mu6t6cei] {
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--text-muted);
    font-weight: 700;
}

.team-card-field-hint[b-h0mu6t6cei] {
    font-size: .78rem;
    color: var(--text-muted);
    line-height: 1.4;
}

.team-card-editor-actions[b-h0mu6t6cei] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.team-card-actions-bottom[b-h0mu6t6cei] {
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

@media (max-width: 640px) {
    .team-card-top-row[b-h0mu6t6cei] {
        flex-direction: column;
        align-items: stretch;
    }

    .team-card-role-row[b-h0mu6t6cei] {
        flex-direction: column;
        gap: .2rem;
    }

    .team-card-player[b-h0mu6t6cei] {
        text-align: left;
    }

    .team-card-editor-actions .ui-btn[b-h0mu6t6cei] {
        flex: 1;
    }
}
/* /Components/Pages/Leagues/Teams/TeamHandicapBadge.razor.rz.scp.css */
.team-hcp[b-6xbldip35u] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.team-hcp-pill[b-6xbldip35u] { white-space: nowrap; }

.team-hcp-help[b-6xbldip35u] {
    background: transparent;
    border: 0;
    padding: 0;
    color: var(--accent-link, #60a5fa);
    text-decoration: underline;
    font-size: .75rem;
    cursor: pointer;
}
.team-hcp-help:hover[b-6xbldip35u] { opacity: .85; }
/* /Components/Pages/Leagues/Teams/TeamPlayerPicker.razor.rz.scp.css */
/* TeamPlayerPicker — pill-based player picker with search */

/* ── Container ─────────────────────────────────────────────── */

.tpp[b-5j38ene0mt] {
    position: relative;
    width: 100%;
    min-width: 0;
}

/* ── Empty / Tap-to-pick button ─────────────────────────────── */

.tpp-empty-btn[b-5j38ene0mt] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .7rem .875rem;
    border: 2px dashed var(--border-subtle);
    border-radius: 10px;
    background: transparent;
    color: var(--text-muted);
    font-size: .92rem;
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
    text-align: left;
    min-height: 48px;
}

.tpp-empty-btn:hover:not(:disabled)[b-5j38ene0mt] {
    border-color: var(--brand, #6366f1);
    color: var(--brand, #6366f1);
    background: var(--brand-soft, rgba(99,102,241,.08));
}

.tpp-empty-btn:disabled[b-5j38ene0mt],
.tpp--disabled .tpp-empty-btn[b-5j38ene0mt] {
    opacity: .45;
    cursor: not-allowed;
}

/* ── Selected chip ─────────────────────────────────────────── */

.tpp-chip[b-5j38ene0mt] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .4rem .65rem .4rem .4rem;
    border: 1px solid rgba(34, 197, 94, .45);
    border-radius: 999px;
    background: rgba(34, 197, 94, .07);
    min-width: 0;
    max-width: 100%;
}

.tpp-chip-initials[b-5j38ene0mt] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--brand-soft, rgba(99,102,241,.12));
    color: var(--brand, #6366f1);
    font-size: .7rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: .02em;
}
.tpp-chip-photo[b-5j38ene0mt] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
}

.tpp-chip-name[b-5j38ene0mt] {
    flex: 1;
    font-weight: 600;
    font-size: .93rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-primary);
}

.tpp-chip-remove[b-5j38ene0mt] {
    flex-shrink: 0;
    border: none;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: .7rem;
    line-height: 1;
    transition: color .12s, background .12s;
}

.tpp-chip-remove:hover[b-5j38ene0mt] {
    color: var(--danger, #ef4444);
    background: rgba(239, 68, 68, .08);
}

/* ── Search panel (floating) ───────────────────────────────── */

.tpp-panel[b-5j38ene0mt] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 200;
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    background: var(--bg-elevated, #1e293b);
    box-shadow: 0 16px 40px rgba(2, 6, 23, .28);
    overflow: hidden;
    min-width: 200px;
}

.tpp-search-row[b-5j38ene0mt] {
    display: flex;
    align-items: center;
    gap: .375rem;
    padding: .55rem .7rem;
    border-bottom: 1px solid var(--border-subtle);
}

.tpp-search-icon[b-5j38ene0mt] {
    color: var(--text-muted);
    font-size: .85rem;
    flex-shrink: 0;
}

.tpp-search-input[b-5j38ene0mt] {
    flex: 1;
    border: none;
    background: transparent;
    color: var(--text-primary);
    font-size: .93rem;
    outline: none;
    min-width: 0;
    padding: 0;
}

.tpp-search-input[b-5j38ene0mt]::placeholder {
    color: var(--text-muted);
}

.tpp-cancel[b-5j38ene0mt] {
    flex-shrink: 0;
    border: none;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    padding: 2px 4px;
    font-size: .875rem;
    border-radius: 4px;
    line-height: 1;
    transition: color .12s;
}

.tpp-cancel:hover[b-5j38ene0mt] {
    color: var(--text-primary);
}

/* ── Player list ───────────────────────────────────────────── */

.tpp-list[b-5j38ene0mt] {
    max-height: 230px;
    overflow-y: auto;
    padding: .3rem;
}

.tpp-list-item[b-5j38ene0mt] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: .5rem .625rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--text-primary);
    font-size: .93rem;
    cursor: pointer;
    text-align: left;
    transition: background .1s;
    min-height: 44px;
}

.tpp-list-item:hover[b-5j38ene0mt] {
    background: var(--bg-raised, rgba(255, 255, 255, .06));
}

.tpp-list-photo[b-5j38ene0mt] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.tpp-list-initials[b-5j38ene0mt] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--bg-raised, rgba(255, 255, 255, .08));
    color: var(--text-secondary);
    font-size: .7rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: .02em;
}

.tpp-list-name[b-5j38ene0mt] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tpp-no-match[b-5j38ene0mt] {
    padding: .875rem .625rem;
    color: var(--text-muted);
    font-size: .88rem;
    text-align: center;
}

/* ── Backdrop (click-outside to close) ─────────────────────── */

.tpp-backdrop[b-5j38ene0mt] {
    position: fixed;
    inset: 0;
    z-index: 199;
}

/* ── Light theme ───────────────────────────────────────────── */

html[data-theme="light"] .tpp-panel[b-5j38ene0mt] {
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

html[data-theme="light"] .tpp-list-item:hover[b-5j38ene0mt] {
    background: rgba(0, 0, 0, .04);
}

html[data-theme="light"] .tpp-list-initials[b-5j38ene0mt] {
    background: rgba(0, 0, 0, .06);
    color: var(--text-secondary);
}
/* /Components/Pages/Leagues/Teams/TeamsGrid.razor.rz.scp.css */
.teams-grid[b-3z3uc7jzhf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

@media (min-width: 1400px) {
    .teams-grid[b-3z3uc7jzhf] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1024px) {
    .teams-grid[b-3z3uc7jzhf] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .teams-grid[b-3z3uc7jzhf] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Leagues/Teams/TeamsHeader.razor.rz.scp.css */
.teams-header[b-zu63ag3gsd] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    padding: .85rem 1rem;
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    background: var(--surface-2, var(--surface-card));
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    max-height: 220px;
}

.teams-header-titles[b-zu63ag3gsd] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
    max-width: 100%;
    flex: 1;
}

.teams-header-helper[b-zu63ag3gsd] {
    margin: 0;
}

.teams-header-availability[b-zu63ag3gsd] {
    margin: 0;
    font-size: .9rem;
    color: var(--text-muted);
    font-weight: 600;
}

.teams-header-actions[b-zu63ag3gsd] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 540px) {
    .teams-header[b-zu63ag3gsd] {
        padding: .85rem;
        max-height: none;
        gap: .75rem;
    }

    .teams-header-actions[b-zu63ag3gsd] { width: 100%; }
    .teams-header-actions .ui-btn[b-zu63ag3gsd] { flex: 1; min-width: 0; }
}
/* /Components/Pages/Leagues/Teams/TeamsPage.razor.rz.scp.css */
.teams-page[b-1k89tfup4w] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    min-width: 0;
    overflow-x: hidden;
}

.teams-page > *[b-1k89tfup4w] {
    max-width: 100%;
    min-width: 0;
}

.teams-page-status[b-1k89tfup4w] { margin: 0; }

.teams-scorer-note[b-1k89tfup4w] {
    margin: -.25rem 0 0;
    color: var(--text-muted);
    font-size: .88rem;
}

.teams-next-step[b-1k89tfup4w] {
    margin: 0;
}

.teams-empty[b-1k89tfup4w] {
    padding: 1.5rem 1rem;
    text-align: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.teams-sticky-actions[b-1k89tfup4w] {
    position: sticky;
    bottom: .75rem;
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 1rem;
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    background: var(--surface-2, var(--surface-card));
    box-shadow: 0 10px 26px rgba(2, 6, 23, .12);
}

.teams-sticky-copy[b-1k89tfup4w] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    font-weight: 700;
}

.teams-sticky-count[b-1k89tfup4w] {
    font-size: .8rem;
    font-weight: 400;
    color: var(--text-muted);
}

.teams-sticky-buttons[b-1k89tfup4w] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    min-width: 0;
}

@media (max-width: 680px) {
    .teams-page[b-1k89tfup4w] {
        gap: 1rem;
        max-width: 100%;
    }

    .teams-sticky-actions[b-1k89tfup4w] {
        position: static;
        bottom: auto;
        box-shadow: none;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .teams-sticky-buttons[b-1k89tfup4w] {
        width: 100%;
    }

    .teams-sticky-buttons .ui-btn[b-1k89tfup4w] {
        flex: 1;
        min-height: 2.6rem;
    }

    .teams-page .ui-btn[b-1k89tfup4w] {
        min-height: 44px;
    }
}
/* /Components/Pages/Leagues/Teams/TeamsSummaryBar.razor.rz.scp.css */
.teams-summary-grid[b-boy57frskb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-auto-rows: 1fr;
}

.teams-summary-card[b-boy57frskb] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: 1rem;
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    background: var(--surface-2, var(--surface-card));
    min-width: 0;
    min-height: 110px;
    justify-content: center;
    text-align: center;
}

.teams-summary-card--warning[b-boy57frskb] {
    border-color: rgba(234,179,8,.45);
    background: linear-gradient(0deg, rgba(234,179,8,.04), rgba(234,179,8,.04)), var(--surface-2, var(--surface-card));
}

.teams-summary-card--ok[b-boy57frskb] {
    border-color: rgba(16,185,129,.45);
}

.teams-summary-card-title[b-boy57frskb] {
    font-size: .8rem;
    color: var(--text-muted);
    font-weight: 600;
}

.teams-summary-card-value[b-boy57frskb] {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    color: var(--text-primary);
}

.teams-summary-card-suffix[b-boy57frskb] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text-muted);
    margin-left: .2rem;
}

.teams-summary-plain-warning[b-boy57frskb] {
    margin: .6rem 0 0;
    font-size: .96rem;
    color: #f2c94c;
    font-weight: 600;
}

@media (max-width: 940px) {
    .teams-summary-grid[b-boy57frskb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .teams-summary-grid[b-boy57frskb] {
        grid-template-columns: 1fr;
    }

    .teams-summary-card[b-boy57frskb] {
        min-height: 88px;
    }
}
/* /Components/Pages/Leagues/Teams/UnassignedPlayersPanel.razor.rz.scp.css */
.unassigned-panel[b-w2f2qyf6pv] {
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid var(--border-subtle);
    background: var(--surface-2, var(--surface-card));
    display: flex;
    flex-direction: column;
    gap: .6rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

.unassigned-panel-title[b-w2f2qyf6pv] {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    color: var(--text-primary);
}

.unassigned-panel-summary[b-w2f2qyf6pv] {
    margin: 0;
    color: var(--text-muted);
    font-weight: 600;
}

.unassigned-list[b-w2f2qyf6pv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.unassigned-list-item[b-w2f2qyf6pv] {
    height: auto;
    padding: 1rem;
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    background: var(--surface-base, var(--surface-card));
    font-size: .9rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 980px) {
    .unassigned-list[b-w2f2qyf6pv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .unassigned-list[b-w2f2qyf6pv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Leagues/WeeklyRoundActionBar.razor.rz.scp.css */
.wrail[b-k04zb1rjks] {
    padding: 16px;
    border-radius: 12px;
}

.wrail-head[b-k04zb1rjks] {
    margin-bottom: 0.75rem;
}

.wrail-title[b-k04zb1rjks] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
}

.wrail-sub[b-k04zb1rjks] {
    margin: 0.25rem 0 0;
    color: var(--b9-text-muted);
    font-size: 0.8rem;
}

.wrail-list[b-k04zb1rjks] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.55rem;
}

.wrail-step[b-k04zb1rjks] {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 0.65rem;
    border: 1px solid var(--b9-border);
    border-radius: 10px;
    padding: 0.65rem;
    background: var(--b9-surface);
}

.wrail-step--current[b-k04zb1rjks] {
    border-color: var(--b9-primary);
    box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.1);
}

.wrail-step--locked[b-k04zb1rjks] {
    opacity: 0.88;
}

.wrail-step--complete[b-k04zb1rjks] {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
}

.wrail-step-num[b-k04zb1rjks] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.8rem;
    background: var(--b9-surface-muted);
    color: var(--b9-text-soft);
}

.wrail-step--current .wrail-step-num[b-k04zb1rjks] {
    background: var(--b9-primary);
    color: #fff;
}

.wrail-step--complete .wrail-step-num[b-k04zb1rjks] {
    background: var(--b9-success-soft);
    color: var(--b9-success-text);
}

.wrail-step-row[b-k04zb1rjks] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.wrail-step-title[b-k04zb1rjks] {
    font-weight: 700;
    font-size: 0.86rem;
}

.wrail-step-state[b-k04zb1rjks] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--b9-text-muted);
}

.wrail-current-action[b-k04zb1rjks] {
    margin-top: 0.5rem;
    display: grid;
    gap: 0.45rem;
}

.wrail-step-help[b-k04zb1rjks] {
    margin: 0.42rem 0 0;
    color: var(--b9-text-muted);
    font-size: 0.76rem;
    line-height: 1.35;
}

.wrail-step--complete .wrail-step-help[b-k04zb1rjks],
.wrail-step--complete .wrail-current-action[b-k04zb1rjks] {
    display: none;
}

.wrail-more[b-k04zb1rjks] {
    margin-top: 0.75rem;
    border-top: 1px solid var(--b9-border);
    padding-top: 0.5rem;
}

.wrail-more summary[b-k04zb1rjks] {
    cursor: pointer;
    color: var(--b9-text-muted);
    font-size: 0.78rem;
    font-weight: 600;
}

.wrail-more-actions[b-k04zb1rjks] {
    margin-top: 0.55rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

@media (max-width: 760px) {
    .wrail-step[b-k04zb1rjks] {
        grid-template-columns: 28px 1fr;
    }

    .wrail-current-action :global(.ui-btn)[b-k04zb1rjks],
    .wrail-more-actions :global(.ui-btn)[b-k04zb1rjks] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Leagues/WeeklyRoundAttentionPanel.razor.rz.scp.css */
.wrd-attention[b-da6pyvni3f] {
    border-left: 3px solid var(--b9-warning, #F59E0B);
}

.wrd-attention-head[b-da6pyvni3f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3, .75rem);
    margin-bottom: var(--space-3, .75rem);
}

.wrd-attention-title[b-da6pyvni3f] {
    font-size: .98rem;
    font-weight: 700;
}

.wrd-attention-sub[b-da6pyvni3f] {
    color: var(--text-secondary);
    font-size: .82rem;
}

.wrd-attention-list[b-da6pyvni3f] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, .5rem);
}
/* /Components/Pages/Leagues/WeeklyRoundDetailPage.razor.rz.scp.css */
.wrd-page[b-6sn3ptzeqj] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.wrd-page > *[b-6sn3ptzeqj] {
    min-width: 0;
}

.wrd-page .ui-btn[b-6sn3ptzeqj] {
    white-space: normal;
}

/* ── Admin Scoring Status Card ── */
.wrd-admin-scoring-card[b-6sn3ptzeqj] {
    border: 2px solid var(--success);
    border-radius: 12px;
    background: var(--success-soft);
    padding: 1rem 1.25rem;
}

.wrd-admin-scoring-head[b-6sn3ptzeqj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.wrd-admin-scoring-title[b-6sn3ptzeqj] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--success-text);
    margin: 0 0 .2rem 0;
}

.wrd-admin-scoring-sub[b-6sn3ptzeqj] {
    font-size: .85rem;
    color: var(--success-text);
    margin: 0;
}

.wrd-admin-scoring-groups[b-6sn3ptzeqj] {
    margin-top: .75rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    border-top: 1px solid rgba(34, 197, 94, 0.24);
    padding-top: .75rem;
}

.wrd-admin-scoring-group-row[b-6sn3ptzeqj] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.wrd-admin-scoring-group-label[b-6sn3ptzeqj] {
    flex: 1;
    font-size: .875rem;
    font-weight: 600;
    color: var(--success-text);
}

.wrd-admin-scoring-group-status[b-6sn3ptzeqj] {
    font-size: .8rem;
    padding: .2rem .6rem;
    border-radius: 9999px;
    font-weight: 600;
}

.wrd-status-partial[b-6sn3ptzeqj] {
    background: var(--warning-soft);
    color: var(--warning-text);
}

.wrd-status-missing[b-6sn3ptzeqj] {
    background: var(--danger-soft);
    color: var(--danger-text);
}

.wrd-reopen-banner[b-6sn3ptzeqj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    border: 1px solid var(--warning);
    border-radius: 12px;
    background: var(--warning-soft);
    padding: .9rem 1.1rem;
}

.wrd-reopen-banner-body[b-6sn3ptzeqj] {
    font-size: .9rem;
    color: var(--warning-text);
}

/* Re-finalize banner — green, shown after corrections have been entered */
.wrd-refinalize-banner[b-6sn3ptzeqj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    border: 1px solid var(--success, #22c55e);
    border-radius: 12px;
    background: var(--success-soft, rgba(34,197,94,.10));
    padding: .9rem 1.1rem;
}

.wrd-refinalize-banner .wrd-reopen-banner-body[b-6sn3ptzeqj] {
    color: var(--success-text, var(--text-primary));
}

.ui-btn--xs[b-6sn3ptzeqj] {
    font-size: .78rem;
    padding: .3rem .75rem;
}

.wrd-advanced-tools[b-6sn3ptzeqj] {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 10px);
    background: var(--bg-elevated);
    padding: 0.5rem 0.75rem;
}

.wrd-advanced-tools > summary[b-6sn3ptzeqj] {
    cursor: pointer;
    font-size: 0.82rem;
    color: var(--text-secondary);
    font-weight: 600;
}

.wrd-advanced-tools[open][b-6sn3ptzeqj] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.wrd-section[b-6sn3ptzeqj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4, 1rem);
}

.wrd-moments-strip[b-6sn3ptzeqj] {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 10px);
    background: var(--bg-elevated);
    padding: .75rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.wrd-moments-head[b-6sn3ptzeqj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.wrd-moments-head h3[b-6sn3ptzeqj] {
    margin: 0;
    font-size: .95rem;
}

.wrd-moments-head a[b-6sn3ptzeqj] {
    font-size: .78rem;
}

.wrd-moments-list[b-6sn3ptzeqj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.wrd-moment-item[b-6sn3ptzeqj] {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 10px);
    padding: .55rem .65rem;
    background: var(--bg-surface);
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.wrd-moment-item strong[b-6sn3ptzeqj] {
    font-size: .84rem;
}

.wrd-moment-item span[b-6sn3ptzeqj] {
    color: var(--text-secondary);
    font-size: .78rem;
    line-height: 1.35;
}

.wrd-moment-item em[b-6sn3ptzeqj] {
    font-style: normal;
    font-size: .72rem;
    color: var(--text-tertiary, #6b7280);
}

.wrd-overview-grid[b-6sn3ptzeqj] {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: var(--space-4, 1rem);
}

.wrd-overview-actions h3[b-6sn3ptzeqj],
.wrd-overview-grid h3[b-6sn3ptzeqj] {
    margin: 0 0 var(--space-2, .5rem);
    font-size: 1rem;
}

.wrd-muted[b-6sn3ptzeqj] {
    margin: 0;
    color: var(--text-secondary);
    font-size: .9rem;
    line-height: 1.45;
}

.wrd-section-head h2[b-6sn3ptzeqj],
.wrd-section-head h3[b-6sn3ptzeqj],
.wrd-row-head strong[b-6sn3ptzeqj],
.wrd-next-action strong[b-6sn3ptzeqj],
.wrd-group-sub-item strong[b-6sn3ptzeqj] {
    color: var(--text-primary);
    line-height: 1.3;
}

.wrd-next-action span[b-6sn3ptzeqj],
.wrd-group-sub-item span[b-6sn3ptzeqj],
.wrd-moment-item span[b-6sn3ptzeqj],
.wrd-form-field label[b-6sn3ptzeqj] {
    line-height: 1.4;
}

.wrd-list[b-6sn3ptzeqj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, .5rem);
}

.wrd-next-action[b-6sn3ptzeqj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, .75rem);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 10px);
    padding: var(--space-3, .75rem);
    background: var(--bg-elevated);
}

.wrd-next-action strong[b-6sn3ptzeqj],
.wrd-next-action span[b-6sn3ptzeqj] {
    display: block;
}

.wrd-next-action span[b-6sn3ptzeqj] {
    color: var(--text-secondary);
    font-size: .84rem;
}

.wrd-action-row[b-6sn3ptzeqj] {
    display: flex;
    gap: var(--space-2, .5rem);
    flex-wrap: wrap;
}

.wrd-card-list[b-6sn3ptzeqj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3, .75rem);
}

.wrd-row-head[b-6sn3ptzeqj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2, .5rem);
    margin-bottom: var(--space-1, .25rem);
}

.wrd-inline-form[b-6sn3ptzeqj] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(180px, 1fr) auto;
    gap: var(--space-2, .5rem);
    margin-top: var(--space-2, .5rem);
}

.wrd-two-col[b-6sn3ptzeqj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4, 1rem);
}

.wrd-section-head[b-6sn3ptzeqj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, .75rem);
    flex-wrap: wrap;
}

.wrd-section-head h2[b-6sn3ptzeqj],
.wrd-section-head h3[b-6sn3ptzeqj] {
    margin: 0;
    font-size: 1rem;
}

.wrd-group-sub-list[b-6sn3ptzeqj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2, .5rem);
}

.wrd-group-sub-item[b-6sn3ptzeqj] {
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md, 10px);
    padding: .55rem .7rem;
    background: var(--bg-elevated);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-2, .5rem);
}

.wrd-group-sub-item strong[b-6sn3ptzeqj],
.wrd-group-sub-item span[b-6sn3ptzeqj] {
    display: block;
}

.wrd-group-sub-item span[b-6sn3ptzeqj] {
    font-size: .8rem;
    color: var(--text-secondary);
}

.wrd-group-sub-state[b-6sn3ptzeqj] {
    display: flex;
    align-items: center;
    gap: var(--space-2, .5rem);
}

.wrd-overlay[b-6sn3ptzeqj] {
    position: fixed;
    inset: 0;
    background: rgba(2, 6, 23, .62);
    z-index: 70;
}

.wrd-drawer[b-6sn3ptzeqj] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(440px, 100vw);
    background: var(--bg-surface);
    border-left: 1px solid var(--border-default);
    z-index: 71;
    display: flex;
    flex-direction: column;
}

.wrd-drawer-head[b-6sn3ptzeqj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4, 1rem);
    border-bottom: 1px solid var(--border-subtle);
}

.wrd-drawer-head h3[b-6sn3ptzeqj] {
    margin: 0;
    font-size: 1.05rem;
}

.wrd-drawer-close[b-6sn3ptzeqj] {
    border: 0;
    background: transparent;
    color: var(--text-secondary);
}

.wrd-drawer-body[b-6sn3ptzeqj] {
    padding: var(--space-4, 1rem);
    display: flex;
    flex-direction: column;
    gap: var(--space-3, .75rem);
    overflow-y: auto;
}

.wrd-form-field[b-6sn3ptzeqj] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.wrd-form-field label[b-6sn3ptzeqj] {
    font-size: .78rem;
    color: var(--text-secondary);
    font-weight: 600;
    letter-spacing: 0.01em;
}

.wrd-drawer-actions[b-6sn3ptzeqj] {
    margin-top: auto;
    padding: var(--space-4, 1rem);
    border-top: 1px solid var(--border-subtle);
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2, .5rem);
}

.wrd-modal[b-6sn3ptzeqj] {
    position: fixed;
    z-index: 72;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(520px, calc(100vw - 2rem));
    background: var(--bg-surface);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg, 12px);
    padding: var(--space-5, 1.25rem);
}

.wrd-modal h3[b-6sn3ptzeqj] {
    margin: 0 0 var(--space-2, .5rem);
    font-size: 1.05rem;
}

.wrd-modal p[b-6sn3ptzeqj] {
    margin: 0;
    color: var(--text-secondary);
}

.wrd-modal-actions[b-6sn3ptzeqj] {
    margin-top: var(--space-4, 1rem);
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2, .5rem);
}

.wrd-player-briefing[b-6sn3ptzeqj] {
    max-width: 980px;
}

.wrd-player-hero[b-6sn3ptzeqj],
.wrd-player-card[b-6sn3ptzeqj] {
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 14px;
    padding: 1rem;
    background: linear-gradient(160deg, rgba(15, 23, 42, 0.92) 0%, rgba(2, 6, 23, 0.98) 100%);
    color: #e2e8f0;
}

.wrd-player-card[b-6sn3ptzeqj] {
    background: rgba(15, 23, 42, 0.68);
    border-color: rgba(148, 163, 184, 0.2);
}

/* Commissioner note callout — shown between hero and primary-action card */
.wrd-commissioner-note[b-6sn3ptzeqj] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    background: var(--b9-surface-muted, rgba(148,163,184,0.07));
    border: 1px solid rgba(148,163,184,0.22);
    border-left: 3px solid var(--brand-soft, rgba(99,102,241,0.5));
    border-radius: 8px;
    padding: 0.65rem 0.9rem;
    font-size: 0.875rem;
    color: var(--b9-text-soft, #cbd5e1);
}
.wrd-commissioner-note .bi[b-6sn3ptzeqj] {
    color: var(--b9-text-dim, #64748b);
    font-size: 0.95rem;
    flex-shrink: 0;
    margin-top: 0.05rem;
}
.wrd-commissioner-note-text[b-6sn3ptzeqj] {
    margin: 0;
    line-height: 1.5;
}

.wrd-player-hero-head[b-6sn3ptzeqj] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
    margin-bottom: .85rem;
}

.wrd-player-kicker[b-6sn3ptzeqj] {
    font-size: .74rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #93c5fd;
    font-weight: 700;
}

.wrd-player-title[b-6sn3ptzeqj] {
    margin: .12rem 0;
    font-size: 1.35rem;
    color: #f8fafc;
    font-weight: 800;
    line-height: 1.2;
}

.wrd-player-subtitle[b-6sn3ptzeqj] {
    margin: 0;
    color: #cbd5e1;
    font-size: .92rem;
}

.wrd-player-summary-line[b-6sn3ptzeqj] {
    margin: .45rem 0 0;
    color: #e0f2fe;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.wrd-player-status-chip[b-6sn3ptzeqj] {
    border-radius: 999px;
    padding: .25rem .65rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    border: 1px solid rgba(34, 197, 94, 0.55);
    color: #86efac;
    background: rgba(20, 83, 45, 0.32);
    white-space: nowrap;
}

.wrd-player-meta-grid[b-6sn3ptzeqj],
.wrd-player-summary-grid[b-6sn3ptzeqj],
.wrd-player-group-grid[b-6sn3ptzeqj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}

.wrd-player-meta-item[b-6sn3ptzeqj] {
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 10px;
    padding: .52rem .6rem;
    background: rgba(15, 23, 42, 0.36);
}

.wrd-player-meta-label[b-6sn3ptzeqj] {
    display: block;
    color: #94a3b8;
    font-size: .72rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 700;
}

.wrd-player-meta-value[b-6sn3ptzeqj] {
    display: block;
    margin-top: .2rem;
    color: #f8fafc;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.wrd-player-card-title[b-6sn3ptzeqj] {
    margin: 0 0 .4rem;
    color: #f8fafc;
    font-size: 1.02rem;
    font-weight: 800;
}

.wrd-player-card-copy[b-6sn3ptzeqj] {
    color: #cbd5e1;
    font-size: .86rem;
    margin: 0;
}

.wrd-player-note[b-6sn3ptzeqj] {
    margin-top: .75rem;
    color: #fde68a;
    font-size: .84rem;
}

.wrd-player-actions[b-6sn3ptzeqj] {
    margin-top: .65rem;
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

.wrd-player-actions-secondary .ui-btn[b-6sn3ptzeqj] {
    background: transparent;
}

.wrd-player-btn-disabled[b-6sn3ptzeqj] {
    opacity: .72;
    cursor: not-allowed;
}

.wrd-player-list-wrap[b-6sn3ptzeqj] {
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 10px;
    padding: .65rem;
    background: rgba(15, 23, 42, 0.34);
    margin-top: .65rem;
}

.wrd-player-list-head[b-6sn3ptzeqj] {
    font-size: .72rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #93c5fd;
    font-weight: 700;
    margin-bottom: .35rem;
}

.wrd-player-list-item[b-6sn3ptzeqj] {
    padding: .35rem 0;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    color: #e2e8f0;
    font-size: .9rem;
}

.wrd-player-team-name[b-6sn3ptzeqj] {
    display: block;
    color: #f8fafc;
    font-weight: 700;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.wrd-player-team-members[b-6sn3ptzeqj] {
    display: block;
    margin-top: .12rem;
    color: #cbd5e1;
    font-size: .82rem;
    line-height: 1.35;
}

.wrd-player-list-item:first-of-type[b-6sn3ptzeqj] {
    border-top: 0;
    padding-top: 0;
}

@media (max-width: 960px) {
    .wrd-page[b-6sn3ptzeqj] {
        padding: 16px;
        gap: 12px;
    }

    .wrd-player-hero-head[b-6sn3ptzeqj] {
        flex-direction: column;
        align-items: flex-start;
    }

    .wrd-player-meta-grid[b-6sn3ptzeqj],
    .wrd-player-summary-grid[b-6sn3ptzeqj],
    .wrd-player-group-grid[b-6sn3ptzeqj] {
        grid-template-columns: 1fr;
    }

    .wrd-player-title[b-6sn3ptzeqj] {
        font-size: 1.2rem;
    }

    .wrd-player-actions-primary .ui-btn[b-6sn3ptzeqj],
    .wrd-player-actions-secondary .ui-btn[b-6sn3ptzeqj] {
        min-height: 44px;
    }

    .wrd-player-actions-primary .ui-btn[b-6sn3ptzeqj] {
        width: 100%;
        justify-content: center;
    }

    .wrd-player-actions-secondary[b-6sn3ptzeqj] {
        gap: .35rem;
    }

    .wrd-player-actions-secondary .ui-btn[b-6sn3ptzeqj] {
        flex: 1 1 calc(50% - .35rem);
        justify-content: center;
    }

    .wrd-moments-list[b-6sn3ptzeqj] {
        grid-template-columns: 1fr;
    }

    .wrd-overview-grid[b-6sn3ptzeqj],
    .wrd-two-col[b-6sn3ptzeqj],
    .wrd-card-list[b-6sn3ptzeqj] {
        grid-template-columns: 1fr;
    }

    .wrd-inline-form[b-6sn3ptzeqj] {
        grid-template-columns: 1fr;
    }

    .wrd-group-sub-item[b-6sn3ptzeqj] {
        flex-direction: column;
        align-items: flex-start;
    }

    .wrd-next-action[b-6sn3ptzeqj] {
        align-items: flex-start;
    }
}
/* /Components/Pages/Leagues/WeeklyRoundHeader.razor.rz.scp.css */
.wrd-header[b-kbn02na9rl] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-4, 1rem);
    align-items: start;
}

.wrd-kicker[b-kbn02na9rl] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--text-muted);
    margin-bottom: var(--space-1, .25rem);
}

.wrd-title[b-kbn02na9rl] {
    margin: 0 0 var(--space-2, .5rem);
    font-size: 1.55rem;
}

.wrd-meta-line[b-kbn02na9rl] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2, .5rem);
    color: var(--text-secondary);
    font-size: .87rem;
    margin-bottom: var(--space-2, .5rem);
}

.wrd-meta-line span[b-kbn02na9rl] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.wrd-header-actions[b-kbn02na9rl] {
    min-width: 280px;
}

@media (max-width: 980px) {
    .wrd-header[b-kbn02na9rl] {
        grid-template-columns: 1fr;
    }

    .wrd-header-actions[b-kbn02na9rl] {
        min-width: 0;
    }
}
/* /Components/Pages/Leagues/WeeklyRoundHeaderCompact.razor.rz.scp.css */
.wrhc[b-t2zutmvpeg] {
    padding: .9rem 1rem;
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    background: var(--bg-surface);
    box-shadow: var(--b9-card-shadow);
}

.wrhc-top[b-t2zutmvpeg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    flex-wrap: wrap;
}

.wrhc-title[b-t2zutmvpeg] {
    margin: 0;
    font-size: 1.15rem;
    line-height: 1.2;
}

.wrhc-sub[b-t2zutmvpeg] {
    margin-top: .35rem;
    color: var(--text-secondary);
    font-size: .86rem;
    line-height: 1.35;
}
/* /Components/Pages/Leagues/WeeklyRoundStatusChips.razor.rz.scp.css */
.wrs-chips[b-ehwo90w4ah] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}
/* /Components/Pages/Leagues/WeeklyRoundStatusStrip.razor.rz.scp.css */
.wrs-strip[b-9w9au1jkhg] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* /Components/Pages/Leagues/WeeklyRoundStatusSummary.razor.rz.scp.css */
.wrd-status-grid[b-mro21l5n0r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-3, .75rem);
}

.wrd-mini-card[b-mro21l5n0r] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1, .25rem);
}

.wrd-mini-label[b-mro21l5n0r] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--text-muted);
}

.wrd-mini-value[b-mro21l5n0r] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.wrd-mini-link[b-mro21l5n0r],
.wrd-mini-sub[b-mro21l5n0r] {
    font-size: .78rem;
    color: var(--text-secondary);
}

@media (max-width: 900px) {
    .wrd-status-grid[b-mro21l5n0r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .wrd-status-grid[b-mro21l5n0r] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Leagues/WeeklyRoundTabNav.razor.rz.scp.css */
.wrd-tabs[b-y02aegg9cq] {
    display: flex;
    gap: var(--space-2, .5rem);
    flex-wrap: wrap;
}

.wrd-tab[b-y02aegg9cq] {
    border: 1px solid var(--border-subtle);
    background: var(--bg-surface);
    color: var(--text-secondary);
    border-radius: var(--radius-md, 10px);
    padding: .5rem .75rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .82rem;
    font-weight: 600;
}

.wrd-tab--active[b-y02aegg9cq] {
    border-color: var(--brand);
    background: color-mix(in srgb, var(--brand) 18%, var(--bg-elevated));
    color: var(--text-primary);
}
/* /Components/Pages/Leagues/WeeklyScorecards.razor.rz.scp.css */
.spc-topbar[b-bc91uhphhy] {
    max-width: 1180px;
    margin: 0.9rem auto 0.25rem;
    padding: 0 1rem;
}

.spc-wrap[b-bc91uhphhy] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0.65rem 1rem 2rem;
}

.spc-header-card[b-bc91uhphhy] {
    background: var(--bg-surface);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    padding: 1rem;
    box-shadow: var(--b9-card-shadow);
}

.spc-header-row[b-bc91uhphhy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
}

.spc-header-row h1[b-bc91uhphhy] {
    margin: 0;
    font-size: 1.35rem;
    color: var(--text-primary);
}

.spc-header-row p[b-bc91uhphhy] {
    margin: 0.2rem 0 0;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.spc-ready-badge[b-bc91uhphhy] {
    font-size: 0.8rem;
    padding: 0.45rem 0.6rem;
}

.spc-kpis[b-bc91uhphhy] {
    margin-top: 0.85rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.spc-kpi[b-bc91uhphhy] {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 0.65rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.spc-kpi-label[b-bc91uhphhy] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--text-muted);
}

.spc-kpi-value[b-bc91uhphhy] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text-primary);
}

.spc-metadata[b-bc91uhphhy] {
    margin-top: 0.45rem;
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.spc-metadata--qr-on[b-bc91uhphhy] {
    color: var(--success, #22c55e);
}

.spc-metadata--qr-upgrade[b-bc91uhphhy] {
    margin-top: 0.75rem;
    background: var(--brand-soft, rgba(34,197,94,.08));
    border: 1px solid var(--brand-soft, rgba(34,197,94,.2));
    border-radius: 8px;
    padding: 0.6rem 0.9rem;
    color: var(--text-secondary, #cbd5e1);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.spc-upgrade-link[b-bc91uhphhy] {
    display: inline-block;
    margin-top: 0.3rem;
    color: var(--brand, #22c55e);
    font-weight: 600;
    text-decoration: none;
}

.spc-actions[b-bc91uhphhy] {
    margin-top: 0.85rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.spc-hero-panel[b-bc91uhphhy] {
    margin-top: 0.9rem;
    background: var(--bg-surface);
    border: 1px solid var(--border-subtle);
    border-radius: 14px;
    padding: 0.85rem;
    box-shadow: var(--b9-card-shadow);
}

.spc-panel-head h3[b-bc91uhphhy] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1rem;
}

.spc-panel-head p[b-bc91uhphhy] {
    margin: 0.15rem 0 0.6rem;
    font-size: 0.83rem;
    color: var(--text-secondary);
}

.spc-preview-frame[b-bc91uhphhy] {
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    overflow: hidden;
    background: var(--bg-surface);
    height: 620px;
}

.spc-preview-frame iframe[b-bc91uhphhy] {
    width: 100%;
    height: 100%;
    border: 0;
}

.spc-empty[b-bc91uhphhy] {
    min-height: 260px;
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.spc-admin-accordion[b-bc91uhphhy] {
    margin-top: 0.9rem;
    background: var(--bg-surface);
    border: 1px solid var(--border-subtle);
    border-radius: 14px;
    box-shadow: var(--b9-card-shadow);
}

.spc-admin-accordion summary[b-bc91uhphhy] {
    cursor: pointer;
    padding: 0.8rem 0.95rem;
    user-select: none;
    font-weight: 600;
    color: var(--text-primary);
}

.spc-admin-body[b-bc91uhphhy] {
    border-top: 1px solid var(--border-subtle);
    padding: 0.85rem 0.95rem 0.95rem;
}

.spc-admin-list[b-bc91uhphhy] {
    margin: 0;
    display: grid;
    gap: 0.55rem;
}

.spc-admin-list div[b-bc91uhphhy] {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    padding: 0.5rem 0.65rem;
}

.spc-admin-list dt[b-bc91uhphhy] {
    margin: 0;
    font-size: 0.74rem;
    text-transform: uppercase;
    color: var(--text-muted);
}

.spc-admin-list dd[b-bc91uhphhy] {
    margin: 0.15rem 0 0;
    font-size: 0.88rem;
    color: var(--text-primary);
    font-weight: 600;
}

.spc-empty-sm[b-bc91uhphhy] {
    border: 1px dashed var(--border-default);
    border-radius: 10px;
    padding: 0.75rem;
    text-align: center;
    color: var(--text-secondary);
    font-size: 0.88rem;
}

.spc-state[b-bc91uhphhy] {
    min-height: 42vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--text-secondary);
}

.spc-overlay[b-bc91uhphhy] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1080;
}

.spc-confirm-card[b-bc91uhphhy] {
    width: min(32rem, 100%);
}

@media (max-width: 980px) {
    .spc-header-row[b-bc91uhphhy] {
        flex-direction: column;
        align-items: flex-start;
    }

    .spc-kpis[b-bc91uhphhy] {
        grid-template-columns: 1fr;
    }

    .spc-preview-frame[b-bc91uhphhy] {
        height: 440px;
    }
}

@media print {
    .no-print[b-bc91uhphhy] {
        display: none !important;
    }
}
/* /Components/Pages/Leagues/WeeklyWorkflowAccordion.razor.rz.scp.css */
.wwa[b-8v32pubbhw] {
    display: flex;
    flex-direction: column;
    gap: .7rem;
}
/* /Components/Pages/Leagues/WeeklyWorkflowStep.razor.rz.scp.css */
.wwstep[b-mh21rfbpxw] {
    padding: 16px;
    border-radius: 12px;
}

.wwstep-head[b-mh21rfbpxw] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    text-align: left;
}

.wwstep-left[b-mh21rfbpxw] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.wwstep-num[b-mh21rfbpxw] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--text-muted);
}

.wwstep-title[b-mh21rfbpxw] {
    font-size: 15px;
}

.wwstep-right[b-mh21rfbpxw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wwstep-summary[b-mh21rfbpxw] {
    margin-top: 8px;
    color: var(--text-secondary);
    font-size: 13px;
}

.wwstep-body[b-mh21rfbpxw] {
    margin-top: 12px;
}
/* /Components/Pages/Leagues/WeeklyWorkflowStepCard.razor.rz.scp.css */
.wwsc[b-djz5r600dc] {
    padding: .7rem .8rem;
}

.wwsc-head[b-djz5r600dc] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    text-align: left;
}

.wwsc-left[b-djz5r600dc] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    flex-wrap: wrap;
}

.wwsc-step[b-djz5r600dc] {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--text-muted);
}

.wwsc-title[b-djz5r600dc] {
    font-size: .96rem;
}

.wwsc-right[b-djz5r600dc] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.wwsc-summary[b-djz5r600dc] {
    margin-top: .45rem;
    color: var(--text-secondary);
    font-size: .84rem;
}

.wwsc-body[b-djz5r600dc] {
    margin-top: .65rem;
}
/* /Components/Pages/Leagues/WorkflowStepCard.razor.rz.scp.css */
.wsc[b-gu8fx8h12z] {
    padding: var(--space-4, 1rem);
    display: flex;
    flex-direction: column;
    gap: var(--space-3, .75rem);
}

.wsc-head[b-gu8fx8h12z] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3, .75rem);
    flex-wrap: wrap;
}

.wsc-left[b-gu8fx8h12z] {
    display: flex;
    gap: var(--space-3, .75rem);
}

.wsc-step[b-gu8fx8h12z] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: var(--bg-elevated);
    border: 1px solid var(--border-default);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .68rem;
    font-weight: 700;
    color: var(--text-secondary);
    flex-shrink: 0;
}

.wsc-title[b-gu8fx8h12z] {
    margin: 0;
    font-size: 1.05rem;
}

.wsc-desc[b-gu8fx8h12z] {
    margin: .15rem 0 0;
    color: var(--text-secondary);
    font-size: .84rem;
}

.wsc-right[b-gu8fx8h12z] {
    display: flex;
    gap: var(--space-2, .5rem);
    align-items: center;
}

.wsc-actions[b-gu8fx8h12z] {
    display: flex;
    gap: var(--space-2, .5rem);
    flex-wrap: wrap;
}

.wsc-body[b-gu8fx8h12z] {
    border-top: 1px solid var(--border-subtle);
    padding-top: var(--space-3, .75rem);
}
/* /Components/Pages/MyDashboard.razor.rz.scp.css */
/* ================================================================
   PLAYER DASHBOARD (/my)
   ================================================================ */

.pdb-loading[b-7m3d3vvvo2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5rem 1rem;
    color: var(--text-muted, #64748b);
}

.pfeed-page[b-7m3d3vvvo2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.pfeed-today[b-7m3d3vvvo2],
.pfeed-section[b-7m3d3vvvo2] {
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.82) 0%, rgba(2, 6, 23, 0.92) 100%);
    border-radius: 14px;
    padding: 1rem;
}

.pfeed-today-head[b-7m3d3vvvo2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.pfeed-avatar[b-7m3d3vvvo2] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #16a34a 0%, #15803d 100%);
    color: #f8fafc;
    font-weight: 800;
    letter-spacing: 0.02em;
    overflow: hidden;
    flex-shrink: 0;
}
.pfeed-avatar--photo[b-7m3d3vvvo2] {
    background: transparent;
}

.pfeed-title[b-7m3d3vvvo2] {
    margin: 0;
    font-size: 1.1rem;
    color: #f8fafc;
    font-weight: 800;
}

.pfeed-sub[b-7m3d3vvvo2] {
    margin: 0;
    color: #94a3b8;
    font-size: 0.92rem;
}

.pfeed-today-card[b-7m3d3vvvo2] {
    background: rgba(15, 118, 110, 0.16);
    border: 1px solid rgba(20, 184, 166, 0.35);
    border-radius: 12px;
    padding: 0.95rem;
}

.pfeed-today-meta[b-7m3d3vvvo2] {
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #5eead4;
    font-weight: 700;
    margin-bottom: 0.35rem;
}

.pfeed-today-title[b-7m3d3vvvo2] {
    margin: 0;
    font-size: 1.18rem;
    color: #f8fafc;
    font-weight: 800;
}

.pfeed-today-note[b-7m3d3vvvo2] {
    margin: 0.45rem 0 0;
    color: #cbd5e1;
    line-height: 1.5;
    font-size: 0.95rem;
}

.pfeed-today-chips[b-7m3d3vvvo2] {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.pfeed-chip[b-7m3d3vvvo2] {
    border: 1px solid rgba(94, 234, 212, 0.32);
    border-radius: 999px;
    padding: 0.3rem 0.55rem;
    color: #ccfbf1;
    font-size: 0.8rem;
    background: rgba(15, 23, 42, 0.45);
}

.pfeed-today-actions[b-7m3d3vvvo2] {
    margin-top: 0.85rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.pfeed-btn-primary[b-7m3d3vvvo2],
.pfeed-btn-secondary[b-7m3d3vvvo2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 10px;
    padding: 0.55rem 0.9rem;
    min-height: 48px;
    font-weight: 700;
    font-size: var(--font-size-base, 1rem);
    line-height: 1.25;
}

.pfeed-btn-primary[b-7m3d3vvvo2] {
    background: #166534;
    color: #f8fafc;
    border: 1px solid #14532d;
}

.pfeed-btn-primary:hover[b-7m3d3vvvo2] {
    background: #14532d;
    color: #f8fafc;
}

.pfeed-btn-secondary[b-7m3d3vvvo2] {
    background: rgba(15, 23, 42, 0.78);
    color: #f8fafc;
    border: 2px solid rgba(103, 232, 249, 0.72);
    font-weight: 600;
}

.pfeed-btn-secondary:hover[b-7m3d3vvvo2] {
    background: rgba(30, 41, 59, 0.9);
    border-color: rgba(125, 211, 252, 0.95);
    color: #ffffff;
}

.pfeed-btn-secondary:focus-visible[b-7m3d3vvvo2] {
    outline: 2px solid #7dd3fc;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.28);
}

@media (max-width: 479.98px) {
    .pfeed-today-actions[b-7m3d3vvvo2] {
        flex-direction: column;
        align-items: stretch;
    }

    .pfeed-btn-primary[b-7m3d3vvvo2],
    .pfeed-btn-secondary[b-7m3d3vvvo2] {
        width: 100%;
        justify-content: center;
        white-space: normal;
        text-align: center;
    }
}

.pfeed-section-title[b-7m3d3vvvo2] {
    margin: 0;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
    font-weight: 700;
}

.pfeed-feed-list[b-7m3d3vvvo2] {
    margin-top: 0.7rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pfeed-feed-item[b-7m3d3vvvo2] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    border-radius: 10px;
    padding: 0.65rem 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(15, 23, 42, 0.4);
}

.pfeed-feed-item:hover[b-7m3d3vvvo2] {
    border-color: rgba(94, 234, 212, 0.4);
    background: rgba(15, 23, 42, 0.62);
}

.pfeed-tone-live[b-7m3d3vvvo2] { border-color: rgba(34, 197, 94, 0.45); }
.pfeed-tone-info[b-7m3d3vvvo2] { border-color: rgba(56, 189, 248, 0.45); }
.pfeed-tone-comm[b-7m3d3vvvo2] { border-color: rgba(168, 85, 247, 0.4); }
.pfeed-tone-up[b-7m3d3vvvo2] { border-color: rgba(245, 158, 11, 0.45); }
.pfeed-tone-result[b-7m3d3vvvo2] { border-color: rgba(250, 204, 21, 0.45); }

.pfeed-feed-icon[b-7m3d3vvvo2] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.75);
    color: #e2e8f0;
}

.pfeed-feed-body[b-7m3d3vvvo2] {
    min-width: 0;
    flex: 1;
}

.pfeed-feed-title[b-7m3d3vvvo2] {
    font-weight: 700;
    color: #f8fafc;
    font-size: 0.9rem;
    line-height: 1.35;
}

.pfeed-feed-text[b-7m3d3vvvo2] {
    color: #e2e8f0;
    font-size: 0.875rem;
    line-height: 1.45;
    margin-top: 0.1rem;
}

.pfeed-feed-link[b-7m3d3vvvo2],
.pfeed-inline-link[b-7m3d3vvvo2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    min-width: 48px;
    padding: 0.55rem 0.9rem;
    border: 1px solid rgba(125, 211, 252, 0.5);
    border-radius: 8px;
    color: #7dd3fc;
    font-weight: 700;
    font-size: var(--font-size-base, 1rem);
    line-height: 1.25;
    text-decoration: none;
    white-space: nowrap;
}

.pfeed-feed-link:hover[b-7m3d3vvvo2],
.pfeed-inline-link:hover[b-7m3d3vvvo2] {
    color: #bae6fd;
}

.pfeed-stats-grid[b-7m3d3vvvo2] {
    margin-top: 0.7rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.pfeed-stat-card[b-7m3d3vvvo2] {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 10px;
    padding: 0.7rem;
    background: rgba(15, 23, 42, 0.45);
}

.pfeed-stat-label[b-7m3d3vvvo2] {
    color: #94a3b8;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-weight: 700;
}

.pfeed-stat-value[b-7m3d3vvvo2] {
    margin-top: 0.3rem;
    color: #f8fafc;
    font-size: 1.05rem;
    font-weight: 800;
}

.pfeed-stat-id[b-7m3d3vvvo2] {
    font-family: "Courier New", monospace;
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    color: #a5b4fc;
}

.pfeed-section-row[b-7m3d3vvvo2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.pfeed-upcoming-card[b-7m3d3vvvo2] {
    margin-top: 0.7rem;
    border-radius: 10px;
    padding: 0.8rem;
    border: 1px solid rgba(56, 189, 248, 0.35);
    background: rgba(14, 116, 144, 0.15);
}

.pfeed-upcoming-name[b-7m3d3vvvo2] {
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.3;
}

.pfeed-upcoming-meta[b-7m3d3vvvo2] {
    margin-top: 0.25rem;
    color: #cbd5e1;
    font-size: 0.86rem;
}

.pfeed-actions-grid[b-7m3d3vvvo2] {
    margin-top: 0.7rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.pfeed-action[b-7m3d3vvvo2] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 0.75rem;
    min-height: 56px;
    border-radius: 10px;
    text-decoration: none;
    border: 1px solid rgba(148, 163, 184, 0.28);
    color: #e2e8f0;
    background: rgba(15, 23, 42, 0.42);
    font-weight: 700;
    font-size: var(--font-size-lg, 18px);
    line-height: 1.2;
}

.pfeed-action:hover[b-7m3d3vvvo2] {
    border-color: rgba(22, 163, 74, 0.7);
    color: #f8fafc;
}

.pfeed-action-disabled[b-7m3d3vvvo2] {
    border-style: dashed;
    color: #94a3b8;
    background: rgba(15, 23, 42, 0.22);
    cursor: not-allowed;
}

.pfeed-action-disabled small[b-7m3d3vvvo2] {
    margin-top: 0.2rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: #64748b;
    text-align: center;
}

.pfeed-empty[b-7m3d3vvvo2] {
    margin-top: 0.65rem;
    border-radius: 10px;
    border: 1px dashed rgba(148, 163, 184, 0.35);
    background: rgba(15, 23, 42, 0.35);
    padding: 0.8rem;
    color: #94a3b8;
    font-size: 0.9rem;
}

.pfeed-empty p[b-7m3d3vvvo2] {
    margin: 0;
}

.pfeed-empty-actions[b-7m3d3vvvo2] {
    margin-top: 0.55rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.pfeed-empty-note[b-7m3d3vvvo2] {
    margin-top: 0.55rem !important;
    color: #cbd5e1;
    font-size: 0.82rem;
}

@media (min-width: 992px) {
    .pfeed-page[b-7m3d3vvvo2] {
        padding: 1.25rem;
        gap: 1.1rem;
    }

    .pfeed-today[b-7m3d3vvvo2],
    .pfeed-section[b-7m3d3vvvo2] {
        padding: 1.15rem;
    }

    .pfeed-stats-grid[b-7m3d3vvvo2],
    .pfeed-actions-grid[b-7m3d3vvvo2] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* ── Tonight's Round / Active League Scoring Card ── */
.pdb-tonight-card[b-7m3d3vvvo2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--success-soft);
    border: 2px solid rgba(34,197,94,0.45);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.pdb-tonight-bar[b-7m3d3vvvo2] {
    width: 4px;
    min-height: 48px;
    background: var(--success-text);
    border-radius: 2px;
    flex-shrink: 0;
}

.pdb-tonight-body[b-7m3d3vvvo2] {
    flex: 1;
    min-width: 0;
}

.pdb-tonight-label[b-7m3d3vvvo2] {
    margin-bottom: .25rem;
}

.pdb-tonight-title[b-7m3d3vvvo2] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pdb-tonight-sub[b-7m3d3vvvo2] {
    font-size: .85rem;
    color: var(--success-text);
}

.pdb-tonight-actions[b-7m3d3vvvo2] {
    display: flex;
    gap: .5rem;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.pdb-tonight-btn-primary[b-7m3d3vvvo2] {
    display: inline-flex;
    align-items: center;
    padding: .6rem 1.25rem;
    background: #16a34a;
    color: #fff;
    border-radius: 8px;
    font-weight: 700;
    font-size: .9rem;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s;
}

.pdb-tonight-btn-primary:hover[b-7m3d3vvvo2] {
    background: #15803d;
    color: #fff;
}

.pdb-tonight-btn-secondary[b-7m3d3vvvo2] {
    display: inline-flex;
    align-items: center;
    padding: .6rem 1rem;
    background: transparent;
    color: var(--success-text);
    border: 1.5px solid rgba(34,197,94,0.45);
    border-radius: 8px;
    font-size: .875rem;
    text-decoration: none;
    white-space: nowrap;
}

.pdb-tonight-btn-secondary:hover[b-7m3d3vvvo2] {
    background: var(--success-soft);
    color: var(--success-text);
}

/* ── Unlinked state ── */
.pdb-unlinked[b-7m3d3vvvo2] {
    max-width: 480px;
    margin: 4rem auto;
    text-align: center;
    padding: 0 1.5rem;
}

.pdb-unlinked-icon[b-7m3d3vvvo2] {
    font-size: 3.5rem;
    color: var(--text-muted, #64748b);
    margin-bottom: 1.25rem;
}

.pdb-unlinked-title[b-7m3d3vvvo2] {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
    margin-bottom: 0.75rem;
}

.pdb-unlinked-sub[b-7m3d3vvvo2] {
    font-size: 0.9375rem;
    color: var(--text-secondary, #94a3b8);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

/* Pending join request banners */
.pdb-pending-requests[b-7m3d3vvvo2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    width: 100%;
    max-width: 460px;
}

.pdb-pending-request-item[b-7m3d3vvvo2] {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
    font-size: 0.875rem;
    padding: 0.625rem 0.875rem;
    background: rgba(234, 179, 8, 0.1);
    border: 1px solid rgba(234, 179, 8, 0.25);
    border-radius: 8px;
    color: #fbbf24;
    line-height: 1.5;
    text-align: left;
}

.pdb-pending-request-item i[b-7m3d3vvvo2] {
    margin-top: 1px;
    flex-shrink: 0;
}

.pdb-unlinked-steps[b-7m3d3vvvo2] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    text-align: left;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.07));
    border-radius: 12px;
    padding: 1.25rem 1.25rem;
    margin-bottom: 1.25rem;
}

.pdb-unlinked-step[b-7m3d3vvvo2] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    font-size: 0.9rem;
    color: var(--text-secondary, #94a3b8);
    line-height: 1.5;
}

.pdb-unlinked-step-num[b-7m3d3vvvo2] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--b9-primary, #16a34a);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}

.pdb-unlinked-hint[b-7m3d3vvvo2] {
    font-size: 0.875rem;
    color: var(--text-muted, #64748b);
}

.pdb-link[b-7m3d3vvvo2] {
    color: var(--b9-primary, #16a34a);
    text-decoration: none;
}

.pdb-link:hover[b-7m3d3vvvo2] {
    text-decoration: underline;
}

/* ── Player header ── */
.pdb-header[b-7m3d3vvvo2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 1.25rem 1rem;
    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
}

.pdb-avatar[b-7m3d3vvvo2] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--b9-primary, #16a34a);
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    flex-shrink: 0;
    overflow: hidden;
}
.pdb-avatar--photo[b-7m3d3vvvo2] {
    background: transparent;
}

.pdb-header-info[b-7m3d3vvvo2] {
    flex: 1;
    min-width: 0;
}

.pdb-name[b-7m3d3vvvo2] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
    margin: 0 0 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pdb-org[b-7m3d3vvvo2] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
}

.pdb-org-link[b-7m3d3vvvo2] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    text-decoration: none;
    border-radius: 5px;
    padding: 0.15rem 0.3rem;
    margin: -0.15rem -0.3rem;
    transition: background 0.15s, color 0.15s;
}

.pdb-org-link:hover[b-7m3d3vvvo2] {
    color: var(--b9-primary, #16a34a);
    background: rgba(22, 163, 74, 0.08);
}

.pdb-org-ext[b-7m3d3vvvo2] {
    font-size: 0.65rem;
    opacity: 0.6;
}

.pdb-b9id-chip[b-7m3d3vvvo2] {
    display: inline-flex;
    align-items: center;
    margin-top: 0.35rem;
    font-size: 0.72rem;
    font-weight: 600;
    font-family: 'Courier New', monospace;
    letter-spacing: 0.05em;
    padding: 0.15rem 0.55rem;
    background: rgba(99, 102, 241, 0.12);
    border: 1px solid rgba(99, 102, 241, 0.25);
    border-radius: 999px;
    color: #818cf8;
    cursor: default;
    user-select: all;
}

.pdb-hcp-chip[b-7m3d3vvvo2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 0.875rem;
    background: rgba(22, 163, 74, 0.12);
    border: 1px solid rgba(22, 163, 74, 0.25);
    border-radius: 10px;
    flex-shrink: 0;
}

.pdb-hcp-label[b-7m3d3vvvo2] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--b9-primary, #16a34a);
}

.pdb-hcp-value[b-7m3d3vvvo2] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
    line-height: 1.2;
}

/* ── Sections ── */
.pdb-section[b-7m3d3vvvo2] {
    padding: 1.25rem 1.25rem 0.5rem;
}

.pdb-section-title[b-7m3d3vvvo2] {
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--text-muted, #64748b);
    margin-bottom: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pdb-section-count[b-7m3d3vvvo2] {
    font-size: 0.8125rem;
    font-weight: 600;
    background: rgba(255,255,255,0.08);
    padding: 0.1em 0.5em;
    border-radius: 999px;
    color: var(--text-secondary, #94a3b8);
}

/* ── Multi-org section cards ── */
.pdb-org-section-list[b-7m3d3vvvo2] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.pdb-org-section-card[b-7m3d3vvvo2] {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.07));
    border-radius: 10px;
    padding: 0.875rem 1rem;
}

.pdb-osc-header[b-7m3d3vvvo2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.pdb-osc-name[b-7m3d3vvvo2] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-primary, #f1f5f9);
    text-decoration: none;
}
.pdb-osc-name:hover[b-7m3d3vvvo2] { color: var(--b9-primary, #16a34a); }

.pdb-osc-chips[b-7m3d3vvvo2] {
    display: flex;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.pdb-osc-chip[b-7m3d3vvvo2] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    background: rgba(255,255,255,0.07);
    border-radius: 999px;
    color: var(--text-secondary, #94a3b8);
}
.pdb-osc-chip-active[b-7m3d3vvvo2] {
    background: rgba(239,68,68,0.12);
    color: #f87171;
    display: flex;
    align-items: center;
}
.pdb-osc-chip-muted[b-7m3d3vvvo2] { opacity: .6; }

.pdb-osc-events[b-7m3d3vvvo2] {
    margin-top: 0.625rem;
    border-top: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    padding-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.pdb-osc-event-row[b-7m3d3vvvo2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.825rem;
}

.pdb-osc-event-dot[b-7m3d3vvvo2] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--text-muted, #64748b);
}
.pdb-bar--active.pdb-osc-event-dot[b-7m3d3vvvo2] { background: #f87171; }
.pdb-bar--open.pdb-osc-event-dot[b-7m3d3vvvo2]   { background: var(--b9-primary, #16a34a); }

.pdb-osc-event-name[b-7m3d3vvvo2] {
    color: var(--text-secondary, #94a3b8);
    text-decoration: none;
}
.pdb-osc-event-name:hover[b-7m3d3vvvo2] { color: var(--text-primary, #f1f5f9); }

/* ── Empty state ── */
.pdb-empty[b-7m3d3vvvo2] {
    text-align: center;
    padding: 2.5rem 1rem;
    background: rgba(255,255,255,0.03);
    border-radius: 12px;
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
}

.pdb-empty-icon[b-7m3d3vvvo2] {
    font-size: 2.5rem;
    color: var(--text-muted, #64748b);
    display: block;
    margin-bottom: 0.75rem;
}

.pdb-empty-msg[b-7m3d3vvvo2] {
    font-size: 0.9375rem;
    color: var(--text-secondary, #94a3b8);
    margin: 0;
}

/* ── Event list ── */
.pdb-event-list[b-7m3d3vvvo2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pdb-event-card[b-7m3d3vvvo2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.875rem 1rem;
    background: var(--bg-card, rgba(255,255,255,0.04));
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    border-radius: 10px;
    transition: background 0.15s;
}

.pdb-event-card:hover[b-7m3d3vvvo2] {
    background: rgba(255,255,255,0.06);
}

.pdb-ec-left[b-7m3d3vvvo2] {
    flex-shrink: 0;
    text-align: center;
    min-width: 44px;
}

.pdb-ec-date[b-7m3d3vvvo2] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--b9-primary, #16a34a);
}

.pdb-ec-body[b-7m3d3vvvo2] {
    flex: 1;
    min-width: 0;
}

.pdb-ec-name[b-7m3d3vvvo2] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary, #f1f5f9);
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.3rem;
}

.pdb-ec-name:hover[b-7m3d3vvvo2] {
    text-decoration: underline;
}

.pdb-ec-meta[b-7m3d3vvvo2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.pdb-ec-format[b-7m3d3vvvo2] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
}

.pdb-ec-actions[b-7m3d3vvvo2] {
    flex-shrink: 0;
}

/* ── Past events hint ── */
.pdb-past-hint[b-7m3d3vvvo2] {
    font-size: 0.9rem;
    color: var(--text-secondary, #94a3b8);
}

.pdb-link[b-7m3d3vvvo2] {
    color: var(--b9-primary, #16a34a);
    text-decoration: none;
    font-weight: 500;
}

.pdb-link:hover[b-7m3d3vvvo2] {
    text-decoration: underline;
}
/* /Components/Pages/MyLeaderboards.razor.rz.scp.css */
/* ================================================================
   MY LEADERBOARDS — /my/leaderboards
   Leaderboard chooser: League Standings + Event Leaderboards
   ================================================================ */

/* Page shell */
.mlb-page[b-uextkxbnfp] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 1.5rem 1.5rem 4rem;
}

/* Page header row */
.mlb-page-header[b-uextkxbnfp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.mlb-page-kicker[b-uextkxbnfp] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--player-text-secondary, #94a3b8);
    margin-bottom: 0.3rem;
}

.mlb-page-title[b-uextkxbnfp] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 800;
    color: var(--player-text-primary, #f8fafc);
    line-height: 1.2;
}

.mlb-page-sub[b-uextkxbnfp] {
    margin: 0.35rem 0 0;
    max-width: 44rem;
    color: var(--player-text-secondary, #94a3b8);
    font-size: 0.92rem;
    line-height: 1.55;
}

.mlb-back-link[b-uextkxbnfp] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--b9-link, #7dd3fc);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    opacity: 0.85;
    transition: opacity 160ms ease;
}

.mlb-back-link:hover[b-uextkxbnfp] { opacity: 1; color: var(--b9-link-hover, #bae6fd); }

/* Section */
.mlb-section[b-uextkxbnfp] {
    border: 1px solid var(--player-border, rgba(148, 163, 184, 0.18));
    background: var(--player-surface-card, linear-gradient(180deg, rgba(15, 23, 42, 0.82) 0%, rgba(2, 6, 23, 0.92) 100%));
    border-radius: 14px;
    padding: 1.1rem 1.1rem 1rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.mlb-section-head[b-uextkxbnfp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.mlb-section-title[b-uextkxbnfp] {
    margin: 0;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--player-text-muted, #94a3b8);
    font-weight: 700;
}

.mlb-section-sub[b-uextkxbnfp] {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
    color: var(--player-text-secondary, #94a3b8);
}

/* Card list */
.mlb-card-list[b-uextkxbnfp] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

/* Individual leaderboard card */
.mlb-card[b-uextkxbnfp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 12px;
    padding: 0.9rem 0.95rem;
    border: 1px solid color-mix(in srgb, var(--player-border, rgba(148, 163, 184, 0.2)) 90%, transparent);
    background: var(--player-surface-elev, rgba(15, 23, 42, 0.55));
    text-decoration: none;
    transition: border-color 180ms ease, background 180ms ease, transform 100ms ease;
}

.mlb-card:hover[b-uextkxbnfp] {
    border-color: rgba(94, 234, 212, 0.45);
    background: color-mix(in srgb, var(--player-surface-elev, rgba(15, 23, 42, 0.72)) 88%, #000 12%);
    transform: translateY(-1px);
}

.mlb-card:active[b-uextkxbnfp] { transform: translateY(0); }

/* League card accent */
.mlb-card--league[b-uextkxbnfp] {
    border-color: rgba(56, 189, 248, 0.3);
}
.mlb-card--league:hover[b-uextkxbnfp] { border-color: rgba(56, 189, 248, 0.6); }

/* Event card accent */
.mlb-card--event[b-uextkxbnfp] {
    border-color: rgba(245, 158, 11, 0.3);
}
.mlb-card--event:hover[b-uextkxbnfp] { border-color: rgba(245, 158, 11, 0.6); }

/* Icon badge */
.mlb-card-icon[b-uextkxbnfp] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.8);
    font-size: 1rem;
}

.mlb-card--league .mlb-card-icon[b-uextkxbnfp] {
    color: #7dd3fc;
    border: 1px solid rgba(56, 189, 248, 0.35);
}

.mlb-card--event .mlb-card-icon[b-uextkxbnfp] {
    color: #fcd34d;
    border: 1px solid rgba(245, 158, 11, 0.35);
}

/* Card body */
.mlb-card-body[b-uextkxbnfp] {
    min-width: 0;
    flex: 1;
}

.mlb-card-name[b-uextkxbnfp] {
    font-weight: 700;
    color: var(--player-text-primary, #f8fafc);
    font-size: 0.92rem;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mlb-card-meta[b-uextkxbnfp] {
    color: var(--player-text-muted, #94a3b8);
    font-size: 0.8rem;
    margin-top: 0.12rem;
    line-height: 1.45;
}

/* Type badge */
.mlb-badge[b-uextkxbnfp] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    flex-shrink: 0;
}

.mlb-card-cta[b-uextkxbnfp] {
    margin-left: auto;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--player-link, #7dd3fc);
    white-space: nowrap;
}

.mlb-badge--league[b-uextkxbnfp] {
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.35);
    color: #7dd3fc;
}

.mlb-badge--event[b-uextkxbnfp] {
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.35);
    color: #fcd34d;
}

/* CTA arrow */
.mlb-card-arrow[b-uextkxbnfp] {
    color: var(--player-text-muted, #94a3b8);
    font-size: 0.75rem;
    flex-shrink: 0;
    transition: color 160ms ease, transform 160ms ease;
}

.mlb-card:hover .mlb-card-arrow[b-uextkxbnfp] {
    color: var(--player-text-primary, #f8fafc);
    transform: translateX(3px);
}

/* Empty state */
.mlb-empty[b-uextkxbnfp] {
    padding: 1.75rem 0.75rem;
    text-align: center;
    color: var(--player-text-muted, #94a3b8);
    font-size: 0.88rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--player-surface-elev, rgba(15, 23, 42, 0.55)) 92%, transparent);
}

.mlb-empty-icon[b-uextkxbnfp] {
    font-size: 1.75rem;
    margin-bottom: 0.5rem;
    display: block;
    opacity: 0.5;
}

.mlb-empty-msg[b-uextkxbnfp] {
    margin: 0;
    font-weight: 600;
}

.mlb-empty-sub[b-uextkxbnfp] {
    margin: 0.25rem 0 0;
    font-size: 0.82rem;
    opacity: 0.75;
}

@media (max-width: 640px) {
    .mlb-page[b-uextkxbnfp] {
        padding: 1.25rem 1rem 3rem;
    }

    .mlb-card[b-uextkxbnfp] {
        flex-wrap: wrap;
    }

    .mlb-card-cta[b-uextkxbnfp] {
        margin-left: 0;
    }
}

/* Loading */
.mlb-loading[b-uextkxbnfp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5rem 1rem;
    color: var(--player-text-muted, #94a3b8);
}
/* /Components/Pages/MyProfile.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════════════════
   MY PROFILE — Self-service player page
   /my-profile
══════════════════════════════════════════════════════════════════════════════ */

/* ── Loading ── */
.mp-loading[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 40vh;
    gap: .75rem;
}

/* ── Unlinked state ── */
.mp-unlinked[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 440px;
    margin: 5rem auto;
    padding: 0 1.5rem;
}
.mp-unlinked-icon[b-jgiabi29m8] {
    font-size: 3rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    margin-bottom: 1rem;
}
.mp-unlinked-title[b-jgiabi29m8] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--player-text-primary, var(--b9-text));
    margin-bottom: .5rem;
}
.mp-unlinked-sub[b-jgiabi29m8] {
    font-size: .9rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    line-height: 1.6;
}

/* ── Page wrapper ── */
.mp-page[b-jgiabi29m8] {
    max-width: 980px;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
    color: var(--player-text-primary, var(--b9-text));
}

/* ══════════════════════
   HEADER / IDENTITY CARD
══════════════════════ */

.mp-header[b-jgiabi29m8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-bottom: 1.75rem;
}

.mp-header-left[b-jgiabi29m8] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.mp-avatar[b-jgiabi29m8] {
    flex-shrink: 0;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    background: linear-gradient(145deg, var(--b9-link, #2563eb) 0%, color-mix(in srgb, var(--b9-link, #2563eb) 75%, #000) 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -.02em;
    text-transform: uppercase;
    user-select: none;
}

.mp-name[b-jgiabi29m8] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--player-text-primary, var(--b9-text));
    line-height: 1.2;
    margin: 0 0 .2rem;
}

.mp-org[b-jgiabi29m8] {
    font-size: .8125rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}

/* ── Header stat chips ── */
.mp-header-chips[b-jgiabi29m8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    gap: .625rem;
    align-items: stretch;
    min-width: 236px;
}

.mp-stat-chip[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 84px;
    padding: .6rem .85rem;
    border-radius: 8px;
    border: 1px solid var(--player-border, var(--b9-border));
    background: var(--player-surface-card, var(--b9-surface-alt));
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.mp-chip-label[b-jgiabi29m8] {
    font-size: .65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--player-text-secondary, var(--b9-text-muted));
    margin-bottom: .1rem;
    width: 100%;
    text-align: left;
}
.mp-chip-value[b-jgiabi29m8] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--player-text-primary, var(--b9-text));
    line-height: 1.2;
    width: 100%;
    text-align: left;
}
.mp-chip-hcp    .mp-chip-value[b-jgiabi29m8] { color: var(--b9-primary, #0d6efd); }
.mp-chip-active .mp-chip-value[b-jgiabi29m8] { color: var(--b9-success, #198754); }
.mp-chip-inactive .mp-chip-value[b-jgiabi29m8] { color: var(--player-text-secondary, var(--b9-text-muted)); }

.mp-chip-sub[b-jgiabi29m8] {
    font-size: .6rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    margin-top: .15rem;
    white-space: nowrap;
    width: 100%;
    text-align: left;
}
.mp-chip-sub-stale[b-jgiabi29m8] {
    color: var(--b9-warning, #ffc107);
    font-weight: 600;
}

.mp-chip-ghin-val[b-jgiabi29m8] {
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--player-text-primary, var(--b9-text));
}

.mp-chip-b9id[b-jgiabi29m8] {
    background: rgba(99, 102, 241, 0.10);
    border-color: rgba(99, 102, 241, 0.25);
    min-width: 168px;
}

.mp-chip-b9id-val[b-jgiabi29m8] {
    font-size: .78rem;
    font-weight: 700;
    font-family: 'Courier New', monospace;
    letter-spacing: .05em;
    color: #818cf8;
    user-select: all;
    white-space: nowrap;
}

/* ══════════════════════
   LEAGUE MOMENTS
══════════════════════ */

.mp-moments-grid[b-jgiabi29m8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.mp-moment-card[b-jgiabi29m8] {
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 12px;
    padding: 1rem;
    background: var(--player-surface-card, var(--b9-surface-alt));
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

.mp-moment-card h3[b-jgiabi29m8] {
    margin: 0;
    font-size: 1rem;
    color: var(--player-text-primary, var(--b9-text));
}

.mp-moment-sub[b-jgiabi29m8] {
    margin: .4rem 0 1rem;
    font-size: .875rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.mp-moment-toggle[b-jgiabi29m8] {
    margin-bottom: .5rem;
}

.mp-moment-toggle label[b-jgiabi29m8] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .9rem;
    color: var(--player-text-primary, var(--b9-text));
}

.mp-moment-toggle input[b-jgiabi29m8] {
    accent-color: var(--player-link, var(--b9-link));
    width: 1rem;
    height: 1rem;
}

.mp-moment-status[b-jgiabi29m8] {
    margin-top: .65rem;
    font-size: .85rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.mp-moment-head[b-jgiabi29m8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}

.mp-moment-list[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.mp-moment-item[b-jgiabi29m8] {
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 10px;
    padding: .75rem;
    background: var(--player-surface-elev, var(--b9-surface-muted));
}

.mp-moment-item-unread[b-jgiabi29m8] {
    border-left: 3px solid var(--player-link, var(--b9-link));
    background: color-mix(in srgb, var(--player-link, var(--b9-link)) 10%, var(--player-surface-card, var(--b9-surface-alt)) 90%);
}

.mp-moment-meta[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.mp-moment-meta span[b-jgiabi29m8] {
    font-size: .78rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.mp-moment-item p[b-jgiabi29m8] {
    margin: .45rem 0;
    font-size: .9rem;
    color: var(--player-text-primary, var(--b9-text));
}

.mp-moment-actions[b-jgiabi29m8] {
    display: flex;
    gap: .45rem;
}

.mp-empty-tight[b-jgiabi29m8] {
    padding: 1rem .5rem;
}

/* ══════════════
   TAB BAR
══════════════ */

.mp-tabs[b-jgiabi29m8] {
    display: flex;
    gap: .25rem;
    border-bottom: 2px solid var(--player-border, var(--b9-border));
    margin-bottom: 1.5rem;
    overflow-x: auto;
}

.mp-tab[b-jgiabi29m8] {
    background: none;
    border: none;
    padding: .55rem .9rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--player-text-secondary, var(--b9-text-muted));
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    border-radius: 6px 6px 0 0;
    transition: color .15s, border-color .15s;
    display: flex;
    align-items: center;
    gap: .3rem;
    white-space: nowrap;
}
.mp-tab:hover[b-jgiabi29m8] { color: var(--player-text-primary, var(--b9-text)); }
.mp-tab.active[b-jgiabi29m8] {
    color: var(--player-link, var(--b9-link));
    border-bottom-color: var(--player-link, var(--b9-link));
    font-weight: 600;
}
.mp-tab-badge[b-jgiabi29m8] {
    background: var(--player-link, var(--b9-link));
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    line-height: 1;
    padding: .2em .45em;
    border-radius: 999px;
}
.mp-tab:not(.active) .mp-tab-badge[b-jgiabi29m8] {
    background: var(--player-surface-elev, var(--b9-surface-muted));
    color: var(--player-text-secondary, var(--b9-text-muted));
}

/* ══════════════════════
   EMPTY STATE
══════════════════════ */

.mp-empty[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3.5rem 1rem;
}
.mp-empty-icon[b-jgiabi29m8] {
    font-size: 2.5rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    margin-bottom: 1rem;
    display: block;
}
.mp-empty-title[b-jgiabi29m8] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--player-text-primary, var(--b9-text));
    margin: 0 0 .35rem;
}
.mp-empty-sub[b-jgiabi29m8] {
    font-size: .875rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    max-width: 340px;
    line-height: 1.55;
    margin: 0;
}

.mp-empty-cta[b-jgiabi29m8] {
    margin-top: .9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: .65rem 1.05rem;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--b9-primary, #16a34a) 72%, #000 28%);
    background: var(--b9-primary, #16a34a);
    color: #f8fafc;
    text-decoration: none;
    font-size: var(--font-size-base, 1rem);
    font-weight: 700;
    line-height: 1.25;
}

.mp-empty-cta:hover[b-jgiabi29m8] {
    background: color-mix(in srgb, var(--b9-primary, #16a34a) 82%, #000 18%);
    color: #ffffff;
}

.mp-empty-cta:focus-visible[b-jgiabi29m8] {
    outline: 2px solid color-mix(in srgb, var(--b9-primary, #16a34a) 60%, #ffffff 40%);
    outline-offset: 2px;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--b9-primary, #16a34a) 28%, transparent 72%);
}

.mp-loading-inline[b-jgiabi29m8] {
    display: flex;
    align-items: center;
    padding: 2rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    font-size: .875rem;
}

.mp-empty-compact[b-jgiabi29m8] {
    padding: 1.5rem 1rem;
}

.mp-upcoming-stack[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.mp-subsection[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.mp-subsection-head[b-jgiabi29m8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.mp-subsection-title[b-jgiabi29m8] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--player-text-primary, var(--b9-text));
}

.mp-subsection-sub[b-jgiabi29m8] {
    margin: .2rem 0 0;
    font-size: .875rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.mp-subsection-count[b-jgiabi29m8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: var(--player-surface-elev, var(--b9-surface-muted));
    color: var(--player-text-primary, var(--b9-text));
    border: 1px solid var(--player-border, var(--b9-border));
    font-size: .82rem;
    font-weight: 700;
}

.mp-week-list[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.mp-week-card[b-jgiabi29m8] {
    background: var(--player-surface-card, var(--b9-surface-alt));
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.mp-week-top[b-jgiabi29m8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem .8rem;
}

.mp-week-left[b-jgiabi29m8] {
    flex: 1;
    min-width: 0;
}

/* ══════════════════════
   UPCOMING EVENT CARDS
══════════════════════ */

.mp-event-list[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.mp-event-card[b-jgiabi29m8] {
    background: var(--player-surface-card, var(--b9-surface-alt));
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    transition: box-shadow .15s;
}
.mp-event-card:hover[b-jgiabi29m8] { box-shadow: 0 3px 10px rgba(0,0,0,.09); }

.mp-ec-top[b-jgiabi29m8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem .8rem;
}

.mp-ec-left[b-jgiabi29m8] { flex: 1; min-width: 0; }

.mp-ec-countdown[b-jgiabi29m8] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: .3rem;
}
.cd-today[b-jgiabi29m8]  { color: var(--b9-primary, #0d6efd); }
.cd-soon[b-jgiabi29m8]   { color: #d97706; }
.cd-far[b-jgiabi29m8]    { color: var(--player-text-secondary, var(--b9-text-muted)); }
.cd-past[b-jgiabi29m8]   { color: var(--player-text-secondary, var(--b9-text-muted)); opacity: .7; }

.mp-ec-name[b-jgiabi29m8] {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--player-text-primary, var(--b9-text));
    text-decoration: none;
    line-height: 1.3;
    display: block;
    margin-bottom: .4rem;
}
.mp-ec-name:hover[b-jgiabi29m8] { color: var(--player-link, var(--b9-link)); text-decoration: underline; }

.mp-ec-meta[b-jgiabi29m8] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .9rem;
    font-size: .875rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.mp-ec-right[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .4rem;
    flex-shrink: 0;
}

/* Status badges */
.mp-ec-status-badge[b-jgiabi29m8] {
    font-size: .72rem;
    font-weight: 700;
    padding: .2em .65em;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: .05em;
    white-space: nowrap;
}
.mp-status-open[b-jgiabi29m8]      { background: var(--success-soft); color: var(--success-text); }
.mp-status-active[b-jgiabi29m8]    { background: var(--brand-soft); color: var(--brand-text); }
.mp-status-closed[b-jgiabi29m8]    { background: color-mix(in srgb, var(--player-surface-elev, var(--b9-surface-muted)) 85%, #000 15%); color: var(--player-text-secondary, var(--b9-text-muted)); }
.mp-status-cancelled[b-jgiabi29m8] { background: var(--danger-soft); color: var(--danger-text); }
.mp-status-draft[b-jgiabi29m8]     { background: var(--warning-soft); color: var(--warning-text); }

.mp-ec-hcp-snap[b-jgiabi29m8] {
    font-size: .74rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.mp-ec-footer[b-jgiabi29m8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .6rem 1.1rem;
    border-top: 1px solid var(--player-border, var(--b9-border));
    background: var(--player-surface-elev, var(--b9-surface-muted));
}

.mp-ec-link[b-jgiabi29m8] {
    font-size: var(--font-size-base, 1rem);
    font-weight: 600;
    color: var(--player-text-secondary, var(--b9-text-muted));
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    min-width: 48px;
    padding: .55rem .9rem;
    line-height: 1.25;
    border-radius: 8px;
    border: 1px solid var(--player-border, var(--b9-border));
    background: var(--player-surface-card, var(--b9-surface-alt));
    transition: color .12s;
}
.mp-ec-link:hover[b-jgiabi29m8] { color: var(--player-link, var(--b9-link)); }
.mp-ec-link-primary[b-jgiabi29m8] { color: var(--player-link, var(--b9-link)); }

.mp-withdraw-btn[b-jgiabi29m8] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    background: transparent;
    border: 1.5px solid rgba(252, 165, 165, .55);
    color: #fca5a5;
    border-radius: 6px;
    padding: .3rem .8rem;
    font-size: .8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s, color .12s;
    line-height: 1.4;
}
.mp-withdraw-btn:hover:not(:disabled)[b-jgiabi29m8] {
    background: rgba(239, 68, 68, .12);
}
.mp-withdraw-btn:disabled[b-jgiabi29m8] { opacity: .55; cursor: not-allowed; }

/* ══════════════════════
   HISTORY TAB
══════════════════════ */

.mp-history-summary[b-jgiabi29m8] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1.25rem;
}
.mp-hs-chip[b-jgiabi29m8] {
    background: var(--player-surface-card, var(--b9-surface-alt));
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 6px;
    padding: .3rem .75rem;
    font-size: .82rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}
.mp-hs-chip strong[b-jgiabi29m8] { color: var(--player-text-primary, var(--b9-text)); }

.mp-history-list[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}

.mp-hc[b-jgiabi29m8] {
    background: var(--player-surface-card, var(--b9-surface-alt));
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.mp-hc-top[b-jgiabi29m8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .875rem 1rem .6rem;
}
.mp-hc-left[b-jgiabi29m8] { flex: 1; min-width: 0; }
.mp-hc-name[b-jgiabi29m8] {
    font-size: .9375rem;
    font-weight: 600;
    color: var(--player-text-primary, var(--b9-text));
    margin-bottom: .25rem;
    line-height: 1.3;
}
.mp-hc-meta[b-jgiabi29m8] {
    font-size: .78rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}
.mp-hc-badges[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .3rem;
    flex-shrink: 0;
}
.mp-badge[b-jgiabi29m8] {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: .15em .55em;
    border-radius: 4px;
    white-space: nowrap;
}
.mp-badge-fmt[b-jgiabi29m8]      { background: var(--brand-soft); color: var(--brand-text); }
.mp-badge-active[b-jgiabi29m8]   { background: var(--brand-soft); color: var(--brand-text); }
.mp-badge-closed[b-jgiabi29m8]   { background: color-mix(in srgb, var(--player-surface-elev, var(--b9-surface-muted)) 85%, #000 15%); color: var(--player-text-secondary, var(--b9-text-muted)); }
.mp-badge-cancelled[b-jgiabi29m8]{ background: var(--danger-soft); color: var(--danger-text); }
.mp-badge-open[b-jgiabi29m8]     { background: var(--success-soft); color: var(--success-text); }
.mp-badge-draft[b-jgiabi29m8]    { background: var(--warning-soft); color: var(--warning-text); }

.mp-hc-bottom[b-jgiabi29m8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .5rem 1rem .75rem;
    border-top: 1px solid var(--player-border, var(--b9-border));
    background: var(--player-surface-elev, var(--b9-surface-muted));
}
.mp-hc-scores[b-jgiabi29m8] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}
.mp-score-pill[b-jgiabi29m8] {
    background: var(--player-surface-card, var(--b9-surface-alt));
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 4px;
    padding: .1rem .5rem;
    font-size: .78rem;
    color: var(--player-text-primary, var(--b9-text));
}
.mp-score-total[b-jgiabi29m8] {
    background: var(--b9-primary, #0d6efd);
    border-color: var(--b9-primary, #0d6efd);
    color: #fff;
    font-weight: 700;
}
.mp-hc-no-scores[b-jgiabi29m8] {
    font-size: .78rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}
.mp-hc-link[b-jgiabi29m8] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--player-link, var(--b9-link));
    text-decoration: none;
    margin-left: auto;
    white-space: nowrap;
}
.mp-hc-link:hover[b-jgiabi29m8] { text-decoration: underline; }

/* ══════════════════════
   EDIT PROFILE TAB
══════════════════════ */

/* ── Profile photo upload section ──────────────────────────────────────── */
.mp-photo-section[b-jgiabi29m8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    background: var(--player-surface-elev, var(--b9-surface-muted));
    border-radius: 10px;
    border: 1px solid var(--player-border, var(--b9-border));
    flex-wrap: wrap;
}

.mp-photo-preview[b-jgiabi29m8] {
    flex-shrink: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: linear-gradient(145deg, var(--b9-link, #2563eb) 0%, color-mix(in srgb, var(--b9-link, #2563eb) 75%, #000) 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    user-select: none;
    overflow: hidden;
}

.mp-photo-actions[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.mp-photo-upload-btn[b-jgiabi29m8] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .375rem .75rem;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 6px;
    background: var(--player-surface-card, var(--b9-surface-alt));
    color: var(--player-text-primary, var(--b9-text));
    transition: background .15s, border-color .15s;
}

.mp-photo-upload-btn:hover[b-jgiabi29m8] {
    background: var(--b9-card-bg-hover, rgba(255,255,255,.08));
    border-color: var(--b9-brand, #22c55e);
}

.mp-photo-remove-btn[b-jgiabi29m8] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .65rem;
    font-size: .8125rem;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--b9-danger, #ef4444);
    border-radius: 6px;
    background: transparent;
    color: var(--b9-danger, #ef4444);
    transition: background .15s;
}

.mp-photo-remove-btn:hover[b-jgiabi29m8] {
    background: var(--b9-danger-soft, rgba(239,68,68,.1));
}

.mp-edit-card[b-jgiabi29m8] {
    background: var(--player-surface-card, var(--b9-surface-alt));
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
    margin-bottom: 1rem;
}
.mp-edit-card-header[b-jgiabi29m8] {
    padding: .875rem 1.25rem;
    font-size: .875rem;
    font-weight: 700;
    color: var(--player-text-primary, var(--b9-text));
    background: var(--player-surface-elev, var(--b9-surface-muted));
    border-bottom: 1px solid var(--player-border, var(--b9-border));
}
.mp-edit-card-body[b-jgiabi29m8] { padding: 1.5rem 1.25rem; }

.mp-field-row[b-jgiabi29m8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}
.mp-field-row-narrow[b-jgiabi29m8] { grid-template-columns: 180px 1fr; }

.mp-field[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.mp-label[b-jgiabi29m8] {
    font-size: .8125rem;
    font-weight: 600;
    color: var(--player-text-primary, var(--b9-text));
}

.mp-input[b-jgiabi29m8] {
    display: block;
    width: 100%;
    padding: .45rem .75rem;
    font-size: .875rem;
    border: 1.5px solid var(--player-border, var(--b9-border));
    border-radius: 7px;
    background: var(--player-surface-elev, var(--b9-surface-muted));
    color: var(--player-text-primary, var(--b9-text));
    transition: border-color .15s, box-shadow .15s;
    line-height: 1.5;
}
.mp-input:focus[b-jgiabi29m8] {
    outline: none;
    border-color: var(--player-link, var(--b9-link));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--player-link, var(--b9-link)) 22%, transparent);
}
.mp-input:disabled[b-jgiabi29m8] {
    background: color-mix(in srgb, var(--player-surface-elev, var(--b9-surface-muted)) 88%, #000 12%);
    color: var(--player-text-secondary, var(--b9-text-muted));
    cursor: not-allowed;
}
.mp-input-mono[b-jgiabi29m8] { font-family: ui-monospace, "Cascadia Code", monospace; letter-spacing: .04em; }

.mp-hint[b-jgiabi29m8] {
    font-size: .75rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    line-height: 1.4;
}
.mp-validation[b-jgiabi29m8] {
    font-size: .75rem;
    color: #dc3545;
}

/* Canonical (cross-org) display name block */
.mp-canonical-block[b-jgiabi29m8] {
    background: rgba(99, 102, 241, 0.05);
    border: 1px solid rgba(99, 102, 241, 0.18);
    border-radius: 8px;
    padding: .875rem 1rem 1rem;
    margin-bottom: 1.25rem;
}

.mp-canonical-title[b-jgiabi29m8] {
    font-size: .8125rem;
    font-weight: 700;
    color: #818cf8;
    margin-bottom: .25rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.mp-canonical-hint[b-jgiabi29m8] {
    font-size: .8rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
    margin-bottom: .75rem;
    line-height: 1.5;
}

/* Read-only block (email / org) */
.mp-edit-readonly-block[b-jgiabi29m8] {
    background: var(--player-surface-elev, var(--b9-surface-muted));
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 8px;
    padding: .75rem 1rem;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .45rem;
}
.mp-ro-item[b-jgiabi29m8] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8125rem;
}
.mp-ro-label[b-jgiabi29m8] { color: var(--player-text-secondary, var(--b9-text-muted)); min-width: 100px; }
.mp-ro-value[b-jgiabi29m8] { color: var(--player-text-primary, var(--b9-text)); font-weight: 500; }

.mp-error-msg[b-jgiabi29m8] {
    background: rgba(239, 68, 68, .12);
    color: #fca5a5;
    border: 1px solid rgba(252, 165, 165, .45);
    border-radius: 7px;
    padding: .6rem .9rem;
    font-size: .8125rem;
    margin-bottom: 1rem;
}

.mp-edit-actions[b-jgiabi29m8] {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.mp-save-btn[b-jgiabi29m8] {
    display: inline-flex;
    align-items: center;
    padding: .5rem 1.3rem;
    background: var(--player-link, var(--b9-link));
    color: #fff;
    border: none;
    border-radius: 7px;
    font-size: .875rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 1px 3px color-mix(in srgb, var(--player-link, var(--b9-link)) 35%, transparent);
    transition: background .15s, box-shadow .15s;
    line-height: 1.4;
}
.mp-save-btn:hover:not(:disabled)[b-jgiabi29m8] {
    background: color-mix(in srgb, var(--player-link, var(--b9-link)) 85%, #000);
    box-shadow: 0 2px 6px color-mix(in srgb, var(--player-link, var(--b9-link)) 45%, transparent);
}
.mp-save-btn:disabled[b-jgiabi29m8] { opacity: .6; cursor: not-allowed; }

.mp-saved-confirm[b-jgiabi29m8] {
    font-size: .8125rem;
    font-weight: 600;
    color: var(--b9-success, #198754);
    display: flex;
    align-items: center;
}

/* Account link card */
.mp-account-link-card[b-jgiabi29m8] {
    display: flex;
    align-items: center;
    gap: .875rem;
    background: var(--player-surface-card, var(--b9-surface-alt));
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 10px;
    padding: .9rem 1.1rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

.mp-account-link-card-advanced[b-jgiabi29m8] {
    margin-top: 1rem;
}
.mp-alc-icon[b-jgiabi29m8] {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--player-link, var(--b9-link)) 14%, transparent);
    color: var(--player-link, var(--b9-link));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}
.mp-alc-text[b-jgiabi29m8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}
.mp-alc-text strong[b-jgiabi29m8] {
    font-size: .875rem;
    font-weight: 600;
    color: var(--player-text-primary, var(--b9-text));
}
.mp-alc-text span[b-jgiabi29m8] {
    font-size: .78rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}
.mp-alc-link[b-jgiabi29m8] {
    font-size: .8125rem;
    font-weight: 600;
    color: var(--player-link, var(--b9-link));
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.mp-alc-link:hover[b-jgiabi29m8] { text-decoration: underline; }

/* ══════════════════════
   RESPONSIVE
══════════════════════ */

@media (max-width: 640px) {
    .mp-page[b-jgiabi29m8] { padding: 1.25rem 1rem 3rem; }

    .mp-header[b-jgiabi29m8] { flex-direction: column; gap: .875rem; }

    .mp-header-chips[b-jgiabi29m8] {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 0;
    }

    .mp-chip-b9id[b-jgiabi29m8] { min-width: 0; }

    .mp-ec-top[b-jgiabi29m8] { flex-direction: column; gap: .5rem; }
    .mp-ec-right[b-jgiabi29m8] { align-items: flex-start; flex-direction: row; flex-wrap: wrap; }

    .mp-field-row[b-jgiabi29m8],
    .mp-field-row-narrow[b-jgiabi29m8] { grid-template-columns: 1fr; }

    .mp-account-link-card[b-jgiabi29m8] { flex-wrap: wrap; }
    .mp-alc-link[b-jgiabi29m8] { width: 100%; }
    .mp-settings-grid[b-jgiabi29m8] { grid-template-columns: 1fr; }
    .mp-week-top[b-jgiabi29m8] { flex-direction: column; gap: .5rem; }
    .mp-subsection-head[b-jgiabi29m8] { flex-direction: column; }
}

/* ── Handicap trend ── */
.mp-hcp-trend[b-jgiabi29m8] {
    background: var(--player-surface-elev, var(--b9-surface-muted));
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 10px;
    padding: .875rem 1rem;
    margin-bottom: 1.25rem;
}
.mp-hcp-trend-label[b-jgiabi29m8] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--player-text-secondary, var(--b9-text-muted));
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: .625rem;
}
.mp-hcp-trend-row[b-jgiabi29m8] {
    display: flex;
    align-items: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}
.mp-hcp-pip[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .2rem;
    cursor: default;
}
.mp-hcp-pip-val[b-jgiabi29m8] {
    background: var(--b9-primary, #0d6efd);
    color: #fff;
    font-size: .8125rem;
    font-weight: 700;
    border-radius: 6px;
    padding: .25rem .55rem;
    min-width: 3rem;
    text-align: center;
}
.mp-hcp-pip-date[b-jgiabi29m8] {
    font-size: .7rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}
.mp-hcp-delta[b-jgiabi29m8] {
    font-size: .875rem;
    font-weight: 700;
    padding: .25rem .625rem;
    border-radius: 6px;
    align-self: center;
    margin-left: auto;
}
.mp-hcp-delta-better[b-jgiabi29m8] {
    background: var(--success-soft);
    color: var(--success-text);
}
.mp-hcp-delta-higher[b-jgiabi29m8] {
    background: var(--danger-soft);
    color: var(--danger-text);
}

/* ── Email mismatch badge ── */
.mp-ro-mismatch[b-jgiabi29m8] {
    font-size: .75rem;
    font-weight: 600;
    color: #fcd34d;
    background: rgba(245, 158, 11, .14);
    border-radius: 4px;
    padding: .1rem .4rem;
    cursor: default;
}

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

.mp-settings-card[b-jgiabi29m8] {
    border: 1px solid var(--player-border, var(--b9-border));
    border-radius: 12px;
    padding: 1rem;
    background: var(--player-surface-card, var(--b9-surface-alt));
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

.mp-settings-kicker[b-jgiabi29m8] {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.mp-settings-title[b-jgiabi29m8] {
    margin: .35rem 0 .25rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--player-text-primary, var(--b9-text));
}

.mp-settings-copy[b-jgiabi29m8] {
    margin: 0;
    font-size: .85rem;
    line-height: 1.55;
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.mp-settings-list[b-jgiabi29m8] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    margin-top: .9rem;
}

.mp-settings-row[b-jgiabi29m8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .6rem .75rem;
    border-radius: 10px;
    background: var(--player-surface-elev, var(--b9-surface-muted));
    border: 1px solid var(--player-border, var(--b9-border));
    font-size: .84rem;
    color: var(--player-text-secondary, var(--b9-text-muted));
}

.mp-settings-row strong[b-jgiabi29m8] {
    color: var(--player-text-primary, var(--b9-text));
    font-size: .82rem;
}

.mp-settings-row-theme[b-jgiabi29m8] {
    align-items: center;
}

.mp-settings-row-theme[b-jgiabi29m8]  .theme-toggle.mp-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: .45rem;
    min-height: 40px;
    min-width: 170px;
    padding: 0 .7rem;
    border-radius: 10px;
    border: 1px solid var(--player-border, var(--b9-border));
    background: var(--player-surface-card, var(--b9-surface-alt));
    color: var(--player-text-primary, var(--b9-text));
}

.mp-settings-row-theme[b-jgiabi29m8]  .theme-toggle.mp-theme-toggle:hover {
    border-color: var(--player-link, var(--b9-link));
    color: var(--player-link, var(--b9-link));
}

.mp-settings-row-theme[b-jgiabi29m8]  .theme-toggle.mp-theme-toggle .theme-toggle-label {
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}

.mp-settings-actions[b-jgiabi29m8] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1rem;
}

.mp-action-btn[b-jgiabi29m8],
.mp-mini-btn[b-jgiabi29m8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    border-radius: 10px;
    text-decoration: none;
    font-size: .82rem;
    font-weight: 700;
    border: 1px solid transparent;
    cursor: pointer;
}

.mp-action-btn[b-jgiabi29m8] {
    padding: .48rem .8rem;
}

.mp-mini-btn[b-jgiabi29m8] {
    padding: .4rem .65rem;
    background: var(--player-surface-elev, var(--b9-surface-muted));
    color: var(--player-text-primary, var(--b9-text));
    border-color: var(--player-border, var(--b9-border));
}

.mp-mini-btn:hover:not(:disabled)[b-jgiabi29m8] {
    border-color: var(--player-link, var(--b9-link));
    color: var(--player-link, var(--b9-link));
}

.mp-action-btn-primary[b-jgiabi29m8] {
    background: var(--player-link, var(--b9-link));
    color: #fff;
}

.mp-action-btn-primary:hover[b-jgiabi29m8] {
    background: color-mix(in srgb, var(--player-link, var(--b9-link)) 85%, #000);
    color: #fff;
}

.mp-action-btn-secondary[b-jgiabi29m8] {
    background: var(--player-surface-elev, var(--b9-surface-muted));
    border-color: var(--player-border, var(--b9-border));
    color: var(--player-text-primary, var(--b9-text));
}

.mp-action-btn-secondary:hover[b-jgiabi29m8] {
    border-color: var(--player-link, var(--b9-link));
    color: var(--player-link, var(--b9-link));
}
/* /Components/Pages/Org/OrgLanding.razor.rz.scp.css */
/* ================================================================
   ORG LANDING PAGE (/org/{id})
   Public-facing club/org page — uses PublicLayout
   ================================================================ */

/* ── Loading / Not Found ── */
.ol-loading[b-jdbembhlfs],
.ol-notfound[b-jdbembhlfs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5rem 1.5rem;
    text-align: center;
    color: var(--text-muted, #64748b);
}

.ol-nf-icon[b-jdbembhlfs] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
}

/* ================================================================
   HERO
   ================================================================ */
.ol-hero[b-jdbembhlfs] {
    background: linear-gradient(160deg, var(--bg-sidebar, #0B1220) 0%, rgba(22, 163, 74, 0.08) 100%);
    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    padding: 2.5rem 1.25rem 2rem;
}

.ol-hero-inner[b-jdbembhlfs] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.ol-hero-avatar[b-jdbembhlfs] {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    background: var(--b9-primary, #16a34a);
    color: #fff;
    font-size: 1.75rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    flex-shrink: 0;
    box-shadow: 0 4px 16px rgba(22,163,74,0.3);
    overflow: hidden;
}

.ol-hero-logo-img[b-jdbembhlfs] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 14px;
}

.ol-org-description[b-jdbembhlfs] {
    font-size: 0.95rem;
    color: var(--text-secondary, #94a3b8);
    margin: 0 0 0.45rem;
    line-height: 1.5;
}

.ol-hero-info[b-jdbembhlfs] {
    flex: 1;
    min-width: 0;
}

.ol-org-name[b-jdbembhlfs] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--text-primary, #f1f5f9);
    margin: 0 0 0.375rem;
    line-height: 1.2;
}

.ol-org-location[b-jdbembhlfs] {
    font-size: 0.9rem;
    color: var(--text-muted, #64748b);
    margin: 0 0 0.75rem;
}

.ol-hero-meta[b-jdbembhlfs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ol-meta-chip[b-jdbembhlfs] {
    display: inline-flex;
    align-items: center;
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    text-decoration: none;
    transition: opacity 0.15s;
}

.ol-chip-active[b-jdbembhlfs] {
    background: rgba(22, 163, 74, 0.15);
    color: #4ade80;
    border: 1px solid rgba(22, 163, 74, 0.25);
}

.ol-chip-email[b-jdbembhlfs] {
    background: rgba(255,255,255,0.05);
    color: var(--text-secondary, #94a3b8);
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.08));
}

.ol-chip-email:hover[b-jdbembhlfs] {
    opacity: 0.8;
}

.ol-hero-cta[b-jdbembhlfs] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.375rem;
    flex-shrink: 0;
}

.ol-signin-btn[b-jdbembhlfs] {
    min-width: 140px;
}

.ol-cta-hint[b-jdbembhlfs] {
    font-size: 0.8rem;
    color: var(--text-muted, #64748b);
    margin: 0;
    text-align: right;
}

.ol-cta-new-account[b-jdbembhlfs] {
    font-size: 0.78rem;
    color: var(--text-muted, #64748b);
    text-align: right;
    text-decoration: none;
    margin-top: 0.1rem;
    transition: color 0.15s;
}

.ol-cta-new-account:hover[b-jdbembhlfs] {
    color: var(--b9-primary, #16a34a);
}

/* ── Join-request CTA states ── */
.ol-join-success[b-jdbembhlfs],
.ol-join-pending[b-jdbembhlfs] {
    font-size: 0.875rem;
    padding: 0.625rem 0.875rem;
    border-radius: 8px;
    text-align: right;
}

.ol-join-success[b-jdbembhlfs] {
    background: rgba(34, 197, 94, 0.12);
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.25);
}

.ol-join-pending[b-jdbembhlfs] {
    background: rgba(234, 179, 8, 0.1);
    color: #fbbf24;
    border: 1px solid rgba(234, 179, 8, 0.25);
}

/* ── Inline join form ── */
.ol-join-form[b-jdbembhlfs] {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.1));
    border-radius: 12px;
    padding: 1rem;
    width: 280px;
    max-width: 100%;
}

.ol-join-form-title[b-jdbembhlfs] {
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted, #64748b);
    margin: 0 0 0.75rem;
}

.ol-join-form .form-control[b-jdbembhlfs] {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.1);
    color: var(--text-primary, #f1f5f9);
    font-size: 0.85rem;
}

.ol-join-form .form-control:focus[b-jdbembhlfs] {
    background: rgba(255,255,255,0.09);
    border-color: var(--b9-primary, #16a34a);
    box-shadow: 0 0 0 0.2rem rgba(22,163,74,0.25);
    color: var(--text-primary, #f1f5f9);
}

.ol-join-form .form-control[b-jdbembhlfs]::placeholder {
    color: var(--text-muted, #64748b);
}

.ol-join-form .alert-sm[b-jdbembhlfs] {
    font-size: 0.8rem;
}

@media (max-width: 600px) {
    .ol-join-form[b-jdbembhlfs] {
        width: 100%;
    }

    .ol-join-success[b-jdbembhlfs],
    .ol-join-pending[b-jdbembhlfs] {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .ol-hero-inner[b-jdbembhlfs] {
        flex-direction: column;
    }

    .ol-hero-cta[b-jdbembhlfs] {
        align-items: stretch;
        width: 100%;
    }

    .ol-cta-hint[b-jdbembhlfs] {
        text-align: center;
    }
}

/* ================================================================
   BODY / SECTIONS
   ================================================================ */
.ol-body[b-jdbembhlfs] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1.25rem 3rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.ol-section[b-jdbembhlfs] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ol-section-header[b-jdbembhlfs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.ol-section-title[b-jdbembhlfs] {
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--text-muted, #64748b);
    display: flex;
    align-items: center;
    margin: 0;
}

/* Live pulse dot */
.ol-live-dot[b-jdbembhlfs] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--success, #22c55e);
    margin-right: 0.625rem;
    animation: ol-pulse-b-jdbembhlfs 1.8s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes ol-pulse-b-jdbembhlfs {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.4; transform: scale(0.75); }
}

/* ================================================================
   EVENT CARDS
   ================================================================ */
.ol-event-list[b-jdbembhlfs] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.ol-event-card[b-jdbembhlfs] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    border-radius: 12px;
    transition: background 0.15s, border-color 0.15s;
}

.ol-event-card:hover[b-jdbembhlfs] {
    background: rgba(255,255,255,0.07);
    border-color: rgba(255,255,255,0.1);
}

.ol-card-active[b-jdbembhlfs] {
    border-left: 3px solid var(--success, #22c55e);
}

.ol-card-past[b-jdbembhlfs] {
    border-left: 3px solid var(--b9-border, #334155);
    opacity: 0.88;
}

.ol-past-list .ol-ec-date[b-jdbembhlfs] {
    color: var(--text-muted, #94a3b8);
}

.ol-ec-body[b-jdbembhlfs] {
    flex: 1;
    min-width: 0;
}

.ol-ec-date[b-jdbembhlfs] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--b9-primary, #16a34a);
    margin-bottom: 0.2rem;
}

.ol-ec-name[b-jdbembhlfs] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #f1f5f9);
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.3rem;
}

.ol-ec-name:hover[b-jdbembhlfs] {
    text-decoration: underline;
}

.ol-ec-meta[b-jdbembhlfs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ol-ec-format[b-jdbembhlfs] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
}

.ol-ec-players[b-jdbembhlfs] {
    font-size: 0.8125rem;
    color: var(--text-secondary, #94a3b8);
}

.ol-ec-full[b-jdbembhlfs] {
    color: #f59e0b;
}

.ol-ec-actions[b-jdbembhlfs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.ol-lb-btn[b-jdbembhlfs],
.ol-register-btn[b-jdbembhlfs],
.ol-detail-btn[b-jdbembhlfs] {
    white-space: nowrap;
}

/* ================================================================
   EMPTY STATE
   ================================================================ */
.ol-empty[b-jdbembhlfs] {
    text-align: center;
    padding: 3rem 1rem;
    background: rgba(255,255,255,0.02);
    border: 1px solid var(--border-subtle, rgba(255,255,255,0.05));
    border-radius: 14px;
}

.ol-empty-icon[b-jdbembhlfs] {
    font-size: 2.75rem;
    color: var(--text-muted, #64748b);
    display: block;
    margin-bottom: 1rem;
}

.ol-empty-title[b-jdbembhlfs] {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--text-secondary, #94a3b8);
    margin: 0 0 0.4rem;
}

.ol-empty-sub[b-jdbembhlfs] {
    font-size: 0.9rem;
    color: var(--text-muted, #64748b);
    margin: 0;
}
/* /Components/Pages/Players/Detail.razor.rz.scp.css */
/* ================================================================
   PLAYER DETAIL — scoped styles
   Tab bar + tournament history cards
================================================================ */

/* ── Tab Bar ─────────────────────────────────────────────────── */

.player-tabs[b-r2g50hiesu] {
    display: flex;
    gap: 2px;
    border-bottom: 2px solid var(--b9-border);
    margin-bottom: 1.25rem;
}

.player-tab[b-r2g50hiesu] {
    background: none;
    border: none;
    padding: 0.5rem 1.125rem 0.625rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--b9-text-muted);
    cursor: pointer;
    position: relative;
    border-radius: 0;
    transition: color 0.14s ease;
    display: flex;
    align-items: center;
    gap: 4px;
}

.player-tab:hover[b-r2g50hiesu] {
    color: var(--b9-text);
}

.player-tab.active[b-r2g50hiesu] {
    color: var(--b9-primary);
}

.player-tab.active[b-r2g50hiesu]::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--b9-primary);
    border-radius: 2px 2px 0 0;
}

.tab-count[b-r2g50hiesu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--b9-primary-soft);
    color: var(--b9-primary-text);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 2px;
}

/* ── History Summary Chips ───────────────────────────────────── */

.history-summary[b-r2g50hiesu] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.stat-chip[b-r2g50hiesu] {
    background: var(--b9-surface-muted);
    border: 1px solid var(--b9-border);
    border-radius: 8px;
    padding: 0.35rem 0.875rem;
    font-size: 0.8rem;
    color: var(--b9-text-muted);
    line-height: 1.5;
}

.stat-chip strong[b-r2g50hiesu] {
    color: var(--b9-text);
    font-weight: 700;
}

/* ── History Event Cards ─────────────────────────────────────── */

.history-card[b-r2g50hiesu] {
    background: var(--b9-card-bg);
    border: 1px solid var(--b9-card-border);
    border-radius: var(--b9-card-radius);
    padding: 0.875rem 1.125rem;
    margin-bottom: 0.5rem;
    box-shadow: var(--b9-card-shadow);
    transition: box-shadow 0.14s ease;
}

.history-card:hover[b-r2g50hiesu] {
    box-shadow: var(--b9-card-shadow-md);
}

.hc-top[b-r2g50hiesu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.3rem;
    flex-wrap: wrap;
}

.hc-event-name[b-r2g50hiesu] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--b9-text);
    line-height: 1.3;
    flex: 1 1 200px;
}

.hc-badges[b-r2g50hiesu] {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
    flex-shrink: 0;
}

/* Base badge */
.hc-badge[b-r2g50hiesu] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2em 0.55em;
    border-radius: 5px;
    line-height: 1.4;
}

.badge-fmt[b-r2g50hiesu] {
    background: var(--b9-info-soft);
    color: var(--b9-info-text);
}

.badge-status-draft[b-r2g50hiesu]     { background: var(--b9-warning-soft);  color: var(--b9-warning-text); }
.badge-status-open[b-r2g50hiesu]      { background: var(--b9-primary-soft);  color: var(--b9-primary-text); }
.badge-status-active[b-r2g50hiesu]    { background: var(--b9-success-soft);  color: var(--b9-success-text); }
.badge-status-closed[b-r2g50hiesu]    { background: var(--b9-surface-muted); color: var(--b9-text-muted);   }
.badge-status-cancelled[b-r2g50hiesu] { background: var(--b9-danger-soft);   color: var(--b9-danger-text);  }

/* ── Meta row ────────────────────────────────────────────────── */

.hc-meta[b-r2g50hiesu] {
    display: flex;
    gap: 1rem;
    font-size: 0.775rem;
    color: var(--b9-text-soft);
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

/* ── Bottom row: scores + leaderboard link ───────────────────── */

.hc-bottom[b-r2g50hiesu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.hc-scores[b-r2g50hiesu] {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
    align-items: center;
}

.round-score-pill[b-r2g50hiesu] {
    background: var(--b9-surface-muted);
    border: 1px solid var(--b9-border);
    border-radius: 6px;
    padding: 0.2rem 0.55rem;
    font-size: 0.775rem;
    font-weight: 600;
    color: var(--b9-text-muted);
}

.round-total-pill[b-r2g50hiesu] {
    background: var(--b9-primary-soft);
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 0.2rem 0.6rem;
    font-size: 0.775rem;
    font-weight: 700;
    color: var(--b9-primary-text);
}

.hc-link[b-r2g50hiesu] {
    font-size: 0.775rem;
    font-weight: 600;
    color: var(--b9-primary);
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}

.hc-link:hover[b-r2g50hiesu] {
    text-decoration: underline;
}

/* ── Empty state ─────────────────────────────────────────────── */

.history-empty[b-r2g50hiesu] {
    text-align: center;
    padding: 3.5rem 1rem;
    color: var(--b9-text-muted);
}

.history-empty .bi[b-r2g50hiesu] {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.875rem;
    opacity: 0.35;
}
/* /Components/Pages/Players/HandicapImport.razor.rz.scp.css */
/* ── Top Bar ─────────────────────────────────────────────────────────────── */

.hm-bar[b-md8o33xxb9] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--b9-surface-alt);
    border-bottom: 1px solid var(--b9-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
}

.hm-bar-left[b-md8o33xxb9] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    min-width: 0;
}

.hm-bar-right[b-md8o33xxb9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.hm-back[b-md8o33xxb9] {
    flex-shrink: 0;
}

.hm-title[b-md8o33xxb9] {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
    color: var(--b9-text);
    line-height: 1.3;
}

/* ── Stats Strip ────────────────────────────────────────────────────────── */

.hm-stats[b-md8o33xxb9] {
    display: flex;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.hm-stat[b-md8o33xxb9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--b9-surface-alt);
    border: 1px solid var(--b9-border);
    border-radius: 10px;
    padding: 0.625rem 1.125rem;
    min-width: 90px;
    box-shadow: var(--b9-card-shadow);
}

.hm-stat-val[b-md8o33xxb9] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.1;
    color: var(--b9-text);
}

.hm-stat-lbl[b-md8o33xxb9] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--b9-text-muted);
    margin-top: 2px;
    white-space: nowrap;
}

.hm-stat-success .hm-stat-val[b-md8o33xxb9] { color: var(--b9-success); }
.hm-stat-warning .hm-stat-val[b-md8o33xxb9] { color: var(--b9-warning); }
.hm-stat-danger  .hm-stat-val[b-md8o33xxb9] { color: var(--b9-danger);  }
.hm-stat-muted   .hm-stat-val[b-md8o33xxb9] { color: var(--b9-text-soft); }

/* ── CSV Import Panel ───────────────────────────────────────────────────── */

.hm-csv-panel[b-md8o33xxb9] {
    background: var(--b9-surface-alt);
    border: 1px solid var(--b9-primary-soft);
    border-radius: var(--b9-card-radius);
    box-shadow: var(--b9-card-shadow-md);
    overflow: hidden;
}

.hm-csv-header[b-md8o33xxb9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1.25rem;
    background: var(--b9-primary-soft);
    border-bottom: 1px solid var(--b9-border);
}

.hm-csv-body[b-md8o33xxb9] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.hm-csv-instructions[b-md8o33xxb9] {
    background: var(--b9-surface-muted);
    border-radius: 8px;
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
}

.hm-csv-format[b-md8o33xxb9] {
    display: inline-block;
    background: var(--b9-dark-surface-raise);
    color: var(--b9-accent-green);
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    font-size: 0.8rem;
    letter-spacing: 0.03em;
}

.hm-csv-textarea[b-md8o33xxb9] {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 0.8125rem;
    min-height: 120px;
    resize: vertical;
    background: var(--b9-surface-muted);
    border-color: var(--b9-border);
}

.hm-csv-textarea:focus[b-md8o33xxb9] {
    background: var(--b9-surface-alt);
    border-color: var(--b9-primary);
    box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.15);
}

.hm-csv-actions[b-md8o33xxb9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.hm-csv-preview[b-md8o33xxb9] {
    border-top: 1px solid var(--b9-border);
}

.hm-csv-preview-header[b-md8o33xxb9] {
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--b9-text-muted);
    background: var(--b9-surface-muted);
}

.hm-csv-apply[b-md8o33xxb9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--b9-border);
    background: var(--b9-surface-muted);
    flex-wrap: wrap;
}

/* ── Roster Table ───────────────────────────────────────────────────────── */

.hm-table th[b-md8o33xxb9],
.hm-table td[b-md8o33xxb9] {
    vertical-align: middle;
}

.hm-table .col-ghin[b-md8o33xxb9]    { width: 140px; }
.hm-table .col-hcp[b-md8o33xxb9]     { width: 130px; }
.hm-table .col-updated[b-md8o33xxb9] { width: 140px; }
.hm-table .col-save[b-md8o33xxb9]    { width: 80px;  text-align: right; }

.hm-player-link[b-md8o33xxb9] {
    color: var(--b9-text);
}

.hm-player-link:hover[b-md8o33xxb9] {
    color: var(--b9-primary);
}

.hm-dirty-dot[b-md8o33xxb9] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--b9-warning);
    margin-left: 6px;
    vertical-align: middle;
}

.hm-row-dirty[b-md8o33xxb9] {
    background: var(--b9-warning-soft) !important;
}

.hm-ghin-input[b-md8o33xxb9] {
    font-family: 'SFMono-Regular', Consolas, monospace;
    font-size: 0.8125rem;
    letter-spacing: 0.06em;
    max-width: 120px;
}

.hm-hcp-input[b-md8o33xxb9] {
    text-align: center;
    font-weight: 600;
    max-width: 90px;
}

.hm-input-changed[b-md8o33xxb9] {
    border-color: var(--b9-primary) !important;
    background: var(--b9-primary-soft) !important;
}

.hm-save-row-btn[b-md8o33xxb9] {
    white-space: nowrap;
    min-width: 56px;
}

/* ── Freshness badges ───────────────────────────────────────────────────── */

.hm-freshness[b-md8o33xxb9] {
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.hf-fresh[b-md8o33xxb9]  { color: var(--b9-success); }
.hf-recent[b-md8o33xxb9] { color: var(--b9-text-soft); }
.hf-aging[b-md8o33xxb9]  { color: var(--b9-warning); }
.hf-stale[b-md8o33xxb9]  { color: var(--b9-danger);  }
.hf-never[b-md8o33xxb9]  { color: var(--b9-text-soft); font-style: italic; font-weight: 400; }

/* ── Responsive ─────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .hm-stats[b-md8o33xxb9] {
        gap: 0.5rem;
    }

    .hm-stat[b-md8o33xxb9] {
        min-width: 72px;
        padding: 0.5rem 0.75rem;
    }

    .hm-stat-val[b-md8o33xxb9] {
        font-size: 1.25rem;
    }

    .hm-table .col-updated[b-md8o33xxb9] { display: none; }
}
/* /Components/Pages/Players/Import.razor.rz.scp.css */
.pi-csv-example-wrap[b-erd4opn80k] {
    width: 100%;
}

.pi-csv-example-label[b-erd4opn80k] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.pi-csv-example-surface[b-erd4opn80k] {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    padding: 20px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    line-height: 1.6;
    overflow-x: auto;
}

.pi-csv-example-head[b-erd4opn80k] {
    color: var(--text-primary);
    font-weight: 600;
}

.pi-csv-example-row[b-erd4opn80k] {
    color: var(--text-secondary);
}

.pi-csv-help[b-erd4opn80k] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.pi-csv-help-line[b-erd4opn80k] {
    margin: 0;
}

.pi-csv-help-heading[b-erd4opn80k] {
    margin: 0.45rem 0 0.2rem;
    color: var(--text-primary);
    font-weight: 700;
}

.pi-csv-help-list[b-erd4opn80k] {
    margin: 0 0 0.25rem 1.1rem;
    padding: 0;
}

.pi-csv-help-list li[b-erd4opn80k] {
    margin: 0;
}

.pi-preview-card[b-erd4opn80k] {
    background: var(--bg-surface);
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
}

.pi-preview-header[b-erd4opn80k] {
    color: var(--text-primary);
}

.pi-preview-header .badge[b-erd4opn80k] {
    font-weight: 700;
}

.pi-preview-table-wrap[b-erd4opn80k] {
    overflow-x: auto;
}

.pi-preview-table[b-erd4opn80k] {
    color: var(--text-primary);
    margin-bottom: 0;
}

.pi-preview-table thead th[b-erd4opn80k] {
    color: var(--text-primary);
    font-weight: 700;
    background: var(--bg-surface);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.pi-preview-table tbody td[b-erd4opn80k] {
    color: var(--text-primary);
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.pi-preview-secondary[b-erd4opn80k] {
    color: var(--text-secondary) !important;
}

.pi-name-cell[b-erd4opn80k] {
    color: var(--text-primary) !important;
    font-weight: 600;
}

.pi-preview-row:hover td[b-erd4opn80k] {
    background: rgba(255, 255, 255, 0.03);
}

.pi-handicap-badge[b-erd4opn80k] {
    background: var(--bg-surface);
    color: var(--text-primary);
    border: 1px solid var(--border-subtle);
}
/* /Components/Pages/Players/Index.razor.rz.scp.css */
/* Players index page-level consistency (Phase 3U) */

.pl-page-header[b-j9jbzs7oiw] {
  margin-bottom: 1.25rem;
}

.pl-page-header-copy[b-j9jbzs7oiw] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.pl-page-subtitle[b-j9jbzs7oiw] {
  font-size: 0.95rem;
  color: var(--b9-text-soft);
  max-width: 42rem;
}

.pl-empty-card[b-j9jbzs7oiw] {
  border: 1px solid var(--b9-border) !important;
  background: var(--b9-surface);
  border-radius: 12px;
}

.pl-empty-body[b-j9jbzs7oiw] {
  max-width: 560px;
  margin: 0 auto;
}

.pl-empty-icon[b-j9jbzs7oiw] {
  font-size: 2.5rem !important;
  color: var(--b9-text-soft) !important;
}

.pl-empty-title[b-j9jbzs7oiw] {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--b9-text);
  margin-bottom: 0.45rem;
}

.pl-empty-text[b-j9jbzs7oiw] {
  font-size: 0.95rem;
  color: var(--b9-text-soft);
  margin: 0 auto 1rem;
  max-width: 34rem;
}

.pl-empty-action[b-j9jbzs7oiw] {
  min-width: 140px;
}

/* Keep roster player identity line readable in dark and light themes. */
.roster-player-name[b-j9jbzs7oiw] {
  color: var(--text-primary);
  font-weight: 600;
  line-height: 1.2;
}

.roster-player-meta[b-j9jbzs7oiw] {
  color: var(--text-muted);
  font-size: 0.875rem;
  line-height: 1.35;
  margin-top: 0.2rem;
}

/* ── Dark-shell contrast locks (Phase 3AC) ──────────────────────────────── */

.pl-roster-head th[b-j9jbzs7oiw] {
  background: var(--bg-elevated, #111827) !important;
  color: var(--text-primary, #F3F6FB) !important;
  border-bottom: 1px solid var(--border-subtle, #1E3A52) !important;
}

.pl-search-icon[b-j9jbzs7oiw] {
  background: var(--bg-raised, #1E293B) !important;
  color: var(--text-muted, #9FB0C4) !important;
  border-color: var(--border-subtle, #1E3A52) !important;
}

.pl-hcp-badge[b-j9jbzs7oiw] {
  background: var(--bg-raised, #1E293B) !important;
  color: var(--text-primary, #F3F6FB) !important;
  border: 1px solid var(--border-default, #2D4A6A) !important;
}

.pl-utility-actions[b-j9jbzs7oiw] {
  border-right: 1px solid var(--border-subtle, #1E3A52);
  padding-right: 0.5rem;
  margin-right: 0.25rem;
}

.pl-utility-actions .btn[b-j9jbzs7oiw] {
  min-height: 48px;
  min-width: 48px;
  padding: 0.55rem 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.25;
  font-size: var(--font-size-base, 1rem);
  white-space: nowrap;
}

/* Merge row button — muted/secondary appearance so it doesn't compete with Edit */
.pl-row-merge-action[b-j9jbzs7oiw] {
  min-width: 40px;
  min-height: 40px;
  padding: 0.45rem 0.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: var(--text-muted, #9FB0C4);
  border-color: var(--border-subtle, #1E3A52);
  background: transparent;
}
.pl-row-merge-action:hover[b-j9jbzs7oiw] {
  color: var(--warning, #f59e0b);
  border-color: var(--warning, #f59e0b);
  background: color-mix(in srgb, var(--warning, #f59e0b) 10%, transparent);
}

/* Players row action touch target: keep table dense but make Edit safely tappable. */
.pl-row-edit-action[b-j9jbzs7oiw] {
  min-width: 48px;
  min-height: 48px;
  padding: 0.55rem 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.25;
  font-size: var(--font-size-base, 1rem);
  font-weight: 600;
  color: #93c5fd;
  border-color: #60a5fa;
  background: rgba(15, 23, 42, 0.42);
}

.pl-row-edit-action:hover[b-j9jbzs7oiw] {
  border-color: var(--b9-primary, #2563eb);
  background: color-mix(in srgb, var(--b9-primary, #2563eb) 12%, transparent);
}

.pl-row-edit-action:focus-visible[b-j9jbzs7oiw] {
  outline: 2px solid var(--b9-primary, #2563eb);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--b9-primary, #2563eb) 26%, transparent);
}

/* ── Player Merge Modal (pm-*) ─────────────────────────────────────────── */

.pm-overlay[b-j9jbzs7oiw] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.pm-dialog[b-j9jbzs7oiw] {
  background: var(--bg-elevated, #1E293B);
  border: 1px solid var(--border-default, #2D4A6A);
  border-radius: 12px;
  width: 100%;
  max-width: 540px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
}

.pm-dialog-header[b-j9jbzs7oiw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-subtle, #1E3A52);
}

.pm-dialog-title[b-j9jbzs7oiw] {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-primary, #F3F6FB);
}

.pm-dialog-close[b-j9jbzs7oiw] {
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--text-muted, #9FB0C4);
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  transition: color 0.15s, background 0.15s;
}
.pm-dialog-close:hover[b-j9jbzs7oiw] {
  color: var(--text-primary, #F3F6FB);
  background: var(--bg-raised, #2D3748);
}

.pm-dialog-body[b-j9jbzs7oiw] {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pm-dialog-footer[b-j9jbzs7oiw] {
  padding: 1rem 1.25rem;
  border-top: 1px solid var(--border-subtle, #1E3A52);
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* Source card (shown in step 1 to remind admin who is being deleted) */
.pm-source-card[b-j9jbzs7oiw] {
  background: color-mix(in srgb, var(--danger, #ef4444) 10%, transparent);
  border: 1px solid var(--danger, #ef4444);
  border-radius: 8px;
  padding: 0.75rem 1rem;
}

.pm-badge[b-j9jbzs7oiw] {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 0.4rem;
}

.pm-badge--delete[b-j9jbzs7oiw] {
  background: var(--danger, #ef4444);
  color: #fff;
}

.pm-badge--keep[b-j9jbzs7oiw] {
  background: var(--success, #22c55e);
  color: #fff;
}

.pm-card-name[b-j9jbzs7oiw] {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-primary, #F3F6FB);
  line-height: 1.3;
}

.pm-card-meta[b-j9jbzs7oiw] {
  font-size: 0.875rem;
  color: var(--text-muted, #9FB0C4);
  margin-top: 0.15rem;
}

.pm-card-warn[b-j9jbzs7oiw] {
  font-size: 0.8rem;
  color: var(--warning, #f59e0b);
  margin-top: 0.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.pm-hint[b-j9jbzs7oiw] {
  font-size: 0.9rem;
  color: var(--text-muted, #9FB0C4);
  margin: 0;
}

/* Search picker in merge modal */
.pm-search-wrap[b-j9jbzs7oiw] {
  position: relative;
}

.pm-search-input-row[b-j9jbzs7oiw] {
  display: flex;
  align-items: center;
  background: var(--bg-surface, #0F172A);
  border: 1px solid var(--border-default, #2D4A6A);
  border-radius: 8px;
  padding: 0 0.75rem;
  transition: border-color 0.15s;
}
.pm-search-input-row:focus-within[b-j9jbzs7oiw] {
  border-color: var(--b9-primary, #2563eb);
}

.pm-search-icon[b-j9jbzs7oiw] {
  color: var(--text-muted, #9FB0C4);
  flex-shrink: 0;
  margin-right: 0.5rem;
  font-size: 0.9rem;
}

.pm-search-input[b-j9jbzs7oiw] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 0.7rem 0;
  font-size: 0.95rem;
  color: var(--text-primary, #F3F6FB);
  outline: none;
  min-height: 48px;
}
.pm-search-input[b-j9jbzs7oiw]::placeholder {
  color: var(--text-muted, #9FB0C4);
}

.pm-search-backdrop[b-j9jbzs7oiw] {
  position: fixed;
  inset: 0;
  z-index: 198;
  cursor: default;
}

.pm-search-dropdown[b-j9jbzs7oiw] {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--bg-elevated, #1E293B);
  border: 1px solid var(--border-default, #2D4A6A);
  border-radius: 8px;
  max-height: 240px;
  overflow-y: auto;
  z-index: 200;
  list-style: none;
  margin: 0;
  padding: 0.25rem 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.pm-search-result[b-j9jbzs7oiw] {
  padding: 0.6rem 1rem;
  cursor: pointer;
  min-height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: background 0.1s;
}
.pm-search-result:hover[b-j9jbzs7oiw] {
  background: color-mix(in srgb, var(--b9-primary, #2563eb) 12%, transparent);
}

.pm-result-name[b-j9jbzs7oiw] {
  font-weight: 600;
  color: var(--text-primary, #F3F6FB);
  font-size: 0.95rem;
}

.pm-result-meta[b-j9jbzs7oiw] {
  font-size: 0.8rem;
  color: var(--text-muted, #9FB0C4);
}

.pm-search-no-results[b-j9jbzs7oiw] {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: var(--text-muted, #9FB0C4);
  text-align: center;
}

/* Selected player chip (step 1, after choosing target) */
.pm-target-selected[b-j9jbzs7oiw] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: color-mix(in srgb, var(--success, #22c55e) 10%, transparent);
  border: 1px solid var(--success, #22c55e);
  border-radius: 8px;
  padding: 0.65rem 1rem;
  min-height: 56px;
}

.pm-target-info[b-j9jbzs7oiw] {
  flex: 1;
  min-width: 0;
}

.pm-target-name[b-j9jbzs7oiw] {
  font-weight: 700;
  color: var(--text-primary, #F3F6FB);
  font-size: 0.95rem;
}

.pm-target-meta[b-j9jbzs7oiw] {
  font-size: 0.8rem;
  color: var(--text-muted, #9FB0C4);
}

.pm-target-clear[b-j9jbzs7oiw] {
  background: none;
  border: none;
  color: var(--text-muted, #9FB0C4);
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  flex-shrink: 0;
  transition: color 0.15s;
}
.pm-target-clear:hover[b-j9jbzs7oiw] {
  color: var(--danger, #ef4444);
}

/* Preview cards (step 2) */
.pm-preview-cards[b-j9jbzs7oiw] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.pm-preview-card[b-j9jbzs7oiw] {
  flex: 1;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  min-width: 0;
}

.pm-preview-card--delete[b-j9jbzs7oiw] {
  background: color-mix(in srgb, var(--danger, #ef4444) 10%, transparent);
  border: 1px solid var(--danger, #ef4444);
}

.pm-preview-card--keep[b-j9jbzs7oiw] {
  background: color-mix(in srgb, var(--success, #22c55e) 10%, transparent);
  border: 1px solid var(--success, #22c55e);
}

.pm-preview-arrow[b-j9jbzs7oiw] {
  font-size: 1.5rem;
  color: var(--text-muted, #9FB0C4);
  flex-shrink: 0;
}

.pm-transfer-list[b-j9jbzs7oiw] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: 0.9rem;
  color: var(--text-primary, #F3F6FB);
}

.pm-warning-box[b-j9jbzs7oiw] {
  background: color-mix(in srgb, var(--warning, #f59e0b) 10%, transparent);
  border: 1px solid var(--warning, #f59e0b);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: var(--text-primary, #F3F6FB);
}

@media (max-width: 480px) {
  .pm-preview-cards[b-j9jbzs7oiw] {
    flex-direction: column;
    align-items: stretch;
  }
  .pm-preview-arrow[b-j9jbzs7oiw] {
    text-align: center;
    transform: rotate(90deg);
  }
  .pm-dialog-footer[b-j9jbzs7oiw] {
    flex-direction: column-reverse;
  }
  .pm-dialog-footer .btn[b-j9jbzs7oiw] {
    width: 100%;
    justify-content: center;
  }
}
/* /Components/Security/RouteAccessGate.razor.rz.scp.css */
.route-gate-loading[b-aj7g1hpe4k] {
    min-height: 46vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.route-gate-loading-state[b-aj7g1hpe4k] {
    width: min(100%, 540px);
}
/* /Components/Shared/Billing/FeatureLockedModal.razor.rz.scp.css */
/* ================================================================
   FEATURE LOCKED MODAL — paywall upgrade prompt overlay
   ================================================================ */

.fl-overlay[b-jxis6ikkl5] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(2, 6, 23, 0.72);
    backdrop-filter: blur(6px);
}

.fl-modal[b-jxis6ikkl5] {
    position: relative;
    width: min(440px, 100%);
    background: var(--b9-card-bg, #0f172a);
    border: 1px solid var(--b9-card-border, rgba(255, 255, 255, 0.08));
    border-radius: 16px;
    box-shadow: var(--b9-card-shadow-xl, 0 25px 50px rgba(0, 0, 0, 0.5));
    color: var(--b9-text, #f1f5f9);
    overflow: hidden;
}

.fl-modal-header[b-jxis6ikkl5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 0;
}

.fl-modal-title-row[b-jxis6ikkl5] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.fl-lock-icon[b-jxis6ikkl5] {
    font-size: 1.25rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.fl-title[b-jxis6ikkl5] {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
    color: var(--text-primary, #f1f5f9);
}

.fl-close-btn[b-jxis6ikkl5] {
    background: transparent;
    border: none;
    padding: 0.25rem;
    color: var(--text-muted, #64748b);
    cursor: pointer;
    flex-shrink: 0;
    line-height: 1;
    margin-top: 2px;
}

.fl-close-btn:hover[b-jxis6ikkl5] {
    color: var(--text-secondary, #94a3b8);
}

.fl-modal-body[b-jxis6ikkl5] {
    padding: 1rem 1.25rem 0;
}

.fl-description[b-jxis6ikkl5] {
    font-size: 0.9375rem;
    color: var(--text-secondary, #94a3b8);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.fl-plan-badge[b-jxis6ikkl5] {
    display: inline-flex;
    align-items: center;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--b9-primary, #16a34a);
    background: rgba(22, 163, 74, 0.1);
    border: 1px solid rgba(22, 163, 74, 0.25);
    border-radius: 6px;
    padding: 0.3125rem 0.75rem;
}

.fl-modal-footer[b-jxis6ikkl5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.25rem;
}

.fl-btn-primary[b-jxis6ikkl5] {
    display: block;
    text-align: center;
    padding: 0.625rem 1rem;
    background: var(--b9-primary, #16a34a);
    color: #fff;
    font-weight: 600;
    font-size: 0.9375rem;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.15s;
}

.fl-btn-primary:hover[b-jxis6ikkl5] {
    background: #15803d;
    color: #fff;
}

.fl-btn-secondary[b-jxis6ikkl5] {
    display: block;
    text-align: center;
    padding: 0.5625rem 1rem;
    border: 1px solid var(--b9-border, rgba(255, 255, 255, 0.1));
    color: var(--text-secondary, #94a3b8);
    font-size: 0.875rem;
    border-radius: 8px;
    text-decoration: none;
}

.fl-btn-secondary:hover[b-jxis6ikkl5] {
    border-color: rgba(255, 255, 255, 0.2);
    color: var(--text-primary, #f1f5f9);
}

.fl-btn-ghost[b-jxis6ikkl5] {
    background: transparent;
    border: none;
    color: var(--text-muted, #64748b);
    font-size: 0.8125rem;
    cursor: pointer;
    padding: 0.25rem;
    text-align: center;
    width: 100%;
}

.fl-btn-ghost:hover[b-jxis6ikkl5] {
    color: var(--text-secondary, #94a3b8);
}
/* /Components/Shared/Billing/SoftLimitWarning.razor.rz.scp.css */
/* ================================================================
   SOFT LIMIT WARNING — inline plan-limit nudge banner
   ================================================================ */

.slw-banner[b-aflagudi0z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.28);
    border-radius: 8px;
    font-size: 0.875rem;
    flex-wrap: wrap;
}

.slw-icon[b-aflagudi0z] {
    color: #f59e0b;
    flex-shrink: 0;
}

.slw-message[b-aflagudi0z] {
    color: var(--text-secondary, #94a3b8);
    flex: 1;
    min-width: 0;
}

.slw-cta[b-aflagudi0z] {
    color: #f59e0b;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.slw-cta:hover[b-aflagudi0z] {
    text-decoration: underline;
}
/* /Components/Shared/Billing/TrialBanner.razor.rz.scp.css */
/* ================================================================
   TRIAL BANNER — top-of-content subscription trial status strip
   ================================================================ */

.trial-banner[b-6rkg7pnvvd] {
    background: linear-gradient(90deg, rgba(22, 163, 74, 0.12) 0%, rgba(21, 128, 61, 0.06) 100%);
    border: 1px solid rgba(22, 163, 74, 0.28);
    border-radius: 8px;
    margin-bottom: 1.25rem;
}

.trial-banner-inner[b-6rkg7pnvvd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.625rem 1rem;
}

.trial-banner-content[b-6rkg7pnvvd] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.trial-banner-icon[b-6rkg7pnvvd] {
    font-size: 1.05rem;
    color: var(--b9-primary, #16a34a);
    flex-shrink: 0;
}

.trial-banner-text[b-6rkg7pnvvd] {
    font-size: 0.875rem;
    color: var(--text-primary, #f1f5f9);
}

.trial-banner-text strong[b-6rkg7pnvvd] {
    color: var(--b9-primary, #16a34a);
}

.trial-banner-cta[b-6rkg7pnvvd] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--b9-primary, #16a34a);
    text-decoration: none;
    white-space: nowrap;
}

.trial-banner-cta:hover[b-6rkg7pnvvd] {
    text-decoration: underline;
}

.trial-banner-dismiss[b-6rkg7pnvvd] {
    background: transparent;
    border: none;
    padding: 0.25rem;
    color: var(--text-muted, #64748b);
    cursor: pointer;
    flex-shrink: 0;
    line-height: 1;
}

.trial-banner-dismiss:hover[b-6rkg7pnvvd] {
    color: var(--text-secondary, #94a3b8);
}
/* /Components/Shared/BlockingReasonList.razor.rz.scp.css */
.ui-blocking-list[b-vzz7sj434x] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ui-blocking-list__item[b-vzz7sj434x] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    padding: 0.55rem 0.7rem;
    border-radius: 6px;
    border: 1px solid transparent;
    line-height: 1.35;
}

.ui-blocking-list__item i[b-vzz7sj434x] {
    flex-shrink: 0;
    font-size: 1.05em;
    margin-top: 0.1rem;
}

.ui-blocking-list__item--error[b-vzz7sj434x] {
    background: var(--danger-soft);
    color: var(--danger-text);
    border-color: rgba(239,68,68,0.28);
}

.ui-blocking-list__item--warning[b-vzz7sj434x] {
    background: var(--warning-soft);
    color: var(--warning-text);
    border-color: rgba(251,191,36,0.28);
}

.ui-blocking-list__msg[b-vzz7sj434x] {
    font-weight: 500;
}

.ui-blocking-list code[b-vzz7sj434x] {
    font-size: 0.78em;
    opacity: 0.85;
}
/* /Components/Shared/OnboardingBanner.razor.rz.scp.css */
/* ================================================================
   ONBOARDING BANNER
   First-run setup wizard — course detail page, new orgs only
   ================================================================ */

.ob-banner[b-r1dnh30f2p] {
    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
    background: linear-gradient(135deg,
        rgba(22, 163, 74, 0.07) 0%,
        rgba(16, 185, 129, 0.05) 50%,
        rgba(59, 130, 246, 0.04) 100%);
    padding: 1.25rem 1.5rem 1.5rem;
}

.ob-banner-inner[b-r1dnh30f2p] {
    max-width: 960px;
    margin: 0 auto;
}

/* ── Header row ── */
.ob-header[b-r1dnh30f2p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    gap: 1rem;
}

.ob-header-left[b-r1dnh30f2p] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
}

.ob-rocket[b-r1dnh30f2p] {
    font-size: 1.625rem;
    color: var(--b9-primary, #16a34a);
    flex-shrink: 0;
    margin-top: 2px;
}

.ob-title[b-r1dnh30f2p] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
    line-height: 1.3;
}

.ob-subtitle[b-r1dnh30f2p] {
    font-size: 0.875rem;
    color: var(--text-muted, #64748b);
    margin-top: 0.2rem;
}

.ob-dismiss[b-r1dnh30f2p] {
    background: none;
    border: none;
    padding: 0.25rem 0.375rem;
    color: var(--text-muted, #64748b);
    cursor: pointer;
    border-radius: 6px;
    line-height: 1;
    transition: color 0.15s, background 0.15s;
    flex-shrink: 0;
}

.ob-dismiss:hover[b-r1dnh30f2p] {
    color: var(--text-primary, #f1f5f9);
    background: rgba(255,255,255,0.06);
}

/* ── Steps row ── */
.ob-steps[b-r1dnh30f2p] {
    display: flex;
    align-items: flex-start;
    gap: 0;
    flex-wrap: wrap;
}

.ob-step[b-r1dnh30f2p] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    flex: 1;
    min-width: 180px;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    border: 1px solid transparent;
    transition: border-color 0.15s;
}

.ob-step-done[b-r1dnh30f2p] {
    background: rgba(22, 163, 74, 0.07);
    border-color: rgba(22, 163, 74, 0.2);
}

.ob-step-active[b-r1dnh30f2p] {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.1);
    box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.2);
}

.ob-step-pending[b-r1dnh30f2p] {
    background: rgba(255,255,255,0.02);
    border-color: rgba(255,255,255,0.04);
    opacity: 0.7;
}

/* Step icon / number circle */
.ob-step-check[b-r1dnh30f2p] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--b9-primary, #16a34a);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

.ob-step-num[b-r1dnh30f2p] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: var(--text-secondary, #94a3b8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

.ob-step-num-done[b-r1dnh30f2p] {
    background: var(--b9-primary, #16a34a);
    border-color: transparent;
    color: #fff;
}

/* Step body */
.ob-step-body[b-r1dnh30f2p] {
    flex: 1;
    min-width: 0;
}

.ob-step-label[b-r1dnh30f2p] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
    margin-bottom: 0.2rem;
}

.ob-step-detail[b-r1dnh30f2p] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
    line-height: 1.45;
    margin-bottom: 0.5rem;
}

.ob-step-cta[b-r1dnh30f2p] {
    display: inline-flex;
    align-items: center;
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.3rem 0.75rem;
    border-radius: 7px;
    background: var(--b9-primary, #16a34a);
    color: #fff;
    text-decoration: none;
    transition: opacity 0.15s;
}

.ob-step-cta:hover[b-r1dnh30f2p] {
    opacity: 0.85;
    color: #fff;
}

.ob-step-cta-muted[b-r1dnh30f2p] {
    background: rgba(255,255,255,0.08);
    color: var(--text-secondary, #94a3b8);
}

/* Arrow dividers between steps */
.ob-step-divider[b-r1dnh30f2p] {
    display: flex;
    align-items: center;
    padding: 0 0.375rem;
    color: var(--text-muted, #4b5563);
    font-size: 0.8rem;
    align-self: center;
    flex-shrink: 0;
}

/* All-done state */
.ob-complete[b-r1dnh30f2p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: rgba(22, 163, 74, 0.1);
    border: 1px solid rgba(22, 163, 74, 0.25);
    border-radius: 10px;
    font-size: 0.875rem;
    color: #4ade80;
}

.ob-dismiss-text[b-r1dnh30f2p] {
    background: none;
    border: none;
    padding: 0;
    color: rgba(74, 222, 128, 0.7);
    font-size: 0.8125rem;
    cursor: pointer;
    text-decoration: underline;
    margin-left: auto;
}

/* Mobile: stack steps vertically */
@media (max-width: 700px) {
    .ob-steps[b-r1dnh30f2p] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .ob-step-divider[b-r1dnh30f2p] {
        display: none;
    }

    .ob-step[b-r1dnh30f2p] {
        min-width: 0;
    }
}
/* /Components/Shared/OrgPaywallGuard.razor.rz.scp.css */
/* ================================================================
   ORG PAYWALL GUARD — suspended/cancelled org block screen
   ================================================================ */

.paywall-block[b-ew1is4i13o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5rem 2rem;
    max-width: 520px;
    margin: 0 auto;
}

.paywall-icon[b-ew1is4i13o] {
    font-size: 4rem;
    color: #f59e0b;
    margin-bottom: 1.25rem;
    line-height: 1;
}

.paywall-icon-cancelled[b-ew1is4i13o] {
    color: #ef4444;
}

.paywall-title[b-ew1is4i13o] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
    margin-bottom: 0.75rem;
}

.paywall-sub[b-ew1is4i13o] {
    font-size: 0.9375rem;
    color: var(--text-secondary, #94a3b8);
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

.paywall-note[b-ew1is4i13o] {
    font-size: 0.875rem;
    color: var(--text-muted, #64748b);
}

.paywall-link[b-ew1is4i13o] {
    color: var(--b9-primary, #16a34a);
    text-decoration: none;
    font-weight: 500;
}

.paywall-link:hover[b-ew1is4i13o] {
    text-decoration: underline;
}
/* /Components/Shared/SafeRetryCallout.razor.rz.scp.css */
.ui-retry-callout[b-xkvksgt7ph] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 0.9rem;
    border-radius: 8px;
    border: 1px solid transparent;
}

.ui-retry-callout__head[b-xkvksgt7ph] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
}

.ui-retry-callout__head i[b-xkvksgt7ph] { font-size: 1.15em; }

.ui-retry-callout__body[b-xkvksgt7ph] {
    font-size: 0.88rem;
    line-height: 1.4;
    opacity: 0.9;
}

.ui-retry-callout__actions[b-xkvksgt7ph] {
    margin-top: 0.1rem;
}

.ui-retry-callout--safe[b-xkvksgt7ph] {
    background: var(--success-soft);
    color: var(--success-text);
    border-color: rgba(34,197,94,0.28);
}
.ui-retry-callout--blocked[b-xkvksgt7ph] {
    background: var(--warning-soft);
    color: var(--warning-text);
    border-color: rgba(251,191,36,0.28);
}
.ui-retry-callout--neutral[b-xkvksgt7ph] {
    background: var(--bg-raised);
    color: var(--text-muted);
    border-color: var(--border-default);
}