/* TOPCHIK v3.10 — presence + immediate moderation messages.
   Non-invasive visuals layered after the existing Liquid Glass/NEON admin styles. */
.user-presence {
  --presence-color: #aaa3c0;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  vertical-align:middle;
  font-size:11px;
  line-height:1.3;
  letter-spacing:.005em;
  font-weight:650;
  color:#b7afce;
  white-space:nowrap;
}
.user-presence .presence-led {
  width:7px;height:7px;flex:none;border-radius:100%;
  border:1px solid rgba(255,255,255,.38);
  background:#77758a;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.2),0 0 0 2px rgba(190,173,222,.07);
  transition:background .25s,box-shadow .25s;
}
.user-presence.is-online {color:#a4fadc;text-shadow:0 0 11px rgba(60,235,176,.24)}
.user-presence.is-online .presence-led {
  background:#38ffbd;border-color:#bfffe6;
  box-shadow:0 0 0 3px rgba(54,255,181,.12),0 0 12px rgba(67,255,196,.75),inset 0 1px 1px rgba(255,255,255,.8);
}
.user-presence.presence-compact {font-size:10px;gap:5px}
.user-presence.presence-compact .presence-led {width:6px;height:6px}
.chat-presence-line {margin-top:4px;display:flex;min-height:14px;align-items:center}
.chat-presence-line .user-presence.is-offline {opacity:.8}
.chat-person .person-sub {display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.chat-person .person-sub .bullet-dot {padding:0 3px}
.chat-person .person-sub .user-presence {font-size:11px}
.detail .presence-pill {
  background:linear-gradient(155deg,rgba(207,177,255,.12),rgba(77,52,134,.13));
  border:1px solid rgba(211,177,255,.26);padding:8px 14px;
}
.detail .presence-pill:has(.is-online) {
  background:linear-gradient(145deg,rgba(41,242,163,.08),rgba(102,70,178,.18));
  border-color:rgba(92,236,178,.32);
}
.discover-presence,.self-presence {display:flex;align-items:center;min-height:17px}
.discover-presence {margin-top:-1px;margin-bottom:5px}
.self-presence {margin-top:8px}
.admin-modal-username .user-presence {margin-left:4px}
.admin-user-name small .user-presence {opacity:.95}
.banned-card {max-width:610px;width:min(100%,610px);position:relative;overflow:hidden}
.banned-card::before {
  content:'';position:absolute;pointer-events:none;left:10%;right:10%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#e8bcff,transparent);
  box-shadow:0 0 25px 2px rgba(194,110,255,.62);
}
.banned-card h1 {color:#fff;text-shadow:0 0 25px rgba(213,147,255,.45)}
.ban-reason-card {
  margin:25px auto 20px;text-align:left;padding:19px 22px;
  border:1px solid rgba(244,199,255,.64);border-radius:18px;
  background:
    radial-gradient(ellipse at top left,rgba(205,137,255,.19),transparent 70%),
    linear-gradient(155deg,rgba(147,92,229,.29),rgba(59,38,121,.35));
  box-shadow:0 0 0 1px rgba(223,172,255,.11),
    inset 0 1px 0 rgba(255,255,255,.35),
    0 0 28px rgba(179,97,255,.21),0 14px 33px rgba(15,5,37,.19);
  -webkit-backdrop-filter:blur(22px) saturate(152%);
  backdrop-filter:blur(22px) saturate(152%);
}
.ban-reason-heading {
  display:flex;align-items:center;gap:9px;
  font-size:10px;font-weight:850;letter-spacing:1.75px;
  color:#eccbff;text-shadow:0 0 15px rgba(224,152,255,.30)
}
.ban-reason-heading .icon {color:#e5c0ff}
.banned-card .ban-reason-text {
  color:#fff !important;letter-spacing:.015em;
  font-size:clamp(15px,2.2vw,18px);font-weight:750;
  line-height:1.55;overflow-wrap:anywhere;
  text-shadow:0 2px 15px rgba(219,174,255,.24);
  margin:13px 0 0;
  white-space:pre-wrap;
}
.banned-card .ban-help-note {font-size:11px;opacity:.83;margin:0 0 17px}
.banned-card .ghost {min-width:200px;margin-top:3px}
.mute-hint {font-size:12px;line-height:1.55;white-space:normal;overflow-wrap:anywhere;padding:10px 12px}
@media(max-width:780px){
 .banned-screen {padding:16px}
 .banned-card {padding:28px 18px;border-radius:23px}
 .ban-reason-card {padding:17px 16px;margin:23px auto 19px}
 .chat-presence-line {margin-top:2px}
 .person-sub .user-presence {font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .user-presence .presence-led {transition:none}
}