/* Galerie statistik (/statistics) a detail karty: mřížka dlaždic, sparkline přes celou šířku dlaždice, filtr detailu. */

.stat-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }

.stat-tile {
    display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 12px 12px 10px;
    border: 1px solid var(--mud-palette-lines-default); border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface); transition: border-color 0.15s, box-shadow 0.15s;
}
.stat-tile:hover, .stat-tile:focus-within { border-color: var(--mud-palette-primary); box-shadow: var(--mud-elevation-2); }
.stat-tile__head { display: flex; align-items: center; gap: 8px; }
.stat-tile__icon { color: var(--mud-palette-primary); flex: none; }
.stat-tile__title { flex: 1; min-width: 0; font-weight: 600; color: var(--mud-palette-text-primary); text-decoration: none; }
.stat-tile__title:hover { text-decoration: underline; }
.stat-tile__what { margin: 0; font-size: 0.8rem; line-height: 1.35; color: var(--mud-palette-text-secondary); min-height: 2.7em; }
.stat-tile__body { display: flex; flex-direction: column; gap: 2px; margin-top: auto; padding-top: 6px; color: inherit; text-decoration: none; }
.stat-tile__value { font-size: 1.5rem; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.2; }
.stat-tile__change { font-size: 0.8rem; font-variant-numeric: tabular-nums; }
.stat-tile__change small { color: var(--mud-palette-text-secondary); }
.stat-tile__change--good { color: var(--mud-palette-success); }
.stat-tile__change--bad { color: var(--mud-palette-error); }
.stat-tile__change--flat { color: var(--mud-palette-text-secondary); }
.stat-tile__spark { width: 100%; height: auto; margin-top: 4px; color: var(--mud-palette-primary); }
.stat-tile__empty { color: var(--mud-palette-text-disabled); font-size: 0.85rem; padding: 12px 0; }
.stat-tile__open { display: inline-flex; align-items: center; gap: 6px; color: var(--mud-palette-primary); font-weight: 500; padding: 12px 0; }
.stat-tile--link { background: var(--mud-palette-background-gray); }

.stat-detail__nav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.stat-detail__position { white-space: nowrap; }
.stat-detail__table { overflow-x: auto; max-width: 100%; }
.stat-detail__series summary { cursor: pointer; font-weight: 500; padding: 8px 0; }
.stat-detail__series .stat-detail__table { max-height: 480px; overflow-y: auto; }

@media (max-width: 600px) {
    .stat-gallery { grid-template-columns: 1fr; }
}
.stat-detail__table .stat-num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.stat-detail__table .stat-nowrap { white-space: nowrap; }

/* Kombinovaný graf detailu s donutem podílu vedle (na užším displeji pod sebou) */
.stat-chart--split { display: grid; grid-template-columns: minmax(0, 2.3fr) minmax(260px, 1fr); gap: 16px; align-items: start; }
.stat-chart__share { border-left: 1px solid var(--mud-palette-lines-default); padding-left: 16px; min-width: 0; }
.stat-chart__share-head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 4px; }
.stat-chart__share-head span { font-size: .78rem; color: var(--mud-palette-text-secondary); }
@media (max-width: 1100px) {
    .stat-chart--split { grid-template-columns: minmax(0, 1fr); }
    .stat-chart__share { border-left: 0; padding-left: 0; border-top: 1px solid var(--mud-palette-lines-default); padding-top: 12px; }
}

/* Souhrn filtru nad grafem (klik otevře zásuvku filtru) */
.stat-detail__summary { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-bottom: 12px; }

/* Seznam statistik pro přeskok (po kategoriích) */
.stat-jump .mud-list { max-height: min(70vh, 560px); overflow-y: auto; }
.stat-jump__category {
    padding: 10px 16px 4px; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mud-palette-text-secondary);
}
.stat-jump__current { background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent); font-weight: 600; }

/* Zásuvka filtru statistik: počty karet u voleb, přepínače pod sebou */
.stat-filter__count {
    display: inline-block; min-width: 20px; margin-left: 6px; padding: 0 6px; border-radius: var(--ss-radius-pill, 999px); font-size: .72rem; font-weight: 600; line-height: 18px;
    text-align: center; background: color-mix(in srgb, currentColor 12%, transparent); font-variant-numeric: tabular-nums;
}
.stat-filter__switches { display: flex; flex-direction: column; gap: 2px; }