.cl-person-actions{position:relative;display:inline-block;max-width:100%;font-size:12px;text-align:left}
.cl-person-name{font-weight:800;text-align:left;overflow-wrap:anywhere}
.cl-person-menu{position:absolute;top:100%;left:0;z-index:150;min-width:190px;max-width:calc(100vw - 40px);background:rgb(var(--cl-slate-900,15 23 42));color:rgb(var(--cl-white,255 255 255));border:1px solid rgb(var(--cl-cyan-400,34 211 238));border-radius:14px;padding:7px;box-shadow:0 12px 32px #0008}
.cl-person-menu button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px;font-size:12px}
.cl-person-menu button:hover,.cl-person-menu button:focus-visible{background:#8883;outline:2px solid var(--cl-accent,#22d3ee)}
.cl-person-menu p{padding:8px;font-size:11px;max-width:210px;overflow-wrap:anywhere}.cl-person-menu button:disabled{opacity:.5}
.cl-public-profile{max-width:980px;margin:auto;border:1px solid #8883;border-radius:30px;overflow:hidden;background:#8881}
.cl-public-banner{height:260px;background:linear-gradient(135deg,#164e63,#0f172a,#155e75);background-size:cover;background-position:center}
.cl-public-identity{padding:0 32px 32px}.cl-public-identity>img,.cl-public-avatar{position:relative;margin-top:-46px;width:100px;height:100px;border-radius:50%;border:5px solid var(--cl-bg,#0f172a);object-fit:cover;background:#155e75;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:bold}
.cl-public-identity small{display:block;margin-top:22px;opacity:.6;letter-spacing:.15em}.cl-public-identity h1{font-size:32px;font-weight:800;margin:8px 0}.cl-profile-uuid{font-family:monospace;overflow-wrap:anywhere;margin-bottom:20px}.cl-public-note{font-size:12px;opacity:.6;margin-top:30px}
.cl-main.chat-mode{display:flow-root}
.cl-chat-page{position:relative;margin:64px 24px 24px;height:calc(100dvh - 132px);min-height:0;max-width:1500px;border-radius:24px;display:flex;flex-direction:column;isolation:isolate}
.cl-chat-workspace{display:flex;flex:1;min-height:0}.cl-chat-people{width:290px;flex-shrink:0;overflow-y:auto;border-right:1px solid #8883}.cl-chat-conversation{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}
.cl-chat-mobile-toggle{display:none}.cl-presence-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:#64748b}.cl-presence-dot.online{background:#34d399}
@media(max-width:900px){.cl-chat-page{margin:85px 12px 16px;height:calc(100dvh - 151px)}}
@media(max-width:700px){.cl-chat-mobile-toggle{display:block}.cl-chat-people{width:100%;border:0;display:none}.cl-chat-page.people-open .cl-chat-people{display:block}.cl-chat-page.people-open .cl-chat-conversation{display:none}.cl-public-banner{height:170px}.cl-public-identity{padding:0 20px 24px}}