/* Nur Statistikbausteine; alle Paletten verwenden die bestehenden Designtokens. */
.slStats{--sl-bg:var(--design-surface,var(--card,#18211e));--sl-soft:var(--design-soft,var(--theme-soft,#20342a));--sl-ink:var(--design-ink,var(--ink,#eeeadd));--sl-muted:var(--design-muted,var(--muted,#b0bfb3));--sl-line:var(--design-line,var(--line,#354d3c));--sl-accent:var(--design-accent,var(--brand-accent-text,var(--orange,#e4b64d)));--sl-good:var(--design-success,var(--brand-success,#79c49d));--sl-bad:var(--design-danger,var(--brand-danger,#ed9681));color:var(--sl-ink);min-width:0;font:14px/1.5 'Segoe UI',Arial,sans-serif}
.slStats *{box-sizing:border-box}.slStats .slCard{background:var(--sl-bg);border:1px solid var(--sl-line);border-radius:12px;padding:20px;margin:0 0 16px;min-width:0}.slStats .slHead{display:flex;justify-content:space-between;align-items:start;gap:14px;flex-wrap:wrap}.slStats h3{font:500 24px/1.25 Georgia,serif;color:var(--sl-ink);margin:5px 0 8px}.slStats p{color:var(--sl-muted);font-size:12px;margin:0 0 8px}.slStats .slEyebrow{color:var(--sl-accent);font-size:10px;font-weight:700;letter-spacing:1.3px}.slStats .slBadge{border:1px solid var(--sl-line);padding:4px 8px;border-radius:5px;font-size:11px;color:var(--sl-ink)}.slStats .slSource{font-size:11px;color:var(--sl-muted);margin:10px 0 0}.slStats .slMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}.slStats .slMetrics>div,.slStats .slMini>div{display:grid;gap:4px;min-width:0}.slStats small,.slStats .slMetrics span,.slStats .slMini span{font-size:11px;color:var(--sl-muted)}.slStats .slMetrics strong{font:500 30px/1.25 Georgia;color:var(--sl-ink)}.slStats .slAccent{color:var(--sl-accent)!important}.slStats .slNotice{padding:11px 14px;background:var(--sl-soft);border-left:3px solid var(--sl-accent);color:var(--sl-ink);margin:12px 0}.slStats .slSegments{height:16px;display:flex;gap:3px;border-radius:4px;overflow:hidden}.slStats .slSegments i{display:block;min-width:2px}.slStats .slState-reached{background:var(--sl-good)}.slStats .slState-below{background:var(--sl-bad)}.slStats .slState-missing,.slStats .slState-unrated{background:var(--sl-muted)}.slStats .slState-excused{background:var(--sl-accent)}.slStats .slLegend{display:flex;gap:7px 17px;flex-wrap:wrap;font-size:11px;color:var(--sl-muted);margin-top:9px}.slStats details{margin-top:16px;border-top:1px solid var(--sl-line);padding-top:10px}.slStats summary{font-size:12px;color:var(--sl-muted);cursor:pointer}.slStats details p{margin-top:9px}.slStats .slGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}.slStats .slOwn{display:flex;gap:12px;align-items:baseline;margin:20px 0}.slStats .slOwn strong{font:32px Georgia;color:var(--sl-accent)}.slStats .slOwn span{font-size:12px;color:var(--sl-muted)}.slStats .slBullet{height:14px;background:var(--sl-soft);position:relative;margin:15px 0}.slStats .slBullet i{display:block;background:var(--sl-accent);height:100%;border-radius:3px}.slStats .slBullet b{position:absolute;top:-4px;height:22px;border-left:2px solid var(--sl-ink)}.slStats .slMini{display:flex;gap:25px;flex-wrap:wrap;margin:17px 0 0}.slStats .slMini strong{font-size:20px;color:var(--sl-ink)}.slStats .slMini .slDateRange{font-size:14px}.slStats .slHistogram,.slStats .slTrend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:18px}.slStats .slTrend{grid-template-columns:repeat(8,minmax(0,1fr))}.slStats .slHistogram>div,.slStats .slTrend>div,.slStats .slExerciseChart>div{display:grid;grid-template-rows:auto 105px auto;gap:6px;min-width:0;text-align:center}.slStats .slHistogram b,.slStats .slTrend b,.slStats .slExerciseChart b{font-size:11px;font-weight:500;color:var(--sl-ink)}.slStats .slHistogram>div>span,.slStats .slTrend>div>span,.slStats .slExerciseChart>div>span{display:block;position:relative;height:105px;border-bottom:1px solid var(--sl-line);background:linear-gradient(to top,var(--sl-soft),transparent)}.slStats .slHistogram i,.slStats .slTrend i,.slStats .slExerciseChart i{position:absolute;bottom:0;left:20%;width:60%;border-radius:3px 3px 0 0}.slStats .slTrend i,.slStats .slExerciseChart i{background:var(--sl-accent)}.slStats .slTrend em{position:absolute;left:7%;right:7%;border-top:2px dashed var(--sl-ink)}.slStats .slMissing{border:1px dashed var(--sl-line)!important;background:transparent!important}.slStats .slEmpty{padding:22px 15px;border:1px dashed var(--sl-line);border-radius:5px;margin:15px 0;text-align:center}.slStats .slFilters{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.slStats .slFilters label{display:grid;gap:5px;flex:1;min-width:150px;font-size:11px;color:var(--sl-muted);margin:0}.slStats input,.slStats select{width:100%;max-width:100%;margin:0;min-height:40px;padding:8px 10px;border:1px solid var(--sl-line);border-radius:5px;color:var(--sl-ink);background:var(--sl-bg);font:13px 'Segoe UI',Arial}.slStats .slPlayer{display:grid;grid-template-columns:minmax(0,1.2fr) 100px minmax(0,1fr);gap:12px;align-items:center;padding:11px 5px;border-bottom:1px solid var(--sl-line);font-size:12px}.slStats .slPlayer>div{min-width:0;overflow-wrap:anywhere}.slStats .slPlayer small{display:block}.slStats .slPlayer>strong{text-align:right;font-variant-numeric:tabular-nums}.slStats .slPlayer>span{font-size:11px}.slStats .slMatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;margin-top:18px}.slStats .slMatch{background:var(--sl-soft);padding:15px;border:1px solid var(--sl-line);border-radius:8px;min-width:0}.slStats .slMatch time{font-size:11px;color:var(--sl-muted)}.slStats .slMatch p{margin-top:10px;overflow-wrap:anywhere}.slStats .slScore{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;margin-top:15px}.slStats .slScore>div{display:grid;gap:4px;min-width:0}.slStats .slScore>div:last-child{text-align:right}.slStats .slScore strong{font:23px Georgia;overflow-wrap:anywhere}.slStats .slExerciseChart{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:12px;margin-top:18px}.slStats .slExerciseChart>div{grid-template-rows:auto 105px auto auto}.slStats .slExerciseChart time{font-size:10px}.slStats [hidden]{display:none!important}.slStats :is(input,select,summary):focus-visible{outline:2px solid var(--sl-accent);outline-offset:3px}
.donationDashboard :is(.desertPersonalCard,.exercisePersonalCard):has(>.slStats){padding:0;border:0;background:transparent;box-shadow:none}.donationDashboard :is(.desertPersonalCard,.exercisePersonalCard)>.slStats>.slCard{margin-bottom:0}
@media(max-width:760px){.slStats .slCard{padding:16px}.slStats .slMetrics{gap:12px}.slStats .slMetrics strong{font-size:25px}.slStats .slTrend{gap:4px}.slStats .slTrend b{font-size:9px}.slStats .slTrend small{font-size:9px}.slStats .slPlayer{grid-template-columns:minmax(0,1fr) 90px}.slStats .slPlayer>span{grid-column:1/-1}.slStats .slMatches{grid-template-columns:1fr}}
@media(max-width:450px){.slStats .slMetrics{grid-template-columns:1fr}.slStats .slMetrics>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--sl-line);padding-bottom:10px}.slStats .slMetrics span{grid-column:1/-1}.slStats .slHistogram small{font-size:9px}.slStats .slHistogram{gap:3px}.slStats .slTrend{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px}.slStats .slTrend b{font-size:11px}.slStats .slTrend small{font-size:11px}.slStats .slFilters label{min-width:100%;}.slStats h3{font-size:22px}}
.slStats .slOutcome-win{color:var(--sl-good);border-color:var(--sl-good)}.slStats .slOutcome-loss{color:var(--sl-bad);border-color:var(--sl-bad)}.slStats .slOutcome-draw{color:var(--sl-accent)}

