/* Phase 138 — Live presence avatar stack */
#cbs-presence-bar{
  position:fixed; top:14px; right:150px; z-index:1001;
  display:none; align-items:center; gap:6px;
  background:rgba(255,255,255,.92); border:1px solid rgba(17,24,39,.12);
  border-radius:999px; padding:4px 10px 4px 12px;
  box-shadow:0 4px 14px rgba(0,0,0,.12); backdrop-filter:blur(4px);
}
#cbs-presence-bar .cbs-pres-label{ font-size:.66rem; font-weight:700; color:#6b7280; letter-spacing:.03em; }
#cbs-presence-bar .cbs-pres-av{
  width:24px; height:24px; border-radius:50%; margin-left:-6px;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:.62rem; font-weight:800;
  border:2px solid #fff; box-shadow:0 1px 3px rgba(0,0,0,.2);
}
#cbs-presence-bar .cbs-pres-av:first-of-type{ margin-left:4px; }
#cbs-presence-bar .cbs-pres-av.me{ outline:2px solid #4f46e5; outline-offset:1px; }
#cbs-presence-bar .cbs-pres-more{ font-size:.66rem; color:#6b7280; margin-left:2px; font-weight:700; }
body.dark #cbs-presence-bar{ background:rgba(31,41,55,.92); border-color:rgba(255,255,255,.12); }
body.dark #cbs-presence-bar .cbs-pres-av{ border-color:#1f2937; }
@media (max-width:760px){
  #cbs-presence-bar{ top:auto; bottom:130px; right:10px; padding:3px 8px; }
  #cbs-presence-bar .cbs-pres-label{ display:none; }
}
@media print{ #cbs-presence-bar{ display:none !important; } }