.story-ring{position:relative;isolation:isolate;box-shadow:0 7px 18px rgba(38,94,166,.12)}
.story-profile-avatar{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#e5f0ff,#cfe2ff);color:#2570df;font:950 17px Prompt}
.story-profile-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.story-online-dot{position:absolute;z-index:3;right:1px;bottom:3px;width:9px;height:9px;box-sizing:border-box;border:1.5px solid #fff;border-radius:50%;background:#20c984;box-shadow:0 0 0 1px rgba(32,201,132,.14),0 2px 5px rgba(20,145,93,.2)}
.story-item.is-online .story-ring>i{top:-2px;right:-2px;bottom:auto}
.story-item.is-online>b{color:#243b51}
.story-item.seen .story-ring{filter:none!important;opacity:1!important}
.story-item.seen .story-profile-avatar{opacity:.88}
.story-item.unseen .story-profile-avatar{opacity:1}
.zf-admin-badge{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:15px;box-sizing:border-box;margin-left:5px;padding:0 6px;border:1px solid #cfe0fb;border-radius:999px;background:linear-gradient(180deg,#f7faff,#eaf2ff);box-shadow:0 2px 7px rgba(43,108,214,.09);color:#276bd4;font:900 6px/1 Prompt,sans-serif;letter-spacing:.08em;vertical-align:middle;white-space:nowrap}
.post-user>div,.chat-meta,.social-message-sender{display:flex;align-items:center}
.social-message-sender{gap:1px;margin:0 4px 5px;color:#334b62;font:850 8px/1.2 Prompt,sans-serif}
.social-message-sender .zf-admin-badge{height:14px;min-width:29px;font-size:5.5px}
.chat-meta .zf-admin-badge{margin-right:3px}
.group-manage-head{padding:2px 2px 13px}
.group-manage-head h3{margin:6px 0 3px!important;font-size:20px;letter-spacing:-.025em}
.group-manage-head p{margin:0;color:#8494a5;font-size:8px}
.group-manage-section{margin-top:12px;padding:13px;border:1px solid #e3eaf3;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbff)}
.group-manage-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.group-manage-section>header div{display:flex;flex-direction:column;gap:2px}
.group-manage-section>header b{color:#263b50;font-size:10px}.group-manage-section>header small{color:#8b9aab;font-size:7px}.group-manage-section>header>span{min-width:26px;height:22px;display:grid;place-items:center;border-radius:999px;background:#eaf3ff;color:#246edc;font:900 7px Prompt}
.group-member-list,.group-invite-list{display:flex;flex-direction:column;gap:6px}
.group-member-row{display:flex;align-items:center;gap:10px;min-height:54px;padding:7px 8px;border:1px solid transparent;border-radius:13px;background:#f4f7fb;transition:.18s ease}
.group-member-row:hover{border-color:#dce8f7;background:#fff;box-shadow:0 8px 22px rgba(34,67,107,.07)}
.group-member-avatar{width:40px!important;height:40px!important;display:grid;place-items:center;flex:0 0 40px;overflow:hidden;border-radius:50%!important;background:linear-gradient(145deg,#e5f0ff,#d5e6ff);color:#2873e2;font:900 10px Prompt}
.group-member-avatar img{width:100%!important;height:100%!important;display:block;object-fit:cover!important;border-radius:50%!important}
.group-member-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}.group-member-copy b{overflow:hidden;color:#2d4257;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.group-member-copy small{color:#8998a8;font-size:7px}
.group-member-actions{display:flex;align-items:center;gap:4px}.group-member-actions button,.group-invite-button{height:29px;padding:0 9px;border:0;border-radius:9px;font:850 6px Prompt;cursor:pointer;transition:.18s}.group-role-button{background:#eaf3ff;color:#276fdc}.group-role-button.active{background:#eef7f3;color:#17865f}.group-kick-button{background:#fff0f2;color:#c84c61}.group-invite-button{margin-left:auto;background:#2876e8;color:#fff;box-shadow:0 6px 15px rgba(40,118,232,.16)}
.group-member-actions button:hover,.group-invite-button:hover{transform:translateY(-1px);filter:saturate(1.08)}.group-member-actions button:disabled,.group-invite-button:disabled{opacity:.48;cursor:wait;transform:none}
.group-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:13px;border:1px solid #f3d9de;border-radius:15px;background:#fff7f8}.group-danger-zone>div{display:flex;flex-direction:column;gap:3px}.group-danger-zone b{color:#9f3449;font-size:9px}.group-danger-zone small{color:#a87a84;font-size:7px}.group-danger-zone button{height:32px;padding:0 11px;border:0;border-radius:9px;background:#ce4a61;color:#fff;font:850 7px Prompt;cursor:pointer}.group-empty{margin:8px 0;color:#8998a8;font-size:8px;text-align:center}
@media(max-width:560px){.group-member-row{align-items:flex-start;flex-wrap:wrap}.group-member-copy{padding-top:5px}.group-member-actions{width:100%;padding-left:50px}.group-danger-zone{align-items:flex-start;flex-direction:column}.group-danger-zone button{width:100%}}