/* /Components/Pages/Account.razor.rz.scp.css */
/* ── Page shell ─────────────────────────────────────────────────────────── */
.account-page[b-4vg0w7z4jv] {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 4rem;
}

/* ── Header / avatar ────────────────────────────────────────────────────── */
.acct-header[b-4vg0w7z4jv] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 0.25rem;
    flex-wrap: wrap;
}
.acct-avatar[b-4vg0w7z4jv] {
    width: 66px;
    height: 66px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(var(--brand-mint-rgb),0.18), rgba(var(--brand-cyan-rgb),0.12), rgba(var(--brand-violet-rgb),0.14));
    border: 1px solid rgba(var(--theme-ink-rgb),0.1);
    box-shadow: 0 18px 54px rgba(var(--brand-indigo-rgb),0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--text-primary);
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.acct-header-info[b-4vg0w7z4jv] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.acct-name[b-4vg0w7z4jv] {
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 650;
    color: var(--text-primary, #f4f4f5);
    margin: 0;
    letter-spacing: -0.05em;
    line-height: 1;
}
.acct-email[b-4vg0w7z4jv] {
    font-size: 0.875rem;
    color: var(--text-muted, #94a3b8);
}
.acct-badges[b-4vg0w7z4jv] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.25rem;
}

/* ── Tier badge ─────────────────────────────────────────────────────────── */
.acct-tier-badge[b-4vg0w7z4jv] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    border-radius: 4px;
    padding: 2px 8px;
    text-transform: uppercase;
}
.tier-free[b-4vg0w7z4jv]    { background: rgba(var(--theme-ink-rgb),0.05); color: var(--text-tertiary); }
.tier-premium[b-4vg0w7z4jv] { background: rgba(var(--brand-indigo-rgb),0.1);  color: var(--brand-indigo); }
.tier-pro[b-4vg0w7z4jv]     { background: rgba(var(--status-success-rgb),0.08);   color: var(--status-success); }
.tier-lifetime[b-4vg0w7z4jv] { background: linear-gradient(90deg, rgba(var(--status-success-rgb),0.1), rgba(var(--brand-violet-rgb),0.1)); color: var(--brand-indigo); }

.acct-verified-badge[b-4vg0w7z4jv] {
    font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em;
    border-radius: 4px; padding: 2px 8px;
    background: rgba(var(--status-success-rgb),0.07); color: var(--status-success);
    border: 1px solid rgba(var(--status-success-rgb),0.18);
}
.acct-unverified-badge[b-4vg0w7z4jv] {
    font-size: 0.7rem; font-weight: 700;
    border-radius: 4px; padding: 2px 8px;
    background: rgba(var(--status-warning-rgb),0.07); color: var(--status-warning);
    border: 1px solid rgba(var(--status-warning-rgb),0.18);
}

/* ── Alerts ─────────────────────────────────────────────────────────────── */
.acct-alert[b-4vg0w7z4jv] {
    border-radius: 10px; padding: 0.875rem 1.25rem;
    font-size: 0.875rem;
}
.acct-alert-error[b-4vg0w7z4jv]   { background: rgba(var(--status-error-rgb),0.06); border: 1px solid rgba(var(--status-error-rgb),0.18); color: var(--status-error); }
.acct-alert-success[b-4vg0w7z4jv] { background: rgba(var(--status-success-rgb),0.06);  border: 1px solid rgba(var(--status-success-rgb),0.18);  color: var(--status-success); }
.acct-alert-warn[b-4vg0w7z4jv]    { background: rgba(var(--status-warning-rgb),0.06);  border: 1px solid rgba(var(--status-warning-rgb),0.18);  color: var(--status-warning); }

/* ── Section ────────────────────────────────────────────────────────────── */
.acct-section[b-4vg0w7z4jv] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),0.045), rgba(var(--theme-ink-rgb),0.018));
    border: 1px solid rgba(var(--theme-ink-rgb),0.075);
    border-radius: 20px;
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
}
.acct-section-danger[b-4vg0w7z4jv] {
    border-color: rgba(var(--status-error-rgb),0.2);
    background: linear-gradient(180deg, rgba(var(--status-error-rgb),0.04), rgba(var(--status-error-rgb),0.01));
}
.acct-section-title[b-4vg0w7z4jv] {
    font-size: 1rem;
    font-weight: 560;
    color: var(--text-primary, #f4f4f5);
    margin: 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),0.06);
}
.acct-title-danger[b-4vg0w7z4jv] { color: var(--status-error); }

