/* mentor — bereiche.css (Agent B)
 *
 * Seitenspezifische Regeln für „Meine Einträge“ (`geschichten.html`), „Einstellungen“
 * (`einstellungen.html`), „Mit mir geteilt“ (`geteilt.html`) und „Anmelden“ (`anmelden.html`).
 * Nutzt ausschließlich die Tokens aus `stil.css` (`:root`) sowie die dort definierten
 * gemeinsamen Klassen (`.knopf`, `.karte`, `.chip`, `.seitentitel`, `.einleitung`, `.hinweis`,
 * `.formular-feld`, `.seitenleiste`, `.inhalt-breit` und die weiteren Komponenten, die aus dem
 * vorherigen Stand übernommen wurden: `.karte-kopf`, `.karte-chips`, `.karte-aktionen`,
 * `.eintrag-detail*`, `.formular-karte`, `.tabelle-scroll`, `.daten-tabelle`, `.schalter*`,
 * `.erinnerungen-*`, `.anliegen-antworten`, `.hinweisbox`, `.knopf-text--gefahr` …).
 *
 * Diese Datei ergänzt nur, was es dort noch nicht gab: den Titel einer Karte (`.karte-titel`)
 * und den Rahmen um „Zu bestätigen“ (`.bestaetigen-abschnitt`). Wird `stil.css` um eine dieser
 * Klassen erweitert, kann die jeweilige Regel hier ersatzlos entfallen.
 */

/* „Meine Einträge“: Titelzeile einer Eintrags- oder Freigabe-Karte (`.karte > .karte-titel`). */
.karte-titel {
  font-size: 1.05rem;
  font-weight: 600;
}

/* „Zu bestätigen“ (ersetzt den früheren Reiter „Vorschläge“): Überschrift mit Anzahl-Chip. */
.bestaetigen-abschnitt {
  padding: 1rem 1.15rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--rand);
  border-radius: var(--radius-gross);
  background: var(--akzent-hell);
}

.bestaetigen-abschnitt h2 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0 0 0.4rem;
}

/* Status „archiviert“ und Vertraulichkeit „geteilt“ fehlten unter den Chip-Varianten. */
.chip--status-archiviert {
  color: var(--text-schwach);
  border-style: dashed;
}

.chip--vertraulich-geteilt {
  color: var(--text-schwach);
}

/* Einstellungen → Konto: „Konto löschen“ hebt sich als einzige rot umrandete Karte ab
 * (Konzept: Rot nur für Lösen, Beenden und Löschen). */
.karte--gefahr {
  border-color: var(--gefahr);
}

/* Einstellungen → Freunde und Verwandte: Luft zwischen Knopf, Formular und den Abschnitten
 * „Mit mir geteilt“ und „Zugriffsprotokoll“. */
#freigabe-hinzufuegen-knopf {
  margin-bottom: 1.25rem;
}

#bereich-freunde > h2 {
  margin-top: 2.25rem;
}