/* workspace-bento-kopfknoepfe.css — Reiterleiste „Team | Postfach“ unter der Kopfzeile (die Knöpfe „Aufgaben“ und „Nachrichten“ selbst zeichnet der
   Baustein bento-kopf, Anschluss: workspace-bento-kopfknoepfe.js).
   Kurzbeschreibung: Reiter und rote Zahl an den Reitern. */
.wb-nachr { display: flex; gap: 6px; padding: 0 20px 10px; flex: none; }
.wb-nachr .wb-ab { flex: none; }
.wb-nachr-z { font-style: normal; min-width: 18px; height: 18px; padding: 0 5px; margin-left: 6px; box-sizing: border-box; border-radius: var(--marke-r-pill);
  background: var(--marke-gefahr); color: #fff; font: 700 11px/18px var(--marke-schrift); text-align: center; display: inline-block; font-variant-numeric: tabular-nums; }
@media (max-width: 900px) {
  .wb-nachr { padding: 0 12px 8px; }
}
@media (max-width: 480px) {   /* Handy: das „+“ etwas kleiner (die Knöpfe oben rechts kommen aus dem Baustein bento-kopf) */
  .wb-top > .wb-rund.wb-neu { width: 30px; height: 30px; margin-left: 0; }
}