/* Verbandbuch — baut auf dem Zeitkonto-Stylesheet auf, nur Eigenheiten hier.
   Mobil zuerst: das Ding wird am Handy in der Halle ausgefüllt, nicht am Schreibtisch. */

.karte.auffaellig { border-left: 5px solid var(--blau, #1275bb); }
.knopf.gross { width: 100%; padding: 0.95rem 1rem; font-size: 1.05rem; }

#neu-form fieldset { border: 1px solid var(--rand, #d4dde4); border-radius: 12px;
  padding: 0.8rem 0.9rem 0.4rem; margin: 0.8rem 0; }
#neu-form legend { font-weight: 700; font-size: 0.85rem; padding: 0 0.4rem;
  color: var(--dunkel, #004e70); }
#neu-form label { display: block; margin-bottom: 0.7rem; font-size: 0.86rem; font-weight: 600; }
#neu-form input:not([type="checkbox"]), #neu-form textarea, #neu-form select {
  width: 100%; margin-top: 0.25rem; font: inherit; padding: 0.6rem 0.7rem;
  border: 1px solid var(--rand, #d4dde4); border-radius: 10px; font-weight: 400;
  min-height: 44px; box-sizing: border-box; }
#neu-form textarea { min-height: 72px; }
#neu-form label.kasten { display: flex; align-items: center; gap: 0.6rem; min-height: 44px;
  font-weight: 600; }
#neu-form label.kasten input { width: 22px; height: 22px; }

.warnung { background: #fdf3e6; border-left: 4px solid #d98324; border-radius: 8px;
  padding: 0.6rem 0.8rem; font-size: 0.86rem; }

.vorfall { border: 1px solid var(--rand, #d4dde4); border-radius: 12px;
  padding: 0.6rem 0.9rem; margin: 0.5rem 0; }
.vorfall.offen { border-left: 5px solid #d9534f; }
.vorfall summary { cursor: pointer; min-height: 40px; display: flex; align-items: center;
  gap: 0.5rem; flex-wrap: wrap; font-size: 0.92rem; }
.vorfall .beleg-nr { font-family: ui-monospace, monospace; font-size: 0.8rem;
  background: var(--flaeche-hell, #f4f8fb); padding: 0.15rem 0.45rem; border-radius: 6px; }

dl.felder { display: grid; grid-template-columns: max-content 1fr; gap: 0.25rem 0.9rem;
  margin: 0.7rem 0; font-size: 0.88rem; }
dl.felder dt { font-weight: 600; color: var(--grau, #777a7b); }
dl.felder dd { margin: 0; }
@media (max-width: 560px) {
  dl.felder { grid-template-columns: 1fr; gap: 0 }
  dl.felder dt { margin-top: 0.5rem; font-size: 0.78rem; text-transform: uppercase; }
}

.badge { font-size: 0.72rem; padding: 0.15rem 0.55rem; border-radius: 999px; font-weight: 600; }
.badge.rot { background: #fdecea; color: #b3261e; }
.badge.gruen { background: #e8f5ec; color: #1d7a3f; }

.zeile-kopf { display: flex; justify-content: space-between; align-items: center; gap: 0.6rem;
  flex-wrap: wrap; }
select.klein { padding: 0.4rem 0.6rem; border-radius: 8px; border: 1px solid var(--rand, #d4dde4);
  font: inherit; min-height: 40px; }