/*
 * Admin Leaderboards view styles.
 *
 * ADMIN REDESIGN — migrated to the shared component kit (DESIGN-SYSTEM.md).
 * Canonical primitives carry the page now: .page-head, .card / .card--scroll,
 * .data-table, .badge (status), .id-chip (slug), .btn--icon (row actions),
 * .modal--light / .modal--form (dialogs), .row-editor (reward rows),
 * .toggle-switch (toggles). Only the few cell-typography rules the kit doesn't
 * cover remain below.
 */

/* 8-column table — keep a min-width so the action cluster stays on one line on
   tablet portrait; the .card--scroll wrapper pans horizontally below that. */
.lb-table { min-width: 920px; }

/* Display name — medium-weight primary text. */
.lb-name {
    font-weight: 500;
    color: var(--color-text);
    white-space: nowrap;
}

/* Top N — right-aligned tabular numeral (header + cell aligned). */
.main .data-table thead th.lb-th-num { text-align: right; }
.lb-num-cell { text-align: right; }
.lb-num {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--color-text);
    font-size: var(--text-sm);
}

/* Rewards — compact two-part muted summary ("Top 5 · 12,500 chips"). */
.lb-rewards {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.lb-rewards__count {
    font-weight: 600;
    color: var(--color-text);
    font-size: var(--text-sm);
}
.lb-rewards__sep { color: var(--color-text-muted); }
.lb-rewards__chips {
    color: var(--color-text-muted);
    font-size: var(--text-sm);
}

/* Row-action cluster — compact .btn--icon group, never wrapping. */
.main .data-table thead th.lb-th-actions { text-align: right; }
.lb-actions {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: nowrap;
    justify-content: flex-end;
}

/* Stack the Ranking toggles vertically (the kit .toggle-switch is inline). */
.lb-toggle-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Empty-state card — two-line message on the light surface. */
.lb-empty-title {
    margin: 0 0 var(--space-xs);
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--color-text);
}
.lb-empty-hint {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
}