/* TGF Stats dashboard — shares the leaderboard shell tokens */

.tgf-stats .tgf-lb__filters { margin-bottom: 18px; }

.tgf-stats__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.tgf-stats__card {
    background: #1d2127;
    border: 1px solid var(--tgf-lb-border, rgba(255, 255, 255, .12));
    border-radius: var(--tgf-lb-radius, 16px);
    padding: 18px 20px 14px;
    min-width: 0;
}
.tgf-stats__card--wide { grid-column: 1 / -1; }
.tgf-stats__card h3 {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 700;
    color: var(--tgf-lb-text, #f3f5f7);
}

.tgf-stats__svg { width: 100%; height: auto; display: block; }
.tgf-stats__tick { fill: #98a1ab; font-size: 11px; }
.tgf-stats__val { fill: #f3f5f7; font-size: 11px; font-weight: 700; }
.tgf-stats__val--muted { fill: #98a1ab; font-weight: 600; }
.tgf-stats__hero { fill: #f3f5f7; font-size: 26px; font-weight: 800; }
.tgf-stats__bar { cursor: pointer; }
.tgf-stats__bar:hover { opacity: .85; }
.tgf-stats__slice { cursor: pointer; }
.tgf-stats__slice:hover { opacity: .88; }
.tgf-stats__empty { color: #98a1ab; font-size: 13px; padding: 20px 0; }

.tgf-stats__donut-wrap { display: flex; align-items: center; gap: 8px; }
.tgf-stats__donut-wrap svg { flex: 1 1 55%; min-width: 0; }
.tgf-stats__legend {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1 1 45%;
    font-size: 12px;
    color: var(--tgf-lb-text, #f3f5f7);
}
.tgf-stats__legend li { display: flex; align-items: center; gap: 8px; padding: 3px 0; }
.tgf-stats__legend em { color: #98a1ab; font-style: normal; margin-left: auto; }
.tgf-stats__swatch {
    width: 10px; height: 10px; border-radius: 3px; flex: none; display: inline-block;
}

.tgf-stats__table-toggle {
    margin-left: auto;
    background: transparent;
    border: 1px solid var(--tgf-lb-border, rgba(255, 255, 255, .12));
    color: var(--tgf-lb-text, #f3f5f7);
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    cursor: pointer;
}
.tgf-stats__table-toggle[aria-pressed="true"] {
    background: var(--tgf-lb-accent-2, #60C7CB);
    color: #0d0908;
    border-color: transparent;
}
.tgf-stats__table { margin-top: 12px; overflow-x: auto; }
.tgf-stats__data { width: 100%; border-collapse: collapse; font-size: 12px; color: var(--tgf-lb-text, #f3f5f7); }
.tgf-stats__data th, .tgf-stats__data td {
    text-align: left; padding: 5px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.tgf-stats__data th { color: #98a1ab; font-weight: 600; }

.tgf-stats.is-loading .tgf-stats__grid { opacity: .5; pointer-events: none; }

.tgf-stats__tooltip {
    position: fixed;
    z-index: 100002;
    background: #0d1013;
    color: #f3f5f7;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 12px;
    pointer-events: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .4);
}
.tgf-stats__tooltip strong { margin-right: 6px; }

@media (max-width: 760px) {
    .tgf-stats__grid { grid-template-columns: 1fr; }
    .tgf-stats__donut-wrap { flex-direction: column; }
}