.pwa-badge{
  margin-left:8px;
  display:none;
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  font-size:12px;
  line-height:18px;
  align-items:center;
  justify-content:center;
  background:#ef4444;
  color:#fff;
  vertical-align:middle;
}

.pwa-toast{
  position:fixed;
  left:50%;
  bottom:16px;
  transform:translateX(-50%) translateY(20px);
  opacity:0;
  background:rgba(15,23,42,.95);
  color:#fff;
  padding:10px 12px;
  border-radius:10px;
  z-index:99999;
  transition:all .25s ease;
  max-width:92vw;
  font-size:14px;
}
.pwa-toast.show{
  transform:translateX(-50%) translateY(0);
  opacity:1;
}

/* --- 24h News Attention --- */
.pwa-attn header.topbar{
  box-shadow: inset 0 -3px 0 rgba(239,68,68,.85);
}

/* Make sure module links can host a dot */
header.topbar .modules a.mod{ position: relative; }

/* Red dot for ATCR / SYBU module icons */
.pwa-attn-atcr header.topbar .modules a.mod[href="/ATCR/dashboard.php"]::after{
  content:"";
  position:absolute;
  top:10px;
  right:10px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ef4444;
  box-shadow:0 0 0 2px rgba(255,255,255,.9);
}
.pwa-attn-sybu header.topbar .modules a.mod[href="/SYBU/dashboard.php"]::after{
  content:"";
  position:absolute;
  top:10px;
  right:10px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ef4444;
  box-shadow:0 0 0 2px rgba(255,255,255,.9);
}

/* Quicklinks chips (topbar right) */
.pwa-quicklinks{
  display:flex;
  gap:8px;
  align-items:center;
  margin-left:12px;
  flex-wrap:wrap;
}
.pwa-chip{
  display:inline-flex;
  gap:8px;
  align-items:center;
  text-decoration:none;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(239,68,68,.10);
  color:#b91c1c;
  border:1px solid rgba(239,68,68,.20);
}
.pwa-chip .n{
  display:inline-flex;
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:12px;
  line-height:18px;
  justify-content:center;
}

/* Toast (already used in v8) – keep but slightly refined */
.pwa-toast{
  position:fixed;
  left:50%;
  bottom:16px;
  transform:translateX(-50%) translateY(20px);
  opacity:0;
  background:rgba(15,23,42,.95);
  color:#fff;
  padding:10px 12px;
  border-radius:10px;
  z-index:99999;
  transition:all .25s ease;
  max-width:92vw;
  font-size:14px;
}
.pwa-toast.show{
  transform:translateX(-50%) translateY(0);
  opacity:1;
}