/* Nachrichten-Verwaltung: Liste links, bearbeitbare Vorschau rechts.
   Geteilt von Developer-Portal (Nachrichten) und Panel (Kriegs-Erinnerung). */
.msg-split { display: grid; gap: 16px; grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
  align-items: start; }
.msg-split > * { min-width: 0; }
@media (max-width: 900px) { .msg-split { grid-template-columns: minmax(0, 1fr); } }

.msg-liste { display: flex; flex-direction: column; gap: 2px; padding: 10px;
  border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface);
  max-height: min(72vh, 900px); overflow-y: auto; }
.msg-gruppe { font-size: 11px; text-transform: uppercase; letter-spacing: .09em;
  color: var(--ink-faint); margin: 14px 8px 4px; }
.msg-gruppe:first-child { margin-top: 2px; }
.msg-item { display: flex; flex-direction: column; gap: 3px; width: 100%; min-width: 0;
  padding: 9px 10px; border: 1px solid transparent; border-radius: 9px; cursor: pointer;
  background: none; text-align: left; font: inherit; color: var(--ink-muted);
  transition: background var(--t-fast), color var(--t-fast); }
.msg-item:hover { background: var(--surface-2); color: var(--ink); }
.msg-item.is-active { background: var(--surface-3); color: var(--ink);
  border-color: var(--line-strong); }
.msg-name { display: flex; align-items: center; gap: 8px; min-width: 0;
  font-size: 13.5px; font-weight: 650; color: var(--ink); }
.msg-flag { flex-shrink: 0; font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .05em; padding: 1px 6px; border-radius: 99px;
  background: var(--surface-3); color: var(--ink-muted); border: 1px solid var(--line-strong); }
.msg-desc { font-size: 12px; line-height: 1.4; color: var(--ink-muted); overflow-wrap: anywhere; }

.msg-inhalt { border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--surface); padding: 18px; min-width: 0; }
.msg-kopf { margin: 0 0 2px; font-size: 17px; }
.msg-kopf-sub { margin: 0 0 16px; }