/* Nexus Presence, deliberately separate from the main styles. */
.brand-copy {position:relative;}
.nexus-presence-count {display:block; width:max-content; margin-top:2px; padding:3px 9px; border:1px solid rgba(120,190,255,.32); border-radius:20px; background:rgba(12,25,47,.8); color:#cbe8ff; font:600 11px/1.35 inherit; cursor:pointer;}
.nexus-presence-count:hover {border-color:#82caff;}
.nexus-presence-panel {position:absolute; z-index:1500; top:calc(100% + 10px); left:245px; width:min(350px,calc(100vw - 320px)); max-height:min(490px,75vh); overflow:auto; padding:15px; border:1px solid rgba(140,195,255,.30); border-radius:16px; background:rgba(9,18,39,.96); color:#edf4ff; box-shadow:0 18px 45px rgba(0,0,0,.5);}
.nexus-presence-panel[hidden],.nexus-presence-settings[hidden]{display:none!important;}
.nexus-presence-panel header {display:flex; justify-content:space-between; align-items:center; gap:12px;}
.nexus-presence-panel header strong {font-size:16px;}
.nexus-presence-panel button,.nexus-presence-settings select {color:inherit; background:rgba(91,142,195,.15); border:1px solid rgba(125,184,250,.33); border-radius:8px; padding:6px 9px; cursor:pointer;}
.nexus-presence-hint,.nexus-presence-settings small {color:#b1c2d9;font-size:12px;}
.nexus-presence-users {display:grid; gap:5px; margin-top:12px;}
.nexus-presence-user {display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 4px;border-top:1px solid rgba(185,215,255,.13);}
.nexus-presence-user > div {min-width:0;display:flex;align-items:center;gap:9px;}
.nexus-presence-user strong {display:block;font-size:13px;word-break:break-word;}
.nexus-presence-user small {color:#abbcd0;font-size:11px;}
.nexus-presence-dot {flex:none;width:9px;height:9px;border-radius:50%;background:#788195;}
.nexus-presence-dot.online {background:#35dc89;}.nexus-presence-dot.away {background:#f4b94a;}.nexus-presence-dot.dnd {background:#ff6175;}
.nexus-presence-error {color:#ffc7c7;font-size:12px;}
.nexus-presence-settings {padding:12px;display:grid;gap:9px;border:1px solid rgba(125,184,250,.22);border-radius:10px;background:rgba(8,19,38,.5);}
.nexus-presence-settings select {width:100%;}

/* Keep the presence panel accessible on narrower windows. */
@media (max-width: 700px) {
  .nexus-presence-panel {left:14px; width:min(350px,calc(100vw - 28px));}
}