/* Baustein lesebestaetigung: Abschnitte "Lesekreis" und "Bestaetigungen"
   (Bedienkonzept E37). Ausrollen bis zur Begehung, Bauplan 3A. Besitzer:
   A1b. Die Grundvorlage bindet die Datei nach dem globalen Stylesheet ein.
   Nur Regeln fuer eigene, neue Klassen; Farben als Token mit Rueckfall;
   eine Regel fuer die Telefonbreite (560px). Kein Ocker, kein Gruen fuer
   Erledigtes (der Stand ist eine Stand-Pille aus pillen.css). */

/* Ein Inhalt je Abschnitt; Absaetze und Tabellen mit gleichem Abstand. */
.lesebestaetigung > * + * { margin-top: 12px; }

/* "n von m bestaetigt": die Zahl ist der Kopf des Abschnitts. */
.lesebestaetigung-stand { margin: 0; color: var(--navy, #1F4570); }
.lesebestaetigung-stand strong { font-variant-numeric: tabular-nums; }

/* Der eigene Stand fuer wen nur im Lesekreis steht. */
.lesebestaetigung-eigene {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0;
}

/* Regeln: Text links, "Entfernen" rechts in der Zeile. */
.liste.lesebestaetigung-regeln { margin-top: 0; }
.liste.lesebestaetigung-regeln td:first-child { width: 100%; }

/* Bestaetigungen und Papierliste: Namen duerfen umbrechen, die Pille
   nicht. */
.liste.lesebestaetigung-tabelle td:last-child,
.liste.lesebestaetigung-papier td:last-child { white-space: nowrap; }
.liste.lesebestaetigung-papier { margin-top: 0; }
.liste.lesebestaetigung-papier tr[hidden] { display: none; }

/* Die Zahl am Knopf (E37): leiser als das Wort. */
.lesebestaetigung-zahl {
  font-weight: 400; font-variant-numeric: tabular-nums;
  color: inherit; opacity: 0.85;
}
.lesebestaetigung-zahl:empty { display: none; }

/* Filter der Papierliste und "Liste drucken" in einer Zeile. */
.lesebestaetigung-filter {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px;
  padding: 10px 12px; border-radius: 8px;
  background: var(--grau-hell, #f4f6f9);
}
.lesebestaetigung-filter .knopf-schlicht { margin-left: auto; }

@media (max-width: 560px) {
  .lesebestaetigung-filter { flex-direction: column; align-items: stretch; }
  .lesebestaetigung-filter .knopf-schlicht { margin-left: 0; }
  .lesebestaetigung-filter .filter-paar { justify-content: space-between; }
  .liste.lesebestaetigung-tabelle td:last-child { white-space: normal; }
}