/* Μενού χρήστη του πλαϊνού: Ενημερώσεις (κουδούνι + μετρητές), Υποχρεώσεις, κουκκίδα δίπλα στο όνομα,
   και το κενό ανάμεσα στις ομάδες του πλαϊνού (χωρίς τίτλους). Ίδιο ύφος σε desktop και κινητό. */

/* Κενό ~μισής γραμμής ανάμεσα στις ομάδες, χωρίς λέξη */
.cfx-sb-nav .cfx-sb-group,
.cfx-sb-nav #cfx-sb-settings-new { margin-top: 12px; }

/* Γραμμές μέσα στο popup: ίδιο ύψος/γραμματοσειρά με τις γραμμές ρόλων (.imp-pop-it) */
#impersonation-popup .cfx-bell,
#impersonation-popup .cfx-sb-item {
  display: flex; align-items: center; gap: 9px; width: 100%; height: auto; margin: 0;
  padding: 8px; border: none; border-radius: 8px; background: none;
  color: #fff; font-family: 'DM Sans', sans-serif; font-size: 12.5px; font-weight: 600;
  white-space: nowrap; text-align: left; cursor: pointer; box-sizing: border-box;
}
/* Το display:none της γραμμής (ρόλος χωρίς πρόσβαση) πρέπει να υπερισχύει του display:flex */
#impersonation-popup .cfx-bell[style*="display: none"],
#impersonation-popup .cfx-bell[style*="display:none"],
#impersonation-popup .cfx-sb-item[style*="display: none"],
#impersonation-popup .cfx-sb-item[style*="display:none"] { display: none; }
#impersonation-popup .cfx-bell:hover,
#impersonation-popup .cfx-sb-item:hover,
#impersonation-popup .cfx-sb-item.active:hover { background: rgba(151,196,89,0.20); color: #fff; }
#impersonation-popup .cfx-sb-item.active { background: none; color: #fff; font-weight: 600; border-left: none; }
/* Το collapsed πλαϊνό κρύβει κάθε .cfx-sb-label· το popup μένει ανοιχτό με τις λέξεις του */
body.cfx-sidebar-collapsed #impersonation-popup .cfx-sb-label { display: inline; }
#impersonation-popup .cfx-sb-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Μετρητές: πράσινο | κόκκινο, κολλητά, πάντα ορατοί (0/0 όταν άδειο) */
.cfx-bell-badge {
  display: inline-flex; margin-left: 4px; border-radius: 7px; overflow: hidden;
  font-size: 10px; font-weight: 800; line-height: 1;
}
.cfx-bb { padding: 2px 5px; min-width: 8px; text-align: center; color: #fff; }
.cfx-bb-g { background: #1f9d55; }
.cfx-bb-r { background: #e24b4a; }

/* Κουκκίδα δίπλα στο όνομα: ΜΟΝΟ όταν ο κόκκινος μετρητής > 0 */
#cfx-sb-username.cfx-um-has-dot::after {
  content: ''; display: inline-block; width: 7px; height: 7px; margin-left: 6px;
  border-radius: 50%; background: #e24b4a; vertical-align: middle;
}