/*
 * Fallwerk – Dialog „Was ist neu in Fallwerk“ (V1c, Aufwertung mit 1.0.0-alpha.2): Änderungsblatt aus Versionskarten.
 * Ergänzt den Dialograhmen aus akten-formulare.css (Breite, max-height, overflow) und das Kennzeichen aus base.css.
 * Verwendet ausschließlich Tokens aus tokens.css, theme.css und accents.css.
 */

/*
 * Kopf: Titel und kurze Einleitung, durch eine feine Linie vom Inhalt getrennt. Er bleibt beim Blättern oben stehen
 * (alpha.5); der negative Versatz in Höhe des Dialogabstands lässt keinen Inhalt über ihm durchscheinen.
 */
.news-head {
  position: sticky;
  top: calc(-1 * var(--space-5));
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-1) var(--space-3);
  margin-top: calc(-1 * var(--space-5));
  padding-top: var(--space-5);
  padding-bottom: var(--space-3);
  background: var(--color-surface-raised);
  border-bottom: var(--border-width) solid var(--color-border);
}

/* Schließen-Kreuz oben rechts neben Titel und Einleitung; Quiet-Schaltfläche mit Mindestzielgröße */
.news-x {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: start;
  font-size: var(--font-size-large);
}

.news-body {
  display: grid;
  gap: var(--space-3);
}

/* Je Version eine Karte */
.news-version {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-4);
  background: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-surface);
}

/* Neueste Version: Akzentfläche und kräftigerer linker Rand (wie die überfälligen Aufgaben, hier in der Akzentfarbe) */
.news-version--latest {
  background: var(--color-primary-soft);
  border-color: var(--color-primary);
  border-left-width: calc(var(--border-width) * 4);
}

.news-version__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
}

/* Datum rechtsbündig in der Kopfzeile; bei schmalem Fenster bricht es unter die Überschrift */
.news-version__date {
  margin-left: auto;
}

/* „Ihre Version“: vorhandenes Kennzeichen, Text in der Akzentfarbe auf ruhiger Fläche */
.news-badge {
  color: var(--color-primary);
  background: var(--color-surface);
}

/* Zwischenzeile vor den älteren Versionen */
.news-earlier {
  padding-top: var(--space-2);
  font-weight: var(--font-weight-strong);
}

/* Sätze als echte Aufzählung (base.css setzt Listen sonst ohne Marker) */
.news-list {
  display: grid;
  gap: var(--space-2);
  padding-left: var(--space-5);
  line-height: var(--line-height-normal);
  list-style: disc;
}

.news-list li::marker {
  color: var(--color-primary);
}

/* Keine Hauptaktion: „Schließen“ steht rechtsbündig */
.news-actions {
  justify-content: flex-end;
}