/* Nur die Einwilligungskomponente; bestehende Website-Tokens und Schrift bleiben. */
#statistik-auswahl {
  --statistik-radius: 0;
  --statistik-bg: var(--ef-surface, #fff);
  --statistik-text: var(--ef-text, #1a1a1a);
  --statistik-rand: var(--ef-border-strong, #8a8a8a);
  --statistik-fokus: var(--ef-accent, #7d5d00);
  --statistik-hover: var(--ef-surface-hover, #fafafa);
  box-sizing: border-box;
  width: min(42em, calc(100% - 2em));
  max-height: calc(100dvh - 2em);
  margin: auto;
  padding: 1.5em;
  overflow: auto;
  border: 1px solid var(--statistik-rand);
  border-radius: var(--statistik-radius);
  background: var(--statistik-bg);
  color: var(--statistik-text);
  font: 400 16px/1.5 Inter, system-ui, sans-serif;
}
#statistik-auswahl[data-website="bgw"] { --statistik-radius: 22px; --statistik-bg: var(--color-card, #fff); --statistik-text: var(--color-text, #1a1a1a); --statistik-rand: var(--color-field-border, #8a8a8a); --statistik-fokus: var(--color-primary, #005096); --statistik-hover: var(--color-surface, #fafafa); }
#statistik-auswahl[data-website="eaf"] { --statistik-radius: 10px; --statistik-bg: var(--site-card-bg, #fff); --statistik-text: var(--site-text, #1a1a1a); --statistik-rand: var(--site-field-border, #8a8a8a); --statistik-fokus: var(--site-focus-ring, #006e55); --statistik-hover: var(--site-card-hover-bg, #fafafa); }
#statistik-auswahl::backdrop { background: rgb(0 0 0 / 55%); }
#statistik-auswahl h2 { margin: 0 0 .75em; color: inherit; font-size: 1.5em; line-height: 1.25; }
#statistik-auswahl p { margin: 0 0 .75em; font-size: 1em; color: inherit; }
#statistik-auswahl a { color: var(--statistik-text); text-decoration: underline; }
#statistik-auswahl .statistik-aktionen { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75em; margin: 1em 0; }
#statistik-auswahl button {
  min-height: 44px;
  padding: .7em 1em;
  border: 1px solid var(--statistik-rand);
  border-radius: 0;
  font: inherit;
  font-weight: 600;
  line-height: 1.4;
  color: var(--statistik-text);
  background: var(--statistik-bg);
  cursor: pointer;
}
#statistik-auswahl[data-website="bgw"] button { border-radius: 50px; }
#statistik-auswahl[data-website="eaf"] button { border-radius: 6px; }
#statistik-auswahl button:hover { background: var(--statistik-hover); }
#statistik-auswahl :focus-visible { outline: 2px solid var(--statistik-fokus); outline-offset: 3px; }
#statistik-auswahl details { margin-top: 1em; }
#statistik-auswahl summary { min-height: 44px; cursor: pointer; padding: .5em 0; }
#statistik-auswahl [data-statistik-status] { font-size: .875em; margin: .75em 0 0; }
@media (max-width: 420px) {
  #statistik-auswahl { padding: 1em; }
  #statistik-auswahl .statistik-aktionen { grid-template-columns: 1fr; }
}

html[data-theme="dark"] #statistik-auswahl {
  --statistik-bg: #272727;
  --statistik-text: #e8e6e1;
  --statistik-rand: #77746d;
  --statistik-hover: #2d2d2d;
}
html[data-theme="dark"] #statistik-auswahl[data-website="eaf"] { --statistik-fokus: #6cd5b3; }