/* Queue counts and unread alerts share one compact visual language. */
.sidebar .nav-link > b[id$="-count"],
.gc-mobile-nav .nav-link > b[data-nav-count-for]{
  display:grid!important;
  flex:0 0 auto;
  place-items:center;
  min-width:22px;
  height:22px;
  margin-left:auto;
  padding:0 6px!important;
  border:1px solid #b2edff;
  border-radius:999px;
  background:linear-gradient(135deg,#b6edff,#65d6f1);
  box-shadow:0 1px 5px #001a2b35;
  color:#06354d;
  font-size:11px!important;
  font-weight:850;
  line-height:1;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.sidebar .nav-link > b[id$="-count"][hidden],
.gc-mobile-nav .nav-link > b[data-nav-count-for][hidden]{display:none!important}
.sidebar .nav-link:hover > b[id$="-count"],
.sidebar .nav-link.active > b[id$="-count"]{box-shadow:0 0 0 2px #122c42,0 2px 10px #5dcdf354}
.gc-notification-trigger:has(.gc-notification-count:not([hidden])){border-color:#4284a8}
.gc-notification-count{
  display:grid;
  place-items:center;
  top:-8px;
  right:-8px;
  min-width:22px;
  height:22px;
  padding:0 5px;
  border:2px solid #0b1826;
  border-radius:999px;
  background:linear-gradient(135deg,#b6edff,#5ccbed);
  box-shadow:0 2px 8px #00172588;
  color:#06354d;
  font-size:10px;
  font-weight:850;
  line-height:1;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;
}
.gc-notification-count[hidden]{display:none!important}
.gc-notification-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gc-notification-head-actions{display:flex;align-items:center;gap:8px}
.gc-notification-mark-all{min-height:32px;padding:0 9px;border:1px solid #3c5b74;border-radius:8px;background:#17334a;color:#bceaff;font-size:11px;font-weight:750;cursor:pointer}
.gc-notification-mark-all:hover,.gc-notification-mark-all:focus-visible{border-color:#82ceef;background:#20516b;color:#fff;outline:none}
.gc-notification-mark-all[hidden]{display:none!important}
@media (min-width:751px){
  html[data-gc-desktop-nav-collapsed="true"] .sidebar .nav-link > b[id$="-count"]:not([hidden]){
    position:absolute;
    top:1px;
    right:0;
    display:grid!important;
    min-width:18px;
    height:18px;
    padding:0 4px!important;
    border-width:1px;
    font-size:9px!important;
  }
}
@media (max-width:750px){
  .gc-mobile-nav .nav-link > b[data-nav-count-for]{margin-left:auto}
  .gc-notification-count{top:-5px;right:-5px}
}

/* Keep collapsed counts outside the centered icon footprint. */
@media (min-width:751px){
  html[data-gc-desktop-nav-collapsed="true"] .sidebar .nav-link > b[id$="-count"]:not([hidden]){
    min-width:14px!important;
    width:auto!important;
    height:14px!important;
    padding:0 2px!important;
    font-size:8px!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }
  html[data-gc-desktop-nav-collapsed="true"] .sidebar .nav-link{
    position:relative;
    align-items:center!important;
  }
}