/* Minimaler v1-Style. Wird mit den ersten echten UX-Iterationen erweitert. */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  max-width: 1100px;
  margin: 1rem auto;
  padding: 0 1rem;
  color: #222;
}

nav a {
  margin-right: 0.5rem;
}

main {
  margin-top: 1rem;
}

table {
  border-collapse: collapse;
}

th, td {
  border: 1px solid #ccc;
  padding: 0.25rem 0.5rem;
  text-align: left;
  vertical-align: top;
}

dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.25rem 1rem;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0;
}

pre {
  white-space: pre-wrap;
  margin: 0;
}

.status select {
  border: none;
  background: transparent;
  font-size: inherit;
}

.status-works     { background: #c8e6c9; }
.status-broken    { background: #ffcdd2; }
.status-partial   { background: #ffe0b2; }
.status-untested  { background: #eceff1; }

/* Game-Version-Ampel in der Mod-Liste:
   grün  = exakt auf aktuellem Reforger-Build getaggt (Test-Kandidat),
   gelb  = selber Major.Minor-Zyklus, aber anderer Build,
   rot   = älterer Zyklus (noch nicht fürs aktuelle Update angefasst),
   grau  = unbekannt (nie gescrapt / Dependency-Stub). */
.gv {
  display: inline-block;
  padding: 0 0.4em;
  border-radius: 3px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.gv-current { background: #c8e6c9; font-weight: bold; }
.gv-partial { background: #ffe0b2; }
.gv-old     { background: #ffcdd2; }
.gv-unknown { background: #eceff1; color: #666; }

/* Inline-Edit-Quittungen (Auto-Save, HTMX). Grün = gespeichert,
   rot = Validierungsfehler (D1, sichtbarer Schnipsel statt stummem 4xx). */
.saved { color: #2e7d32; font-size: 0.85em; }
.save-error { color: #c62828; font-size: 0.85em; font-weight: bold; }

/* Workshop-Tags als Chips auf der Mod-Detailseite. */
.chip {
  display: inline-block;
  padding: 0.1em 0.5em;
  margin: 0 0.25em 0.25em 0;
  border-radius: 10px;
  background: #eceff1;
  font-size: 0.85em;
  white-space: nowrap;
}

.summary-banner {
  margin: 0.5rem 0;
  padding: 0.4em 0.75em;
  background: #e8f0fe;
  border-radius: 4px;
}

/* Lange Namen/IDs (Anzeigename, Server-Name, Szenario-ID) müssen immer
   reinpassen — Spaltenbreite ausfüllen statt festem size. */
.wide-input {
  width: 100%;
  max-width: 40rem;
  box-sizing: border-box;
}