/* Performance (statistics-view.js). Nur Layout + Tokens. */
.stats-page{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}
.stats-hint{margin:0;font:var(--font-small);color:var(--text-secondary);overflow-wrap:break-word}
.stats-subtitle{margin:0 0 var(--space-8);font:var(--font-body-semibold);color:var(--text-primary)}

/* Segment-Umschalter Alle / Pro Kunde / Pro Plattform (Optik wie Tabs) */
.stats-segment{display:inline-flex;width:fit-content;max-width:100%;flex-wrap:wrap;gap:var(--space-4);margin:0;padding:var(--space-4);border:0;border-radius:var(--radius-xl);background:var(--bg-surface-2)}
.stats-segment__item{position:relative;display:inline-flex}
.stats-segment__item input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.stats-segment__item span{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-16);border-radius:var(--radius-lg);font:var(--font-small-medium);color:var(--text-secondary)}
.stats-segment__item input:checked+span{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-tab)}
.stats-segment__item input:focus-visible+span{box-shadow:var(--shadow-focus)}
.stats-segment__item input:disabled+span{opacity:.45}
@media (pointer:coarse),(max-width:834px){.stats-segment__item span{min-height:44px}}

/* Auswahlchips */
.stats-chips{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-12)}
.stats-chips[hidden]{display:none}
.stats-chip{position:relative;display:inline-flex}
.stats-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.stats-chip span{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-12);border-radius:var(--radius-pill);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-default);font:var(--font-small-medium);color:var(--text-secondary)}
.stats-chip input:checked+span{background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand-primary);color:var(--brand-soft-text)}
.stats-chip input:focus-visible+span{box-shadow:var(--shadow-focus)}
@media (pointer:coarse),(max-width:834px){.stats-chip span{min-height:44px}}
.statistics-scope-summary:not(:empty){margin-top:var(--space-12)}

/* Automatische Erfassung */
.statistics-automation-panel .sw-card__body{display:flex;flex-direction:column;gap:var(--space-16)}
.stats-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-14) var(--space-16);border-radius:var(--radius-xl);background:var(--bg-surface-2)}
.stats-row__text{display:flex;flex:1 1 280px;flex-direction:column;gap:var(--space-3);min-width:0}
.stats-row__text strong{font:var(--font-body-semibold);color:var(--text-primary)}
.stats-row__text small{font:var(--font-small);color:var(--text-secondary);overflow-wrap:break-word}
.stats-batch{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end;gap:var(--space-12)}
.stats-batch > .stats-hint{grid-column:1 / -1}
.stats-runs{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.stats-runs__item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-12);padding:var(--space-10) 0;box-shadow:inset 0 1px 0 var(--border-default)}
.stats-runs__text{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.stats-runs__text strong{font:var(--font-small-semibold);color:var(--text-primary)}
.stats-runs__text small{font:var(--font-small);color:var(--text-secondary)}
.stats-runs__errors{margin:var(--space-4) 0 0;padding-left:var(--space-16);font:var(--font-small);color:var(--status-danger)}
.stats-footnote{display:flex;flex-direction:column;gap:var(--space-8);padding:0 var(--space-4)}
.stats-footnote p{margin:0;font:var(--font-small);color:var(--text-secondary)}

/* Zeitverlauf-Steuerung (timeSeriesControls in app.js; Performance und Kunden-Detail) */
.time-series-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:end;gap:var(--space-12);min-width:0}
.time-series-controls > .trend-profile-picker,.time-series-controls > .trend-aggregation,.time-series-export{grid-column:1 / -1}
.time-series-controls > [hidden]{display:none}
.trend-aggregation{display:flex;flex-direction:column;gap:var(--space-6);min-width:0;margin:0;padding:0;border:0}
.trend-aggregation legend{margin-bottom:var(--space-6);padding:0}
.time-series-export{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:end;gap:var(--space-12)}
.time-series-export-action{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}

/* Kartenaktionen: Berechnung + Export nebeneinander, umbrechend statt überlaufend */
.stats-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-8)}
.stats-export{display:flex;gap:var(--space-6)}

/* Zeitraum der Highlights (Beste Plattform, Top-Videos, Pro Kunde, Pro Plattform) */
.stats-period{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-8) var(--space-16);margin-top:var(--space-16)}
.stats-period .sw-select{flex:0 1 240px;min-width:min(100%,200px)}
.stats-period .stats-hint{flex:1 1 260px}

