.online-panel{display:flex;align-items:center;gap:1rem;padding:.65rem 1.3rem;border-bottom:1px solid var(--line);background:#ffffff05}.online-panel>strong{flex:0 0 auto;color:var(--muted);font-size:.7rem;text-transform:uppercase}.online-panel>strong span{display:inline-grid;min-width:1.25rem;height:1.25rem;place-items:center;margin-left:.25rem;border-radius:1rem;background:#5ce1a01a;color:#8cebbe}.online-users{display:flex;gap:.35rem;overflow-x:auto;padding:.15rem}.online-user{flex:0 0 auto;padding:.3rem .55rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff08;color:#ded5e4;font-size:.7rem;cursor:pointer}.online-user:hover{border-color:var(--violet)}.online-user--admin{color:#ff9bcf}.online-user--presenter{color:#8bdcff}.message--mentioned{margin:.2rem -.6rem;padding:.7rem .6rem;border:1px solid #ffcc6680;border-radius:.8rem;background:linear-gradient(90deg,#ffcc6617,transparent)}.mention-highlight{padding:.08rem .28rem;border-radius:.35rem;background:#ffcc6638;color:#ffe4a8;font-weight:850}.mentioned-label{padding:.15rem .4rem;border-radius:1rem;background:#ffcc6626;color:#ffd987;font-size:.55rem;text-transform:uppercase}.chat-log-row{display:grid;grid-template-columns:auto minmax(8rem,.7fr) minmax(8rem,1fr) minmax(14rem,1.3fr);align-items:center;gap:.7rem;padding:.7rem;border-bottom:1px solid var(--line)}.chat-log-row:last-child{border-bottom:0}.chat-log-row>span:not(.live-dot),.chat-log-row small{color:var(--muted);font-size:.75rem}@media(max-width:600px){.online-panel{align-items:flex-start;flex-direction:column;gap:.4rem}.online-users{width:100%}}
.online-users--drawer{display:block!important;padding:0!important;overflow:visible!important}.online-section-title{display:flex;align-items:center;gap:8px;margin:15px 2px 8px;padding-bottom:8px;border-bottom:1px solid #ffffff12;color:#dcd2e8}.online-section-title:first-child{margin-top:2px}.online-section-title span{width:8px;height:8px;border-radius:50%;background:#68707b}.online-section-title.is-online span{background:#55e5aa;box-shadow:0 0 10px #55e5aa99}.online-section-title strong{flex:1;font-size:11px;text-transform:uppercase;letter-spacing:.11em}.online-section-title b{display:grid;min-width:22px;height:22px;place-items:center;border-radius:11px;background:#ffffff0c;font-size:10px}.online-person.is-offline{opacity:.68}.online-person.is-offline:hover{opacity:1}.online-state{margin-left:auto;color:#8e849b;font-size:9px;text-transform:uppercase}.online-person.is-online .online-state{color:#5ce2ad}.online-section-empty{margin:0 2px 10px;padding:12px;border-radius:10px;background:#ffffff05;color:#92879f;font-size:11px;text-align:center}