.slStats .slRankFilters{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.slStats .slRankFilters button{padding:7px 12px;border:1px solid var(--sl-line);border-radius:20px;background:transparent;color:inherit;cursor:pointer}.slStats .slRankFilters button[aria-pressed=true]{background:var(--sl-accent);color:#151a18}.slStats .slRankRows{max-height:440px;overflow:auto}.slStats .slRankRow{display:grid;grid-template-columns:32px minmax(90px,1fr) minmax(80px,2fr) 78px;align-items:center;gap:8px;padding:7px 5px;border:1px solid transparent;font-size:12px}.slStats .slRankRow strong{text-align:right}.slStats .slRankRow b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slStats .slMine{border-color:var(--sl-accent);border-radius:6px}.slHorizontal{position:relative;background:rgba(127,127,127,.12);height:13px;border-radius:3px;min-width:0}.slHorizontal i{display:block;height:100%;background:var(--sl-good,#30bd93);border-radius:3px}.slHorizontal em{position:absolute;width:2px;top:-3px;bottom:-3px;background:currentColor;opacity:.85}.slStats .slMine .slHorizontal i{background:var(--sl-accent)}.slStats .slPairedBars,.slStats .slRateGrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin-top:18px;text-align:center}.slStats .slPairedBars b,.slStats .slPairedBars small,.slStats .slRateGrid small{display:block;font-size:10px}.slStats .slColumn{height:125px;position:relative;margin:8px 0;background:rgba(127,127,127,.07)}.slStats .slColumn i{position:absolute;bottom:0;left:0;right:0;background:var(--sl-good);border-radius:3px 3px 0 0}.slStats .slColumn em{position:absolute;border-top:2px dashed currentColor;left:0;right:0}.slStats .slRateGrid span{height:48px;position:relative;display:block;margin:6px 0}.slStats .slRateGrid i{position:absolute;bottom:0;width:6px;left:calc(50% - 3px);background:var(--sl-accent);border-radius:3px}.slStats .slRateGrid strong{font-size:12px}.slStats .slCompareBullet{height:14px;position:relative;background:rgba(127,127,127,.12);margin:30px 0 20px}.slStats .slCompareBullet i{height:100%;display:block;background:var(--sl-accent)}.slStats .slCompareBullet b{position:absolute;top:-9px;bottom:-9px;width:2px;background:currentColor}.slStats .slRankLine{display:block;width:100%;height:auto;margin-top:20px;overflow:visible}.slStats .slRankLine line{stroke:var(--sl-accent);stroke-width:2}.slStats .slRankLine circle{fill:var(--sl-accent)}.slStats .slRankLine text{fill:currentColor;font-size:11px}.slStats .slMatrixScroll{overflow:auto;max-height:470px;margin-top:16px}.slStats .slMatrix{width:100%;min-width:520px;border-collapse:separate;border-spacing:4px;font-size:12px}.slStats .slMatrix th{text-align:left;font-weight:500;white-space:nowrap}.slStats .slMatrix thead th{position:sticky;top:0;background:var(--sl-bg,#142420);z-index:1}.slStats .slMatrix td{text-align:center;min-width:35px;border-radius:3px;font-weight:bold;padding:5px;color:#11251e}.slStats .slCell-reached{background:#35c399}.slStats .slCell-near{background:#edbf4c}.slStats .slCell-below{background:#ed8a69}.slStats .slCell-excused{background:#75b5e1}.slStats .slMatrix .slCell-missing,.slStats .slMatrix .slCell-outside,.slStats .slMatrix .slCell-unrated{background:rgba(127,127,127,.2);color:inherit}.slStats .slCell-outside{opacity:.45}.slEventBars{margin:18px 0;--sl-good:var(--theme-accent,#30bd93)}.slEventRow{display:grid;grid-template-columns:90px minmax(80px,1fr) 90px 32px;gap:10px;align-items:center;padding:8px 0;font-size:12px}.slEventRow strong{text-align:right}.slStats [hidden]{display:none!important}.slStats .slMissing{border:1px dashed var(--sl-line)}
.slStats .slGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.slStats .slRateGrid{position:relative}.slStats .slRateGrid svg{position:absolute;top:28px;height:48px;width:100%;overflow:visible;pointer-events:none}.slStats .slRateGrid svg line{stroke:var(--sl-accent);stroke-width:2;vector-effect:non-scaling-stroke}.slStats .slRateGrid svg circle{fill:var(--sl-accent)}
.slStats .slPairedBars b{min-height:30px}
@media(max-width:760px){.slStats .slGrid{grid-template-columns:1fr}}
@media(max-width:600px){.slStats .slRankRow{grid-template-columns:26px minmax(60px,1fr) minmax(50px,1.4fr) 66px;gap:4px;font-size:11px}.slStats .slPairedBars,.slStats .slRateGrid{gap:3px}.slStats .slPairedBars b{font-size:9px}.slEventRow{grid-template-columns:68px minmax(45px,1fr) 70px 24px;font-size:10px;gap:5px}.slStats .slMatrixScroll{max-width:100%}}