/* Zuordnung: links die Spalte aus der Datei, rechts das Feld im Journal. */
.map { display: grid; grid-template-columns: 1fr 26px 1fr; gap: 9px; align-items: center; margin-bottom: 7px; }
.map .from {
  background: rgba(255,255,255,.03); border: 1px solid var(--border-2); border-radius: 8px;
  padding: 7px 11px; font-size: 12.5px; font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
}
.map .to {
  background: var(--accent-soft); border: 1px solid var(--border); border-radius: 8px;
  padding: 7px 11px; font-size: 12.5px; display: flex; align-items: center; gap: 7px;
}
.map .to .chev { margin-left: auto; color: var(--dim); font-size: 10px; }
.map .ar { text-align: center; color: var(--dim); }
.map.skip .to { background: rgba(255,255,255,.02); border-style: dashed; color: var(--dim); }

/* Vorschau der Rohdatei */
.raw {
  background: #05070f; border: 1px solid var(--border-2); border-radius: 9px; padding: 11px 13px;
  font-family: ui-monospace, 'Cascadia Code', Consolas, monospace; font-size: 11px; line-height: 1.75;
  overflow-x: auto; white-space: pre; color: var(--muted);
}
.raw b { color: var(--accent-2); font-weight: 600; }

/* ---- Die Trennzeichen deutlich, aber in normaler Groesse ----
   ⚠️ DIE GROESSE IST WIEDER NORMAL (Entscheidung Dirk, 20.08.2026: „Du kannst die
   Schriftgroesse mal wieder auf normal reduzieren"). Sie war ein Behelf gegen ein Problem,
   das gar keines der Schrift war: Die Zeile reservierte 96 px fuer eine leere
   Hinweis-Spalte, und der Text wurde auf null Breite geschnitten. Das ist in
   `journal.css` behoben (`.aus.ohne-hinweis`) — damit braucht es hier keine Sonderrolle
   mehr.
   ⚠️ FETT BLEIBT. Ein Komma ist auch in normaler Groesse ein duenner Strich; fett hebt es
   ab, ohne die Zeile zu vergroessern. */
.aus.trenn-gross .aus-zeile .nm,
#trenner .pick-wert {
  font-weight: 700;
  letter-spacing: .5px;
}

/* ---- Die erkannte Datums-Lesart ----
   Drei Stufen, weil es drei verschiedene Aussagen sind: erkannt (gruen, mit Beweis),
   angenommen oder offen (gelb), widerspruechlich (rot). Eine einzige Farbe waere hier
   falsch — „erkannt" und „geraten" duerfen nicht gleich aussehen. */
.datum-banner {
  margin-bottom: 10px; padding: 9px 12px; border-radius: 8px;
  font-size: 12px; line-height: 1.6;
}
.datum-banner.ok   { background: rgba(0,230,118,.09); border: 1px solid rgba(0,230,118,.30); color: var(--green); }
.datum-banner.warn { background: rgba(255,171,0,.10); border: 1px solid rgba(255,171,0,.34); color: var(--gold); }
.datum-banner.err  { background: rgba(255,82,82,.10); border: 1px solid rgba(255,82,82,.34); color: var(--red); }