/* ============================================================
   BENACHRICHTIGUNGEN
   ============================================================ */
.bn-leiste { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 16px 0 12px; }
.bn-tag { margin: 18px 0 6px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--ink-soft); }
.bn-karte { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.bn-eintrag { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 16px;
  border-top: 1px solid var(--line); cursor: pointer; text-decoration: none; color: var(--ink); }
.bn-eintrag:first-child { border-top: 0; }
.bn-eintrag:hover { background: var(--surface); }
.bn-icon { width: 40px; height: 40px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--accent-dark, var(--gold-mittel)) 14%, transparent); color: var(--accent-dark, var(--gold-mittel)); }
.bn-icon i { font-size: 20px; }
.bn-eintrag.is-wichtig .bn-icon { background: color-mix(in srgb, var(--danger, var(--pal-rot)) 12%, transparent); color: var(--danger, var(--pal-rot)); }
.bn-titel { font-size: 14px; font-weight: 600; }
.bn-eintrag.is-neu .bn-titel { font-weight: 800; }
.bn-text { font-size: 13px; color: var(--ink-soft); margin-top: 2px; }
.bn-meta { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--ink-soft); white-space: nowrap; }
.bn-punkt { width: 9px; height: 9px; border-radius: 50%; background: var(--danger, var(--pal-rot)); }
.bn-bereich { padding: 1px 8px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); }
.bn-leer { padding: 40px 16px; text-align: center; color: var(--ink-soft); }
.bn-leer i { display: block; font-size: 40px; margin-bottom: 8px; color: var(--ink-faint, var(--neutral-400)); }
.bn-tabelle { width: 100%; border-collapse: collapse; margin-top: 8px; font-size: 14px; }
.bn-tabelle th { text-align: left; font-size: 12px; font-weight: 700; color: var(--ink-soft); text-transform: uppercase; letter-spacing: .4px; padding: 8px; border-bottom: 1px solid var(--line); }
.bn-tabelle td { padding: 10px 8px; border-bottom: 1px solid var(--line); }
.bn-tabelle td:not(:first-child), .bn-tabelle th:not(:first-child) { text-align: center; width: 150px; }
.bn-tabelle input { width: 18px; height: 18px; accent-color: var(--accent-dark, var(--gold-mittel)); cursor: pointer; }
.bn-immer { font-size: 12px; color: var(--ink-soft); }
@media (max-width: 700px) {
  .bn-eintrag { grid-template-columns: 36px minmax(0, 1fr); }
  .bn-meta { grid-column: 2; }
  .bn-tabelle td:not(:first-child), .bn-tabelle th:not(:first-child) { width: auto; }
}

/* Glocke oben rechts: Zähler statt fester Punkt */
.bn-glocke { position: relative; }
.bn-glocke .notification-dot[hidden] { display: none; }
.bn-glocke .notification-dot:not(:empty) {
  top: 2px; right: 0; width: auto; min-width: 17px; height: 17px; padding: 0 4px; box-sizing: border-box;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; line-height: 1; color: #fff; border: 2px solid var(--paper, #fff);
}

/* ---------- Glocke: „Neu für dich“ (assets/benachrichtigung-badge.js) ---------- */
.bn-glocke-wrapper { position: relative; }
.bn-panel { position: absolute; right: 0; top: calc(100% + 8px); z-index: 1000; width: min(380px, calc(100vw - 32px));
  background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 32px rgba(0, 0, 0, .14); overflow: hidden; }
.bn-panel-kopf { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.bn-panel-kopf strong { font-size: 15px; color: var(--ink); }
.bn-panel-link { background: none; border: 0; padding: 0; font: inherit; font-size: 13px; font-weight: 700; color: var(--accent-dark); cursor: pointer; }
.bn-panel-liste { max-height: min(420px, 60vh); overflow-y: auto; }
.bn-panel-eintrag { display: flex; flex-direction: column; gap: 2px; padding: 10px 16px; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.bn-panel-eintrag:hover { background: var(--paper); }
.bn-panel-eintrag.is-wichtig { border-left: 3px solid var(--pal-rot); padding-left: 13px; }
.bn-panel-titel { font-size: 14px; font-weight: 700; }
.bn-panel-text { font-size: 13px; color: var(--ink-soft); }
.bn-panel-meta { font-size: 12px; color: var(--ink-faint, var(--ink-soft)); }
.bn-panel-leer { display: flex; align-items: center; gap: 8px; margin: 0; padding: 18px 16px; font-size: 14px; color: var(--ink-soft); }
.bn-panel-mehr { display: block; padding: 8px 16px; font-size: 13px; color: var(--accent-dark); text-decoration: none; border-bottom: 1px solid var(--line); }
.bn-panel-fuss { display: block; padding: 10px 16px; font-size: 13px; font-weight: 700; color: var(--accent-dark); text-decoration: none; background: var(--paper); }

/* ---------- Profil: Punkt am Bild, Zahl im Menü ---------- */
.user-avatar-wrap { position: relative; display: inline-flex; }
.profil-punkt { position: absolute; top: -1px; right: -1px; width: 10px; height: 10px; border-radius: 50%;
  background: var(--pal-rot); border: 2px solid var(--surface); }
.dropdown-item .dropdown-badge { margin-left: auto; }
.dropdown-badge[hidden], .profil-punkt[hidden], .bn-panel[hidden] { display: none !important; }