/* Beste Plattform + Top-Videos nebeneinander (ab 1100 px) */
.stats-highlights{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-16);min-width:0}
@media (min-width:1100px){.stats-highlights{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}
.stats-highlights > [hidden]{display:none}
.stats-highlights:has(> #statistics-best-platform-card[hidden]){grid-template-columns:minmax(0,1fr)}
.stats-best{display:flex;align-items:flex-start;gap:var(--space-12);margin-bottom:var(--space-12)}
.stats-best__icon{display:inline-grid;flex:none;place-items:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--brand-soft);color:var(--brand-soft-text)}
.stats-best__text{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.stats-best__name{font:var(--font-h3);color:var(--text-primary)}
.stats-best__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:var(--space-8);margin:0;padding:0;list-style:none}
.stats-best__item{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-12);border-radius:var(--radius-lg);background:var(--bg-surface-2)}
.stats-best__item.is-best{box-shadow:inset 0 0 0 1.5px var(--brand-primary)}
.stats-best__platform{display:inline-flex;align-items:center;gap:var(--space-6);font:var(--font-small-medium);color:var(--text-secondary)}
.stats-best__item strong{font:var(--font-h3);font-variant-numeric:tabular-nums;color:var(--text-primary)}
.stats-best__item small{font:var(--font-tiny);color:var(--text-secondary)}
.stats-top{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}
.stats-top__item{min-width:0}
.stats-top__rank{display:grid;place-items:center;width:100%;height:100%;font:var(--font-body-semibold);color:var(--brand-soft-text);background:var(--brand-soft)}
.stats-top__item .sw-listcard__thumb img{width:100%;height:100%;object-fit:cover}

/* Pro Kunde / Pro Plattform */
.stats-section{display:flex;flex-direction:column;gap:var(--space-12);min-width:0}
.stats-section[hidden]{display:none}
.stats-customer-grid,.stats-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:var(--space-16);min-width:0}
.stats-customer__goal{margin:0 0 var(--space-12)}
.kpi-tiles:is(.stats-customer__kpis,.stats-platform__kpis){grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:var(--space-8)}
.stats-platform__icon{display:inline-flex;color:var(--text-secondary)}
.stats-platform .sw-banner{margin:var(--space-12) 0 0}
.stats-platform .stats-subtitle{margin-top:var(--space-16)}

/* Monatsdetail: Kennzahlen, Tageswerte und Posting-Kalender */
.month-day-panel{margin-top:var(--page-card-gap,var(--space-16))}
.month-day-panel .stats-subtitle{margin-top:var(--space-20)}

/* Report exportieren (performance-report-dialog.js) */
.perf-report-form{display:flex;flex-direction:column;gap:var(--space-16)}
.perf-report-group{display:flex;flex-direction:column;gap:var(--space-8);min-width:0;margin:0;padding:0;border:0}
.perf-report-group .stats-chips{margin-top:0}
.perf-report-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end;gap:var(--space-12)}
.perf-report-row > [hidden]{display:none}
.perf-report-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}
.perf-report{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}
.perf-report__head{display:flex;flex-direction:column;gap:var(--space-4)}
.perf-report__title{margin:0;font:var(--font-h2);color:var(--text-primary)}
#performance-report-print{width:min(100%,960px)}
@media print{
  html.sw-print-report body > :not(.sw-overlay){display:none!important}
  html.sw-print-report .sw-overlay{position:static;display:block;padding:0;background:none;backdrop-filter:none}
  html.sw-print-report .sw-dialog{width:auto;max-width:none;max-height:none;overflow:visible;box-shadow:none;border-radius:0}
  html.sw-print-report .sw-dialog__x,html.sw-print-report .sw-dialog__foot{display:none!important}
  html.sw-print-report .sw-table-wrap{overflow:visible}
}
/* Diagramm-Trefferflächen als ganze Spalten (Zeitverlauf, Zeitraumvergleich): Hervorhebung als Spaltentönung statt Rahmen */
rect.trend-hit,.comparison-hit{fill:transparent;stroke:none}
rect.trend-hit:is(:hover,.is-active),.comparison-hit:is(:hover,.is-active){fill:color-mix(in srgb,var(--brand-primary) 8%,transparent);stroke:none;filter:none}
rect.trend-hit:focus-visible,.comparison-hit:focus-visible{outline:none;fill:color-mix(in srgb,var(--brand-primary) 8%,transparent);stroke:var(--brand-primary);stroke-width:2;filter:none}