/* ── Form ───────────────────────────────────────────────────────────────── */
.acct-form-grid[b-4vg0w7z4jv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.acct-form-narrow[b-4vg0w7z4jv] { grid-template-columns: 1fr; max-width: 420px; }
.acct-field[b-4vg0w7z4jv] { display: flex; flex-direction: column; gap: 0.35rem; }
.acct-label[b-4vg0w7z4jv] { font-size: 0.8rem; font-weight: 600; color: var(--text-muted, #94a3b8); letter-spacing: 0.03em; }
.acct-input[b-4vg0w7z4jv] {
    background: rgba(var(--theme-ink-rgb),0.035);
    border: 1px solid rgba(var(--theme-ink-rgb),0.08);
    border-radius: 8px;
    padding: 0.55rem 0.75rem;
    color: var(--text-primary, #f1f5f9);
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.15s;
    width: 100%;
    box-sizing: border-box;
}
.acct-input:focus[b-4vg0w7z4jv] { border-color: rgba(var(--brand-indigo-rgb),0.5); background: rgba(var(--brand-indigo-rgb),0.05); }
.acct-input:disabled[b-4vg0w7z4jv] { opacity: 0.45; cursor: not-allowed; }
.acct-hint[b-4vg0w7z4jv] { font-size: 0.75rem; color: var(--text-muted, #64748b); }

/* ── Buttons ────────────────────────────────────────────────────────────── */
.acct-btn[b-4vg0w7z4jv] {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.55rem 1.25rem; border-radius: 8px;
    font-size: 0.875rem; font-weight: 600; cursor: pointer;
    transition: background 0.15s, opacity 0.15s;
    border: none; align-self: flex-start; text-decoration: none;
}
.acct-btn:disabled[b-4vg0w7z4jv] { opacity: 0.45; cursor: not-allowed; }
.acct-btn-primary[b-4vg0w7z4jv]  { background: var(--brand-gradient-h); color: #020304; }
.acct-btn-primary:hover:not(:disabled)[b-4vg0w7z4jv] { opacity: 0.88; }
.acct-btn-danger[b-4vg0w7z4jv]   { background: rgba(var(--status-error-rgb),0.08); color: var(--status-error); border: 1px solid rgba(var(--status-error-rgb),0.18); }
.acct-btn-danger:hover:not(:disabled)[b-4vg0w7z4jv]  { background: rgba(var(--status-error-rgb),0.13); }
.acct-btn-ghost[b-4vg0w7z4jv]    { background: rgba(var(--theme-ink-rgb),0.06); color: var(--text-muted, #94a3b8); border: 1px solid rgba(var(--theme-ink-rgb),0.1); }
.acct-btn-ghost:hover:not(:disabled)[b-4vg0w7z4jv]   { background: rgba(var(--theme-ink-rgb),0.1); }

/* ── Subscription status card ───────────────────────────────────────────── */
.acct-sub-card[b-4vg0w7z4jv] {
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),0.04), rgba(var(--theme-ink-rgb),0.022));
    border: 1px solid rgba(var(--theme-ink-rgb),0.07);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.acct-sub-tier[b-4vg0w7z4jv] {
    font-size: 0.8rem; font-weight: 700; padding: 3px 10px;
    border-radius: 5px; text-transform: uppercase; letter-spacing: 0.06em;
}
.acct-sub-expires[b-4vg0w7z4jv] { font-size: 0.875rem; color: var(--text-muted, #94a3b8); margin: 0; }

/* ── Plan grid ──────────────────────────────────────────────────────────── */
.acct-plan-grid[b-4vg0w7z4jv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
.acct-plan[b-4vg0w7z4jv] {
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),0.04), rgba(var(--theme-ink-rgb),0.016));
    border: 1px solid rgba(var(--theme-ink-rgb),0.07);
    border-radius: 14px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    position: relative;
}
.acct-plan-highlight[b-4vg0w7z4jv] {
    border-color: rgba(var(--brand-indigo-rgb),0.35);
    background: linear-gradient(180deg, rgba(var(--brand-indigo-rgb),0.07), rgba(var(--brand-indigo-rgb),0.025));
}
.acct-plan-current[b-4vg0w7z4jv] {
    border-color: rgba(var(--status-success-rgb),0.3);
    background: linear-gradient(180deg, rgba(var(--status-success-rgb),0.05), rgba(var(--status-success-rgb),0.015));
}
.acct-plan-badge[b-4vg0w7z4jv] {
    font-size: 0.65rem; font-weight: 700; letter-spacing: 0.07em;
    text-transform: uppercase; color: var(--brand-indigo);
    padding: 2px 0;
}
.acct-plan-badge-green[b-4vg0w7z4jv] { color: var(--status-success); }
.acct-plan-name[b-4vg0w7z4jv]  { font-weight: 600; font-size: 1rem; color: var(--text-primary, #f4f4f5); }
.acct-plan-price[b-4vg0w7z4jv] { font-size: 1.5rem; font-weight: 700; color: var(--brand-indigo); line-height: 1; }
.acct-plan-price span[b-4vg0w7z4jv] { font-size: 0.8rem; font-weight: 400; color: var(--text-muted, #94a3b8); }
.acct-plan-features[b-4vg0w7z4jv] {
    margin: 0; padding: 0 0 0 1rem;
    font-size: 0.8rem; color: var(--text-muted, #94a3b8);
    display: flex; flex-direction: column; gap: 0.3rem; flex: 1;
}
.acct-plan-active-label[b-4vg0w7z4jv] { font-size: 0.75rem; font-weight: 600; color: var(--status-success); }

/* ── Danger card ────────────────────────────────────────────────────────── */
.acct-danger-card[b-4vg0w7z4jv] {
    background: rgba(var(--status-error-rgb),0.04);
    border: 1px solid rgba(var(--status-error-rgb),0.15);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}
.acct-delete-confirm[b-4vg0w7z4jv] { display: flex; flex-direction: column; gap: 0.75rem; width: 100%; }
.acct-delete-confirm p[b-4vg0w7z4jv] { font-size: 0.875rem; color: var(--text-muted, #94a3b8); margin: 0; }
.acct-delete-confirm .acct-input[b-4vg0w7z4jv] { max-width: 240px; }
.acct-delete-actions[b-4vg0w7z4jv] { display: flex; gap: 0.75rem; flex-wrap: wrap; }

/* ── Loading ────────────────────────────────────────────────────────────── */
.acct-loading[b-4vg0w7z4jv] { display: flex; align-items: center; gap: 0.75rem; color: var(--text-muted, #94a3b8); font-size: 0.9rem; padding: 2rem 0; }
.acct-spinner[b-4vg0w7z4jv] {
    display: inline-block; width: 20px; height: 20px;
    border: 2px solid rgba(var(--theme-ink-rgb),0.2); border-top-color: #a5b4fc;
    border-radius: 50%; animation: acct-spin-b-4vg0w7z4jv 0.7s linear infinite; flex-shrink: 0;
}
.acct-spinner-sm[b-4vg0w7z4jv] { width: 14px; height: 14px; border-width: 2px; }
@keyframes acct-spin-b-4vg0w7z4jv { to { transform: rotate(360deg); } }

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .acct-form-grid[b-4vg0w7z4jv] { grid-template-columns: 1fr; }
    .acct-plan-grid[b-4vg0w7z4jv] { grid-template-columns: 1fr; }
}


/* ── Header / avatar ────────────────────────────────────────────────────── */
.acct-header[b-4vg0w7z4jv] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2.25rem;
    flex-wrap: wrap;
}
.acct-avatar[b-4vg0w7z4jv] {
    width: 66px;
    height: 66px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(var(--brand-mint-rgb),0.18), rgba(var(--brand-cyan-rgb),0.12), rgba(var(--brand-violet-rgb),0.14));
    border: 1px solid rgba(var(--theme-ink-rgb),0.1);
    box-shadow: 0 18px 54px rgba(var(--brand-indigo-rgb),0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--text-primary);
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.acct-header-info[b-4vg0w7z4jv] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.acct-name[b-4vg0w7z4jv] {
    font-size: clamp(2.1rem, 4vw, 3.4rem);
    font-weight: 650;
    color: var(--text-primary, #f4f4f5);
    margin: 0;
    letter-spacing: -0.06em;
    line-height: 0.98;
}
.acct-email[b-4vg0w7z4jv] {
    font-size: 0.875rem;
    color: var(--text-muted, #94a3b8);
}
.acct-badges[b-4vg0w7z4jv] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.25rem;
}

/* ── Tier badge ─────────────────────────────────────────────────────────── */
.acct-tier-badge[b-4vg0w7z4jv] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    border-radius: 4px;
    padding: 2px 8px;
    text-transform: uppercase;
}
.tier-free[b-4vg0w7z4jv]    { background: rgba(var(--theme-ink-rgb),0.05); color: var(--text-tertiary); }
.tier-premium[b-4vg0w7z4jv] { background: rgba(var(--brand-indigo-rgb),0.1);  color: var(--brand-indigo); }
.tier-pro[b-4vg0w7z4jv]     { background: rgba(var(--status-success-rgb),0.08);   color: var(--status-success); }
.tier-lifetime[b-4vg0w7z4jv] { background: linear-gradient(90deg, rgba(var(--status-success-rgb),0.1), rgba(var(--brand-violet-rgb),0.1)); color: var(--brand-indigo); }

.acct-verified-badge[b-4vg0w7z4jv] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    border-radius: 4px;
    padding: 2px 8px;
    background: rgba(var(--status-success-rgb),0.07);
    color: var(--status-success);
    border: 1px solid rgba(var(--status-success-rgb),0.18);
}
.acct-unverified-badge[b-4vg0w7z4jv] {
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 4px;
    padding: 2px 8px;
    background: rgba(var(--status-warning-rgb),0.07);
    color: var(--status-warning);
    border: 1px solid rgba(var(--status-warning-rgb),0.18);
}

/* ── Alerts ─────────────────────────────────────────────────────────────── */
.acct-alert[b-4vg0w7z4jv] {
    border-radius: 10px;
    padding: 0.875rem 1.25rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}
.acct-alert-error[b-4vg0w7z4jv]   { background: rgba(var(--status-error-rgb),0.06); border: 1px solid rgba(var(--status-error-rgb),0.18); color: var(--status-error); }
.acct-alert-success[b-4vg0w7z4jv] { background: rgba(var(--status-success-rgb),0.06);  border: 1px solid rgba(var(--status-success-rgb),0.18);  color: var(--status-success); }
.acct-alert-warn[b-4vg0w7z4jv]    { background: rgba(var(--status-warning-rgb),0.06);  border: 1px solid rgba(var(--status-warning-rgb),0.18);  color: var(--status-warning); }

/* ── Tab nav ────────────────────────────────────────────────────────────── */
.acct-tabs[b-4vg0w7z4jv] {
    display: flex;
    gap: 0.25rem;
    border: 1px solid rgba(var(--theme-ink-rgb),0.075);
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),0.035), rgba(var(--theme-ink-rgb),0.016));
    border-radius: 16px;
    padding: 0.35rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}
.acct-tab[b-4vg0w7z4jv] {
    padding: 0.6rem 1rem;
    background: transparent;
    border: none;
    border-radius: 11px;
    color: var(--text-muted, #94a3b8);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}
.acct-tab:hover[b-4vg0w7z4jv] { color: var(--text-primary, #f1f5f9); background: rgba(var(--theme-ink-rgb),0.045); }
.acct-tab.active[b-4vg0w7z4jv] {
    color: var(--text-primary);
    background: rgba(var(--brand-indigo-rgb),0.16);
}
.acct-tab:last-child[b-4vg0w7z4jv] { color: var(--status-error); }
.acct-tab:last-child.active[b-4vg0w7z4jv] { color: var(--status-error); background: rgba(var(--status-error-rgb),0.11); }

/* ── Section ────────────────────────────────────────────────────────────── */
.acct-section[b-4vg0w7z4jv] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),0.045), rgba(var(--theme-ink-rgb),0.018));
    border: 1px solid rgba(var(--theme-ink-rgb),0.075);
    border-radius: 20px;
    padding: 1.4rem;
    box-shadow: var(--shadow-sm);
}
.acct-section-title[b-4vg0w7z4jv] {
    font-size: 1rem;
    font-weight: 560;
    color: var(--text-primary, #f4f4f5);
    margin: 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),0.06);
}
.acct-title-danger[b-4vg0w7z4jv] { color: var(--status-error); }

/* ── Form ───────────────────────────────────────────────────────────────── */
.acct-form-grid[b-4vg0w7z4jv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.acct-form-narrow[b-4vg0w7z4jv] {
    grid-template-columns: 1fr;
    max-width: 420px;
}
.acct-field[b-4vg0w7z4jv] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}
.acct-label[b-4vg0w7z4jv] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-muted, #94a3b8);
    letter-spacing: 0.03em;
}
.acct-input[b-4vg0w7z4jv] {
    background: rgba(var(--theme-ink-rgb),0.035);
    border: 1px solid rgba(var(--theme-ink-rgb),0.08);
    border-radius: 8px;
    padding: 0.55rem 0.75rem;
    color: var(--text-primary, #f1f5f9);
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.15s;
    width: 100%;
    box-sizing: border-box;
}
.acct-input:focus[b-4vg0w7z4jv] {
    border-color: rgba(var(--brand-indigo-rgb),0.5);
    background: rgba(var(--brand-indigo-rgb),0.05);
}
.acct-input:disabled[b-4vg0w7z4jv] {
    opacity: 0.45;
    cursor: not-allowed;
}
.acct-hint[b-4vg0w7z4jv] {
    font-size: 0.75rem;
    color: var(--text-muted, #64748b);
}

/* ── Toggle switches ────────────────────────────────────────────────────── */
.acct-toggles[b-4vg0w7z4jv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.acct-toggle[b-4vg0w7z4jv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.9rem;
    color: var(--text-primary, #f1f5f9);
    cursor: pointer;
    user-select: none;
}
.acct-toggle input[type="checkbox"][b-4vg0w7z4jv] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.acct-toggle-track[b-4vg0w7z4jv] {
    width: 40px;
    height: 22px;
    border-radius: 11px;
    background: rgba(var(--theme-ink-rgb),0.1);
    border: 1px solid rgba(var(--theme-ink-rgb),0.12);
    flex-shrink: 0;
    position: relative;
    transition: background 0.2s;
}
.acct-toggle-track[b-4vg0w7z4jv]::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #94a3b8;
    transition: transform 0.2s, background 0.2s;
}
.acct-toggle input:checked + .acct-toggle-track[b-4vg0w7z4jv] {
    background: rgba(var(--brand-indigo-rgb),0.3);
    border-color: #6C7BFF;
}
.acct-toggle input:checked + .acct-toggle-track[b-4vg0w7z4jv]::after {
    transform: translateX(18px);
    background: #A5B4FF;
}

/* ── Buttons ────────────────────────────────────────────────────────────── */
.acct-btn[b-4vg0w7z4jv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.25rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, opacity 0.15s;
    border: none;
    align-self: flex-start;
}
.acct-btn:disabled[b-4vg0w7z4jv] { opacity: 0.45; cursor: not-allowed; }
.acct-btn-primary[b-4vg0w7z4jv]  { background: var(--brand-gradient-h); color: #020304; }
.acct-btn-primary:hover:not(:disabled)[b-4vg0w7z4jv] { opacity: 0.88; }
.acct-btn-danger[b-4vg0w7z4jv]   { background: rgba(var(--status-error-rgb),0.08); color: var(--status-error); border: 1px solid rgba(var(--status-error-rgb),0.18); }
.acct-btn-danger:hover:not(:disabled)[b-4vg0w7z4jv]  { background: rgba(var(--status-error-rgb),0.13); }
.acct-btn-ghost[b-4vg0w7z4jv]    { background: rgba(var(--theme-ink-rgb),0.06); color: var(--text-muted, #94a3b8); border: 1px solid rgba(var(--theme-ink-rgb),0.1); }
.acct-btn-ghost:hover:not(:disabled)[b-4vg0w7z4jv]   { background: rgba(var(--theme-ink-rgb),0.1); }

/* ── Subscription cards ─────────────────────────────────────────────────── */
.acct-sub-card[b-4vg0w7z4jv] {
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),0.04), rgba(var(--theme-ink-rgb),0.022));
    border: 1px solid rgba(var(--theme-ink-rgb),0.07);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.acct-sub-tier[b-4vg0w7z4jv] {
    font-size: 1rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 6px;
}
.acct-sub-expires[b-4vg0w7z4jv] {
    font-size: 0.875rem;
    color: var(--text-muted, #94a3b8);
    margin: 0;
}
.acct-plan-grid[b-4vg0w7z4jv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}
.acct-plan[b-4vg0w7z4jv] {
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),0.04), rgba(var(--theme-ink-rgb),0.022));
    border: 1px solid rgba(var(--theme-ink-rgb),0.07);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}
.acct-plan-current[b-4vg0w7z4jv] {
    border-color: rgba(var(--brand-indigo-rgb),0.3);
    background: rgba(var(--brand-indigo-rgb),0.055);
}
.acct-plan-name[b-4vg0w7z4jv]  { font-weight: 560; font-size: 0.95rem; color: var(--text-primary, #f4f4f5); }
.acct-plan-price[b-4vg0w7z4jv] { font-size: 1.5rem; font-weight: 620; color: var(--brand-indigo); }
.acct-plan-price span[b-4vg0w7z4jv] { font-size: 0.8rem; font-weight: 400; color: var(--text-muted, #94a3b8); }
.acct-plan-features[b-4vg0w7z4jv] { margin: 0; padding: 0 0 0 1rem; font-size: 0.8rem; color: var(--text-muted, #94a3b8); display: flex; flex-direction: column; gap: 0.3rem; flex: 1; }
.acct-plan-active-label[b-4vg0w7z4jv] { font-size: 0.75rem; font-weight: 600; color: var(--brand-indigo); }

/* ── Danger card ────────────────────────────────────────────────────────── */
.acct-danger-card[b-4vg0w7z4jv] {
    background: rgba(var(--status-error-rgb),0.06);
    border: 1px solid rgba(var(--status-error-rgb),0.2);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}
.acct-delete-confirm[b-4vg0w7z4jv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}
.acct-delete-confirm p[b-4vg0w7z4jv] { font-size: 0.875rem; color: var(--text-muted, #94a3b8); margin: 0; }
.acct-delete-confirm .acct-input[b-4vg0w7z4jv] { max-width: 240px; }
.acct-delete-actions[b-4vg0w7z4jv] { display: flex; gap: 0.75rem; flex-wrap: wrap; }

/* ── Loading ────────────────────────────────────────────────────────────── */
.acct-loading[b-4vg0w7z4jv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--text-muted, #94a3b8);
    font-size: 0.9rem;
    padding: 2rem 0;
}
.acct-spinner[b-4vg0w7z4jv] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(var(--theme-ink-rgb),0.2);
    border-top-color: #a5b4fc;
    border-radius: 50%;
    animation: acct-spin-b-4vg0w7z4jv 0.7s linear infinite;
    flex-shrink: 0;
}
.acct-spinner-sm[b-4vg0w7z4jv] {
    width: 14px;
    height: 14px;
    border-width: 2px;
}
@keyframes acct-spin-b-4vg0w7z4jv { to { transform: rotate(360deg); } }

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .acct-form-grid[b-4vg0w7z4jv] { grid-template-columns: 1fr; }
    .acct-plan-grid[b-4vg0w7z4jv] { grid-template-columns: 1fr; }
}

/* ── Pro tier: section header with badge ────────────────────────────────── */
.acct-section-header[b-4vg0w7z4jv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),0.06);
}
.acct-section-header .acct-section-title[b-4vg0w7z4jv] {
    border-bottom: none;
    padding-bottom: 0;
}
.acct-pro-badge[b-4vg0w7z4jv] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--brand-mint);
    background: rgba(var(--brand-mint-rgb),0.1);
    border: 1px solid rgba(var(--brand-mint-rgb),0.25);
    border-radius: 6px;
    padding: 0.2rem 0.55rem;
    white-space: nowrap;
}
.acct-coming-soon-badge[b-4vg0w7z4jv] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-secondary);
    background: rgba(var(--text-tertiary-rgb),0.09);
    border: 1px solid rgba(var(--text-tertiary-rgb),0.2);
    border-radius: 6px;
    padding: 0.2rem 0.55rem;
    white-space: nowrap;
}
.acct-section-locked[b-4vg0w7z4jv] { opacity: 0.65; }

/* ── Favorite team chips ─────────────────────────────────────────────────── */
.acct-league-group[b-4vg0w7z4jv] { display: flex; flex-direction: column; gap: 0.6rem; }
.acct-league-label[b-4vg0w7z4jv] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted, #94a3b8);
}
.acct-team-grid[b-4vg0w7z4jv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}
.acct-team-chip[b-4vg0w7z4jv] {
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 500;
    background: rgba(var(--theme-ink-rgb),0.04);
    border: 1px solid rgba(var(--theme-ink-rgb),0.1);
    color: var(--text-muted, #94a3b8);
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}
.acct-team-chip:hover[b-4vg0w7z4jv] {
    background: rgba(var(--theme-ink-rgb),0.08);
    color: var(--text-primary, #f1f5f9);
    border-color: rgba(var(--theme-ink-rgb),0.18);
}
.acct-team-chip-active[b-4vg0w7z4jv] {
    background: rgba(var(--brand-mint-rgb),0.12);
    border-color: rgba(var(--brand-mint-rgb),0.4);
    color: var(--brand-mint);
    font-weight: 600;
}
.acct-team-chip-active:hover[b-4vg0w7z4jv] {
    background: rgba(var(--brand-mint-rgb),0.18);
    color: var(--brand-mint);
}

/* -- Upgrade CTA (Standard users) ------------------------------------------- */
.acct-section-locked[b-4vg0w7z4jv] {
    opacity: 1;
    border: 1px solid rgba(99,102,241,0.25);
    background: rgba(99,102,241,0.04);
}
.acct-upgrade-perks[b-4vg0w7z4jv] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}
.acct-upgrade-perks li[b-4vg0w7z4jv] {
    font-size: 0.875rem;
    color: var(--text-muted, #94a3b8);
    padding-left: 1.4rem;
    position: relative;
}
.acct-upgrade-perks li[b-4vg0w7z4jv]::before {
    content: '?';
    position: absolute;
    left: 0;
    color: var(--brand-indigo);
    font-size: 0.65rem;
    top: 0.15rem;
}
.acct-upgrade-actions[b-4vg0w7z4jv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}
/* /Components/Pages/Admin/GameDataExplorer.razor.rz.scp.css */
.gde-page[b-khf5a7x6o5]{max-width:1540px;margin:0 auto;padding:1.5rem;color:var(--text-primary)}
.gde-header[b-khf5a7x6o5],.gde-section-heading[b-khf5a7x6o5],.gde-search-actions[b-khf5a7x6o5],.gde-game-header[b-khf5a7x6o5]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.gde-header[b-khf5a7x6o5]{margin-bottom:1rem}.gde-header h1[b-khf5a7x6o5]{margin:.15rem 0;font-size:1.8rem}.gde-header p[b-khf5a7x6o5],.gde-muted[b-khf5a7x6o5]{color:rgba(var(--theme-ink-rgb),.55);margin:0}
.gde-badge[b-khf5a7x6o5],.gde-status[b-khf5a7x6o5]{border-radius:999px;padding:.35rem .65rem;font-size:.7rem;font-weight:700;white-space:nowrap}.gde-badge[b-khf5a7x6o5]{color:var(--status-success);border:1px solid rgba(var(--status-success-rgb),.3);background:rgba(var(--status-success-rgb),.1);text-transform:uppercase;letter-spacing:.05em}
.gde-search-panel[b-khf5a7x6o5],.gde-results[b-khf5a7x6o5],.gde-workspace[b-khf5a7x6o5],.gde-coverage[b-khf5a7x6o5]{border:1px solid rgba(var(--theme-ink-rgb),.09);background:rgba(var(--theme-ink-rgb),.025);border-radius:12px}
.gde-search-panel[b-khf5a7x6o5]{padding:1rem;margin-bottom:1rem}.gde-date-navigation[b-khf5a7x6o5]{display:flex;align-items:flex-end;gap:.55rem;flex-wrap:wrap;padding-bottom:.8rem;margin-bottom:.8rem;border-bottom:1px solid rgba(var(--theme-ink-rgb),.08)}.gde-date-navigation label[b-khf5a7x6o5],.gde-range-controls label[b-khf5a7x6o5]{display:flex;flex-direction:column;gap:.3rem;color:rgba(var(--theme-ink-rgb),.55);font-size:.7rem;font-weight:600}.gde-date-navigation input[b-khf5a7x6o5],.gde-range-controls input[b-khf5a7x6o5]{color:var(--text-primary);background:rgba(var(--theme-ink-rgb),.055);border:1px solid rgba(var(--theme-ink-rgb),.11);border-radius:7px;padding:.5rem}.gde-coverage-indicator[b-khf5a7x6o5]{margin-left:auto;color:rgba(var(--theme-ink-rgb),.5);font-size:.72rem}.gde-filter-grid[b-khf5a7x6o5]{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:.65rem}.gde-filter-grid.primary[b-khf5a7x6o5]{grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end}.gde-filter-grid.advanced[b-khf5a7x6o5]{grid-template-columns:repeat(4,minmax(150px,1fr));margin-top:.75rem}
.gde-filter-grid label[b-khf5a7x6o5],.gde-section-heading label[b-khf5a7x6o5]{display:flex;flex-direction:column;gap:.3rem;color:rgba(var(--theme-ink-rgb),.55);font-size:.7rem;font-weight:600}
.gde-filter-grid input[b-khf5a7x6o5],.gde-filter-grid select[b-khf5a7x6o5],.gde-section-heading select[b-khf5a7x6o5]{min-width:0;color:var(--text-primary);background:rgba(var(--theme-ink-rgb),.055);border:1px solid rgba(var(--theme-ink-rgb),.11);border-radius:7px;padding:.55rem}
.gde-advanced[b-khf5a7x6o5],.gde-date-range[b-khf5a7x6o5],.gde-technical-lookup[b-khf5a7x6o5]{margin-top:.7rem;border-top:1px solid rgba(var(--theme-ink-rgb),.08);padding-top:.6rem}.gde-advanced summary[b-khf5a7x6o5],.gde-date-range summary[b-khf5a7x6o5],.gde-technical-lookup summary[b-khf5a7x6o5]{cursor:pointer;font-size:.78rem;font-weight:700}.gde-range-controls[b-khf5a7x6o5]{display:flex;align-items:flex-end;gap:.55rem;flex-wrap:wrap;margin-top:.65rem}.gde-technical-lookup>button[b-khf5a7x6o5]{margin-top:.65rem}
.gde-search-actions[b-khf5a7x6o5]{align-items:center;margin-top:.8rem;justify-content:flex-start}.gde-search-actions span[b-khf5a7x6o5]{margin-left:auto;color:rgba(var(--theme-ink-rgb),.4);font-size:.7rem}
.gde-primary[b-khf5a7x6o5],.gde-secondary[b-khf5a7x6o5],.gde-link[b-khf5a7x6o5],.gde-pagination button[b-khf5a7x6o5],.gde-tabs button[b-khf5a7x6o5],.gde-coverage button[b-khf5a7x6o5]{cursor:pointer;border-radius:7px;padding:.55rem .8rem}.gde-primary[b-khf5a7x6o5]{border:0;color:white;background:linear-gradient(135deg,#00a98f,#6366f1);font-weight:700}.gde-secondary[b-khf5a7x6o5],.gde-pagination button[b-khf5a7x6o5],.gde-coverage button[b-khf5a7x6o5]{color:var(--text-primary);border:1px solid rgba(var(--theme-ink-rgb),.12);background:rgba(var(--theme-ink-rgb),.04)}.gde-link[b-khf5a7x6o5]{border:0;background:transparent;color:#7c6cff}
.gde-coverage[b-khf5a7x6o5]{padding:.8rem;margin-bottom:1rem}.gde-coverage>div:first-child[b-khf5a7x6o5]{display:flex;gap:.7rem;align-items:baseline}.gde-coverage>div span[b-khf5a7x6o5]{color:rgba(var(--theme-ink-rgb),.45);font-size:.75rem}.gde-coverage-years[b-khf5a7x6o5]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.gde-coverage button span[b-khf5a7x6o5]{margin-left:.4rem}
.gde-layout[b-khf5a7x6o5]{display:grid;grid-template-columns:minmax(390px,35%) minmax(0,65%);gap:1rem;align-items:start}.gde-results[b-khf5a7x6o5]{padding:.85rem;position:sticky;top:.5rem;max-height:calc(100vh - 1rem);overflow:auto}.gde-workspace[b-khf5a7x6o5]{min-width:0;min-height:560px;overflow:clip}
.gde-section-heading[b-khf5a7x6o5]{align-items:center;margin-bottom:.7rem}.gde-section-heading h2[b-khf5a7x6o5]{margin:0;font-size:1rem}.gde-section-heading p[b-khf5a7x6o5]{margin:.15rem 0 0;color:rgba(var(--theme-ink-rgb),.45);font-size:.72rem}
.gde-result-list[b-khf5a7x6o5]{display:grid;gap:.8rem}.gde-date-group>h3[b-khf5a7x6o5]{position:sticky;top:-.85rem;z-index:1;margin:0 0 .45rem;padding:.45rem 0;background:var(--bg-primary,rgba(var(--theme-shadow-rgb),.98));font-size:.78rem}.gde-league-group[b-khf5a7x6o5]{display:grid;gap:.4rem;margin-bottom:.75rem}.gde-league-heading[b-khf5a7x6o5]{display:flex;align-items:center;gap:.45rem;color:rgba(var(--theme-ink-rgb),.5);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em}.gde-league-badge[b-khf5a7x6o5]{padding:.2rem .42rem;border-radius:999px;background:rgba(99,102,241,.12);color:var(--text-primary);font-weight:800}.gde-result[b-khf5a7x6o5]{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:.35rem .65rem;text-align:left;color:var(--text-primary);background:rgba(var(--theme-ink-rgb),.025);border:1px solid rgba(var(--theme-ink-rgb),.08);border-radius:9px;padding:.7rem;cursor:pointer}.gde-result:hover[b-khf5a7x6o5],.gde-result.selected[b-khf5a7x6o5]{border-color:rgba(99,102,241,.55);background:rgba(99,102,241,.08)}.gde-result:focus-visible[b-khf5a7x6o5]{outline:3px solid rgba(99,102,241,.55);outline-offset:2px}.gde-game-state[b-khf5a7x6o5]{align-self:start;padding:.2rem .4rem;border-radius:999px;background:rgba(var(--theme-ink-rgb),.06);font-size:.62rem;font-weight:700;white-space:nowrap}
.gde-result-time[b-khf5a7x6o5]{display:flex;flex-direction:column}.gde-result-time span[b-khf5a7x6o5],.gde-matchup small[b-khf5a7x6o5],.gde-result-status small[b-khf5a7x6o5]{color:rgba(var(--theme-ink-rgb),.47);font-size:.68rem}.gde-matchup[b-khf5a7x6o5]{display:flex;flex-direction:column;min-width:0}.gde-matchup strong span[b-khf5a7x6o5],.gde-game-header h2 span[b-khf5a7x6o5]{font-weight:400;color:rgba(var(--theme-ink-rgb),.4)}.gde-matchup code[b-khf5a7x6o5],.gde-game-header code[b-khf5a7x6o5]{overflow:hidden;text-overflow:ellipsis;color:rgba(var(--theme-ink-rgb),.42);font-size:.63rem}
.gde-result-counts[b-khf5a7x6o5]{grid-column:1/-1;display:flex;gap:.35rem;flex-wrap:wrap;color:rgba(var(--theme-ink-rgb),.55);font-size:.62rem}.gde-readiness[b-khf5a7x6o5]{padding:.18rem .35rem;border:1px solid rgba(var(--theme-ink-rgb),.08);border-radius:5px}.gde-readiness.ready[b-khf5a7x6o5]{color:var(--status-success);background:rgba(var(--status-success-rgb),.08)}.gde-readiness.missing[b-khf5a7x6o5]{color:rgba(var(--theme-ink-rgb),.48);background:rgba(var(--theme-ink-rgb),.03)}.gde-readiness.unavailable[b-khf5a7x6o5]{color:var(--status-warning);background:rgba(var(--status-warning-rgb),.08)}.gde-result-status[b-khf5a7x6o5]{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.gde-status[b-khf5a7x6o5]{padding:.25rem .5rem}.gde-status.ready[b-khf5a7x6o5]{color:var(--status-success);background:rgba(var(--status-success-rgb),.12)}.gde-status.partial[b-khf5a7x6o5]{color:var(--status-warning);background:rgba(var(--status-warning-rgb),.12)}.gde-status.blocked[b-khf5a7x6o5],.gde-status.failed[b-khf5a7x6o5]{color:var(--status-error);background:rgba(var(--status-error-rgb),.12)}.gde-admin-diagnostic[b-khf5a7x6o5]{display:block;margin-top:.25rem;font-family:monospace;font-size:.66rem}
.gde-pagination[b-khf5a7x6o5]{display:flex;justify-content:center;align-items:center;gap:.7rem;margin-top:.8rem;font-size:.75rem}.gde-pagination button:disabled[b-khf5a7x6o5]{opacity:.4;cursor:not-allowed}
.gde-workspace-empty[b-khf5a7x6o5],.gde-empty[b-khf5a7x6o5]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-height:190px;color:rgba(var(--theme-ink-rgb),.5);text-align:center}.gde-workspace-empty[b-khf5a7x6o5]{min-height:560px}.gde-empty strong[b-khf5a7x6o5]{color:var(--text-primary)}
.gde-game-header[b-khf5a7x6o5]{position:sticky;top:0;z-index:2;align-items:center;padding:1rem 1.15rem;background:var(--bg-primary,rgba(var(--theme-shadow-rgb),.96));border-bottom:1px solid rgba(var(--theme-ink-rgb),.08)}.gde-game-header h2[b-khf5a7x6o5]{margin:.15rem 0;font-size:1.25rem}.gde-game-header p[b-khf5a7x6o5]{margin:0;color:rgba(var(--theme-ink-rgb),.6);font-size:.78rem}.gde-game-header>div:last-child[b-khf5a7x6o5]{display:flex;align-items:flex-end;flex-direction:column;gap:.25rem}.gde-game-header small[b-khf5a7x6o5]{color:rgba(var(--theme-ink-rgb),.45)}.gde-game-meta[b-khf5a7x6o5]{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#7c6cff}.gde-back-to-games[b-khf5a7x6o5]{display:none;border:0;background:transparent;color:#7c6cff;padding:.2rem 0;font-weight:700}
.gde-tabs[b-khf5a7x6o5]{display:flex;gap:.2rem;overflow:auto;padding:.55rem .8rem;border-bottom:1px solid rgba(var(--theme-ink-rgb),.08)}.gde-tabs button[b-khf5a7x6o5]{border:0;background:transparent;color:rgba(var(--theme-ink-rgb),.55);white-space:nowrap;font-size:.72rem}.gde-tabs button.active[b-khf5a7x6o5]{color:var(--text-primary);background:rgba(99,102,241,.12)}
.gde-tab-panel[b-khf5a7x6o5]{padding:1rem}.gde-metrics[b-khf5a7x6o5]{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;margin-bottom:.8rem}.gde-metric[b-khf5a7x6o5]{display:flex;flex-direction:column;gap:.2rem;padding:.65rem;border-radius:8px;background:rgba(var(--theme-ink-rgb),.04)}.gde-metric span[b-khf5a7x6o5],.gde-key-value span[b-khf5a7x6o5]{font-size:.65rem;color:rgba(var(--theme-ink-rgb),.45)}.gde-metric strong[b-khf5a7x6o5]{font-size:.9rem}
.gde-overview-grid[b-khf5a7x6o5]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.gde-card[b-khf5a7x6o5]{padding:.8rem;border:1px solid rgba(var(--theme-ink-rgb),.08);border-radius:9px;background:rgba(var(--theme-ink-rgb),.025);min-width:0}.gde-card h3[b-khf5a7x6o5]{margin:0 0 .65rem;font-size:.82rem}.gde-card ul[b-khf5a7x6o5]{margin:.3rem 0;padding-left:1.1rem;font-size:.75rem}.gde-key-value[b-khf5a7x6o5],.gde-mapping[b-khf5a7x6o5]{display:flex;justify-content:space-between;gap:.8rem;padding:.35rem 0;border-top:1px solid rgba(var(--theme-ink-rgb),.06);font-size:.7rem}.gde-key-value strong[b-khf5a7x6o5],.gde-mapping span[b-khf5a7x6o5]{text-align:right;overflow-wrap:anywhere}.gde-mapping[b-khf5a7x6o5]{flex-direction:column;gap:.15rem}.gde-mapping span[b-khf5a7x6o5]{color:rgba(var(--theme-ink-rgb),.48);text-align:left}
.gde-table-wrap[b-khf5a7x6o5]{max-width:100%;overflow:auto;border:1px solid rgba(var(--theme-ink-rgb),.08);border-radius:9px;margin:.55rem 0 1rem}.gde-table[b-khf5a7x6o5]{width:100%;border-collapse:collapse;font-size:.68rem;white-space:nowrap}.gde-table th[b-khf5a7x6o5]{position:sticky;top:0;text-align:left;color:rgba(var(--theme-ink-rgb),.55);background:var(--bg-primary,rgba(var(--theme-shadow-rgb),.98));font-size:.62rem;text-transform:uppercase;letter-spacing:.035em}.gde-table th[b-khf5a7x6o5],.gde-table td[b-khf5a7x6o5]{padding:.55rem .6rem;border-bottom:1px solid rgba(var(--theme-ink-rgb),.065);vertical-align:top}.gde-table tbody tr:hover[b-khf5a7x6o5]{background:rgba(99,102,241,.055)}.gde-detail-list[b-khf5a7x6o5]{margin-top:.8rem}.gde-detail-list>summary[b-khf5a7x6o5]{cursor:pointer;font-weight:700;font-size:.75rem}.gde-inline-note[b-khf5a7x6o5]{padding:.55rem .7rem;border-left:3px solid var(--status-warning);background:rgba(var(--status-warning-rgb),.08);font-size:.72rem}.gde-empty.compact[b-khf5a7x6o5]{min-height:90px}
.gde-analysis-stack[b-khf5a7x6o5]{display:grid;gap:1.2rem}.gde-analysis-section>h3[b-khf5a7x6o5]{margin:.1rem 0 .7rem;padding-bottom:.45rem;border-bottom:1px solid rgba(var(--theme-ink-rgb),.08)}.gde-card p[b-khf5a7x6o5]{font-size:.75rem;line-height:1.55;white-space:pre-wrap}
.gde-optional-unavailable[b-khf5a7x6o5]{min-height:240px;padding:1rem}.gde-optional-unavailable details[b-khf5a7x6o5]{max-width:520px;padding:.55rem;border:1px solid rgba(var(--theme-ink-rgb),.09);border-radius:7px}.gde-optional-unavailable code[b-khf5a7x6o5]{display:block;margin-top:.45rem;overflow-wrap:anywhere}.gde-prop-groups[b-khf5a7x6o5]{display:grid;gap:1rem}.gde-prop-player[b-khf5a7x6o5]{padding:.8rem;border:1px solid rgba(var(--theme-ink-rgb),.08);border-radius:10px}.gde-prop-player h3[b-khf5a7x6o5]{margin:0 0 .5rem}.gde-prop-player h4[b-khf5a7x6o5]{margin:.8rem 0 .25rem;color:rgba(var(--theme-ink-rgb),.7)}
.gde-fact-filters[b-khf5a7x6o5]{display:flex;align-items:flex-end;gap:.55rem;flex-wrap:wrap;margin-bottom:.8rem}.gde-fact-filters label[b-khf5a7x6o5]{display:flex;flex-direction:column;gap:.25rem;font-size:.65rem;color:rgba(var(--theme-ink-rgb),.55)}.gde-fact-filters input[b-khf5a7x6o5],.gde-fact-filters select[b-khf5a7x6o5]{color:var(--text-primary);background:rgba(var(--theme-ink-rgb),.055);border:1px solid rgba(var(--theme-ink-rgb),.11);border-radius:7px;padding:.5rem}.gde-fact-values[b-khf5a7x6o5]{display:flex;flex-wrap:wrap;gap:.25rem;max-width:450px;white-space:normal}.gde-fact-values span[b-khf5a7x6o5]{padding:.14rem .3rem;border-radius:4px;background:rgba(var(--theme-ink-rgb),.055)}.gde-fact-values .zero[b-khf5a7x6o5]{color:#38bdf8;background:rgba(56,189,248,.1)}.gde-fact-values .missing[b-khf5a7x6o5]{color:var(--status-warning);background:rgba(var(--status-warning-rgb),.1)}.gde-table code[b-khf5a7x6o5]{font-size:.6rem;color:rgba(var(--theme-ink-rgb),.5)}
.gde-audit-heading[b-khf5a7x6o5]{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.6rem .7rem;margin-bottom:.7rem;border:1px solid rgba(var(--theme-ink-rgb),.08);border-radius:8px}.gde-audit-heading>div[b-khf5a7x6o5]{display:flex;align-items:center;gap:.6rem;font-size:.7rem;color:rgba(var(--theme-ink-rgb),.5)}.gde-json[b-khf5a7x6o5]{max-height:420px;overflow:auto;padding:.75rem;border-radius:7px;background:rgba(var(--theme-shadow-rgb),.88);color:#cbd5e1;font-size:.66rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.gde-json.compact[b-khf5a7x6o5]{max-width:520px;max-height:240px;margin:.35rem 0}
.gde-alert[b-khf5a7x6o5]{margin-bottom:1rem;padding:.7rem .9rem;color:var(--status-error);background:rgba(var(--status-error-rgb),.1);border:1px solid rgba(var(--status-error-rgb),.25);border-radius:8px}.gde-skeleton[b-khf5a7x6o5]{height:82px;margin:.5rem 0;border-radius:9px;background:linear-gradient(90deg,rgba(var(--theme-ink-rgb),.03),rgba(var(--theme-ink-rgb),.09),rgba(var(--theme-ink-rgb),.03));background-size:200% 100%;animation:gde-pulse-b-khf5a7x6o5 1.2s infinite}.gde-skeleton.compact[b-khf5a7x6o5]{height:34px}.gde-skeleton.header[b-khf5a7x6o5]{height:110px}.gde-skeleton.tall[b-khf5a7x6o5]{height:300px}@keyframes gde-pulse-b-khf5a7x6o5{to{background-position:-200% 0}}
@media(max-width:1100px){.gde-filter-grid.primary[b-khf5a7x6o5]{grid-template-columns:repeat(2,1fr)}.gde-filter-grid.advanced[b-khf5a7x6o5]{grid-template-columns:repeat(3,1fr)}.gde-layout[b-khf5a7x6o5]{grid-template-columns:1fr}.gde-results[b-khf5a7x6o5]{position:static;max-height:none}.gde-overview-grid[b-khf5a7x6o5]{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.gde-page[b-khf5a7x6o5]{padding:.75rem}.gde-header[b-khf5a7x6o5],.gde-game-header[b-khf5a7x6o5]{flex-direction:column}.gde-filter-grid.primary[b-khf5a7x6o5],.gde-filter-grid.advanced[b-khf5a7x6o5]{grid-template-columns:1fr}.gde-date-navigation[b-khf5a7x6o5]{align-items:stretch}.gde-date-navigation>*[b-khf5a7x6o5]{flex:1 1 auto}.gde-coverage-indicator[b-khf5a7x6o5]{width:100%;margin-left:0}.gde-search-actions[b-khf5a7x6o5]{flex-wrap:wrap}.gde-search-actions span[b-khf5a7x6o5]{width:100%;margin:0}.gde-result[b-khf5a7x6o5]{grid-template-columns:55px minmax(0,1fr)}.gde-game-state[b-khf5a7x6o5]{grid-column:2}.gde-metrics[b-khf5a7x6o5]{grid-template-columns:repeat(2,1fr)}.gde-overview-grid[b-khf5a7x6o5]{grid-template-columns:1fr}.gde-game-header>div:last-child[b-khf5a7x6o5]{align-items:flex-start}.gde-tabs[b-khf5a7x6o5]{position:sticky;top:0;z-index:3;padding-inline:.4rem;background:var(--bg-primary,rgba(var(--theme-shadow-rgb),.98))}.gde-layout.detail-open .gde-results[b-khf5a7x6o5]{display:none}.gde-layout.detail-open .gde-workspace[b-khf5a7x6o5]{min-height:calc(100vh - 1.5rem)}.gde-back-to-games[b-khf5a7x6o5]{display:inline-flex}.gde-tab-panel[b-khf5a7x6o5]{padding:.75rem}.gde-table[b-khf5a7x6o5]{font-size:.72rem}}
@media(max-width:375px){.gde-page[b-khf5a7x6o5]{padding:.5rem}.gde-search-panel[b-khf5a7x6o5]{padding:.7rem}.gde-metrics[b-khf5a7x6o5]{grid-template-columns:1fr 1fr}.gde-game-header[b-khf5a7x6o5]{padding:.75rem}.gde-tabs button[b-khf5a7x6o5]{padding:.5rem .65rem;font-size:.72rem}}
@media(max-width:320px){.gde-metrics[b-khf5a7x6o5]{grid-template-columns:1fr}.gde-result[b-khf5a7x6o5]{grid-template-columns:48px minmax(0,1fr);padding:.6rem}.gde-tab-panel[b-khf5a7x6o5]{padding:.6rem}}
/* /Components/Pages/Admin/Operations.razor.rz.scp.css */
.admin-operations-page[b-z3l7wcjyqq] {
    display: grid;
    gap: .8rem;
    width: min(100% - 2rem, 112rem);
    margin: 0 auto;
    padding: 1rem 0 2rem;
}

.admin-operations-breadcrumb[b-z3l7wcjyqq] {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: var(--text-secondary);
    font-size: .82rem;
}

.admin-operations-breadcrumb a[b-z3l7wcjyqq] {
    color: var(--accent);
}

.admin-operations-breadcrumb a:last-child[b-z3l7wcjyqq] {
    margin-left: auto;
}

@media (max-width: 480px) {
    .admin-operations-page[b-z3l7wcjyqq] {
        width: min(100% - 1rem, 112rem);
        padding-top: .5rem;
    }

    .admin-operations-breadcrumb[b-z3l7wcjyqq] {
        flex-wrap: wrap;
    }

    .admin-operations-breadcrumb a:last-child[b-z3l7wcjyqq] {
        width: 100%;
        margin-left: 0;
    }
}
/* /Components/Pages/Admin/UserManagement.razor.rz.scp.css */
.um-page[b-p7ngy78twa] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.5rem 1.5rem;
}

.um-header[b-p7ngy78twa] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.um-title[b-p7ngy78twa] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0.25rem 0 0.35rem;
    letter-spacing: -0.02em;
}

.um-subtitle[b-p7ngy78twa] {
    color: rgba(var(--theme-ink-rgb),0.45);
    font-size: 0.9rem;
    margin: 0;
}

.um-search-row[b-p7ngy78twa] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.um-search[b-p7ngy78twa] {
    flex: 1;
    padding: 0.6rem 0.875rem;
    background: rgba(var(--theme-ink-rgb),0.06);
    border: 1px solid rgba(var(--theme-ink-rgb),0.1);
    border-radius: 8px;
    color: var(--text-primary);
    font-size: 0.9rem;
    outline: none;
    max-width: 360px;
}

.um-search[b-p7ngy78twa]::placeholder { color: rgba(var(--theme-ink-rgb),0.3); }

.um-count[b-p7ngy78twa] {
    font-size: 0.8rem;
    color: rgba(var(--theme-ink-rgb),0.35);
}

.um-table-wrap[b-p7ngy78twa] {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid rgba(var(--theme-ink-rgb),0.08);
}

.um-table[b-p7ngy78twa] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.um-table thead tr[b-p7ngy78twa] {
    background: rgba(var(--theme-ink-rgb),0.04);
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),0.08);
}

.um-table th[b-p7ngy78twa] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(var(--theme-ink-rgb),0.4);
}

.um-table td[b-p7ngy78twa] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),0.05);
    color: rgba(var(--theme-ink-rgb),0.85);
    vertical-align: middle;
}

.um-table tbody tr:last-child td[b-p7ngy78twa] { border-bottom: none; }
.um-table tbody tr:hover td[b-p7ngy78twa] { background: rgba(var(--theme-ink-rgb),0.02); }

.um-email[b-p7ngy78twa] { color: rgba(var(--theme-ink-rgb),0.5); font-size: 0.83rem; }
.um-date[b-p7ngy78twa]  { color: rgba(var(--theme-ink-rgb),0.4); font-size: 0.8rem; }
.um-roles[b-p7ngy78twa] { color: rgba(var(--theme-ink-rgb),0.45); font-size: 0.8rem; }

.um-tier[b-p7ngy78twa] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.um-tier-pro[b-p7ngy78twa]     { background: rgba(var(--brand-cyan-rgb),0.15); color: var(--brand-cyan); }
.um-tier-elite[b-p7ngy78twa]   { background: rgba(120,92,255,0.15); color: #785cff; }
.um-tier-free[b-p7ngy78twa]    { background: rgba(var(--theme-ink-rgb),0.07); color: rgba(var(--theme-ink-rgb),0.4); }
.um-tier-premium[b-p7ngy78twa] { background: rgba(var(--status-success-rgb),0.15); color: var(--status-success); }
.um-tier-lifetime[b-p7ngy78twa]{ background: rgba(var(--status-warning-rgb),0.15); color: var(--status-warning); }

.um-status[b-p7ngy78twa] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.um-status-active[b-p7ngy78twa]    { background: rgba(var(--status-success-rgb),0.15); color: var(--status-success); }
.um-status-suspended[b-p7ngy78twa] { background: rgba(251,146,60,0.15); color: #fb923c; }
.um-status-deleted[b-p7ngy78twa]   { background: rgba(var(--status-error-rgb),0.1);  color: var(--status-error); }

.um-actions[b-p7ngy78twa] { text-align: right; white-space: nowrap; }
.um-empty[b-p7ngy78twa]   { text-align: center; color: rgba(var(--theme-ink-rgb),0.3); padding: 2.5rem; }

/* buttons */
.um-btn-primary[b-p7ngy78twa] {
    padding: 0.6rem 1.25rem;
    background: linear-gradient(135deg, #00c6a2, #6366f1);
    color: var(--text-primary);
    font-size: 0.875rem;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: opacity 0.15s;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}
.um-btn-primary:disabled[b-p7ngy78twa] { opacity: 0.6; cursor: not-allowed; }

.um-btn-ghost[b-p7ngy78twa] {
    padding: 0.5rem 0.875rem;
    background: rgba(var(--theme-ink-rgb),0.06);
    color: rgba(var(--theme-ink-rgb),0.7);
    font-size: 0.82rem;
    font-weight: 500;
    border: 1px solid rgba(var(--theme-ink-rgb),0.1);
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.15s;
}
.um-btn-ghost:hover[b-p7ngy78twa] { background: rgba(var(--theme-ink-rgb),0.1); }

/* alerts */
.um-alert[b-p7ngy78twa] {
    padding: 0.65rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}
.um-alert-error[b-p7ngy78twa]   { background: rgba(var(--status-error-rgb),0.12); border: 1px solid rgba(var(--status-error-rgb),0.3); color: var(--status-error); }
.um-alert-success[b-p7ngy78twa] { background: rgba(var(--status-success-rgb),0.12); border: 1px solid rgba(var(--status-success-rgb),0.3); color: var(--status-success); }

/* modal */
.um-modal-backdrop[b-p7ngy78twa] {
    position: fixed;
    inset: 0;
    background: rgba(var(--theme-shadow-rgb),0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    padding: 1.5rem;
}

.um-modal[b-p7ngy78twa] {
    width: 100%;
    max-width: 440px;
    padding: 2rem;
    background: #111;
    border: 1px solid rgba(var(--theme-ink-rgb),0.1);
    border-radius: 16px;
}

.um-modal-title[b-p7ngy78twa] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 1.5rem;
}

.um-form[b-p7ngy78twa] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    margin-bottom: 1.5rem;
}

.um-label[b-p7ngy78twa] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(var(--theme-ink-rgb),0.45);
    margin-bottom: -0.3rem;
}

.um-input[b-p7ngy78twa], .um-select[b-p7ngy78twa] {
    padding: 0.65rem 0.875rem;
    background: rgba(var(--theme-ink-rgb),0.06);
    border: 1px solid rgba(var(--theme-ink-rgb),0.1);
    border-radius: 8px;
    color: var(--text-primary);
    font-size: 0.9rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}
.um-input:focus[b-p7ngy78twa], .um-select:focus[b-p7ngy78twa] { border-color: rgba(99,102,241,0.6); }
.um-input[b-p7ngy78twa]::placeholder { color: rgba(var(--theme-ink-rgb),0.25); }
.um-select option[b-p7ngy78twa] { background: #1a1a1a; }

.um-checkbox-row[b-p7ngy78twa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: rgba(var(--theme-ink-rgb),0.7);
    cursor: pointer;
}

.um-roles-grid[b-p7ngy78twa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem 1rem;
    padding: 0.6rem 0.75rem;
    background: rgba(var(--theme-ink-rgb),0.03);
    border: 1px solid rgba(var(--theme-ink-rgb),0.08);
    border-radius: 8px;
}

.um-reset-section[b-p7ngy78twa] {
    border: 1px solid rgba(var(--theme-ink-rgb),0.08);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
}
.um-reset-section summary[b-p7ngy78twa] {
    font-size: 0.82rem;
    color: rgba(var(--theme-ink-rgb),0.45);
    cursor: pointer;
}
.um-reset-inner[b-p7ngy78twa] { margin-top: 0.75rem; }

.um-modal-actions[b-p7ngy78twa] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/Pages/BettingDashboard.razor.rz.scp.css */
.ledger-command-page[b-esxx4po8b9] {
    --console-panel: var(--bg-elevated);
    --console-border: var(--border-primary);
    --console-muted: var(--text-secondary);
    --console-blue: var(--brand-cyan);
    --console-green: var(--status-success);
    --console-amber: var(--status-warning);
    --console-red: var(--status-error);
    max-width: 1480px;
    margin: 0 auto;
    padding: 1.25rem 1rem 2.5rem;
    color: var(--text-primary);
}

.ledger-console[b-esxx4po8b9] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.ledger-console-header[b-esxx4po8b9],
.ledger-diagnostics-panel[b-esxx4po8b9],
.ledger-activity-panel[b-esxx4po8b9],
.ledger-overview-grid[b-esxx4po8b9] {
    color: var(--text-primary);
    background: var(--surface-card);
    border: 1px solid var(--console-border);
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
}

.ledger-console-header[b-esxx4po8b9] {
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: .7rem 1rem;
}

.ledger-brand-lockup[b-esxx4po8b9] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--text-primary);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .24em;
    white-space: nowrap;
}

.ledger-console-logo[b-esxx4po8b9] {
    color: var(--console-blue);
}

.ledger-console-nav[b-esxx4po8b9] {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    margin-right: auto;
}

.ledger-console-nav a[b-esxx4po8b9] {
    color: var(--console-muted);
    font-size: .72rem;
    text-decoration: none;
}

.ledger-console-nav a:hover[b-esxx4po8b9],
.ledger-console-nav a.is-active[b-esxx4po8b9] {
    color: var(--text-primary);
}

.ledger-console-health[b-esxx4po8b9] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--console-muted);
    font-size: .68rem;
}

.ledger-console-health strong[b-esxx4po8b9] {
    color: var(--console-green);
    font-weight: 600;
    margin-right: .55rem;
}

.ledger-health-dot[b-esxx4po8b9] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    color: var(--console-amber);
    background: currentColor;
    box-shadow: 0 0 9px currentColor;
}

.ledger-health-dot.is-ready[b-esxx4po8b9] {
    color: var(--console-green);
}

.ledger-console-button[b-esxx4po8b9] {
    min-height: 34px;
    padding: .42rem .72rem;
    color: var(--text-primary);
    background: var(--surface-muted);
    border: 1px solid var(--console-border);
    border-radius: 5px;
    font-size: .7rem;
    font-weight: 650;
    transition: background .15s, border-color .15s, transform .15s;
}

.ledger-console-button:hover:not(:disabled)[b-esxx4po8b9] {
    background: var(--bg-hover);
    border-color: var(--focus-ring);
    transform: translateY(-1px);
}

.ledger-console-button:disabled[b-esxx4po8b9] {
    opacity: .5;
    cursor: not-allowed;
}

.ledger-console-button--primary[b-esxx4po8b9] {
    color: var(--text-on-primary);
    background: var(--brand-primary);
    border-color: var(--brand-primary);
}

.ledger-console-button--historical[b-esxx4po8b9] {
    color: var(--text-on-primary);
    background: var(--brand-violet);
    border-color: var(--brand-violet);
}

.ledger-console-button--learning[b-esxx4po8b9] {
    color: var(--text-on-primary);
    background: var(--status-success);
    border-color: var(--status-success);
}

.ledger-console-button--danger[b-esxx4po8b9] {
    color: var(--status-error);
    background: var(--status-error-bg);
    border-color: rgba(var(--status-error-rgb), .4);
}

.ledger-console-alert[b-esxx4po8b9] {
    padding: .65rem .8rem;
    color: var(--status-info);
    background: var(--status-info-bg);
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    font-size: .74rem;
}

.ledger-console-alert.is-error[b-esxx4po8b9] {
    color: var(--status-error);
    background: var(--status-error-bg);
    border-color: rgba(var(--status-error-rgb), .4);
}

.ledger-dashboard-health[b-esxx4po8b9] {
    display: grid;
    gap: .6rem;
    padding: .7rem .8rem;
    color: var(--text-primary);
    background: var(--surface-card);
    border: 1px solid var(--console-border);
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
}

.ledger-dashboard-health-heading[b-esxx4po8b9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.ledger-dashboard-health-heading > div[b-esxx4po8b9] {
    display: flex;
    align-items: baseline;
    gap: .65rem;
}

.ledger-dashboard-health-grid[b-esxx4po8b9] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .45rem;
}

.ledger-dashboard-health-item[b-esxx4po8b9] {
    min-width: 0;
    border: 1px solid var(--console-border);
    border-radius: 5px;
    background: var(--surface-muted);
}

.ledger-dashboard-health-item > summary[b-esxx4po8b9] {
    display: flex;
    justify-content: space-between;
    gap: .45rem;
    padding: .45rem .5rem;
    cursor: pointer;
    font-size: .68rem;
}

.ledger-dashboard-health-item > summary span[b-esxx4po8b9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ledger-dashboard-health-item > summary strong[b-esxx4po8b9] {
    text-transform: capitalize;
}

.ledger-dashboard-health-item.is-loaded > summary strong[b-esxx4po8b9] { color: var(--console-green); }
.ledger-dashboard-health-item.is-empty > summary strong[b-esxx4po8b9] { color: var(--console-muted); }
.ledger-dashboard-health-item.is-stale > summary strong[b-esxx4po8b9],
.ledger-dashboard-health-item.is-loading > summary strong[b-esxx4po8b9] { color: var(--console-amber); }
.ledger-dashboard-health-item.is-unavailable > summary strong[b-esxx4po8b9] { color: var(--console-red); }

.ledger-dashboard-health-detail[b-esxx4po8b9] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .25rem .45rem;
    padding: .5rem;
    border-top: 1px solid var(--console-border);
    color: var(--console-muted);
    font-size: .64rem;
}

.ledger-dashboard-health-detail strong[b-esxx4po8b9],
.ledger-dashboard-health-detail code[b-esxx4po8b9] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--text-primary);
}

.ledger-dashboard-health-detail .ledger-console-button[b-esxx4po8b9] {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: .2rem;
}

.ledger-controls-diagnostics[b-esxx4po8b9] {
    margin-top: 0;
    border: 1px solid var(--border-primary);
    border-radius: 8px;
    background: var(--surface);
}

.ledger-controls-diagnostics > summary[b-esxx4po8b9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    cursor: pointer;
    font-weight: 750;
    color: var(--text-primary);
}

.ledger-controls-diagnostics > summary small[b-esxx4po8b9] {
    font-weight: 500;
    color: var(--text-secondary);
}

.ledger-controls-diagnostics-content[b-esxx4po8b9] {
    padding: 0 1rem 1rem;
}

.ledger-overview-grid[b-esxx4po8b9] {
    display: grid;
    grid-template-columns: 1.1fr 2.9fr;
    gap: .8rem;
    padding: .8rem;
}

.ledger-overview-intro[b-esxx4po8b9] {
    padding: .25rem .35rem;
}

.ledger-kicker[b-esxx4po8b9] {
    display: block;
    color: var(--console-blue);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ledger-overview-intro h1[b-esxx4po8b9] {
    margin: .35rem 0 .45rem;
    color: var(--text-primary);
    font-size: 1.25rem;
    letter-spacing: -.025em;
}

.ledger-overview-intro p[b-esxx4po8b9],
.ledger-operation-card p[b-esxx4po8b9],
.ledger-diagnostics-panel p[b-esxx4po8b9],
.ledger-activity-header p[b-esxx4po8b9] {
    color: var(--console-muted);
    font-size: .7rem;
    line-height: 1.45;
    margin: 0;
}

.ledger-intro-note[b-esxx4po8b9] {
    margin-top: .7rem;
    padding: .45rem .55rem;
    color: var(--console-muted);
    background: var(--brand-primary-light);
    border-left: 2px solid var(--console-blue);
    font-size: .62rem;
}

.ledger-metric-strip[b-esxx4po8b9] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .55rem;
}

.ledger-metric[b-esxx4po8b9] {
    min-width: 0;
    padding: .7rem;
    background: var(--surface-muted);
    border: 1px solid var(--border-secondary);
    border-radius: 6px;
}

.ledger-metric span[b-esxx4po8b9] {
    display: block;
    color: var(--console-muted);
    font-size: .58rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ledger-metric strong[b-esxx4po8b9] {
    display: block;
    margin-top: .45rem;
    color: var(--text-primary);
    font-size: .74rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ledger-metric strong.is-positive[b-esxx4po8b9] {
    color: var(--console-green);
}

.ledger-operation-grid[b-esxx4po8b9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.ledger-operation-card[b-esxx4po8b9] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .72rem;
    padding: .9rem;
    color: var(--text-primary);
    background: var(--console-panel);
    border: 1px solid var(--console-border);
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
}

.ledger-operation-card--current[b-esxx4po8b9] {
    border-top: 3px solid var(--console-blue);
}

.ledger-operation-card--historical[b-esxx4po8b9] {
    border-top: 3px solid var(--brand-violet);
}

.ledger-operation-card--learning[b-esxx4po8b9] {
    border-top: 3px solid var(--console-green);
}

.ledger-card-heading[b-esxx4po8b9] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.ledger-card-heading h2[b-esxx4po8b9] {
    margin: .18rem 0 0;
    color: var(--text-primary);
    font-size: .9rem;
}

.ledger-card-icon[b-esxx4po8b9] {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    color: var(--console-blue);
    border: 1px solid currentColor;
    font-size: 1rem;
}

.ledger-operation-card--historical .ledger-card-icon[b-esxx4po8b9] {
    color: var(--brand-violet);
}

.ledger-operation-card--learning .ledger-card-icon[b-esxx4po8b9] {
    color: var(--console-green);
}

.ledger-action-stack[b-esxx4po8b9],
.ledger-field-grid[b-esxx4po8b9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
}

.ledger-card-footnote[b-esxx4po8b9] {
    margin-top: auto;
    color: var(--console-muted);
    font-size: .61rem;
    line-height: 1.35;
}

.ledger-field[b-esxx4po8b9],
.ledger-field-grid label[b-esxx4po8b9] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    color: var(--text-secondary);
    font-size: .62rem;
}

.ledger-field input[b-esxx4po8b9],
.ledger-field select[b-esxx4po8b9],
.ledger-field-grid input[b-esxx4po8b9],
.ledger-field-grid select[b-esxx4po8b9] {
    width: 100%;
    min-height: 34px;
    padding: .42rem .5rem;
    color: var(--text-primary);
    background: var(--input-surface);
    border: 1px solid var(--console-border);
    border-radius: 5px;
    font-size: .68rem;
}

.ledger-scope-picker[b-esxx4po8b9] {
    position: relative;
    color: var(--text-secondary);
    font-size: .62rem;
}

.ledger-scope-picker > summary[b-esxx4po8b9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-height: 34px;
    padding: .42rem .5rem;
    color: var(--text-primary);
    background: var(--input-surface);
    border: 1px solid var(--console-border);
    border-radius: 5px;
    cursor: pointer;
    list-style-position: inside;
}

.ledger-scope-picker > summary strong[b-esxx4po8b9] {
    min-width: 0;
    overflow: hidden;
    color: var(--text-secondary);
    font-size: .65rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ledger-scope-picker-label[b-esxx4po8b9] {
    flex: 0 0 auto;
    padding-top: .15rem;
}

.ledger-scope-picker-value[b-esxx4po8b9] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .35rem;
    overflow: hidden;
}

.ledger-scope-picker[open] > summary[b-esxx4po8b9],
.ledger-scope-picker > summary:focus-visible[b-esxx4po8b9] {
    border-color: var(--focus-ring);
    outline: 2px solid var(--focus-ring);
    outline-offset: 1px;
}

.ledger-scope-options[b-esxx4po8b9] {
    display: grid;
    gap: .2rem;
    max-height: 14rem;
    padding: .35rem;
    overflow-y: auto;
    background: var(--input-surface);
    border: 1px solid var(--console-border);
    border-radius: 5px;
}

.ledger-scope-popover[b-esxx4po8b9] {
    position: absolute;
    z-index: 12;
    top: calc(100% + .25rem);
    right: 0;
    left: 0;
    display: grid;
    gap: .25rem;
    padding: .35rem;
    background: var(--surface-card);
    border: 1px solid var(--console-border);
    border-radius: 5px;
    box-shadow: 0 12px 30px color-mix(in srgb, #000 32%, transparent);
}

.ledger-scope-actions[b-esxx4po8b9] {
    display: flex;
    gap: .35rem;
}

.ledger-scope-action[b-esxx4po8b9] {
    padding: .25rem .45rem;
    color: var(--text-secondary);
    background: transparent;
    border: 1px solid var(--console-border);
    border-radius: 4px;
    cursor: pointer;
    font-size: .59rem;
}

.ledger-scope-action:hover[b-esxx4po8b9],
.ledger-scope-action:focus-visible[b-esxx4po8b9] {
    color: var(--text-primary);
    border-color: var(--focus-ring);
    outline: 2px solid var(--focus-ring);
    outline-offset: 1px;
}

.ledger-scope-option[b-esxx4po8b9] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    padding: .38rem .35rem;
    color: var(--text-primary);
    border-radius: 4px;
    cursor: pointer;
}

.ledger-scope-option:hover[b-esxx4po8b9],
.ledger-scope-option:focus-within[b-esxx4po8b9] {
    background: var(--bg-hover);
}

.ledger-scope-option input[b-esxx4po8b9] {
    flex: 0 0 auto;
    margin-top: .12rem;
    accent-color: var(--brand-violet);
}

.ledger-scope-option span[b-esxx4po8b9] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.ledger-scope-option strong[b-esxx4po8b9] {
    font-size: .67rem;
    font-weight: 650;
}

.ledger-scope-option small[b-esxx4po8b9],
.ledger-scope-selection-status[b-esxx4po8b9] {
    color: var(--console-muted);
    font-size: .59rem;
    line-height: 1.35;
}

.ledger-scope-selection-status[b-esxx4po8b9] {
    min-height: 1rem;
}

.ledger-scope-selection-summary[b-esxx4po8b9] {
    display: grid;
    gap: .35rem;
    padding: .45rem .5rem;
    color: var(--text-primary);
    background: color-mix(in srgb, var(--input-surface) 72%, transparent);
    border: 1px solid var(--console-border);
    border-radius: 5px;
}

.ledger-scope-summary-label[b-esxx4po8b9] {
    color: var(--console-muted);
    font-size: .59rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ledger-scope-chips[b-esxx4po8b9] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.ledger-scope-chips--compact[b-esxx4po8b9] {
    min-width: 0;
    max-height: 1.45rem;
    flex-wrap: nowrap;
    justify-content: flex-end;
    overflow: hidden;
}

.ledger-scope-chips--compact .ledger-scope-chip[b-esxx4po8b9] {
    flex: 0 0 auto;
    padding-block: .18rem;
}

.ledger-scope-chip[b-esxx4po8b9] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    max-width: 100%;
    padding: .28rem .4rem;
    border: 1px solid var(--console-border);
    border-radius: 999px;
    background: var(--surface-card);
    overflow-wrap: anywhere;
}

.ledger-scope-chip--empty[b-esxx4po8b9] {
    color: var(--console-muted);
}

.ledger-scope-badge[b-esxx4po8b9] {
    flex: 0 0 auto;
    padding: .08rem .3rem;
    border-radius: 999px;
    font-size: .55rem;
    font-weight: 750;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.ledger-scope-badge.is-ready[b-esxx4po8b9] {
    color: var(--console-green);
    background: color-mix(in srgb, var(--console-green) 14%, transparent);
}

.ledger-scope-badge.is-pending[b-esxx4po8b9] {
    color: var(--console-amber);
    background: color-mix(in srgb, var(--console-amber) 16%, transparent);
}

.ledger-scope-badge.is-blocked[b-esxx4po8b9] {
    color: var(--console-amber);
    background: color-mix(in srgb, var(--console-amber) 16%, transparent);
}

.ledger-scope-badge.is-unavailable[b-esxx4po8b9] {
    color: var(--console-red);
    background: color-mix(in srgb, var(--console-red) 14%, transparent);
}

.ledger-scope-validation[b-esxx4po8b9] {
    display: grid;
    gap: .25rem;
}

.ledger-scope-validation-row[b-esxx4po8b9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .15rem .4rem;
    align-items: center;
    padding: .3rem .4rem;
    border-left: 2px solid var(--console-border);
    font-size: .62rem;
}

.ledger-scope-validation-row strong[b-esxx4po8b9] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ledger-scope-validation-row small[b-esxx4po8b9] {
    grid-column: 1 / -1;
    color: var(--console-muted);
    line-height: 1.35;
}

.ledger-scope-validation-row:has(.is-blocked)[b-esxx4po8b9] {
    border-left-color: var(--console-amber);
}

.ledger-scope-validation-row:has(.is-unavailable)[b-esxx4po8b9] {
    border-left-color: var(--console-red);
}

.ledger-scope-blockers[b-esxx4po8b9] {
    color: var(--text-secondary);
    border: 1px solid var(--console-border);
    border-radius: 5px;
    font-size: .62rem;
}

.ledger-scope-blockers > summary[b-esxx4po8b9] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    padding: .38rem .45rem;
    cursor: pointer;
    font-weight: 700;
}

.ledger-scope-blockers > summary span[b-esxx4po8b9] {
    color: var(--console-muted);
    font-weight: 500;
}

.ledger-scope-blockers > .ledger-scope-validation[b-esxx4po8b9] {
    max-height: 12rem;
    padding: 0 .35rem .35rem;
    overflow-y: auto;
}

.ledger-backfill-conflict[b-esxx4po8b9] {
    display: grid;
    gap: .4rem;
    padding: .55rem;
    background: var(--surface-muted);
    border: 1px solid var(--console-border);
    border-left: 3px solid var(--console-blue);
    border-radius: 5px;
    font-size: .62rem;
}

.ledger-backfill-conflict.is-stale[b-esxx4po8b9] {
    border-left-color: var(--console-amber);
}

.ledger-backfill-conflict.is-unresolved[b-esxx4po8b9] {
    border-left-color: var(--console-red);
}

.ledger-backfill-conflict.is-terminal[b-esxx4po8b9] {
    border-left-color: var(--console-muted);
}

.ledger-backfill-conflict p[b-esxx4po8b9] {
    color: var(--text-secondary);
    font-size: .62rem;
}

.ledger-backfill-conflict dl[b-esxx4po8b9] {
    display: grid;
    gap: .25rem;
    margin: 0;
}

.ledger-backfill-conflict dl > div[b-esxx4po8b9] {
    display: grid;
    grid-template-columns: minmax(6.5rem, auto) 1fr;
    gap: .4rem;
}

.ledger-backfill-conflict dt[b-esxx4po8b9] {
    color: var(--console-muted);
}

.ledger-backfill-conflict dd[b-esxx4po8b9] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.ledger-backfill-conflict-actions[b-esxx4po8b9] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.ledger-operation-card > .ledger-console-button[b-esxx4po8b9] {
    margin-top: auto;
}

.ledger-diagnostics-panel[b-esxx4po8b9] {
    display: grid;
    grid-template-columns: 1.8fr auto auto auto auto;
    align-items: center;
    gap: .8rem;
    padding: .72rem .85rem;
}

.ledger-diagnostics-panel p[b-esxx4po8b9] {
    margin-top: .2rem;
}

.ledger-diagnostic-state[b-esxx4po8b9] {
    color: var(--console-muted);
    font-size: .64rem;
    white-space: nowrap;
}

.ledger-diagnostic-state strong[b-esxx4po8b9] {
    color: var(--text-primary);
}

.ledger-diagnostic-state .ledger-health-dot[b-esxx4po8b9] {
    margin-right: .35rem;
    vertical-align: middle;
}

.ledger-activity-panel[b-esxx4po8b9] {
    overflow: hidden;
}

.ledger-activity-header[b-esxx4po8b9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem;
    border-bottom: 1px solid var(--console-border);
}

.ledger-activity-header h2[b-esxx4po8b9] {
    margin: .2rem 0 .25rem;
    color: var(--text-primary);
    font-size: .92rem;
}

.ledger-activity-actions[b-esxx4po8b9] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

.ledger-activity-actions > span[b-esxx4po8b9] {
    margin-right: .25rem;
    color: var(--console-muted);
    font-size: .62rem;
}

.ledger-activity-actions .ledger-activity-poll-state[b-esxx4po8b9],
.ledger-terminal-scope[b-esxx4po8b9] {
    border: 1px solid var(--console-border);
    border-radius: 999px;
    background: var(--surface-muted);
    padding: .15rem .42rem;
    color: var(--text-secondary);
    line-height: 1.2;
    text-transform: none;
    white-space: nowrap;
}

.ledger-activity-filters[b-esxx4po8b9] {
    display: flex;
    align-items: end;
    gap: .65rem;
    padding: .55rem .85rem;
    border-bottom: 1px solid var(--console-border);
    color: var(--console-muted);
    font-size: .64rem;
}

.ledger-activity-filters label[b-esxx4po8b9] {
    display: grid;
    gap: .2rem;
}

.ledger-activity-filters select[b-esxx4po8b9] {
    min-width: 9rem;
    padding: .28rem .4rem;
    border: 1px solid var(--console-border);
    border-radius: 4px;
    color: var(--text-primary);
    background: var(--bg-secondary);
}

.ledger-activity-filters > span[b-esxx4po8b9] { margin-left: auto; }

.ledger-activity-summary[b-esxx4po8b9] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .5rem;
    padding: .7rem .85rem;
    background: var(--surface-muted);
}

.ledger-activity-summary span[b-esxx4po8b9] {
    color: var(--console-muted);
    font-size: .61rem;
}

.ledger-activity-summary b[b-esxx4po8b9] {
    color: var(--console-green);
    margin-right: .25rem;
}

.ledger-activity-summary strong[b-esxx4po8b9] {
    display: block;
    margin-top: .28rem;
    color: var(--text-primary);
    font-size: .7rem;
}

.ledger-terminal[b-esxx4po8b9] {
    max-height: 360px;
    overflow-y: auto;
    padding: .45rem .65rem .65rem;
    color: var(--text-primary);
    background: var(--bg-secondary);
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
}

.ledger-terminal-row[b-esxx4po8b9] {
    display: flex;
    gap: .65rem;
    align-items: baseline;
    padding: .24rem .35rem;
    border-bottom: 1px solid var(--border-secondary);
    font-size: .66rem;
    line-height: 1.35;
}

.ledger-terminal-time[b-esxx4po8b9] { flex: 0 0 58px; }
.ledger-terminal-status[b-esxx4po8b9] { flex: 0 0 44px; }
.ledger-terminal-stage[b-esxx4po8b9] { flex: 0 0 112px; }
.ledger-terminal-message[b-esxx4po8b9] { flex: 1 1 20rem; min-width: 12rem; }

.ledger-terminal-time[b-esxx4po8b9] {
    color: var(--brand-cyan);
}

.ledger-terminal-status[b-esxx4po8b9] {
    color: var(--console-green);
    font-weight: 700;
}

.ledger-terminal-scope[b-esxx4po8b9],
.ledger-terminal-stage[b-esxx4po8b9] {
    color: var(--text-tertiary);
    text-transform: uppercase;
}

.ledger-terminal-message[b-esxx4po8b9] {
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.ledger-terminal-empty[b-esxx4po8b9] {
    padding: 2rem 1rem;
    color: var(--console-muted);
    font-size: .72rem;
    text-align: center;
}

.ledger-terminal-summary-link[b-esxx4po8b9] {
    display: inline;
    width: 100%;
    padding: 0;
    color: var(--text-primary);
    background: transparent;
    border: 0;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.ledger-terminal-summary-link:hover[b-esxx4po8b9],
.ledger-terminal-summary-link:focus-visible[b-esxx4po8b9] {
    color: var(--brand-violet);
    text-decoration: underline;
}

.ledger-summary-link-label[b-esxx4po8b9] {
    margin-left: .55rem;
    color: var(--brand-violet);
    font-size: .58rem;
    white-space: nowrap;
}

.ledger-summary-grid[b-esxx4po8b9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin: .65rem 0;
}

.ledger-summary-grid > div[b-esxx4po8b9],
.ledger-summary-child[b-esxx4po8b9] {
    padding: .5rem;
    background: var(--surface-muted);
    border: 1px solid var(--console-border);
    border-radius: 5px;
}

.ledger-summary-grid > div[b-esxx4po8b9] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
}

.ledger-summary-grid strong[b-esxx4po8b9] {
    color: var(--console-muted);
    font-size: .61rem;
}

.ledger-summary-grid span[b-esxx4po8b9] {
    color: var(--text-primary);
    overflow-wrap: anywhere;
    font-size: .68rem;
}

.ledger-summary-child[b-esxx4po8b9] {
    margin: .75rem 0;
}

.ledger-summary-child.is-failed[b-esxx4po8b9] {
    background: var(--status-error-bg);
    border-color: rgba(var(--status-error-rgb), .4);
}

.ledger-summary-child h5[b-esxx4po8b9] {
    margin: 0 0 .45rem;
    color: var(--text-primary);
}

.ledger-summary-child p[b-esxx4po8b9] {
    color: var(--text-secondary);
    font-size: .68rem;
    overflow-wrap: anywhere;
}

.ledger-slice-table-wrap[b-esxx4po8b9] {
    margin: .65rem 0;
    overflow-x: auto;
}

.ledger-slice-table[b-esxx4po8b9] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: .65rem;
}

.ledger-slice-table th[b-esxx4po8b9],
.ledger-slice-table td[b-esxx4po8b9] {
    padding: .42rem .5rem;
    border: 1px solid var(--console-border);
    text-align: left;
    vertical-align: top;
}

.ledger-slice-table th[b-esxx4po8b9] {
    color: var(--console-muted);
    background: var(--surface-elevated);
}

.ledger-slice-table td[b-esxx4po8b9] {
    color: var(--text-secondary);
}

@media (max-width: 1050px) {
    .ledger-overview-grid[b-esxx4po8b9] {
        grid-template-columns: 1fr;
    }

    .ledger-metric-strip[b-esxx4po8b9] {
        grid-template-columns: repeat(5, minmax(120px, 1fr));
        overflow-x: auto;
    }

    .ledger-diagnostics-panel[b-esxx4po8b9] {
        grid-template-columns: 1fr 1fr;
    }

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

@media (max-width: 760px) {
    .ledger-console-header[b-esxx4po8b9],
    .ledger-activity-header[b-esxx4po8b9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ledger-console-health[b-esxx4po8b9] {
        width: 100%;
        flex-wrap: wrap;
    }

    .ledger-operation-grid[b-esxx4po8b9] {
        grid-template-columns: 1fr;
    }

    .ledger-diagnostics-panel[b-esxx4po8b9],
    .ledger-activity-summary[b-esxx4po8b9] {
        grid-template-columns: 1fr 1fr;
    }

    .ledger-dashboard-health-heading[b-esxx4po8b9],
    .ledger-dashboard-health-heading > div[b-esxx4po8b9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ledger-dashboard-health-grid[b-esxx4po8b9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ledger-terminal-row[b-esxx4po8b9] {
        flex-wrap: wrap;
    }

    .ledger-terminal-stage[b-esxx4po8b9] {
        display: none;
    }

    .ledger-activity-filters[b-esxx4po8b9] { align-items: stretch; flex-direction: column; }
    .ledger-activity-filters > span[b-esxx4po8b9] { margin-left: 0; }
}

@media (max-width: 480px) {
    .ledger-command-page[b-esxx4po8b9] {
        padding-inline: .5rem;
    }

    .ledger-metric-strip[b-esxx4po8b9] {
        grid-template-columns: repeat(5, 135px);
    }

    .ledger-action-stack[b-esxx4po8b9],
    .ledger-field-grid[b-esxx4po8b9],
    .ledger-diagnostics-panel[b-esxx4po8b9],
    .ledger-activity-summary[b-esxx4po8b9],
    .ledger-dashboard-health-grid[b-esxx4po8b9] {
        grid-template-columns: 1fr;
    }

    .ledger-scope-chip[b-esxx4po8b9] {
        width: 100%;
        justify-content: space-between;
    }

    .ledger-scope-picker > summary[b-esxx4po8b9] {
        align-items: flex-start;
    }

    .ledger-scope-picker-value[b-esxx4po8b9] {
        align-items: flex-end;
        flex-direction: column;
    }

    .ledger-scope-chips--compact .ledger-scope-chip[b-esxx4po8b9] {
        width: auto;
    }

    .ledger-backfill-conflict dl > div[b-esxx4po8b9] {
        grid-template-columns: 1fr;
        gap: .1rem;
    }
}
/* /Components/Pages/HumanityWar.razor.rz.scp.css */
.hw-shell[b-q2sr4py9i7] {
    min-height: 100vh;
    background: #060608;
    color: #e2e8f0;
    padding: 3rem 1.5rem 5rem;
    font-family: 'Satoshi', 'JetBrains Mono', monospace, system-ui, sans-serif;
}

/* ── Header ─────────────────────────────────────────────────────────────── */
.hw-header[b-q2sr4py9i7] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.hw-clearance-badge[b-q2sr4py9i7] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: var(--status-error);
    background: rgba(var(--status-error-rgb), 0.1);
    border: 1px solid rgba(var(--status-error-rgb), 0.3);
    border-radius: 4px;
    padding: 3px 10px;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.hw-title[b-q2sr4py9i7] {
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--text-primary);
    margin: 0 0 0.4rem;
}

.hw-subtitle[b-q2sr4py9i7] {
    font-size: 0.9rem;
    color: rgba(var(--theme-ink-rgb), 0.45);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0 0 0.5rem;
}

.hw-computed[b-q2sr4py9i7] {
    font-size: 0.74rem;
    color: rgba(var(--theme-ink-rgb), 0.28);
    margin: 0;
    font-family: 'JetBrains Mono', monospace;
}

/* ── Section Labels ──────────────────────────────────────────────────────── */
.hw-section-label[b-q2sr4py9i7] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: rgba(var(--theme-ink-rgb),0.3);
    text-transform: uppercase;
    margin: 2rem 0 0.75rem;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4px;
}

/* ── Threat Level Banner ─────────────────────────────────────────────────── */
.hw-threat-banner[b-q2sr4py9i7] {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 860px;
    margin: 0 auto 1.5rem;
    padding: 20px 24px;
    border-radius: 12px;
    border: 1px solid;
}

.hw-threat-icon[b-q2sr4py9i7] { font-size: 2rem; flex-shrink: 0; }

.hw-threat-label[b-q2sr4py9i7] {
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.6;
}

.hw-threat-value[b-q2sr4py9i7] {
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.hw-threat-detail[b-q2sr4py9i7] {
    flex: 1;
    font-size: 0.82rem;
    opacity: 0.72;
    line-height: 1.5;
    margin-left: auto;
    text-align: right;
    max-width: 340px;
}

/* Threat level color variants */
.hw-threat-critical[b-q2sr4py9i7]    { background: rgba(var(--status-error-rgb),.1);   border-color: rgba(var(--status-error-rgb),.35);   color: var(--status-error); }
.hw-threat-elevated[b-q2sr4py9i7]    { background: rgba(251,146,60,.1);  border-color: rgba(251,146,60,.35);  color: #fdba74; }
.hw-threat-contested[b-q2sr4py9i7]   { background: rgba(250,204,21,.08); border-color: rgba(250,204,21,.25);  color: #fde68a; }
.hw-threat-stabilizing[b-q2sr4py9i7] { background: rgba(var(--brand-cyan-rgb),.08); border-color: rgba(var(--brand-cyan-rgb),.25);  color: var(--status-info); }
.hw-threat-dominant[b-q2sr4py9i7]    { background: rgba(var(--status-success-rgb),.08); border-color: rgba(var(--status-success-rgb),.3);   color: var(--status-success); }

/* ── Alerts ──────────────────────────────────────────────────────────────── */
.hw-alert[b-q2sr4py9i7] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    max-width: 860px;
    margin: 0 auto 0.75rem;
    padding: 14px 18px;
    border-radius: 10px;
    border: 1px solid;
}

.hw-alert-icon[b-q2sr4py9i7] { font-size: 1.3rem; flex-shrink: 0; margin-top: 1px; }

.hw-alert-title[b-q2sr4py9i7] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.hw-alert-body[b-q2sr4py9i7] { font-size: 0.85rem; margin: 0; opacity: 0.8; }

.hw-alert-danger[b-q2sr4py9i7]  { background: rgba(var(--status-error-rgb),.08);  border-color: rgba(var(--status-error-rgb),.25);  color: var(--status-error); }
.hw-alert-warning[b-q2sr4py9i7] { background: rgba(251,146,60,.08); border-color: rgba(251,146,60,.25); color: #fdba74; }
.hw-alert-success[b-q2sr4py9i7] { background: rgba(var(--status-success-rgb),.08); border-color: rgba(var(--status-success-rgb),.25); color: var(--status-success); }

/* ── Primary Stats Grid ──────────────────────────────────────────────────── */
.hw-stats-grid[b-q2sr4py9i7] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 16px;
    align-items: center;
    max-width: 860px;
    margin: 0 auto;
}

.hw-stat-card[b-q2sr4py9i7] {
    padding: 24px 20px;
    border-radius: 12px;
    border: 1px solid;
    text-align: center;
}

.hw-stat-bird[b-q2sr4py9i7]  { background: rgba(var(--status-error-rgb),.07);   border-color: rgba(var(--status-error-rgb),.2);   }
.hw-stat-human[b-q2sr4py9i7] { background: rgba(var(--brand-cyan-rgb),.07);  border-color: rgba(var(--brand-cyan-rgb),.2);  }

.hw-stat-faction[b-q2sr4py9i7] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.55;
    margin-bottom: 8px;
}

.hw-stat-wins[b-q2sr4py9i7] { font-size: 3rem; font-weight: 800; line-height: 1; }

.hw-stat-sublabel[b-q2sr4py9i7] {
    font-size: 0.72rem;
    opacity: 0.5;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 4px 0 8px;
}

.hw-stat-pct[b-q2sr4py9i7] { font-size: 0.85rem; opacity: 0.7; }

.hw-vs-divider[b-q2sr4py9i7] {
    text-align: center;
    padding: 0 8px;
}

.hw-vs-streak[b-q2sr4py9i7] {
    font-size: 0.78rem;
    font-weight: 600;
    color: rgba(var(--theme-ink-rgb),0.65);
    margin-bottom: 6px;
    white-space: nowrap;
}

.hw-vs-label[b-q2sr4py9i7] {
    font-size: 1.4rem;
    font-weight: 900;
    color: rgba(var(--theme-ink-rgb),0.3);
    letter-spacing: 0.1em;
}

.hw-vs-sub[b-q2sr4py9i7] {
    font-size: 0.6rem;
    opacity: 0.35;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 4px;
}

/* ── Records Table ───────────────────────────────────────────────────────── */
.hw-records-table[b-q2sr4py9i7] {
    max-width: 860px;
    margin: 0 auto;
    border: 1px solid rgba(var(--theme-ink-rgb),0.07);
    border-radius: 10px;
    overflow: hidden;
}

.hw-records-row[b-q2sr4py9i7] {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 0.7fr 0.8fr;
    padding: 11px 18px;
    font-size: 0.85rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),0.05);
    gap: 8px;
    align-items: center;
}

.hw-records-row:last-child[b-q2sr4py9i7] { border-bottom: none; }

.hw-records-header[b-q2sr4py9i7] {
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(var(--theme-ink-rgb),0.35);
    background: rgba(var(--theme-ink-rgb),0.03);
}

.hw-records-alltime[b-q2sr4py9i7] {
    background: rgba(var(--theme-ink-rgb),0.02);
    font-weight: 600;
}

.hw-records-window[b-q2sr4py9i7] { font-weight: 500; }

.hw-val-bird[b-q2sr4py9i7]  { color: var(--status-error); font-weight: 600; }
.hw-val-human[b-q2sr4py9i7] { color: var(--status-info); font-weight: 600; }

/* ── Commanders ──────────────────────────────────────────────────────────── */
.hw-commanders-grid[b-q2sr4py9i7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    max-width: 860px;
    margin: 0 auto;
}

.hw-commander-card[b-q2sr4py9i7] {
    padding: 20px 22px;
    border-radius: 12px;
    border: 1px solid;
}

.hw-commander-bird[b-q2sr4py9i7]  { background: rgba(var(--status-error-rgb),.06);  border-color: rgba(var(--status-error-rgb),.18);  }
.hw-commander-human[b-q2sr4py9i7] { background: rgba(var(--brand-cyan-rgb),.06); border-color: rgba(var(--brand-cyan-rgb),.18); }

.hw-commander-role[b-q2sr4py9i7] {
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.45;
    margin-bottom: 6px;
}

.hw-commander-name[b-q2sr4py9i7] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--text-primary);
}

.hw-commander-stat[b-q2sr4py9i7] { font-size: 0.8rem; opacity: 0.55; margin-top: 4px; }

/* ── Faction Unit Tables ─────────────────────────────────────────────────── */
.hw-faction-tables[b-q2sr4py9i7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    max-width: 860px;
    margin: 0 auto;
}

.hw-faction-table[b-q2sr4py9i7] {
    border: 1px solid rgba(var(--theme-ink-rgb),0.07);
    border-radius: 10px;
    overflow: hidden;
}

.hw-faction-table-header[b-q2sr4py9i7] {
    padding: 10px 16px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.hw-faction-bird-header[b-q2sr4py9i7]  { background: rgba(var(--status-error-rgb),.1);   color: var(--status-error); }
.hw-faction-human-header[b-q2sr4py9i7] { background: rgba(var(--brand-cyan-rgb),.1);  color: var(--status-info); }

.hw-faction-table-cols[b-q2sr4py9i7],
.hw-faction-table-row[b-q2sr4py9i7] {
    display: grid;
    grid-template-columns: 1.5fr 0.5fr 0.5fr 0.7fr;
    padding: 8px 16px;
    font-size: 0.82rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),0.04);
    gap: 4px;
    align-items: center;
}

.hw-faction-table-row:last-child[b-q2sr4py9i7] { border-bottom: none; }

.hw-faction-table-cols[b-q2sr4py9i7] {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(var(--theme-ink-rgb),0.3);
    background: rgba(var(--theme-ink-rgb),0.02);
}

/* ── Loading / No Data ───────────────────────────────────────────────────── */
.hw-loading[b-q2sr4py9i7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 60px 20px;
    color: rgba(var(--theme-ink-rgb),0.4);
    font-size: 0.9rem;
}

.hw-loading-spinner[b-q2sr4py9i7] {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(var(--theme-ink-rgb),0.1);
    border-top-color: #ef4444;
    border-radius: 50%;
    animation: hw-spin-b-q2sr4py9i7 0.8s linear infinite;
}

@keyframes hw-spin-b-q2sr4py9i7 { to { transform: rotate(360deg); } }

.hw-no-data[b-q2sr4py9i7] {
    text-align: center;
    padding: 60px 20px;
    color: rgba(var(--theme-ink-rgb),0.4);
}

.hw-no-data-sub[b-q2sr4py9i7] { font-size: 0.82rem; opacity: 0.5; margin-top: 6px; }

/* ── Classified Footer ───────────────────────────────────────────────────── */
.hw-footer-classified[b-q2sr4py9i7] {
    text-align: center;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(var(--theme-ink-rgb),0.15);
    margin-top: 3.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(var(--theme-ink-rgb),0.05);
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .hw-stats-grid[b-q2sr4py9i7]         { grid-template-columns: 1fr; }
    .hw-vs-divider[b-q2sr4py9i7]         { padding: 8px 0; }
    .hw-commanders-grid[b-q2sr4py9i7]    { grid-template-columns: 1fr; }
    .hw-faction-tables[b-q2sr4py9i7]     { grid-template-columns: 1fr; }
    .hw-records-row[b-q2sr4py9i7]        { grid-template-columns: 1.4fr 0.8fr 0.8fr 0.5fr 0.7fr; font-size: 0.76rem; }
    .hw-threat-detail[b-q2sr4py9i7]      { display: none; }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-shell[b-m92ywgr3gj] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0a0a0a;
    padding: 2rem;
}

.login-card[b-m92ywgr3gj] {
    width: 100%;
    max-width: 400px;
    padding: 2.5rem 2rem;
    background: rgba(var(--theme-ink-rgb),0.04);
    border: 1px solid rgba(var(--theme-ink-rgb),0.08);
    border-radius: 16px;
    backdrop-filter: blur(12px);
}

.login-logo[b-m92ywgr3gj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
    margin-bottom: 2rem;
}

.ledger-dot[b-m92ywgr3gj] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #00c6a2, #6366f1);
    display: inline-block;
    flex-shrink: 0;
}

.login-wordmark[b-m92ywgr3gj] {
    font-family: 'Satoshi', system-ui, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    letter-spacing: -0.02em;
}

.login-headline[b-m92ywgr3gj] {
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    color: rgba(var(--theme-ink-rgb),0.55);
    margin: -0.75rem 0 1.5rem;
}

.login-social[b-m92ywgr3gj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.login-social-btn[b-m92ywgr3gj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0.7rem 1rem;
    border-radius: 8px;
    font-size: 0.92rem;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid rgba(var(--theme-ink-rgb),0.12);
    transition: background 0.15s, border-color 0.15s;
    box-sizing: border-box;
    cursor: pointer;
}

.login-social-apple[b-m92ywgr3gj] {
    background: rgba(var(--theme-ink-rgb),0.06);
    color: var(--text-primary);
}

.login-social-apple:hover[b-m92ywgr3gj] {
    background: rgba(var(--theme-ink-rgb),0.12);
    border-color: rgba(var(--theme-ink-rgb),0.25);
}

.login-social-google[b-m92ywgr3gj] {
    background: rgba(var(--theme-ink-rgb),0.06);
    color: var(--text-primary);
}

.login-social-google:hover[b-m92ywgr3gj] {
    background: rgba(var(--theme-ink-rgb),0.12);
    border-color: rgba(var(--theme-ink-rgb),0.25);
}

.login-social-icon[b-m92ywgr3gj] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.login-divider[b-m92ywgr3gj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    color: rgba(var(--theme-ink-rgb),0.25);
    font-size: 0.78rem;
}

.login-divider[b-m92ywgr3gj]::before,
.login-divider[b-m92ywgr3gj]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(var(--theme-ink-rgb),0.1);
}

.login-fields[b-m92ywgr3gj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.login-label[b-m92ywgr3gj] {
    font-size: 0.78rem;
    font-weight: 500;
    color: rgba(var(--theme-ink-rgb),0.55);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: -0.25rem;
}

.login-input[b-m92ywgr3gj] {
    width: 100%;
    padding: 0.65rem 0.875rem;
    background: rgba(var(--theme-ink-rgb),0.06);
    border: 1px solid rgba(var(--theme-ink-rgb),0.1);
    border-radius: 8px;
    color: var(--text-primary);
    font-size: 0.92rem;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.login-input:focus[b-m92ywgr3gj] {
    border-color: rgba(99, 102, 241, 0.6);
}

.login-input[b-m92ywgr3gj]::placeholder {
    color: rgba(var(--theme-ink-rgb),0.25);
}

.login-remember[b-m92ywgr3gj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.83rem;
    color: rgba(var(--theme-ink-rgb),0.45);
    cursor: pointer;
}

.login-meta-row[b-m92ywgr3gj] {
    display: flex;
    justify-content: flex-end;
    margin-top: -0.2rem;
}

.login-inline-link[b-m92ywgr3gj] {
    color: var(--brand-indigo);
    font-size: 0.82rem;
    text-decoration: none;
}

.login-inline-link:hover[b-m92ywgr3gj] {
    color: var(--brand-indigo);
    text-decoration: underline;
}

.login-btn[b-m92ywgr3gj] {
    margin-top: 0.5rem;
    width: 100%;
    padding: 0.75rem;
    font-size: 0.95rem;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: opacity 0.15s, transform 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.login-btn:hover:not(:disabled)[b-m92ywgr3gj] {
    opacity: 0.88;
    transform: translateY(-1px);
}

.login-btn:disabled[b-m92ywgr3gj] {
    cursor: not-allowed;
    opacity: 0.5;
}

.gradient-btn[b-m92ywgr3gj] {
    background: linear-gradient(135deg, #00c6a2, #6366f1);
    color: var(--text-primary);
}

.gradient-btn:disabled[b-m92ywgr3gj] {
    opacity: 0.6;
    cursor: not-allowed;
}

.login-error[b-m92ywgr3gj] {
    background: rgba(var(--status-error-rgb), 0.12);
    border: 1px solid rgba(var(--status-error-rgb), 0.3);
    color: var(--status-error);
    font-size: 0.84rem;
    padding: 0.6rem 0.875rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.login-spinner[b-m92ywgr3gj] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(var(--theme-ink-rgb),0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-m92ywgr3gj 0.7s linear infinite;
    display: inline-block;
}

@keyframes spin-b-m92ywgr3gj {
    to { transform: rotate(360deg); }
}
/* /Components/Pages/ResetPassword.razor.rz.scp.css */
.reset-shell[b-4snmvwxaum] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: #0a0a0a;
}

.reset-card[b-4snmvwxaum] {
    width: 100%;
    max-width: 440px;
    padding: 2.5rem 2rem;
    background: rgba(var(--theme-ink-rgb),0.04);
    border: 1px solid rgba(var(--theme-ink-rgb),0.08);
    border-radius: 16px;
    backdrop-filter: blur(12px);
}

.reset-logo[b-4snmvwxaum] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.reset-wordmark[b-4snmvwxaum] {
    font-family: 'Satoshi', system-ui, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    letter-spacing: -0.02em;
}

.reset-heading-block[b-4snmvwxaum] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.reset-eyebrow[b-4snmvwxaum] {
    margin-bottom: 0.45rem;
    font-size: 0.72rem;
    font-weight: 650;
    color: var(--status-success);
    text-transform: uppercase;
    letter-spacing: 0.14em;
}

.reset-title[b-4snmvwxaum] {
    margin: 0 0 0.55rem;
    font-size: 1.8rem;
    font-weight: 650;
    color: var(--text-primary);
}

.reset-copy[b-4snmvwxaum] {
    margin: 0;
    color: rgba(var(--theme-ink-rgb),0.58);
    line-height: 1.55;
    font-size: 0.92rem;
}

.reset-fields[b-4snmvwxaum] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.reset-label[b-4snmvwxaum] {
    font-size: 0.78rem;
    font-weight: 500;
    color: rgba(var(--theme-ink-rgb),0.55);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: -0.25rem;
}

.reset-input[b-4snmvwxaum] {
    width: 100%;
    padding: 0.7rem 0.9rem;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(var(--theme-ink-rgb),0.1);
    background: rgba(var(--theme-ink-rgb),0.06);
    color: var(--text-primary);
    font-size: 0.92rem;
    outline: none;
}

.reset-input:focus[b-4snmvwxaum] {
    border-color: rgba(99, 102, 241, 0.6);
}

.reset-input[b-4snmvwxaum]::placeholder {
    color: rgba(var(--theme-ink-rgb),0.25);
}

.reset-btn[b-4snmvwxaum] {
    margin-top: 0.4rem;
    width: 100%;
    padding: 0.8rem;
    font-size: 0.95rem;
    font-weight: 600;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #00c6a2, #6366f1);
    color: var(--text-primary);
    transition: opacity 0.2s ease;
}

.reset-btn:hover:not(:disabled)[b-4snmvwxaum] {
    opacity: 0.88;
}

.reset-btn:disabled[b-4snmvwxaum] {
    opacity: 0.5;
    cursor: not-allowed;
}

.reset-error[b-4snmvwxaum],
.reset-success[b-4snmvwxaum] {
    border-radius: 10px;
    padding: 0.9rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.reset-error[b-4snmvwxaum] {
    background: rgba(var(--status-error-rgb), 0.12);
    border: 1px solid rgba(var(--status-error-rgb), 0.3);
    color: var(--status-error);
}

.reset-success[b-4snmvwxaum] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.85rem;
    background: rgba(var(--status-success-rgb),0.08);
    border: 1px solid rgba(var(--status-success-rgb),0.18);
    color: #d1fae5;
}

.reset-link-btn[b-4snmvwxaum],
.reset-sub-link[b-4snmvwxaum] {
    text-decoration: none;
}

.reset-link-btn[b-4snmvwxaum] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 0.95rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #00c6a2, #6366f1);
    color: var(--text-primary);
    font-weight: 600;
}

.reset-sub-link[b-4snmvwxaum] {
    color: var(--brand-indigo);
    text-align: center;
    font-size: 0.88rem;
}

.reset-spinner[b-4snmvwxaum] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(var(--theme-ink-rgb),0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: reset-spin-b-4snmvwxaum 0.7s linear infinite;
}

@keyframes reset-spin-b-4snmvwxaum {
    to { transform: rotate(360deg); }
}
/* /Components/Pages/TodaysGames.razor.rz.scp.css */
/* ── Page shell ─────────────────────────────────────────────────────────── */
.todays-games-page[b-d97d2xkmjl] {
    max-width: min(1400px, calc(100vw - 32px));
    margin: 0 auto;
}

.tg-market-intelligence[b-d97d2xkmjl] {
    margin: 1.5rem 0;
    padding: 1.25rem;
    border: 1px solid rgba(var(--text-tertiary-rgb), .18);
    border-radius: .75rem;
    background: rgba(var(--theme-ink-rgb), .035);
}
.tg-market-intelligence-header h2[b-d97d2xkmjl] { margin: .15rem 0 .35rem; }
.tg-market-intelligence-header p[b-d97d2xkmjl] { margin: 0; color: var(--text-muted, #94a3b8); font-size: .8rem; }
.tg-market-intelligence-grid[b-d97d2xkmjl] { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: .75rem; margin-top: 1rem; }
.tg-market-intelligence-card[b-d97d2xkmjl] { padding: 1rem; border: 1px solid rgba(var(--text-tertiary-rgb), .14); border-radius: .6rem; background: rgba(var(--theme-shadow-rgb), .16); }
.tg-market-intelligence-card-head[b-d97d2xkmjl] { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; }
.tg-market-intelligence-label[b-d97d2xkmjl], .tg-market-intelligence-positive-title[b-d97d2xkmjl] { margin-top: .75rem; color: #a78bfa; font-size: .75rem; font-weight: 650; }
.tg-market-intelligence-stats[b-d97d2xkmjl] { display: flex; flex-wrap: wrap; gap: .45rem .8rem; margin-top: .8rem; color: var(--text-muted, #94a3b8); font-size: .75rem; }
.tg-market-intelligence-meta[b-d97d2xkmjl], .tg-market-intelligence-families[b-d97d2xkmjl] { display: flex; flex-direction: column; gap: .25rem; margin-top: .75rem; color: var(--text-muted, #94a3b8); font-size: .72rem; }
.tg-market-intelligence-table[b-d97d2xkmjl] { display: flex; flex-direction: column; gap: .3rem; margin-top: .8rem; overflow-x: auto; }
.tg-market-intelligence-line[b-d97d2xkmjl] { display: grid; grid-template-columns: minmax(7rem, 1.35fr) minmax(4rem, .8fr) minmax(3.5rem, .65fr) minmax(3.5rem, .65fr) minmax(6rem, 1fr) minmax(9rem, 1.5fr); gap: .45rem; align-items: baseline; min-width: 32rem; color: var(--text-muted, #94a3b8); font-size: .72rem; }
.tg-market-intelligence-line--header[b-d97d2xkmjl] { padding-bottom: .3rem; border-bottom: 1px solid rgba(var(--text-tertiary-rgb), .14); color: var(--text-muted, #94a3b8); font-size: .65rem; font-weight: 650; text-transform: uppercase; letter-spacing: .05em; }
.tg-market-intelligence-line-family[b-d97d2xkmjl] { color: var(--text-primary, #f1f5f9); font-weight: 650; }
.tg-market-intelligence-line-status[b-d97d2xkmjl] { color: #a78bfa; }
.tg-market-intelligence-toggle[b-d97d2xkmjl] { margin-top: .75rem; padding: .4rem .65rem; border: 1px solid rgba(var(--text-tertiary-rgb), .2); border-radius: .35rem; background: rgba(var(--text-tertiary-rgb), .08); color: var(--text-muted, #cbd5e1); cursor: pointer; font-size: .7rem; }
.tg-market-intelligence-toggle:hover[b-d97d2xkmjl] { background: rgba(var(--text-tertiary-rgb), .14); }
.tg-market-intelligence-positive-list[b-d97d2xkmjl] { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .45rem; }
.tg-market-intelligence-positive-list span[b-d97d2xkmjl] { padding: .2rem .45rem; border-radius: .3rem; background: rgba(var(--status-success-rgb), .12); color: var(--status-success); font-size: .7rem; }
.tg-market-intelligence-empty[b-d97d2xkmjl] { margin-top: 1rem; padding: .75rem; border-radius: .45rem; background: rgba(var(--text-tertiary-rgb), .08); color: var(--text-muted, #94a3b8); font-size: .8rem; }

/* ── Allocation trace panel ──────────────────────────────────────────────── */
.tg-alloc-trace[b-d97d2xkmjl] {
    margin: 0.75rem 0;
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 0.6rem;
    background: rgba(var(--theme-ink-rgb),.025);
    overflow: hidden;
}
.tg-alloc-trace-summary[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
    font-size: 0.8rem;
}
.tg-alloc-trace-summary[b-d97d2xkmjl]::-webkit-details-marker { display: none; }
.tg-alloc-trace-title[b-d97d2xkmjl] {
    font-weight: 600;
    color: var(--text-primary, #f1f5f9);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.tg-alloc-trace-pill[b-d97d2xkmjl] {
    font-size: 0.72rem;
    color: var(--text-muted, #94a3b8);
}
.tg-alloc-trace-body[b-d97d2xkmjl] {
    padding: 0.75rem 1rem 1rem;
    border-top: 1px solid rgba(var(--theme-ink-rgb),.06);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.tg-alloc-trace-header[b-d97d2xkmjl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    font-size: 0.75rem;
    color: var(--text-muted, #94a3b8);
}
.tg-alloc-trace-header strong[b-d97d2xkmjl] { color: var(--text-primary, #f1f5f9); }
.tg-alloc-breakdown[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.tg-alloc-breakdown-title[b-d97d2xkmjl] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--text-muted, #64748b);
    margin-bottom: 0.2rem;
}
.tg-alloc-breakdown-row[b-d97d2xkmjl] {
    display: flex;
    gap: 1rem;
    font-size: 0.75rem;
}
.tg-alloc-breakdown-label[b-d97d2xkmjl] { color: var(--text-muted, #94a3b8); min-width: 10rem; }
.tg-alloc-breakdown-amount[b-d97d2xkmjl] { font-variant-numeric: tabular-nums; }
.tg-alloc-bet-table-wrap[b-d97d2xkmjl] {
    overflow-x: auto;
}
.tg-alloc-bet-table[b-d97d2xkmjl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.72rem;
    color: var(--text-primary, #f1f5f9);
}
.tg-alloc-bet-table th[b-d97d2xkmjl] {
    padding: 0.3rem 0.5rem;
    text-align: left;
    font-weight: 500;
    color: var(--text-muted, #64748b);
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),.06);
    white-space: nowrap;
}
.tg-alloc-bet-table th.num[b-d97d2xkmjl],
.tg-alloc-bet-table td.num[b-d97d2xkmjl] { text-align: right; }
.tg-alloc-bet-table td[b-d97d2xkmjl] {
    padding: 0.28rem 0.5rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),.04);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.tg-alloc-suppressed td[b-d97d2xkmjl] { opacity: 0.55; }
.tg-alloc-opp[b-d97d2xkmjl] { max-width: 18rem; white-space: normal; font-size: 0.7rem; }
.tg-alloc-sup-badge[b-d97d2xkmjl] {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0.05rem 0.35rem;
    border-radius: 0.25rem;
    background: rgba(var(--status-error-rgb),.18);
    color: var(--status-error);
    font-size: 0.62rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    vertical-align: middle;
}
.tg-alloc-factor[b-d97d2xkmjl] { font-size: 0.68rem; font-weight: 600; }
.tg-alloc-factor--kellysizing[b-d97d2xkmjl]  { color: var(--brand-indigo); }
.tg-alloc-factor--concentrationcap[b-d97d2xkmjl] { color: var(--status-warning); }
.tg-alloc-factor--exposurelimit[b-d97d2xkmjl] { color: #f97316; }
.tg-alloc-factor--bookbalance[b-d97d2xkmjl]  { color: #a78bfa; }
.tg-alloc-factor--dailycapreached[b-d97d2xkmjl] { color: var(--status-error); }
.tg-alloc-factor--marketscarcity[b-d97d2xkmjl] { color: var(--text-secondary); }
.tg-alloc-factor--none[b-d97d2xkmjl] { color: var(--status-success); }
.tg-warn[b-d97d2xkmjl]  { color: var(--status-warning); }
.tg-green[b-d97d2xkmjl] { color: var(--status-success); }

/* ── Loading progress ────────────────────────────────────────────────────── */
.tg-loader[b-d97d2xkmjl] {
    position: relative;
}

.tg-loader-inner[b-d97d2xkmjl] {
    position: sticky;
    top: 4.5rem;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: rgba(10,10,14,.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(var(--theme-ink-rgb),.07);
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(var(--theme-shadow-rgb),.45);
}

.tg-loader-track[b-d97d2xkmjl] {
    width: 100%;
    height: 3px;
    background: rgba(var(--theme-ink-rgb),.08);
    border-radius: 99px;
    overflow: hidden;
}

.tg-loader-fill[b-d97d2xkmjl] {
    height: 100%;
    background: linear-gradient(90deg, #39F3D1, #6C7BFF);
    border-radius: 99px;
    transition: width 0.4s cubic-bezier(.4,0,.2,1);
}

.tg-loader-step[b-d97d2xkmjl] {
    font-size: 0.78rem;
    color: var(--text-tertiary);
    letter-spacing: 0.02em;
}

.tg-grid-blur[b-d97d2xkmjl] {
    filter: blur(2px);
    opacity: 0.35;
    pointer-events: none;
    user-select: none;
}

/* ── Disclaimer ─────────────────────────────────────────────────────────── */
.tg-disclaimer[b-d97d2xkmjl] {
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),.045), rgba(var(--theme-ink-rgb),.018));
    border: 1px solid rgba(var(--theme-ink-rgb),.07);
    border-radius: 1rem;
    padding: 0.8rem 1rem;
    font-size: 0.8rem;
    color: var(--text-tertiary);
    margin-bottom: 2rem;
    line-height: 1.5;
}

/* ── Compact preferences ─────────────────────────────────────────────────── */
.tg-preferences-panel[b-d97d2xkmjl] {
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),.04), rgba(var(--theme-ink-rgb),.018));
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 1rem;
    overflow: hidden;
    margin: -0.75rem 0 1.5rem;
}

.tg-preferences-toggle[b-d97d2xkmjl] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1.05rem;
    background: none;
    border: 0;
    color: var(--text-primary, #f4f4f5);
    cursor: pointer;
}

.tg-pref-summary-chips[b-d97d2xkmjl] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

.tg-pref-summary-chips span[b-d97d2xkmjl] {
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 999px;
    background: rgba(var(--theme-ink-rgb),.035);
    color: var(--text-tertiary);
    padding: 0.18rem 0.48rem;
    font-size: 0.68rem;
}

.tg-started-filter[b-d97d2xkmjl] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-tertiary);
    font-size: 0.76rem;
    white-space: nowrap;
}

.tg-started-filter input[b-d97d2xkmjl] {
    accent-color: #39f3d1;
}

.tg-pref-save-state[b-d97d2xkmjl] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--status-success);
    font-size: 0.74rem;
}

.tg-preferences-body[b-d97d2xkmjl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
    gap: 1rem;
    padding: 0.95rem 1.05rem 1.1rem;
    border-top: 1px solid rgba(var(--theme-ink-rgb),.06);
}

.tg-pref-section[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.tg-pref-section-head[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text-primary);
    font-size: 0.78rem;
    font-weight: 650;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.tg-pref-section-head small[b-d97d2xkmjl] {
    color: var(--text-tertiary);
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.tg-pref-chip-grid[b-d97d2xkmjl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.tg-pref-chip[b-d97d2xkmjl] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 999px;
    background: rgba(var(--theme-ink-rgb),.035);
    color: var(--text-tertiary);
    padding: 0.38rem 0.65rem;
    font-size: 0.76rem;
    cursor: pointer;
}

.tg-pref-chip.is-on[b-d97d2xkmjl] {
    color: #ecfeff;
    border-color: rgba(var(--status-success-rgb),.32);
    background: rgba(var(--status-success-rgb),.11);
}

.tg-pref-book-list[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.tg-pref-book-row[b-d97d2xkmjl] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 96px;
    gap: 0.45rem;
    align-items: center;
    padding: 0.45rem;
    border: 1px solid rgba(var(--theme-ink-rgb),.06);
    border-radius: 0.7rem;
    background: rgba(var(--theme-ink-rgb),.025);
}

.tg-pref-book-name[b-d97d2xkmjl] {
    color: var(--text-primary);
    font-size: 0.8rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.tg-pref-dfs-badge[b-d97d2xkmjl] {
    display: inline-block;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.05rem 0.35rem;
    border-radius: 4px;
    background: rgba(var(--brand-mint-rgb), 0.12);
    border: 1px solid rgba(var(--brand-mint-rgb), 0.3);
    color: var(--brand-mint, #2CF5C7);
    flex-shrink: 0;
}

.tg-pref-mini-switch[b-d97d2xkmjl] {
    width: 30px;
    height: 18px;
    border: 1px solid rgba(var(--theme-ink-rgb),.12);
    border-radius: 999px;
    background: rgba(var(--theme-ink-rgb),.08);
    padding: 2px;
    cursor: pointer;
}

.tg-pref-mini-switch span[b-d97d2xkmjl] {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: rgba(var(--theme-ink-rgb),.62);
    transition: transform .15s;
}

.tg-pref-mini-switch.on[b-d97d2xkmjl] {
    background: #39f3d1;
    border-color: #39f3d1;
}

.tg-pref-mini-switch.on span[b-d97d2xkmjl] {
    transform: translateX(12px);
    background: #050505;
}

.tg-pref-amount[b-d97d2xkmjl] {
    width: 100%;
    border: 1px solid rgba(var(--theme-ink-rgb),.1);
    border-radius: 0.5rem;
    background: rgba(var(--theme-shadow-rgb),.24);
    color: var(--text-primary);
    font-size: 0.78rem;
    padding: 0.4rem 0.5rem;
}

.tg-pref-amount-wrap[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--status-success);
    font-size: 0.78rem;
}

.tg-pref-amount[b-d97d2xkmjl] {
    text-align: right;
    font-weight: 650;
}

.tg-pref-add[b-d97d2xkmjl],
.tg-pref-remove[b-d97d2xkmjl] {
    border: 1px solid rgba(var(--theme-ink-rgb),.1);
    background: rgba(var(--theme-ink-rgb),.045);
    color: var(--text-secondary);
    border-radius: 0.5rem;
    cursor: pointer;
}

.tg-pref-add[b-d97d2xkmjl] {
    padding: 0.28rem 0.55rem;
    font-size: 0.72rem;
}

.tg-pref-remove[b-d97d2xkmjl] {
    width: 28px;
    height: 28px;
    color: var(--status-error);
}

.tg-pref-aggression-grid[b-d97d2xkmjl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.tg-pref-choice[b-d97d2xkmjl],
.tg-pref-cashout[b-d97d2xkmjl] {
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 0.75rem;
    background: rgba(var(--theme-ink-rgb),.03);
    color: var(--text-secondary);
    padding: 0.65rem;
    cursor: pointer;
    text-align: left;
}

.tg-pref-choice[b-d97d2xkmjl] {
    display: grid;
    gap: 0.2rem;
}

.tg-pref-choice strong[b-d97d2xkmjl],
.tg-pref-cashout span:first-child[b-d97d2xkmjl] {
    color: var(--text-primary);
    font-size: 0.8rem;
}

.tg-pref-choice small[b-d97d2xkmjl],
.tg-pref-cashout small[b-d97d2xkmjl],
.tg-pref-keep-row p[b-d97d2xkmjl] {
    color: var(--text-tertiary);
    font-size: 0.72rem;
}

.tg-pref-choice.is-on[b-d97d2xkmjl],
.tg-pref-cashout.is-on[b-d97d2xkmjl] {
    border-color: rgba(var(--status-success-rgb),.28);
    background: rgba(var(--status-success-rgb),.08);
}

.tg-pref-cashout[b-d97d2xkmjl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.2rem 0.75rem;
    align-items: center;
}

.tg-pref-cashout small[b-d97d2xkmjl] { grid-column: 1 / 2; }

.tg-pref-cashout .tg-pref-mini-switch[b-d97d2xkmjl] {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}

.tg-pref-keep-row[b-d97d2xkmjl] {
    display: grid;
    gap: 0.45rem;
}

.tg-pref-keep-labels[b-d97d2xkmjl] {
    display: flex;
    justify-content: space-between;
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.tg-pref-keep-labels strong[b-d97d2xkmjl] { color: var(--status-success); }

.tg-pref-slider[b-d97d2xkmjl] {
    width: 100%;
    accent-color: #39f3d1;
}

.tg-pref-empty[b-d97d2xkmjl],
.tg-pref-error[b-d97d2xkmjl] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
    padding: 0.65rem;
    border: 1px dashed rgba(var(--theme-ink-rgb),.1);
    border-radius: 0.7rem;
}

.tg-pref-error[b-d97d2xkmjl] {
    grid-column: 1 / -1;
    color: #ff9eb4;
    border-color: rgba(var(--status-error-rgb),.25);
    background: rgba(var(--status-error-rgb),.08);
}

@media (max-width: 900px) {
    .tg-preferences-body[b-d97d2xkmjl] { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .tg-pref-summary-chips[b-d97d2xkmjl] { display: none; }
    .tg-pref-book-row[b-d97d2xkmjl] { grid-template-columns: auto minmax(0, 1fr); }
    .tg-pref-amount-wrap[b-d97d2xkmjl] { grid-column: 2 / 3; }
    .tg-pref-aggression-grid[b-d97d2xkmjl] { grid-template-columns: 1fr; }
}

.tg-coming-soon[b-d97d2xkmjl] {
    margin: 2rem 0 2.5rem;
    padding: 1.5rem;
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 1.25rem;
    background:
        radial-gradient(ellipse at top right, rgba(var(--status-success-rgb),0.12), transparent 24rem),
        radial-gradient(ellipse at bottom left, rgba(var(--brand-indigo-rgb),0.14), transparent 22rem),
        linear-gradient(180deg, rgba(var(--theme-ink-rgb),.045), rgba(var(--theme-ink-rgb),.02));
    text-align: center;
}

.tg-coming-soon-kicker[b-d97d2xkmjl] {
    margin-bottom: 0.65rem;
    color: var(--status-success);
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.tg-coming-soon h2[b-d97d2xkmjl] {
    margin: 0 0 0.6rem;
    color: var(--text-primary);
    font-size: clamp(1.4rem, 2vw, 2rem);
    font-weight: 650;
}

.tg-coming-soon p[b-d97d2xkmjl] {
    max-width: 38rem;
    margin: 0 auto;
    color: var(--text-tertiary);
    font-size: 0.96rem;
    line-height: 1.65;
}

/* ── Daily stake planner ─────────────────────────────────────────────────── */
.tg-budget-panel[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0;
    background:
        radial-gradient(ellipse at 92% 0%, rgba(var(--status-success-rgb),0.11), transparent 22rem),
        linear-gradient(180deg, rgba(var(--theme-ink-rgb),.05), rgba(var(--theme-ink-rgb),.022));
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 1rem;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
}

/* ── Bankroll manager ───────────────────────────────────────────────────── */
.tg-bankroll-manager[b-d97d2xkmjl] { display: flex; flex-direction: column; gap: .75rem; }

.tg-bankroll-header[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.tg-bankroll-split-toggle[b-d97d2xkmjl] {
    display: flex; align-items: center; justify-content: space-between;
    background: rgba(var(--theme-ink-rgb),.05);
    border: 1px solid rgba(var(--theme-ink-rgb),.1);
    border-radius: .55rem;
    padding: .45rem .85rem;
    color: rgba(var(--theme-ink-rgb),.65); font-size: .8rem;
    cursor: pointer; width: 100%;
}
.tg-bankroll-split-toggle:hover[b-d97d2xkmjl] { background: rgba(var(--theme-ink-rgb),.09); color: var(--text-primary); }

.tg-bankroll-buckets[b-d97d2xkmjl] {
    display: flex; flex-direction: column; gap: .6rem;
}

.tg-bankroll-bucket[b-d97d2xkmjl] {
    position: relative;
    border-radius: .65rem;
    padding: .75rem 1rem;
    overflow: hidden;
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
}

.tg-bucket-bar[b-d97d2xkmjl] {
    position: absolute; top: 0; left: 0; height: 100%;
    border-radius: .65rem;
    opacity: .12; pointer-events: none;
}

.tg-bucket--active   .tg-bucket-bar[b-d97d2xkmjl] { background: var(--ledger-accent, #4ade80); }
.tg-bucket--reserve  .tg-bucket-bar[b-d97d2xkmjl] { background: #60a5fa; }
.tg-bucket--cashout  .tg-bucket-bar[b-d97d2xkmjl] { background: #c084fc; }

.tg-bucket-info[b-d97d2xkmjl] {
    position: relative;
    display: flex; align-items: center; justify-content: space-between;
    gap: .5rem;
}

.tg-bucket-label[b-d97d2xkmjl] {
    font-size: .8rem; font-weight: 600; color: rgba(var(--theme-ink-rgb),.85);
    display: flex; align-items: center; gap: .4rem;
}
.tg-bucket-pct[b-d97d2xkmjl] {
    font-size: .7rem; font-weight: 700;
    padding: .1rem .35rem; border-radius: .3rem;
    background: rgba(var(--theme-ink-rgb),.1); color: rgba(var(--theme-ink-rgb),.55);
}
.tg-bucket-amount[b-d97d2xkmjl] {
    font-size: 1rem; font-weight: 700; color: var(--text-primary);
    font-variant-numeric: tabular-nums;
}
.tg-bucket--active  .tg-bucket-amount[b-d97d2xkmjl] { color: var(--ledger-accent, #4ade80); }
.tg-bucket--reserve .tg-bucket-amount[b-d97d2xkmjl] { color: #93c5fd; }
.tg-bucket--cashout .tg-bucket-amount[b-d97d2xkmjl] { color: #d8b4fe; }

.tg-bucket-desc[b-d97d2xkmjl] {
    position: relative;
    margin: .3rem 0 0;
    font-size: .73rem; color: rgba(var(--theme-ink-rgb),.4); line-height: 1.4;
}

.tg-budget-divider[b-d97d2xkmjl] {
    border: none;
    border-top: 1px solid rgba(var(--theme-ink-rgb),.07);
    margin: 1rem 0;
}

.tg-budget-label-sub[b-d97d2xkmjl] {
    font-size: .7rem; font-weight: 400;
    color: rgba(var(--theme-ink-rgb),.35); margin-left: .25rem;
}

/* ── Budget Allocation Plan ─────────────────────────────────────────────── */
.tg-budget-plan[b-d97d2xkmjl] {
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),.04), rgba(var(--theme-ink-rgb),.018));
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.tg-budget-plan-toggle[b-d97d2xkmjl] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-primary, #f4f4f5);
}
.tg-budget-plan-title[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-muted, #94a3b8);
}
.tg-bp-dot[b-d97d2xkmjl] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: linear-gradient(135deg, #39f3d1, #6366f1);
    flex-shrink: 0;
}
.tg-bp-summary[b-d97d2xkmjl] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--text-muted, #94a3b8);
    text-transform: none;
    letter-spacing: 0;
}
.tg-bp-chevron[b-d97d2xkmjl] {
    font-size: 1.1rem;
    color: var(--text-muted, #94a3b8);
    transition: transform 0.2s;
    display: inline-block;
    transform: rotate(90deg);
}
.tg-bp-chevron.open[b-d97d2xkmjl] {
    transform: rotate(-90deg);
}
.tg-bp-body[b-d97d2xkmjl] {
    border-top: 1px solid rgba(var(--theme-ink-rgb),.06);
    padding: 1rem 1.25rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.tg-bp-meta[b-d97d2xkmjl] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    font-size: 0.82rem;
    color: var(--text-muted, #94a3b8);
}
.tg-bp-meta strong[b-d97d2xkmjl] { color: var(--text-primary, #f4f4f5); }
.tg-bp-unspent[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.65rem 0.85rem;
    border-radius: 0.6rem;
    border: 1px solid rgba(99,102,241,.18);
    background: linear-gradient(180deg, rgba(99,102,241,.08), rgba(99,102,241,.02));
}
.tg-bp-unspent-amount[b-d97d2xkmjl] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary, #f4f4f5);
}
.tg-bp-unspent-reason[b-d97d2xkmjl] {
    font-size: 0.76rem;
    line-height: 1.35;
    color: var(--text-muted, #94a3b8);
}
.tg-bp-table-wrap[b-d97d2xkmjl] {
    overflow-x: auto;
    border-radius: 0.5rem;
    border: 1px solid rgba(var(--theme-ink-rgb),.06);
}
.tg-bp-table[b-d97d2xkmjl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}
.tg-bp-table thead th[b-d97d2xkmjl] {
    background: rgba(var(--theme-ink-rgb),.04);
    color: var(--text-muted, #94a3b8);
    font-weight: 500;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.5rem 0.75rem;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),.06);
}
.tg-bp-table thead th.num[b-d97d2xkmjl],
.tg-bp-table td.num[b-d97d2xkmjl] {
    text-align: right;
}
.tg-bp-table tbody .bp-row td[b-d97d2xkmjl] {
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),.04);
    color: var(--text-primary, #f4f4f5);
    vertical-align: middle;
}
.tg-bp-table tbody .bp-row--best td[b-d97d2xkmjl] {
    background: rgba(99,102,241,.06);
}
.tg-bp-table tbody .bp-row:last-child td[b-d97d2xkmjl] { border-bottom: none; }
.bp-pick[b-d97d2xkmjl] {
    font-weight: 580;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}
.bp-matchup[b-d97d2xkmjl] { color: var(--text-muted, #94a3b8); font-size: 0.76rem; white-space: nowrap; }
.bp-book[b-d97d2xkmjl] { white-space: nowrap; }
.bp-stake[b-d97d2xkmjl] { font-weight: 600; }
.bp-pct[b-d97d2xkmjl] { color: var(--text-muted, #94a3b8); }
.bp-ev[b-d97d2xkmjl] { font-weight: 500; }
.bp-ev--strong[b-d97d2xkmjl] { color: var(--status-success); }
.bp-ev--pos[b-d97d2xkmjl]    { color: #86efac; }
.bp-ev--neg[b-d97d2xkmjl]    { color: var(--status-error); }
.bp-badge[b-d97d2xkmjl] {
    font-size: 0.65rem;
    font-weight: 500;
    border-radius: 3px;
    padding: 1px 5px;
    white-space: nowrap;
}
.bp-badge--best[b-d97d2xkmjl] {
    background: rgba(99,102,241,.22);
    color: var(--brand-indigo);
    border: 1px solid rgba(99,102,241,.3);
}
.bp-badge--also[b-d97d2xkmjl] {
    background: rgba(var(--text-tertiary-rgb),.1);
    color: var(--text-muted, #94a3b8);
    border: 1px solid rgba(var(--text-tertiary-rgb),.18);
}
.tg-bp-table tfoot .bp-totals td[b-d97d2xkmjl] {
    padding: 0.6rem 0.75rem;
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-primary, #f4f4f5);
    border-top: 1px solid rgba(var(--theme-ink-rgb),.1);
    background: rgba(var(--theme-ink-rgb),.03);
}
.tg-bp-disclaimer[b-d97d2xkmjl] {
    font-size: 0.72rem;
    color: var(--text-muted, #94a3b8);
    margin: 0;
    padding-top: 0.25rem;
}
    padding: 1rem 1.1rem;
    margin: -0.75rem 0 2rem;[b-d97d2xkmjl]
}
.tg-budget-kicker[b-d97d2xkmjl] {
    font-size: 0.68rem;
    font-weight: 650;
    color: var(--status-success);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 0.3rem;
}
.tg-budget-label[b-d97d2xkmjl] {
    display: block;
    color: var(--text-primary, #f4f4f5);
    font-size: 1rem;
    font-weight: 590;
    margin-bottom: 0.25rem;
}
.tg-budget-copy[b-d97d2xkmjl] {
    color: var(--text-muted, #94a3b8);
    font-size: 0.8rem;
    margin: 0;
}

.tg-budget-copy strong[b-d97d2xkmjl] {
    color: var(--text-primary, #f4f4f5);
    font-weight: 650;
}
.tg-budget-input-wrap[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    min-width: 180px;
    background: rgba(var(--theme-shadow-rgb),0.24);
    border: 1px solid rgba(var(--theme-ink-rgb),0.08);
    border-radius: 0.75rem;
    padding: 0.15rem 0.75rem;
}
.tg-budget-prefix[b-d97d2xkmjl] {
    color: var(--status-success);
    font-weight: 650;
    font-size: 1rem;
}
.tg-budget-input[b-d97d2xkmjl] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary, #f4f4f5);
    font-size: 1.35rem;
    font-weight: 650;
    padding: 0.55rem 0 0.55rem 0.35rem;
    font-variant-numeric: tabular-nums;
}
.tg-budget-input[b-d97d2xkmjl]::placeholder {
    color: rgba(var(--theme-ink-rgb),0.25);
}

/* ── Bookmaker filter ────────────────────────────────────────────────────── */
.tg-bookmaker-filter[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.tg-bookmaker-filter-label[b-d97d2xkmjl] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(var(--theme-ink-rgb),0.4);
}

.tg-bookmaker-select[b-d97d2xkmjl] {
    background: rgba(var(--theme-ink-rgb),0.06);
    border: 1px solid rgba(var(--theme-ink-rgb),0.12);
    border-radius: 0.5rem;
    color: var(--text-primary);
    font-size: 0.85rem;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718290' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2rem;
    transition: border-color 0.2s;
}

.tg-bookmaker-select:focus[b-d97d2xkmjl] {
    outline: none;
    border-color: rgba(var(--status-success-rgb),0.4);
}

.tg-bookmaker-select option[b-d97d2xkmjl] {
    background: #111;
    color: var(--text-primary);
}

.tg-bookmaker-filter-count[b-d97d2xkmjl] {
    font-size: 0.75rem;
    color: rgba(var(--status-success-rgb),0.85);
}

/* ── Parlay banner ───────────────────────────────────────────────────────── */
.tg-parlay-carousel-section[b-d97d2xkmjl] {
    margin-bottom: 2.25rem;
}

.tg-parlay-carousel-header[b-d97d2xkmjl] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.tg-parlay-carousel-header h2[b-d97d2xkmjl] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.15rem;
}

.tg-parlay-carousel-header > span[b-d97d2xkmjl] {
    color: var(--text-tertiary);
    font-size: 0.78rem;
}

.tg-parlay-carousel[b-d97d2xkmjl] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(320px, 520px);
    gap: 1rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding-bottom: 0.4rem;
}

.tg-parlay-card[b-d97d2xkmjl] {
    scroll-snap-align: start;
    margin-bottom: 0;
}

.tg-parlay-banner[b-d97d2xkmjl] {
    background:
        radial-gradient(ellipse at 90% 0%, rgba(var(--brand-violet-rgb),0.16), transparent 24rem),
        linear-gradient(180deg, rgba(var(--theme-ink-rgb),.055), rgba(var(--theme-ink-rgb),.02));
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 1.25rem;
    padding: 1.15rem 1.25rem 1rem;
    margin-bottom: 2.25rem;
    box-shadow: none;
}

.tg-parlay-card .tg-parlay-leg[b-d97d2xkmjl] {
    align-items: flex-start;
    flex-wrap: wrap;
}

.tg-parlay-card .tg-parlay-leg-pick[b-d97d2xkmjl] {
    flex-basis: 100%;
}
.tg-parlay-crown[b-d97d2xkmjl] {
    font-size: 0.72rem;
    font-weight: 650;
    color: var(--text-tertiary);
    margin-bottom: 0.35rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.tg-parlay-odds[b-d97d2xkmjl] {
    font-size: 1.75rem;
    font-weight: 650;
    color: var(--text-primary);
    line-height: 1.1;
    margin-bottom: 0.5rem;
}
.tg-parlay-meta[b-d97d2xkmjl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.75rem;
    font-size: 0.82rem;
    color: var(--text-tertiary);
    margin-bottom: 0.9rem;
    align-items: center;
}
.tg-sep[b-d97d2xkmjl] { color: rgba(var(--theme-ink-rgb),0.15); }
.tg-green[b-d97d2xkmjl] { color: var(--status-success); }
.tg-red[b-d97d2xkmjl]   { color: var(--status-error); }
.tg-weather-flag[b-d97d2xkmjl] {
    color: #47C9FF;
    font-weight: 520;
}
.tg-parlay-legs[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 0.9rem;
}
.tg-parlay-leg[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.87rem;
    background: rgba(var(--theme-ink-rgb),.026);
    border: 1px solid rgba(var(--theme-ink-rgb),.05);
    border-radius: 0.55rem;
    padding: 0.4rem 0.7rem;
}
.tg-parlay-leg-pick[b-d97d2xkmjl] {
    font-weight: 560;
    color: var(--text-secondary);
    flex: 1;
}
.tg-parlay-leg-game[b-d97d2xkmjl] {
    color: var(--text-secondary);
    font-size: 0.8rem;
}
.tg-parlay-leg-odds[b-d97d2xkmjl] {
    font-family: 'Fira Mono', monospace;
    color: var(--brand-indigo);
    min-width: 3rem;
    text-align: right;
}
.tg-parlay-leg-edge[b-d97d2xkmjl] {
    font-size: 0.78rem;
    min-width: 3.5rem;
    text-align: right;
}
.tg-parlay-reasoning[b-d97d2xkmjl] {
    font-size: 0.82rem;
    color: var(--text-secondary);
    border-top: 1px solid rgba(var(--theme-ink-rgb),.06);
    padding-top: 0.65rem;
}
.tg-parlay-reasoning summary[b-d97d2xkmjl] {
    cursor: pointer;
    color: var(--brand-indigo);
    font-weight: 520;
    list-style: none;
    padding: 0.2rem 0;
}
.tg-parlay-reasoning summary[b-d97d2xkmjl]::-webkit-details-marker { display: none; }
.tg-parlay-pre[b-d97d2xkmjl] {
    white-space: pre-wrap;
    word-break: break-word;
    font-family: inherit;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0.5rem 0 0;
    font-size: 0.81rem;
}

/* ── Weather badge ───────────────────────────────────────────────────────── */
.tg-weather-badge[b-d97d2xkmjl] {
    border-radius: 0.6rem;
    padding: 0.45rem 0.75rem;
    font-size: 0.8rem;
    line-height: 1.5;
    margin-top: 0.55rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}
.tg-weather-over[b-d97d2xkmjl]    { background: rgba(110,231,183,.055); border: 1px solid rgba(110,231,183,.14); color: var(--status-success); }
.tg-weather-under[b-d97d2xkmjl]   { background: rgba(var(--status-error-rgb),.055); border: 1px solid rgba(var(--status-error-rgb),.14); color: #fecaca; }
.tg-weather-neutral[b-d97d2xkmjl] { background: rgba(var(--theme-ink-rgb),.025); border: 1px solid rgba(var(--theme-ink-rgb),.06); color: var(--text-tertiary); }
.tg-weather-impact[b-d97d2xkmjl]  {
    font-size: 0.76rem;
    opacity: 0.85;
    display: block;
}

/* ── Header ─────────────────────────────────────────────────────────────── */
.tg-header[b-d97d2xkmjl] {
    margin-bottom: 2.5rem;
}
.tg-header-inner[b-d97d2xkmjl] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.tg-title[b-d97d2xkmjl] {
    font-size: clamp(2.35rem, 5vw, 4.4rem);
    font-weight: 650;
    color: var(--text-primary, #f4f4f5);
    margin: 0;
    letter-spacing: -0.055em;
    line-height: 0.98;
}
.tg-eyebrow[b-d97d2xkmjl] {
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
}
.tg-subtitle[b-d97d2xkmjl] {
    color: var(--text-muted, #a1a1aa);
    margin: 1rem 0 0;
    font-size: 1rem;
}
.tg-refresh-btn[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    border: 1px solid rgba(var(--theme-ink-rgb),0.1);
    background: rgba(var(--theme-ink-rgb),0.025);
    color: var(--text-primary, #f1f5f9);
    font-size: 0.875rem;
    cursor: pointer;
    transition: background 0.15s;
}
.tg-refresh-btn:hover:not(:disabled)[b-d97d2xkmjl] {
    background: rgba(var(--theme-ink-rgb),0.1);
}
.tg-refresh-btn:disabled[b-d97d2xkmjl] {
    opacity: 0.5;
    cursor: not-allowed;
}
.tg-system-details[b-d97d2xkmjl] {
    margin: 0 0 1.5rem;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(var(--theme-ink-rgb),0.1);
    border-radius: 10px;
    background: rgba(var(--theme-ink-rgb),0.025);
}
.tg-system-details summary[b-d97d2xkmjl] { cursor: pointer; color: var(--text-muted, #a1a1aa); }
.tg-system-state[b-d97d2xkmjl] { margin-left: 0.5rem; font-weight: 650; text-transform: capitalize; }
.tg-system-state--loading[b-d97d2xkmjl] { color: var(--text-muted, #a1a1aa); }
.tg-system-state--loaded[b-d97d2xkmjl] { color: var(--status-success, #86efac); }
.tg-system-state--timedout[b-d97d2xkmjl],
.tg-system-state--cancelled[b-d97d2xkmjl] { color: var(--status-warning, #fcd34d); }
.tg-system-state--unavailable[b-d97d2xkmjl] { color: var(--status-error, #fca5a5); }

/* ── Alerts ─────────────────────────────────────────────────────────────── */
.tg-alert[b-d97d2xkmjl] {
    border-radius: 12px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
}
.tg-alert-error[b-d97d2xkmjl] {
    background: rgba(var(--status-error-rgb),0.12);
    border: 1px solid rgba(var(--status-error-rgb),0.3);
    color: var(--status-error);
}
.tg-alert-warn[b-d97d2xkmjl] {
    background: rgba(var(--status-warning-rgb),0.1);
    border: 1px solid rgba(var(--status-warning-rgb),0.3);
    color: #fcd34d;
}

/* ── Grid ───────────────────────────────────────────────────────────────── */
.tg-grid[b-d97d2xkmjl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1rem;
}

/* ── Card ───────────────────────────────────────────────────────────────── */
.tg-card[b-d97d2xkmjl] {
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),0.04), rgba(var(--theme-ink-rgb),0.022));
    border: 1px solid rgba(var(--theme-ink-rgb),0.07);
    border-radius: 14px;
    padding: 1.15rem 1.2rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.tg-card:hover[b-d97d2xkmjl] {
    border-color: rgba(var(--theme-ink-rgb),0.13);
    box-shadow: none;
}
.tg-card-no-odds[b-d97d2xkmjl] {
    opacity: 0.7;
}

/* ── Card meta row ──────────────────────────────────────────────────────── */
.tg-card-meta[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.tg-badge[b-d97d2xkmjl] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    background: rgba(var(--theme-ink-rgb),0.055);
    color: var(--text-tertiary);
    border-radius: 4px;
    padding: 2px 6px;
}
.tg-time[b-d97d2xkmjl] {
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
}
.tg-live-pill[b-d97d2xkmjl] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--status-success);
}
@keyframes pulse-b-d97d2xkmjl {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* ── Matchup ────────────────────────────────────────────────────────────── */
.tg-matchup[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.tg-team[b-d97d2xkmjl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.tg-team-away[b-d97d2xkmjl] {
    text-align: right;
}
.tg-team-name[b-d97d2xkmjl] {
    font-weight: 560;
    font-size: 0.98rem;
    color: var(--text-primary, #f4f4f5);
    line-height: 1.2;
}
.tg-team-fav .tg-team-name[b-d97d2xkmjl] {
    color: var(--text-primary);
}
.tg-team-label[b-d97d2xkmjl] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--text-muted, #64748b);
}
.tg-vs[b-d97d2xkmjl] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-muted, #64748b);
    flex-shrink: 0;
}

/* ── Odds row ───────────────────────────────────────────────────────────── */
.tg-odds-row[b-d97d2xkmjl] {
    display: flex;
    align-items: stretch;
    gap: 0;
    background: rgba(var(--theme-shadow-rgb),0.16);
    border: 1px solid rgba(var(--theme-ink-rgb),0.045);
    border-radius: 10px;
    overflow: hidden;
}
.tg-odds-cell[b-d97d2xkmjl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0.6rem 0.75rem;
}
.tg-odds-cell-right[b-d97d2xkmjl] {
    text-align: right;
}
.tg-odds-fav[b-d97d2xkmjl] {
    background: rgba(var(--brand-indigo-rgb),0.07);
}
.tg-odds-label[b-d97d2xkmjl] {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--text-muted, #94a3b8);
    text-transform: uppercase;
}
.tg-odds-value[b-d97d2xkmjl] {
    font-size: 1.12rem;
    font-weight: 620;
    color: var(--text-primary, #f4f4f5);
}
.tg-implied[b-d97d2xkmjl] {
    font-size: 0.7rem;
    color: var(--text-muted, #94a3b8);
}
.tg-odds-divider[b-d97d2xkmjl] {
    width: 1px;
    background: rgba(var(--theme-ink-rgb),0.06);
    align-self: stretch;
}

/* ── Win probability bar ────────────────────────────────────────────────── */
.tg-prob-bar-wrap[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.tg-prob-label[b-d97d2xkmjl] {
    font-size: 0.7rem;
    color: var(--text-muted, #94a3b8);
    font-weight: 600;
    min-width: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tg-prob-label-right[b-d97d2xkmjl] {
    text-align: right;
}
.tg-prob-bar[b-d97d2xkmjl] {
    flex: 1;
    height: 6px;
    background: rgba(var(--theme-ink-rgb),0.08);
    border-radius: 3px;
    overflow: hidden;
}
.tg-prob-fill[b-d97d2xkmjl] {
    height: 100%;
    background: linear-gradient(90deg, #39F3D1, #6C7BFF);
    border-radius: 3px;
    transition: width 0.4s ease;
}
.tg-prob-pcts[b-d97d2xkmjl] {
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    color: var(--text-muted, #94a3b8);
    margin-top: -0.25rem;
}

/* ── Totals row ─────────────────────────────────────────────────────────── */
.tg-totals-row[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
    background: rgba(var(--theme-ink-rgb),0.025);
    border: 1px solid rgba(var(--theme-ink-rgb),0.045);
    border-radius: 8px;
    padding: 0.4rem 0.75rem;
}
.tg-totals-label[b-d97d2xkmjl] {
    font-weight: 700;
    font-size: 0.65rem;
    letter-spacing: 0.05em;
    color: var(--text-muted, #94a3b8);
    text-transform: uppercase;
}
.tg-totals-line[b-d97d2xkmjl] {
    font-weight: 700;
    color: var(--text-primary, #f1f5f9);
    font-size: 0.9rem;
}
.tg-totals-price[b-d97d2xkmjl] {
    color: var(--text-primary, #f1f5f9);
}
.tg-totals-sep[b-d97d2xkmjl] {
    color: var(--text-muted, #64748b);
}

/* ── Best book + compare toggle ─────────────────────────────────────────── */
.tg-book-header[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}
.tg-bestbook[b-d97d2xkmjl] {
    font-size: 0.72rem;
    color: var(--text-muted, #64748b);
}
.tg-bestbook strong[b-d97d2xkmjl] {
    color: var(--text-secondary);
}
.tg-book-toggle[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    font-size: 0.72rem;
    color: var(--brand-indigo);
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
}
.tg-book-toggle:hover[b-d97d2xkmjl] {
    color: var(--brand-indigo);
}
.tg-chevron[b-d97d2xkmjl] {
    transition: transform 0.2s;
}
.tg-chevron.open[b-d97d2xkmjl] {
    transform: rotate(180deg);
}

/* ── Book comparison panel ───────────────────────────────────────────────── */
.tg-book-panel[b-d97d2xkmjl] {
    border-top: 1px solid rgba(var(--theme-ink-rgb),0.06);
    padding-top: 0.75rem;
    animation: fadeIn-b-d97d2xkmjl 0.15s ease;
}
@keyframes fadeIn-b-d97d2xkmjl {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
.tg-book-table[b-d97d2xkmjl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}
.tg-book-table thead th[b-d97d2xkmjl] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
    padding: 0 0.4rem 0.5rem;
    text-align: left;
}
.tg-book-table thead th.num[b-d97d2xkmjl] {
    text-align: right;
}
/* Second header row (subheadings per column group) */
.tg-book-subhead th[b-d97d2xkmjl] {
    font-size: 0.6rem;
    font-weight: 600;
    color: var(--text-muted, #64748b);
    opacity: 0.7;
    padding: 0 0.4rem 0.4rem;
    text-align: right;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),0.06);
}
.tg-book-subhead th:first-child[b-d97d2xkmjl] {
    text-align: left;
}
.tg-book-table tbody tr[b-d97d2xkmjl] {
    border-top: 1px solid rgba(var(--theme-ink-rgb),0.04);
}
.tg-book-table tbody tr:first-child[b-d97d2xkmjl] {
    border-top: none;
}
.tg-book-table td[b-d97d2xkmjl] {
    padding: 0.35rem 0.4rem;
    color: var(--text-muted, #94a3b8);
    vertical-align: middle;
}
.tg-book-table td.num[b-d97d2xkmjl] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: var(--text-primary, #f1f5f9);
}
.tg-book-name[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}
.tg-book-crown[b-d97d2xkmjl] {
    font-size: 0.65rem;
    color: var(--status-warning);
    line-height: 1;
}
.tg-book-best td[b-d97d2xkmjl] {
    background: rgba(var(--brand-indigo-rgb),0.04);
}
.tg-best-val[b-d97d2xkmjl] {
    color: var(--status-success) !important;
    font-weight: 620;
}
.tg-book-total[b-d97d2xkmjl] {
    color: var(--text-muted, #64748b) !important;
    font-size: 0.72rem;
}

/* ── No odds ────────────────────────────────────────────────────────────── */
.tg-no-odds-msg[b-d97d2xkmjl] {
    font-size: 0.8rem;
    color: var(--text-muted, #64748b);
    text-align: center;
    padding: 0.5rem 0;
}

/* ── Empty state ────────────────────────────────────────────────────────── */
.tg-empty[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 4rem 0;
    color: var(--text-muted, #94a3b8);
}

/* ── Skeleton loading ───────────────────────────────────────────────────── */
.tg-skeleton-card[b-d97d2xkmjl] {
    pointer-events: none;
}
.tg-skeleton[b-d97d2xkmjl] {
    background: rgba(var(--theme-ink-rgb),0.06);
    border-radius: 6px;
    animation: shimmer-b-d97d2xkmjl 1.4s infinite;
}
.tg-skeleton-title[b-d97d2xkmjl] {
    height: 20px;
    width: 60%;
}
.tg-skeleton-line[b-d97d2xkmjl] {
    height: 14px;
    width: 100%;
}
.tg-skeleton-line.short[b-d97d2xkmjl] {
    width: 45%;
}
@keyframes shimmer-b-d97d2xkmjl {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

/* ── Spinner ────────────────────────────────────────────────────────────── */
.tg-spinner[b-d97d2xkmjl] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(var(--theme-ink-rgb),0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-d97d2xkmjl 0.7s linear infinite;
}
@keyframes spin-b-d97d2xkmjl {
    to { transform: rotate(360deg); }
}

/* ── Best Bets panel ────────────────────────────────────────────────────── */
.tg-bestbets-section[b-d97d2xkmjl] {
    margin-bottom: 3rem;
    width: 100%;
}
.tg-game-groups[b-d97d2xkmjl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 560px), 1fr));
    align-items: start;
    gap: 1.15rem;
}
.tg-game-groups--list[b-d97d2xkmjl] {
    grid-template-columns: 1fr;
}
.tg-game-groups--list .tg-game-group-card[b-d97d2xkmjl] {
    gap: 0.75rem;
}
.tg-game-groups--list .tg-game-group-marketboard[b-d97d2xkmjl] {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(var(--theme-ink-rgb),.06);
}
.tg-game-groups--list .tg-odds-row[b-d97d2xkmjl],
.tg-game-groups--list .tg-prob-bar-wrap[b-d97d2xkmjl],
.tg-game-groups--list .tg-prob-pcts[b-d97d2xkmjl],
.tg-game-groups--list .tg-totals-row[b-d97d2xkmjl],
.tg-game-groups--list .tg-weather-badge[b-d97d2xkmjl] {
    display: none;
}
.tg-game-group-card[b-d97d2xkmjl] {
    background: linear-gradient(180deg, rgba(var(--theme-ink-rgb),0.04), rgba(var(--theme-ink-rgb),0.022));
    border: 1px solid rgba(var(--theme-ink-rgb),0.07);
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.tg-game-group-top[b-d97d2xkmjl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}
.tg-game-group-time[b-d97d2xkmjl] {
    font-size: 0.72rem;
    color: var(--text-muted, #94a3b8);
}
.tg-game-group-matchup[b-d97d2xkmjl] {
    margin-top: 0.25rem;
    font-size: 1.1rem;
    font-weight: 590;
    color: var(--text-primary, #f4f4f5);
}
.tg-game-group-meta[b-d97d2xkmjl] {
    margin-top: 0.3rem;
    font-size: 0.78rem;
    color: var(--text-muted, #94a3b8);
}
.tg-game-group-bankroll[b-d97d2xkmjl] {
    min-width: 180px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
}
.tg-game-group-bankroll-label[b-d97d2xkmjl] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--status-success);
}
.tg-game-group-bankroll-value[b-d97d2xkmjl] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--status-success);
    font-variant-numeric: tabular-nums;
}
.tg-game-group-marketboard[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
}
.tg-game-group-market-meta[b-d97d2xkmjl] {
    flex-wrap: wrap;
}
.tg-game-group-date[b-d97d2xkmjl] {
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
}
.tg-game-group-matchup-board[b-d97d2xkmjl] {
    margin-top: 0.15rem;
}
.tg-game-group-section[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}
.tg-game-group-section-props[b-d97d2xkmjl] {
    border-top: 1px solid rgba(var(--theme-ink-rgb),0.06);
    padding-top: 0.95rem;
}
.tg-game-group-section-header[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}
.tg-game-group-section-header h3[b-d97d2xkmjl] {
    margin: 0;
    font-size: 0.86rem;
    font-weight: 650;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}
.tg-game-group-section-header span[b-d97d2xkmjl] {
    font-size: 0.8rem;
    color: var(--brand-indigo);
}
.tg-game-line-list[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}
.tg-game-line-item[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    background: rgba(var(--theme-ink-rgb),0.025);
    border: 1px solid rgba(var(--theme-ink-rgb),0.05);
    border-radius: 0.8rem;
    padding: 0.7rem 0.8rem;
}
.tg-game-line-item-prop[b-d97d2xkmjl] {
    background: rgba(var(--brand-indigo-rgb),0.055);
    border-color: rgba(var(--brand-indigo-rgb),0.14);
}
.tg-game-line-main[b-d97d2xkmjl] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}
.tg-game-line-pick[b-d97d2xkmjl] {
    font-size: 0.95rem;
    font-weight: 580;
    color: var(--text-primary, #f4f4f5);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.tg-book-not-best[b-d97d2xkmjl] {
    font-size: 0.68rem;
    font-weight: 500;
    color: var(--text-muted, #94a3b8);
    background: rgba(var(--text-tertiary-rgb),0.1);
    border: 1px solid rgba(var(--text-tertiary-rgb),0.2);
    border-radius: 4px;
    padding: 1px 6px;
    white-space: nowrap;
}
.tg-game-line-meta[b-d97d2xkmjl] {
    font-size: 0.76rem;
    color: var(--text-muted, #94a3b8);
}
.tg-game-line-stake[b-d97d2xkmjl] {
    flex-shrink: 0;
    min-width: 88px;
    text-align: right;
}
.tg-game-line-stake span[b-d97d2xkmjl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    border-radius: 999px;
    padding: 0.45rem 0.75rem;
    background: rgba(var(--status-success-rgb),0.08);
    border: 1px solid rgba(var(--status-success-rgb),0.16);
    color: var(--status-success);
    font-size: 0.84rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}
.tg-game-group-books[b-d97d2xkmjl] {
    margin-top: 0.2rem;
}
.tg-bestbets-header[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1.05rem;
}
.tg-view-toggle[b-d97d2xkmjl] {
    display: inline-flex;
    padding: 0.18rem;
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 999px;
    background: rgba(var(--theme-ink-rgb),.035);
}
.tg-view-toggle button[b-d97d2xkmjl] {
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--text-tertiary);
    padding: 0.38rem 0.7rem;
    font-size: 0.76rem;
    cursor: pointer;
}
.tg-view-toggle button.is-active[b-d97d2xkmjl] {
    background: rgba(var(--status-success-rgb),.12);
    color: var(--status-success);
}
.tg-bestbets-icon[b-d97d2xkmjl] { display: none; }
.tg-bestbets-title[b-d97d2xkmjl] {
    font-size: 1.25rem;
    font-weight: 560;
    color: var(--text-primary, #f4f4f5);
    margin: 0;
}
.tg-bestbets-sub[b-d97d2xkmjl] {
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
}

/* Cards grid */
.tg-bestbets-grid[b-d97d2xkmjl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
    justify-content: center;
}

/* ── Non-prioritized games section divider ───────────────────────────────── */
.tg-outer-wrap[b-d97d2xkmjl] {
    margin-top: 1rem;
    width: 100%;
}
/* ── DFS Value Plays panel ───────────────────────────────────────────────── */
/* Reuses .tg-game-group-card / .tg-game-line-* from the sportsbook section.  */
/* Only DFS-specific overrides and new elements are defined here.              */

.tg-dfs-section[b-d97d2xkmjl] {
    margin-top: 2.5rem;
}

/* Line item tint for DFS cards */
.tg-game-line-item--dfs[b-d97d2xkmjl] {
    background: rgba(var(--brand-indigo-rgb),.04);
    border-color: rgba(var(--brand-indigo-rgb),.12);
}
.tg-game-line-item--dfs-over[b-d97d2xkmjl]   { border-color: rgba(var(--status-success-rgb),.18);  background: rgba(var(--status-success-rgb),.03); }
.tg-game-line-item--dfs-under[b-d97d2xkmjl]  { border-color: rgba(var(--brand-indigo-rgb),.22); background: rgba(var(--brand-indigo-rgb),.05); }
.tg-game-line-item--dfs-either[b-d97d2xkmjl] { border-color: rgba(234,179,8,.18);   background: rgba(234,179,8,.03);  }

/* Multi-book opportunity */
.tg-game-line-item--multibook[b-d97d2xkmjl] {
    border-color: rgba(var(--status-success-rgb),.22);
    background: rgba(var(--status-success-rgb),.04);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.tg-multibook-panel[b-d97d2xkmjl] {
    background: rgba(var(--theme-ink-rgb),.03);
    border: 1px solid rgba(var(--status-success-rgb),.16);
    border-top: none;
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
    padding: 0.7rem 0.85rem 0.65rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.tg-multibook-label[b-d97d2xkmjl] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(var(--status-success-rgb),.7);
}
.tg-multibook-rows[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}
.tg-multibook-row[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.84rem;
    padding: 0.28rem 0.4rem;
    border-radius: 0.45rem;
    background: rgba(var(--theme-ink-rgb),.025);
}
.tg-multibook-row--primary[b-d97d2xkmjl]   { background: rgba(var(--status-success-rgb),.06); }
.tg-multibook-row--secondary[b-d97d2xkmjl] { background: rgba(var(--brand-indigo-rgb),.05); }
.tg-multibook-row--optional[b-d97d2xkmjl]  { background: rgba(var(--theme-ink-rgb),.02); }
.tg-multibook-book[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex: 1;
    min-width: 0;
}
.tg-multibook-role-badge[b-d97d2xkmjl] {
    flex-shrink: 0;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 0.12rem 0.45rem;
    border-radius: 0.3rem;
}
.tg-multibook-role-badge--primary[b-d97d2xkmjl]   { background: rgba(var(--status-success-rgb),.18); color: var(--status-success); }
.tg-multibook-role-badge--secondary[b-d97d2xkmjl] { background: rgba(var(--brand-indigo-rgb),.2); color: var(--brand-indigo); }
.tg-multibook-role-badge--optional[b-d97d2xkmjl]  { background: rgba(var(--theme-ink-rgb),.08); color: rgba(var(--theme-ink-rgb),.5); }
.tg-multibook-bookname[b-d97d2xkmjl] {
    color: var(--text-primary, #f4f4f5);
    font-weight: 540;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
a.tg-multibook-bookname[b-d97d2xkmjl] {
    color: var(--brand-indigo);
    text-decoration: none;
}
a.tg-multibook-bookname:hover[b-d97d2xkmjl] { text-decoration: underline; }
.tg-multibook-odds[b-d97d2xkmjl] {
    font-weight: 640;
    color: var(--text-primary, #f4f4f5);
    font-variant-numeric: tabular-nums;
}
.tg-multibook-ev[b-d97d2xkmjl] {
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
}
.tg-multibook-stake[b-d97d2xkmjl] {
    font-weight: 640;
    color: var(--status-success);
    font-variant-numeric: tabular-nums;
    margin-left: auto;
}
.tg-multibook-footer[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: rgba(var(--theme-ink-rgb),.55);
    border-top: 1px solid rgba(var(--theme-ink-rgb),.06);
    padding-top: 0.45rem;
    margin-top: 0.1rem;
}
.tg-multibook-warn[b-d97d2xkmjl] {
    color: rgba(234,179,8,.8);
    font-size: 0.78rem;
}

/* OVER / UNDER / EITHER badge inside the pick row */
.tg-dfs-play-badge[b-d97d2xkmjl] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.15rem 0.5rem;
    border-radius: 99px;
    margin-right: 0.45rem;
    vertical-align: middle;
}
.tg-dfs-play-badge--over[b-d97d2xkmjl]   { background: rgba(var(--status-success-rgb),.15);  color: var(--status-success); }
.tg-dfs-play-badge--under[b-d97d2xkmjl]  { background: rgba(var(--brand-indigo-rgb),.18); color: var(--brand-indigo); }
.tg-dfs-play-badge--either[b-d97d2xkmjl] { background: rgba(234,179,8,.14);   color: #d97706; }

/* Strength badge (top-right of card header) */
.tg-dfs-strength-badge[b-d97d2xkmjl] {
    flex-shrink: 0;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 0.2rem 0.55rem;
    border-radius: 99px;
    align-self: flex-start;
}
.tg-dfs-badge--strong[b-d97d2xkmjl] { background: rgba(var(--status-success-rgb),.15);  color: var(--status-success); }
.tg-dfs-badge--high[b-d97d2xkmjl]   { background: rgba(var(--brand-indigo-rgb),.15); color: var(--brand-indigo); }
.tg-dfs-badge--medium[b-d97d2xkmjl] { background: rgba(234,179,8,.12);   color: #d97706; }
.tg-dfs-badge--low[b-d97d2xkmjl]    { background: rgba(113,113,122,.15); color: var(--text-tertiary); }

/* Gap / delta pill (replaces stake pill for DFS) */
.tg-dfs-delta[b-d97d2xkmjl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    border-radius: 999px;
    padding: 0.45rem 0.65rem;
    font-size: 0.82rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}
.tg-dfs-delta--pos[b-d97d2xkmjl] { background: rgba(var(--status-success-rgb),.1);  border: 1px solid rgba(var(--status-success-rgb),.2);  color: var(--status-success); }
.tg-dfs-delta--neg[b-d97d2xkmjl] { background: rgba(var(--brand-indigo-rgb),.1); border: 1px solid rgba(var(--brand-indigo-rgb),.2); color: var(--brand-indigo); }

/* ── Games disclosure ────────────────────────────────────────────────────── */
.tg-games-disclosure[b-d97d2xkmjl] {
    width: 100%;
}
.tg-games-divider[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.8rem;
    padding: 2.5rem 0 1.35rem;
    border-top: 1px solid rgba(var(--theme-ink-rgb),0.07);
    margin-bottom: 0.25rem;
    cursor: pointer;
    list-style: none;
    position: relative;
    text-align: center;
}
.tg-games-divider[b-d97d2xkmjl]::-webkit-details-marker,
.tg-games-divider[b-d97d2xkmjl]::marker {
    display: none;
}
.tg-games-divider-copy[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.35rem;
    text-align: center;
}
.tg-games-divider > .tg-chevron[b-d97d2xkmjl] {
    position: static;
    width: 34px;
    height: 34px;
    padding: 0.35rem;
    border-radius: 999px;
    color: var(--status-success);
    background: rgba(var(--status-success-rgb),0.08);
    border: 1px solid rgba(var(--status-success-rgb),0.18);
    transform: none;
    box-shadow: 0 0 22px rgba(var(--status-success-rgb),0.14);
}
.tg-games-divider > .tg-chevron.open[b-d97d2xkmjl] {
    transform: rotate(180deg);
}
.tg-games-divider-title[b-d97d2xkmjl] {
    font-size: 1.25rem;
    font-weight: 560;
    color: var(--text-primary, #f4f4f5);
    margin: 0;
}
.tg-games-divider-sub[b-d97d2xkmjl] {
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
}
.tg-games-divider-action[b-d97d2xkmjl] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--status-success);
}
.tg-all-games-grid[b-d97d2xkmjl] {
    padding-top: 0.75rem;
}

/* ── Compare books area on priority bet cards ────────────────────────────── */
.tg-bb-comparebooks[b-d97d2xkmjl] {
    border-top: 1px solid rgba(var(--theme-ink-rgb),0.06);
    padding-top: 0.6rem;
    margin-top: 0.1rem;
}

/* ── Intelligence Summary block ──────────────────────────────────────────── */
.tg-bb-intelligence[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.55rem;
    padding: 0.55rem 0.7rem;
    background: rgba(99, 179, 237, 0.06);
    border-left: 2px solid rgba(99, 179, 237, 0.35);
    border-radius: 0 6px 6px 0;
}

.tg-bb-intelligence-label[b-d97d2xkmjl] {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(99, 179, 237, 0.75);
}

.tg-bb-intelligence-text[b-d97d2xkmjl] {
    font-size: 0.8rem;
    line-height: 1.55;
    color: var(--text-muted, #94a3b8);
}

@media (max-width: 720px) {
    .todays-games-page[b-d97d2xkmjl] {
        max-width: min(100% - 28px, 1400px);
    }

    .tg-header[b-d97d2xkmjl] {
        margin-bottom: 1.6rem;
    }

    .tg-title[b-d97d2xkmjl] {
        font-size: clamp(2.25rem, 12vw, 3.4rem);
    }
    .tg-subtitle[b-d97d2xkmjl] {
        font-size: 0.92rem;
    }

    .tg-disclaimer[b-d97d2xkmjl] {
        margin-bottom: 1.25rem;
    }

    .tg-budget-panel[b-d97d2xkmjl] {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 1rem;
        margin: 0 0 1.5rem;
        padding: 1rem;
    }

    .tg-budget-input-wrap[b-d97d2xkmjl],
    .tg-bookmaker-select[b-d97d2xkmjl] {
        width: 100%;
    }

    .tg-bookmaker-filter[b-d97d2xkmjl] {
        padding-top: 1rem;
        border-top: 1px solid rgba(var(--theme-ink-rgb),0.06);
    }

    .tg-grid[b-d97d2xkmjl],
    .tg-game-groups[b-d97d2xkmjl],
    .tg-bestbets-grid[b-d97d2xkmjl] {
        grid-template-columns: 1fr;
    }

    .tg-game-line-item[b-d97d2xkmjl] {
        flex-direction: column;
        align-items: stretch;
    }

    .tg-game-line-stake[b-d97d2xkmjl],
    .tg-game-line-stake span[b-d97d2xkmjl],
    .tg-game-group-bankroll[b-d97d2xkmjl] {
        width: 100%;
        min-width: 0;
        text-align: left;
        align-items: flex-start;
    }
}

/* -- Best Bet Right Now card (Pro only) ------------------------------------ */
.tg-bbn-card[b-d97d2xkmjl] {
    background: linear-gradient(135deg, rgba(var(--status-success-rgb),0.08) 0%, rgba(99,102,241,0.06) 100%);
    border: 1px solid rgba(var(--status-success-rgb),0.3);
    border-radius: 16px;
    padding: 1.5rem 1.75rem;
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
}
.tg-bbn-header[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.tg-bbn-eyebrow[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--status-success);
}
.tg-bbn-pulse[b-d97d2xkmjl] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
    animation: bbn-pulse-b-d97d2xkmjl 2s ease-in-out infinite;
    flex-shrink: 0;
}
@keyframes bbn-pulse-b-d97d2xkmjl {
    0%, 100% { box-shadow: 0 0 0 0 rgba(var(--status-success-rgb),0.6); }
    50%       { box-shadow: 0 0 0 6px rgba(var(--status-success-rgb),0); }
}
.tg-bbn-updated[b-d97d2xkmjl] {
    font-size: 0.72rem;
    color: var(--text-muted, #64748b);
}
.tg-bbn-pick[b-d97d2xkmjl] {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--text-primary, #f1f5f9);
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin-bottom: 0.2rem;
}
.tg-bbn-matchup[b-d97d2xkmjl] {
    font-size: 0.85rem;
    color: var(--text-muted, #94a3b8);
    margin-bottom: 1rem;
}
.tg-bbn-stats[b-d97d2xkmjl] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-bottom: 1rem;
}
.tg-bbn-stat[b-d97d2xkmjl] { display: flex; flex-direction: column; gap: 0.15rem; }
.tg-bbn-stat-label[b-d97d2xkmjl] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--text-muted, #64748b);
}
.tg-bbn-stat-val[b-d97d2xkmjl] { font-size: 1rem; font-weight: 700; color: var(--text-primary, #f1f5f9); }
.tg-bbn-reasoning[b-d97d2xkmjl] { margin-bottom: 0.75rem; font-size: 0.82rem; color: var(--text-muted, #94a3b8); }
.tg-bbn-reasoning summary[b-d97d2xkmjl] { cursor: pointer; color: var(--text-secondary, #cbd5e1); font-size: 0.8rem; }
.tg-bbn-reasoning-text[b-d97d2xkmjl] { margin-top: 0.5rem; line-height: 1.6; color: var(--text-muted, #94a3b8); }
.tg-bbn-footer[b-d97d2xkmjl] { margin-top: 0.25rem; }
.tg-bbn-book[b-d97d2xkmjl] { font-size: 0.8rem; color: var(--text-muted, #64748b); }

/* -- Personalized pipeline UI -------------------------------------------- */

/* Bankroll summary strip */
.tg-bankroll-strip[b-d97d2xkmjl] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
    padding: .75rem 1.1rem;
    background: rgba(var(--theme-ink-rgb),.04);
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 10px;
    margin-bottom: 1rem;
}
.tg-bankroll-cell[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}
.tg-bankroll-label[b-d97d2xkmjl] {
    font-size: .72rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: rgba(var(--theme-ink-rgb),.4);
}
.tg-bankroll-value[b-d97d2xkmjl] {
    font-size: .95rem;
    font-weight: 600;
    color: var(--text-primary);
}
.tg-muted[b-d97d2xkmjl] { color: rgba(var(--theme-ink-rgb),.45) !important; }

/* Risk-warning and suppressed-bets accordion panels */
.tg-pipeline-warnings[b-d97d2xkmjl],
.tg-suppressed-panel[b-d97d2xkmjl] {
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: .75rem;
}
.tg-pipeline-warnings .tg-budget-plan-toggle[b-d97d2xkmjl],
.tg-suppressed-panel .tg-budget-plan-toggle[b-d97d2xkmjl] {
    width: 100%;
    padding: .65rem 1rem;
}
.tg-pipeline-warning-list[b-d97d2xkmjl] {
    margin: 0;
    padding: .5rem 1.1rem .75rem 1.8rem;
    list-style: disc;
    color: var(--status-warning);
    font-size: .85rem;
    line-height: 1.6;
    background: rgba(var(--status-warning-rgb),.06);
}
.tg-suppressed-list[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.tg-suppressed-row[b-d97d2xkmjl] {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr auto;
    gap: .25rem .75rem;
    align-items: center;
    padding: .5rem 1rem;
    border-top: 1px solid rgba(var(--theme-ink-rgb),.05);
    font-size: .82rem;
}
.tg-suppressed-pick[b-d97d2xkmjl] { font-weight: 600; color: rgba(var(--theme-ink-rgb),.7); }
.tg-suppressed-matchup[b-d97d2xkmjl] { color: rgba(var(--theme-ink-rgb),.45); }
.tg-suppressed-reason[b-d97d2xkmjl] { color: rgba(var(--theme-ink-rgb),.5); font-style: italic; }
.tg-suppressed-ev[b-d97d2xkmjl] { font-weight: 600; text-align: right; }

/* Preference applied hint in section header */
.tg-pref-applied-hint[b-d97d2xkmjl] {
    color: rgba(99,202,183,.7);
    cursor: default;
    font-size: .78rem;
}

/* Dot variants for accordion headers */
.tg-bp-dot--warn[b-d97d2xkmjl] { background: #f59e0b; }
.tg-bp-dot--suppressed[b-d97d2xkmjl] { background: rgba(var(--theme-ink-rgb),.3); }

@media (max-width: 600px) {
    .tg-suppressed-row[b-d97d2xkmjl] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }
    .tg-suppressed-reason[b-d97d2xkmjl] { grid-column: 1 / -1; }
    .tg-bankroll-strip[b-d97d2xkmjl] { gap: .5rem 1rem; }
}

/* -- Live update status bar ------------------------------------------------ */
.tg-live-status[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 1rem;
    border-radius: 0.6rem;
    border: 1px solid rgba(var(--theme-ink-rgb),.08);
    font-size: 0.78rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}
.tg-live-status--active[b-d97d2xkmjl] {
    background: rgba(var(--status-success-rgb),.08);
    border-color: rgba(var(--status-success-rgb),.25);
    color: var(--status-success);
}
.tg-live-status--degraded[b-d97d2xkmjl] {
    background: rgba(var(--status-warning-rgb),.07);
    border-color: rgba(var(--status-warning-rgb),.25);
    color: #fde68a;
}
.tg-live-status-left[b-d97d2xkmjl], .tg-live-status-right[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}
.tg-live-status-icon[b-d97d2xkmjl] { font-size: 0.7rem; }
.tg-live-dot[b-d97d2xkmjl] { color: var(--status-success); animation: bbn-pulse-b-d97d2xkmjl 2s ease-in-out infinite; }
.tg-live-status-label[b-d97d2xkmjl] { font-weight: 500; }
.tg-live-status-ts[b-d97d2xkmjl] {
    color: rgba(var(--theme-ink-rgb),.45);
    font-size: 0.72rem;
}
.tg-live-status-ver[b-d97d2xkmjl] {
    color: rgba(var(--theme-ink-rgb),.3);
    font-size: 0.7rem;
    font-variant-numeric: tabular-nums;
}

/* -- Live game context rows ------------------------------------------------ */
.tg-live-contexts[b-d97d2xkmjl] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-bottom: 0.75rem;
}
.tg-live-ctx[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.4rem 0.85rem;
    background: rgba(var(--theme-ink-rgb),.03);
    border: 1px solid rgba(var(--theme-ink-rgb),.06);
    border-radius: 0.5rem;
    font-size: 0.75rem;
}
.tg-live-ctx--stale[b-d97d2xkmjl] { opacity: 0.55; }
.tg-live-ctx-matchup[b-d97d2xkmjl] { font-weight: 600; color: rgba(var(--theme-ink-rgb),.8); }
.tg-live-ctx-score[b-d97d2xkmjl] { color: var(--status-info); font-variant-numeric: tabular-nums; }
.tg-live-ctx-inning[b-d97d2xkmjl] { color: rgba(var(--theme-ink-rgb),.45); }
.tg-live-ctx-reason[b-d97d2xkmjl] { color: #fde68a; font-style: italic; }
.tg-live-ctx-delta[b-d97d2xkmjl] { font-weight: 600; font-variant-numeric: tabular-nums; }
.tg-current-status[b-d97d2xkmjl] {
    margin: 1.25rem 0;
    padding: 1.15rem;
    border: 1px solid var(--border-subtle, rgba(255,255,255,.12));
    border-radius: 14px;
    background: var(--surface-card, rgba(255,255,255,.04));
}

.tg-current-status-head[b-d97d2xkmjl], .tg-current-status-meta[b-d97d2xkmjl], .tg-current-status-metrics[b-d97d2xkmjl],
.tg-current-status-footer[b-d97d2xkmjl], .tg-current-coverage-title[b-d97d2xkmjl] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.tg-current-status-head[b-d97d2xkmjl] { justify-content: space-between; align-items: flex-start; }
.tg-current-status h2[b-d97d2xkmjl] { margin: .15rem 0; font-size: 1.15rem; }
.tg-current-status-reason[b-d97d2xkmjl] { margin: 0; color: var(--text-muted, #9aa4b2); }
.tg-current-status-actions[b-d97d2xkmjl] { display: flex; gap: .6rem; align-items: center; }
.tg-current-status-pill[b-d97d2xkmjl] { padding: .25rem .55rem; border-radius: 999px; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; background: rgba(255,255,255,.1); }
.tg-current-status-pill--ready[b-d97d2xkmjl] { background: rgba(67, 201, 133, .18); color: #67e0a0; }
.tg-current-status-pill--partial[b-d97d2xkmjl], .tg-current-status-pill--stale[b-d97d2xkmjl] { background: rgba(245, 180, 66, .18); color: #f5c66a; }
.tg-current-status-pill--blocked[b-d97d2xkmjl], .tg-current-status-pill--failed[b-d97d2xkmjl] { background: rgba(239, 96, 96, .18); color: #ff9292; }
.tg-current-status-meta[b-d97d2xkmjl] { margin-top: .8rem; color: var(--text-muted, #9aa4b2); font-size: .78rem; }
.tg-current-status-meta strong[b-d97d2xkmjl], .tg-current-status-metrics strong[b-d97d2xkmjl] { color: var(--text-primary, #f4f6f8); }
.tg-current-status-metrics[b-d97d2xkmjl] { margin-top: .8rem; padding-top: .8rem; border-top: 1px solid var(--border-subtle, rgba(255,255,255,.1)); font-size: .82rem; }
.tg-current-coverage[b-d97d2xkmjl] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; margin-top: .9rem; }
.tg-current-coverage-card[b-d97d2xkmjl] { padding: .7rem; border-radius: 10px; background: rgba(0,0,0,.12); font-size: .78rem; color: var(--text-muted, #9aa4b2); }
.tg-current-coverage-title[b-d97d2xkmjl] { justify-content: space-between; color: var(--text-primary, #f4f6f8); }
.tg-current-coverage-title span[b-d97d2xkmjl] { font-size: .68rem; text-transform: uppercase; }
.tg-current-coverage-props[b-d97d2xkmjl] { margin-top: .35rem; }
.tg-current-coverage-blocker[b-d97d2xkmjl] { margin-top: .35rem; color: #f5c66a; }
.tg-current-status-footer[b-d97d2xkmjl] { margin-top: .75rem; color: var(--text-muted, #9aa4b2); font-size: .72rem; }
.tg-bb-evidence[b-d97d2xkmjl] { margin-top: .7rem; border-top: 1px solid var(--border-subtle, rgba(255,255,255,.1)); padding-top: .55rem; color: var(--text-muted, #9aa4b2); font-size: .76rem; }
.tg-bb-evidence summary[b-d97d2xkmjl] { cursor: pointer; color: var(--text-primary, #f4f6f8); }
.tg-bb-evidence-grid[b-d97d2xkmjl] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem .8rem; padding-top: .6rem; }
.tg-bb-evidence-grid strong[b-d97d2xkmjl] { color: var(--text-primary, #f4f6f8); font-weight: 500; overflow-wrap: anywhere; }

@media (max-width: 720px) {
    .tg-current-coverage[b-d97d2xkmjl] { grid-template-columns: 1fr; }
    .tg-current-status-actions[b-d97d2xkmjl] { width: 100%; justify-content: space-between; }
    .tg-bb-evidence-grid[b-d97d2xkmjl] { grid-template-columns: 1fr; }
}
/* /Components/Shared/OperatorBlockerSummary.razor.rz.scp.css */
.operator-blocker[b-h8q7p1k291] {
    display: grid;
    gap: .2rem;
    padding: .7rem 1.1rem;
    border-bottom: 1px solid color-mix(in srgb, #b42318 35%, var(--border));
    background: color-mix(in srgb, #b42318 5%, var(--surface));
}

.operator-blocker > span[b-h8q7p1k291] {
    color: var(--text-secondary);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.operator-blocker small[b-h8q7p1k291] {
    color: var(--text-secondary);
}

@media (max-width: 480px) {
    .operator-blocker[b-h8q7p1k291] {
        padding: .6rem .75rem;
    }
}
/* /Components/Shared/OperatorStatusBadge.razor.rz.scp.css */
.operator-status[b-h4d0gaydau] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    gap: .3rem;
    padding: .2rem .45rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface-muted, var(--surface));
    color: var(--text-secondary);
    font-size: .7rem;
    font-weight: 750;
    white-space: nowrap;
}

.operator-status-dot[b-h4d0gaydau] {
    width: .42rem;
    height: .42rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: currentColor;
}

.operator-status[data-status="Running"][b-h4d0gaydau],
.operator-status[data-status="Completed"][b-h4d0gaydau],
.operator-status[data-status="ConfirmedActive"][b-h4d0gaydau] {
    border-color: color-mix(in srgb, #18794e 42%, var(--border));
    color: #18794e;
}

.operator-status[data-status="NoWork"][b-h4d0gaydau] {
    border-color: color-mix(in srgb, #2563eb 36%, var(--border));
    color: #2563eb;
}

.operator-status[data-status="Queued"][b-h4d0gaydau],
.operator-status[data-status="Waiting"][b-h4d0gaydau],
.operator-status[data-status="Pending"][b-h4d0gaydau],
.operator-status[data-status="PartiallyCompleted"][b-h4d0gaydau],
.operator-status[data-status="CompletedWithWarnings"][b-h4d0gaydau],
.operator-status[data-status="StaleHeartbeat"][b-h4d0gaydau] {
    border-color: color-mix(in srgb, #9a6700 42%, var(--border));
    color: #9a6700;
}

.operator-status[data-status="Failed"][b-h4d0gaydau],
.operator-status[data-status="Blocked"][b-h4d0gaydau],
.operator-status[data-status="Poisoned"][b-h4d0gaydau],
.operator-status[data-status="Misconfigured"][b-h4d0gaydau] {
    border-color: color-mix(in srgb, #b42318 42%, var(--border));
    color: #b42318;
}

@media (prefers-color-scheme: dark) {
    .operator-status[data-status="Running"][b-h4d0gaydau],
    .operator-status[data-status="Completed"][b-h4d0gaydau],
    .operator-status[data-status="ConfirmedActive"][b-h4d0gaydau] {
        color: #65d18a;
    }

    .operator-status[data-status="NoWork"][b-h4d0gaydau] {
        color: #7db2ff;
    }

    .operator-status[data-status="Queued"][b-h4d0gaydau],
    .operator-status[data-status="Waiting"][b-h4d0gaydau],
    .operator-status[data-status="Pending"][b-h4d0gaydau],
    .operator-status[data-status="PartiallyCompleted"][b-h4d0gaydau],
    .operator-status[data-status="CompletedWithWarnings"][b-h4d0gaydau],
    .operator-status[data-status="StaleHeartbeat"][b-h4d0gaydau] {
        color: #f2b85b;
    }

    .operator-status[data-status="Failed"][b-h4d0gaydau],
    .operator-status[data-status="Blocked"][b-h4d0gaydau],
    .operator-status[data-status="Poisoned"][b-h4d0gaydau],
    .operator-status[data-status="Misconfigured"][b-h4d0gaydau] {
        color: #ff8c83;
    }
}
/* /Components/Shared/QueuesWorkersPanel.razor.rz.scp.css */
.qwm-panel[b-2oxlws353p] {
    --qwm-positive: #18794e;
    --qwm-warning: #9a6700;
    --qwm-danger: #b42318;
    display: grid;
    gap: .9rem;
    min-width: 0;
    color: var(--text-primary);
    font-size: .9rem;
}

.qwm-commandbar[b-2oxlws353p] {
    position: sticky;
    top: .5rem;
    z-index: 8;
    display: grid;
    grid-template-columns: minmax(15rem, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    padding: .8rem 1rem;
    border: 1px solid var(--border);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    box-shadow: 0 .55rem 1.5rem rgb(15 23 42 / .08);
    backdrop-filter: blur(14px);
}

.qwm-command-title h2[b-2oxlws353p],
.qwm-section-label h3[b-2oxlws353p],
.qwm-attention h4[b-2oxlws353p],
.qwm-drawer h3[b-2oxlws353p],
.qwm-detail-section h4[b-2oxlws353p] {
    margin: 0;
}

.qwm-command-title[b-2oxlws353p] {
    min-width: 0;
}

.qwm-command-title h2[b-2oxlws353p] {
    max-width: 24rem;
    overflow-wrap: anywhere;
}

.qwm-command-title p[b-2oxlws353p],
.qwm-section-label span[b-2oxlws353p],
.qwm-command-meta[b-2oxlws353p],
.qwm-detail-note[b-2oxlws353p] {
    color: var(--text-secondary);
}

.qwm-command-title p[b-2oxlws353p] {
    margin: .15rem 0 0;
}

.ledger-kicker[b-2oxlws353p] {
    color: var(--accent);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.qwm-command-meta[b-2oxlws353p] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .8rem;
    font-size: .78rem;
}

.qwm-command-meta span[b-2oxlws353p] {
    display: grid;
}

.qwm-command-actions[b-2oxlws353p],
.qwm-drawer-actions[b-2oxlws353p],
.qwm-dialog-actions[b-2oxlws353p],
.qwm-pagination[b-2oxlws353p] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
}

.qwm-command-actions[b-2oxlws353p] {
    min-width: 0;
    flex-wrap: wrap;
}

.qwm-search input[b-2oxlws353p] {
    width: min(18rem, 22vw);
}

.qwm-toggle[b-2oxlws353p] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    white-space: nowrap;
}

.qwm-filter-drawer[b-2oxlws353p],
.qwm-topology-shell[b-2oxlws353p],
.qwm-section-errors[b-2oxlws353p] {
    border: 1px solid var(--border);
    border-radius: .65rem;
    background: var(--surface);
}

.qwm-filter-drawer > summary[b-2oxlws353p],
.qwm-topology-shell > summary[b-2oxlws353p],
.qwm-section-errors > summary[b-2oxlws353p] {
    cursor: pointer;
    padding: .7rem .85rem;
    font-weight: 700;
}

.qwm-topology-shell > summary[b-2oxlws353p] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.qwm-topology-shell > summary span:first-child[b-2oxlws353p] {
    display: grid;
    gap: .15rem;
}

.qwm-topology-shell > summary span:last-child[b-2oxlws353p] {
    color: var(--text-secondary);
    font-weight: 500;
}

.qwm-filters[b-2oxlws353p] {
    display: grid;
    grid-template-columns: repeat(7, minmax(7rem, 1fr)) auto auto auto;
    gap: .55rem;
    padding: 0 .8rem .8rem;
}

.qwm-filters label[b-2oxlws353p],
.qwm-dialog label[b-2oxlws353p] {
    display: grid;
    gap: .2rem;
    color: var(--text-secondary);
    font-size: .75rem;
    font-weight: 650;
}

.qwm-filters input[b-2oxlws353p],
.qwm-filters select[b-2oxlws353p],
.qwm-dialog textarea[b-2oxlws353p],
.qwm-search input[b-2oxlws353p] {
    min-width: 0;
    padding: .5rem .58rem;
    border: 1px solid var(--border);
    border-radius: .45rem;
    background: var(--surface-elevated, var(--surface));
    color: var(--text-primary);
    font: inherit;
}

.qwm-button[b-2oxlws353p],
.qwm-link-button[b-2oxlws353p],
.qwm-icon-button[b-2oxlws353p],
.qwm-tabs button[b-2oxlws353p],
.qwm-table th button[b-2oxlws353p],
.qwm-metric[b-2oxlws353p] {
    cursor: pointer;
    color: inherit;
    font: inherit;
}

.qwm-button[b-2oxlws353p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .48rem .7rem;
    border: 1px solid var(--border);
    border-radius: .45rem;
    background: var(--surface);
    color: var(--text-primary);
    text-decoration: none;
}

.qwm-button--primary[b-2oxlws353p] {
    border-color: var(--accent);
    background: var(--accent);
    color: var(--surface);
}

.qwm-button--danger[b-2oxlws353p] {
    border-color: var(--qwm-danger);
    color: var(--qwm-danger);
}

.qwm-button:disabled[b-2oxlws353p],
.qwm-link-button:disabled[b-2oxlws353p] {
    cursor: not-allowed;
    opacity: .5;
}

.qwm-link-button[b-2oxlws353p] {
    padding: .15rem 0;
    border: 0;
    background: transparent;
    color: var(--accent);
    font-weight: 700;
    text-align: left;
}

.qwm-pulse[b-2oxlws353p],
.qwm-work-center[b-2oxlws353p] {
    display: grid;
    gap: .65rem;
}

.qwm-section-label[b-2oxlws353p] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.qwm-section-label h3[b-2oxlws353p] {
    font-size: 1rem;
}

.qwm-metric-strip[b-2oxlws353p] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: .65rem;
    background: var(--surface);
}

.qwm-metric[b-2oxlws353p] {
    display: grid;
    gap: .05rem;
    min-width: 0;
    padding: .6rem .7rem;
    border: 0;
    border-right: 1px solid var(--border);
    background: transparent;
    text-align: left;
}

.qwm-metric:last-child[b-2oxlws353p] {
    border-right: 0;
}

.qwm-metric:hover[b-2oxlws353p],
.qwm-metric:focus-visible[b-2oxlws353p] {
    background: var(--surface-muted, var(--surface));
}

.qwm-metric span[b-2oxlws353p],
.qwm-metric small[b-2oxlws353p] {
    overflow: hidden;
    color: var(--text-secondary);
    font-size: .7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qwm-metric strong[b-2oxlws353p] {
    font-size: 1.25rem;
    line-height: 1.2;
}

.qwm-tabs[b-2oxlws353p] {
    display: flex;
    gap: .25rem;
    overflow-x: auto;
    border-bottom: 1px solid var(--border);
}

.qwm-tabs button[b-2oxlws353p] {
    flex: 0 0 auto;
    padding: .55rem .7rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--text-secondary);
    font-weight: 650;
}

.qwm-tabs button span[b-2oxlws353p] {
    display: inline-flex;
    min-width: 1.35rem;
    justify-content: center;
    margin-left: .3rem;
    padding: .05rem .3rem;
    border-radius: 999px;
    background: var(--surface-muted, var(--surface));
    font-size: .7rem;
}

.qwm-tabs button.is-active[b-2oxlws353p] {
    border-bottom-color: var(--accent);
    color: var(--text-primary);
}

.qwm-tabs--secondary[b-2oxlws353p] {
    margin: 0 .8rem;
}

.qwm-table-wrap[b-2oxlws353p] {
    max-width: 100%;
    overflow: auto;
    border: 1px solid var(--border);
    border-radius: .55rem;
}

.qwm-table[b-2oxlws353p] {
    width: 100%;
    border-collapse: collapse;
    font-size: .82rem;
}

.qwm-table th[b-2oxlws353p],
.qwm-table td[b-2oxlws353p] {
    padding: .52rem .58rem;
    border-bottom: 1px solid var(--border);
    text-align: left;
    vertical-align: middle;
}

.qwm-table th[b-2oxlws353p] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--surface);
    color: var(--text-secondary);
    font-size: .7rem;
    letter-spacing: .025em;
    text-transform: uppercase;
    white-space: nowrap;
}

.qwm-table th button[b-2oxlws353p] {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.qwm-table tr:last-child td[b-2oxlws353p] {
    border-bottom: 0;
}

.qwm-operation-table[b-2oxlws353p] {
    min-width: 74rem;
}

.qwm-operation-table tr[aria-selected="true"][b-2oxlws353p] {
    background: color-mix(in srgb, var(--accent) 8%, var(--surface));
}

.qwm-operation-table tr.is-attention[b-2oxlws353p] {
    box-shadow: inset 3px 0 var(--qwm-danger);
}

.qwm-operation-table tr.is-partial[b-2oxlws353p] {
    box-shadow: inset 3px 0 var(--qwm-warning);
}

.qwm-operation-table tr.is-informational[b-2oxlws353p] {
    box-shadow: inset 3px 0 var(--text-secondary);
}

.qwm-table code[b-2oxlws353p] {
    display: block;
    max-width: 20rem;
    overflow: hidden;
    color: var(--text-secondary);
    font-size: .76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qwm-progress-copy[b-2oxlws353p] {
    display: block;
    margin-top: .12rem;
    color: var(--text-secondary);
    font-size: .74rem;
    white-space: nowrap;
}

.qwm-one-line[b-2oxlws353p] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-width: 24rem;
}

.qwm-attention[b-2oxlws353p] {
    display: grid;
    gap: .75rem;
}

.qwm-attention-groups[b-2oxlws353p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: .6rem;
}

.qwm-attention article[b-2oxlws353p],
.qwm-error-group[b-2oxlws353p] {
    padding: .7rem;
    border: 1px solid color-mix(in srgb, var(--qwm-danger) 22%, var(--border));
    border-radius: .55rem;
    background: var(--surface);
}

.qwm-attention article > header[b-2oxlws353p],
.qwm-error-group > header[b-2oxlws353p] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: .6rem;
}

.qwm-attention article > header span[b-2oxlws353p] {
    color: var(--text-secondary);
    font-size: .75rem;
}

.qwm-attention article > header > strong[b-2oxlws353p] {
    font-size: 1.35rem;
}

.qwm-attention dl[b-2oxlws353p] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .4rem;
    margin: .55rem 0;
}

.qwm-attention dt[b-2oxlws353p],
.qwm-detail-grid dt[b-2oxlws353p],
.qwm-config-grid dt[b-2oxlws353p],
.qwm-drawer-summary span[b-2oxlws353p],
.qwm-primary-blocker span[b-2oxlws353p],
.qwm-dialog dt[b-2oxlws353p] {
    color: var(--text-secondary);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.qwm-attention dd[b-2oxlws353p],
.qwm-detail-grid dd[b-2oxlws353p],
.qwm-config-grid dd[b-2oxlws353p],
.qwm-dialog dd[b-2oxlws353p] {
    margin: .1rem 0 0;
}

.qwm-attention ul[b-2oxlws353p] {
    display: grid;
    gap: .45rem;
    margin: .5rem 0 0;
    padding: 0;
    list-style: none;
}

.qwm-attention li[b-2oxlws353p] {
    display: grid;
    gap: .12rem;
}

.qwm-attention li span[b-2oxlws353p] {
    color: var(--text-secondary);
    font-size: .75rem;
}

.qwm-attention-scope[b-2oxlws353p],
.qwm-recommended-action[b-2oxlws353p] {
    margin: .45rem 0;
    color: var(--text-secondary);
    font-size: .76rem;
}

.qwm-attention-scope b[b-2oxlws353p],
.qwm-recommended-action b[b-2oxlws353p] {
    display: block;
    color: var(--text-primary);
    font-size: .68rem;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.qwm-configuration[b-2oxlws353p] {
    padding: .8rem;
}

.qwm-configuration > p[b-2oxlws353p] {
    margin-top: 0;
    color: var(--text-secondary);
}

.qwm-config-grid[b-2oxlws353p],
.qwm-detail-grid[b-2oxlws353p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem 1rem;
    margin: 0 0 .75rem;
}

.qwm-queue-details[b-2oxlws353p] {
    margin-top: .3rem;
}

.qwm-queue-details > summary[b-2oxlws353p] {
    cursor: pointer;
    color: var(--accent);
    font-size: .74rem;
    font-weight: 700;
}

.qwm-queue-details dl[b-2oxlws353p] {
    display: grid;
    gap: .28rem;
    min-width: 16rem;
    margin: .45rem 0 0;
}

.qwm-queue-details dl > div[b-2oxlws353p] {
    display: grid;
    grid-template-columns: 7rem 1fr;
    gap: .4rem;
}

.qwm-queue-details dt[b-2oxlws353p] {
    color: var(--text-secondary);
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.qwm-queue-details dd[b-2oxlws353p] {
    margin: 0;
}

.qwm-config-grid > div[b-2oxlws353p],
.qwm-detail-grid > div[b-2oxlws353p] {
    min-width: 0;
}

.qwm-section-errors[b-2oxlws353p] {
    padding: 0 .8rem .6rem;
    border-color: color-mix(in srgb, var(--qwm-danger) 35%, var(--border));
}

.qwm-section-errors > summary[b-2oxlws353p] {
    margin: 0 -.8rem;
}

.qwm-section-errors p[b-2oxlws353p] {
    margin: .3rem 0;
}

.qwm-notice[b-2oxlws353p] {
    padding: .65rem .8rem;
    border: 1px solid var(--border);
    border-radius: .5rem;
    background: var(--surface);
}

.qwm-notice.is-error[b-2oxlws353p] {
    border-color: color-mix(in srgb, var(--qwm-danger) 45%, var(--border));
}

.qwm-health[b-2oxlws353p] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) minmax(10rem, .8fr) minmax(18rem, 1.5fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .6rem .8rem;
    border: 1px solid var(--border);
    border-radius: .55rem;
    background: var(--surface);
}

.qwm-health > div[b-2oxlws353p] {
    display: grid;
    gap: .08rem;
    min-width: 0;
}

.qwm-health > div > span[b-2oxlws353p] {
    color: var(--text-secondary);
    font-size: .7rem;
}

.qwm-health code[b-2oxlws353p] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qwm-unavailable[b-2oxlws353p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 1.5fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .7rem .8rem;
    border: 1px solid color-mix(in srgb, var(--qwm-danger) 35%, var(--border));
    border-radius: .55rem;
    background: var(--surface);
}

.qwm-unavailable > div[b-2oxlws353p],
.qwm-unavailable dl[b-2oxlws353p] {
    display: grid;
    gap: .1rem;
    min-width: 0;
    margin: 0;
}

.qwm-unavailable > div span[b-2oxlws353p],
.qwm-unavailable dt[b-2oxlws353p] {
    color: var(--text-secondary);
    font-size: .72rem;
}

.qwm-unavailable dl[b-2oxlws353p] {
    grid-template-columns: auto minmax(0, 1fr);
    gap: .18rem .45rem;
    font-size: .78rem;
}

.qwm-unavailable dd[b-2oxlws353p] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.qwm-unavailable code[b-2oxlws353p] {
    overflow-wrap: anywhere;
}

.qwm-empty[b-2oxlws353p] {
    margin: 0;
    padding: 1rem;
    color: var(--text-secondary);
    text-align: center;
}

.qwm-pagination[b-2oxlws353p] {
    margin-top: .2rem;
}

.qwm-drawer-backdrop[b-2oxlws353p] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgb(3 7 18 / .42);
}

.qwm-drawer[b-2oxlws353p] {
    position: absolute;
    inset: 0 0 0 auto;
    display: flex;
    flex-direction: column;
    width: min(58rem, 94vw);
    max-height: 100dvh;
    border-left: 1px solid var(--border);
    background: var(--surface);
    box-shadow: -1.2rem 0 3rem rgb(0 0 0 / .2);
}

.qwm-drawer-header[b-2oxlws353p] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem .8rem;
    border-bottom: 1px solid var(--border);
    background: var(--surface);
    z-index: 2;
}

.qwm-drawer-header h3[b-2oxlws353p] {
    max-width: 44rem;
    margin-top: .2rem;
    overflow-wrap: anywhere;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 1rem;
}

.qwm-drawer-badges[b-2oxlws353p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin-top: .5rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.qwm-icon-button[b-2oxlws353p] {
    align-self: start;
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid var(--border);
    border-radius: .45rem;
    background: var(--surface);
    font-size: 1.35rem;
}

.qwm-drawer-summary[b-2oxlws353p] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .5rem;
    padding: .7rem 1.1rem;
    border-bottom: 1px solid var(--border);
}

.qwm-first-blocker[b-2oxlws353p] {
    max-height: 8rem;
    overflow: auto;
    border-bottom: 1px solid var(--border);
}

.qwm-detail-refresh-warning[b-2oxlws353p] {
    margin: 0;
    padding: .45rem 1.1rem;
    border-bottom: 1px solid var(--border);
    color: var(--warning-text, #92400e);
    background: var(--warning-surface, #fffbeb);
    font-size: .78rem;
}

.qwm-drawer-summary > div[b-2oxlws353p] {
    display: grid;
    gap: .08rem;
}

.qwm-drawer-tabs[b-2oxlws353p] {
    padding: 0 .7rem;
    overflow-x: auto;
    background: var(--surface);
    z-index: 2;
}

.qwm-drawer-body[b-2oxlws353p] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 1rem 1.1rem;
}

.qwm-drawer-actions[b-2oxlws353p] {
    flex-wrap: wrap;
    padding: .75rem 1.1rem;
    border-top: 1px solid var(--border);
    background: var(--surface);
}

.qwm-detail-section[b-2oxlws353p] {
    display: grid;
    gap: .75rem;
}

.qwm-stage-timeline[b-2oxlws353p] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.qwm-stage-timeline li[b-2oxlws353p] {
    position: relative;
    display: grid;
    grid-template-columns: 1rem 1fr auto;
    align-items: start;
    gap: .6rem;
    min-height: 2.8rem;
}

.qwm-stage-timeline em[b-2oxlws353p] {
    display: block;
    margin-top: .18rem;
    color: var(--text-secondary);
    font-size: .76rem;
    font-style: normal;
    overflow-wrap: anywhere;
}

.qwm-stage-timeline li > span[b-2oxlws353p] {
    z-index: 1;
    width: .72rem;
    height: .72rem;
    margin-top: .18rem;
    border: 2px solid var(--border);
    border-radius: 50%;
    background: var(--surface);
}

.qwm-stage-timeline li[b-2oxlws353p]::after {
    position: absolute;
    top: .9rem;
    bottom: -.1rem;
    left: .33rem;
    width: 2px;
    background: var(--border);
    content: "";
}

.qwm-stage-timeline li:last-child[b-2oxlws353p]::after {
    display: none;
}

.qwm-stage-timeline li[data-stage-state="Current"] > span[b-2oxlws353p],
.qwm-stage-timeline li[data-stage-state="Reported"] > span[b-2oxlws353p],
.qwm-stage-timeline li[data-stage-state="Reported terminal stage"] > span[b-2oxlws353p] {
    border-color: var(--accent);
    background: var(--accent);
}

.qwm-stage-timeline li div[b-2oxlws353p] {
    display: grid;
}

.qwm-stage-timeline small[b-2oxlws353p] {
    color: var(--text-secondary);
}

.qwm-detail-note[b-2oxlws353p] {
    margin: 0;
    font-size: .78rem;
}

.qwm-child[b-2oxlws353p] {
    padding: .65rem;
    border: 1px solid var(--border);
    border-radius: .5rem;
}

.qwm-child > summary[b-2oxlws353p] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: .65rem;
    cursor: pointer;
    font-weight: 700;
}

.qwm-child[open] > summary[b-2oxlws353p] {
    margin-bottom: .7rem;
}

.qwm-error-group[b-2oxlws353p] {
    display: grid;
    gap: .65rem;
}

.qwm-error-group pre[b-2oxlws353p],
.qwm-detail-section pre[b-2oxlws353p] {
    max-height: 20rem;
    overflow: auto;
    padding: .7rem;
    border: 1px solid var(--border);
    border-radius: .4rem;
    background: var(--surface-muted, var(--surface));
    white-space: pre-wrap;
}

.qwm-dialog-backdrop[b-2oxlws353p] {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgb(0 0 0 / .58);
}

.qwm-dialog[b-2oxlws353p] {
    width: min(32rem, 100%);
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: .7rem;
    background: var(--surface);
    box-shadow: 0 1.2rem 3rem rgb(0 0 0 / .25);
}

.qwm-dialog h3[b-2oxlws353p] {
    margin-top: 0;
}

.qwm-dialog dl[b-2oxlws353p] {
    display: grid;
    gap: .35rem;
}

.qwm-dialog dl > div[b-2oxlws353p] {
    display: grid;
    grid-template-columns: 7rem 1fr;
    gap: .5rem;
}

.qwm-dialog textarea[b-2oxlws353p] {
    width: 100%;
}

.qwm-dialog-actions[b-2oxlws353p] {
    margin-top: .85rem;
}

.qwm-visually-hidden[b-2oxlws353p] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.qwm-button:focus-visible[b-2oxlws353p],
.qwm-link-button:focus-visible[b-2oxlws353p],
.qwm-icon-button:focus-visible[b-2oxlws353p],
.qwm-tabs button:focus-visible[b-2oxlws353p],
.qwm-metric:focus-visible[b-2oxlws353p],
.qwm-table th button:focus-visible[b-2oxlws353p],
.qwm-filter-drawer > summary:focus-visible[b-2oxlws353p],
.qwm-topology-shell > summary:focus-visible[b-2oxlws353p] {
    outline: 3px solid color-mix(in srgb, var(--accent) 55%, transparent);
    outline-offset: 2px;
}

@media (max-width: 1180px) {
    .qwm-commandbar[b-2oxlws353p] {
        grid-template-columns: 1fr auto;
    }

    .qwm-command-actions[b-2oxlws353p] {
        grid-column: 1 / -1;
    }

    .qwm-search[b-2oxlws353p] {
        flex: 1;
    }

    .qwm-search input[b-2oxlws353p] {
        width: 100%;
    }

    .qwm-metric-strip[b-2oxlws353p] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .qwm-metric:nth-child(4)[b-2oxlws353p] {
        border-right: 0;
    }

    .qwm-metric:nth-child(-n+4)[b-2oxlws353p] {
        border-bottom: 1px solid var(--border);
    }

    .qwm-filters[b-2oxlws353p] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .qwm-health[b-2oxlws353p] {
        grid-template-columns: 1fr 1fr;
    }

    .qwm-unavailable[b-2oxlws353p] {
        grid-template-columns: 1fr auto;
    }

    .qwm-unavailable dl[b-2oxlws353p] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .qwm-health .qwm-button[b-2oxlws353p] {
        justify-self: start;
    }
}

@media (max-width: 768px) {
    .qwm-commandbar[b-2oxlws353p] {
        position: static;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .qwm-command-meta[b-2oxlws353p],
    .qwm-command-actions[b-2oxlws353p] {
        grid-column: auto;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .qwm-search[b-2oxlws353p] {
        flex: 1 1 100%;
    }

    .qwm-section-label[b-2oxlws353p] {
        align-items: flex-start;
        flex-direction: column;
        gap: .2rem;
    }

    .qwm-health[b-2oxlws353p] {
        grid-template-columns: 1fr;
    }

    .qwm-unavailable[b-2oxlws353p] {
        grid-template-columns: 1fr;
    }

    .qwm-unavailable dl[b-2oxlws353p] {
        grid-column: auto;
        grid-row: auto;
    }

    .qwm-unavailable .qwm-button[b-2oxlws353p] {
        justify-self: start;
    }

    .qwm-metric-strip[b-2oxlws353p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qwm-metric:nth-child(2n)[b-2oxlws353p] {
        border-right: 0;
    }

    .qwm-metric:nth-child(-n+6)[b-2oxlws353p] {
        border-bottom: 1px solid var(--border);
    }

    .qwm-filters[b-2oxlws353p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qwm-operation-table[b-2oxlws353p] {
        min-width: 0;
    }

    .qwm-operation-table[b-2oxlws353p],
    .qwm-operation-table tbody[b-2oxlws353p],
    .qwm-operation-table tr[b-2oxlws353p],
    .qwm-operation-table td[b-2oxlws353p] {
        display: block;
        width: 100%;
    }

    .qwm-operation-table thead[b-2oxlws353p] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .qwm-operation-table tr[b-2oxlws353p] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: .6rem;
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: .55rem;
        background: var(--surface);
    }

    .qwm-operation-table td[b-2oxlws353p] {
        display: grid;
        grid-template-columns: minmax(6.5rem, .42fr) 1fr;
        gap: .45rem;
        border-bottom: 1px solid var(--border);
    }

    .qwm-operation-table td[b-2oxlws353p]::before {
        color: var(--text-secondary);
        content: attr(data-label);
        font-size: .68rem;
        font-weight: 700;
        letter-spacing: .03em;
        text-transform: uppercase;
    }

    .qwm-operation-table td:nth-child(1)[b-2oxlws353p],
    .qwm-operation-table td:nth-child(2)[b-2oxlws353p],
    .qwm-operation-table td:nth-child(6)[b-2oxlws353p],
    .qwm-operation-table td:nth-child(10)[b-2oxlws353p],
    .qwm-operation-table td:nth-child(11)[b-2oxlws353p] {
        grid-column: 1 / -1;
    }

    .qwm-drawer[b-2oxlws353p] {
        width: min(52rem, 100vw);
    }

    .qwm-drawer-summary[b-2oxlws353p] {
        grid-template-columns: 1fr 1fr;
    }

    .qwm-drawer-tabs[b-2oxlws353p] {
        padding: 0 .35rem;
    }

    .qwm-config-grid[b-2oxlws353p],
    .qwm-detail-grid[b-2oxlws353p] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .qwm-panel[b-2oxlws353p] {
        font-size: .86rem;
    }

    .qwm-commandbar[b-2oxlws353p] {
        padding: .7rem;
    }

    .qwm-command-actions > .qwm-button[b-2oxlws353p],
    .qwm-command-actions > button[b-2oxlws353p],
    .qwm-search[b-2oxlws353p] {
        flex: 1 1 calc(50% - .5rem);
    }

    .qwm-filters[b-2oxlws353p] {
        grid-template-columns: 1fr;
    }

    .qwm-metric[b-2oxlws353p] {
        padding: .55rem;
    }

    .qwm-metric small[b-2oxlws353p] {
        display: none;
    }

    .qwm-operation-table tr[b-2oxlws353p] {
        grid-template-columns: 1fr;
    }

    .qwm-operation-table td[b-2oxlws353p] {
        grid-column: 1 !important;
        grid-template-columns: 6rem 1fr;
        padding: .48rem;
    }

    .qwm-operation-table td:nth-child(3)[b-2oxlws353p],
    .qwm-operation-table td:nth-child(7)[b-2oxlws353p],
    .qwm-operation-table td:nth-child(9)[b-2oxlws353p] {
        display: none;
    }

    .qwm-drawer[b-2oxlws353p] { width: 100vw; }

    .qwm-drawer-header[b-2oxlws353p],
    .qwm-drawer-body[b-2oxlws353p],
    .qwm-drawer-actions[b-2oxlws353p] {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .qwm-drawer-summary[b-2oxlws353p] {
        grid-template-columns: 1fr 1fr;
        padding: .6rem .75rem;
    }

    .qwm-child > summary[b-2oxlws353p] {
        grid-template-columns: 1fr auto;
    }

    .qwm-child > summary span:last-child[b-2oxlws353p] {
        grid-column: 1 / -1;
    }

    .qwm-drawer-actions[b-2oxlws353p] {
        justify-content: stretch;
    }

    .qwm-drawer-actions .qwm-button[b-2oxlws353p] {
        flex: 1 1 100%;
    }
}

@media (max-width: 340px) {
    .qwm-command-meta[b-2oxlws353p] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .qwm-tabs button[b-2oxlws353p] {
        padding-right: .55rem;
        padding-left: .55rem;
    }

    .qwm-drawer-summary[b-2oxlws353p] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-color-scheme: dark) {
    .qwm-panel[b-2oxlws353p] {
        --qwm-positive: #65d18a;
        --qwm-warning: #f2b85b;
        --qwm-danger: #ff8c83;
    }

    .qwm-commandbar[b-2oxlws353p] {
        box-shadow: 0 .55rem 1.5rem rgb(0 0 0 / .24);
    }
}

@media (prefers-reduced-motion: reduce) {
    .qwm-drawer[b-2oxlws353p],
    .qwm-commandbar[b-2oxlws353p] {
        scroll-behavior: auto;
    }
}