/* Kopfzeile & Dialog – ausgelagerte Stile aus public/partials/header.php (2025‑10‑30) */

/* Mini‑Navigation neben Detail‑Ansichten */
.nav-mini{display:inline-flex;gap:6px;align-items:center;margin-right:8px}

/* Nutzer‑Badges / Zähler-Blasen */
.user-badge{position:relative;margin-left:6px}
.badge-count{
  position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;background:#111827;color:#fff;
  font-size:10px;line-height:16px;padding:0 4px;
}

/* Universeller Dialog (Modal) – größenkodiert über Modifier-Klassen */
.dialog{padding:0;border:none;border-radius:10px;width:92vw;max-width:720px}
.dialog--s{max-width:480px}
.dialog--m{max-width:720px}
.dialog--l{max-width:960px}

/* Kopf & Inhalt des Dialogs */
.dialog__kopf{
  padding:16px 16px 8px;border-bottom:1px solid #eee;
  display:flex;justify-content:space-between;align-items:center
}
.dialog__inhalt{padding:14px 16px;max-height:60vh;overflow:auto}

/* Zugänglichkeit: deutliche Fokusmarkierungen nur bei Tastaturfokus */
.dialog :focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Abgedunkelter Hintergrund des <dialog> Elements */
dialog.dialog::backdrop{background:rgba(0,0,0,.35)}

/* Sichtbarkeit & Zentrierung des nativen <dialog> */
dialog.dialog{background:#fff;color:#1f2937;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}
dialog.dialog[open]{display:block}

/* Dialog (Header) – Zusatzstile 2025-10-30 */
#dlg-seitenrechte-info .dialog__kopf { background:#eff6ff; border-bottom:1px solid #bfdbfe; }
#dlg-seitenrechte-info .dialog__kopf strong { color:#1e3a8a; }
.dialog--hellblau { border:2px solid #93c5fd; box-shadow:0 10px 30px rgba(59,130,246,.15); }

/* Seiten‑Rechte Modal – Icons & Farben (2025-10-30) */
#btn-seitenrechte-info{background:#2563eb;border:1px solid #1d4ed8;color:#fff}
#btn-seitenrechte-info:hover{background:#1d4ed8}
#btn-seitenrechte-info img{display:block;filter:invert(1)}

#dlg-seitenrechte-info #dlg-sr-close{background:#dc2626;border:1px solid #b91c1c;color:#fff}
#dlg-seitenrechte-info #dlg-sr-close:hover{background:#b91c1c}
#dlg-seitenrechte-info #dlg-sr-close img{display:block;filter:invert(1)}