/* Bewusst minimal und ohne Framework: Paket 3 liefert das App-Geruest, kein
   Design-System. Ziel ist nur lesbare Formulare/Tabellen fuer die
   Abnahmepruefung, kein visuelles Feinschliff-Ziel. */

body {
  font-family: system-ui, sans-serif;
  margin: 0;
  color: #1a1a1a;
  background: #fafafa;
}

.kopfzeile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background: #1f2933;
  color: #fff;
}

.kopfzeile a { color: #fff; text-decoration: none; }
.kopfzeile nav { display: flex; gap: 1rem; align-items: center; }
.marke { font-weight: 600; }

main { padding: 1.5rem; max-width: 60rem; margin: 0 auto; }

table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
th, td { border: 1px solid #ddd; padding: 0.5rem 0.75rem; text-align: left; }
th { background: #f0f0f0; }

form label { display: block; margin: 0.5rem 0; }
form input, form select { margin-left: 0.5rem; padding: 0.25rem 0.5rem; }

.fehler { color: #b3261e; font-weight: 600; }
.hinweis { color: #555; font-size: 0.9rem; }

.status-badge {
  display: inline-block;
  padding: 0.15rem 0.6rem;
  border-radius: 0.75rem;
  background: #e0e0e0;
}
.status-offen { background: #d7f0d7; }
.status-abgeschlossen { background: #dbe7f7; }
.status-archiviert { background: #f0d7d7; }
/* Der Statuswert hiess bis zum Sicherheits-Review "geloescht" (Befund M-8);
   die Klasse bleibt zusaetzlich, damit eine noch nicht neu geladene Seite
   nicht ohne Faerbung dasteht. */
.status-geloescht, .status-inaktiv { background: #f0d7d7; }

/* Fundstellenansicht (Coding-Paket 5) */
.volltext {
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  border: 1px solid #ddd;
  padding: 1rem;
  line-height: 1.7;
}

mark.fund { padding: 0 0.15rem; border-radius: 0.2rem; cursor: default; }
mark.fund-aktion-offen { background: #ffe08a; }
mark.fund-aktion-ersetzen { background: #cdeccd; }
mark.fund-aktion-entfernen { background: #f0c2c2; text-decoration: line-through; }
mark.fund-aktion-generalisieren { background: #cfe0f5; }
mark.fund-aktion-freigeben { background: #e5e5e5; }

/* Ergaenzungen aus dem Sicherheits-Review. Die Inline-style-Attribute in
   den Templates sind entfallen, damit die Content-Security-Policy in
   deploy/caddy/Caddyfile ohne 'unsafe-inline' fuer style-src auskommt
   (Befund N-2). */
.inline-formular {
  display: inline;
}

/* Die beiden Export-Knoepfe sind seit Befund M-7 Formulare statt Links --
   nebeneinander wie vorher die beiden Links. */
.export-knoepfe {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.loeschen-formular button {
  border-color: #a4262c;
  color: #a4262c;
}