:root { --pico-font-size: 100%; }

nav .brand { text-decoration: none; white-space: nowrap; }
nav.container, nav.container ul { flex-wrap: wrap; row-gap: 0; }
@media (max-width: 640px) {
  nav.container { font-size: 0.9rem; }
  nav.container li { padding: 0.3rem 0.4rem; }
}
.inline-form { display: inline; margin: 0; }
button.slim, .slim[role="button"] { padding: 0.3rem 0.8rem; margin: 0; width: auto; }

.flash { padding: 0.6rem 1rem; border-radius: 0.4rem; }
.flash.ok { background: #e6f4ea; color: #1e6b34; }
.flash.err { background: #fdecea; color: #b3261e; }

.filterleiste { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; margin-bottom: 1rem; }
.filterleiste select { width: auto; margin: 0; }

.badge {
  display: inline-block; padding: 0.15rem 0.55rem; border-radius: 999px;
  font-size: 0.78rem; font-weight: 600; white-space: nowrap;
}
.status-offen { background: #fff3cd; color: #7a5c00; }
.status-eingereicht_beihilfe, .status-eingereicht_pkv, .status-eingereicht_beide { background: #dbeafe; color: #1e40af; }
.status-teilerstattet { background: #ede9fe; color: #5b21b6; }
.status-abgeschlossen { background: #dcfce7; color: #166534; }
.badge.bereit { background: #166534; color: #fff; }

.rechts { text-align: right; }
.pfeil { text-decoration: none; }

.login-box { max-width: 420px; margin: 3rem auto; }

.hinweis-abschluss {
  border: 2px solid #166534; background: #f0fdf4; border-radius: 0.5rem;
  padding: 1rem; margin-bottom: 1rem;
}

.ocr-zeile { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1rem; flex-wrap: wrap; }
.ocr-zeile small { margin: 0; }

.dok-liste td { vertical-align: middle; }
details summary { cursor: pointer; }