/* Ergänzungen zu Pico.css (klassenlos); Farben, Schrift und Abstände kommen aus Pico. */
[hidden] { display: none !important; }

/* Pico vergrößert Schrift und Breite stufenweise mit dem Bildschirm (bis 131 %); hier fest und kompakt. */
:root {
  --pico-font-size: 87.5%;
  --pico-form-element-spacing-vertical: 0.4rem;
  --pico-form-element-spacing-horizontal: 0.75rem;
}

body > main { max-width: 64rem; padding-inline: var(--pico-spacing); }
h1 { --pico-font-size: 1.6rem; }
h2 { --pico-font-size: 1.2rem; }

.hinweis { color: var(--pico-muted-color); }
.fehler, .fehler-text { color: var(--pico-del-color); }
.fehler-text { white-space: pre-line; }

.nebeneinander {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  column-gap: var(--pico-spacing);
}

.tabelle { overflow-x: auto; }
.zahl { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

tr.meldezeile { cursor: pointer; }
tr.offen td { background-color: var(--pico-primary-focus); }
tr.negativ td:first-child { box-shadow: inset 3px 0 var(--pico-mark-background-color); }

/* Pico gestaltet Knöpfe groß; der Aufklapp-Knopf in der Tabelle soll unauffällig bleiben. */
button.aufklappen { all: unset; padding: 0 0.25rem; cursor: pointer; }
button.aufklappen:focus-visible { outline: 2px solid var(--pico-primary); }

pre.xml { margin: 0; font-size: 0.8rem; }
pre.xml .kommentar { color: var(--pico-ins-color); }