.group-overlay{align-items:stretch;justify-content:flex-end;padding:0}.group-panel{width:min(520px,100%);height:100%;background:var(--bg-panel,#fff);color:var(--text-primary);display:flex;flex-direction:column;box-shadow:-16px 0 48px rgba(15,23,42,.18);animation:group-panel-in .22s ease-out}.group-panel__header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.group-panel__header h2{margin:0;text-align:center;font-size:18px}.group-panel__body{flex:1;overflow:auto}.group-icon-btn{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.group-icon-btn:hover{background:var(--bg-hover)}.group-icon-btn svg{width:20px;height:20px}.group-form{display:grid;gap:14px;padding:20px}.group-form label:not(.group-switch){display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--text-secondary)}.group-form input,.group-form textarea,.group-invite-create input,.group-add-member input{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:12px;background:var(--bg-input,#f5f7fa);color:var(--text-primary);padding:12px 14px;font:inherit}.group-form textarea{min-height:90px;resize:vertical}.group-switch{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center}.group-switch input{grid-row:1/3;width:18px;height:18px}.group-switch small{color:var(--text-muted)}.group-section-title{font-weight:800;margin-top:6px}.group-selected{display:flex;flex-wrap:wrap;gap:6px}.group-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px}.group-chip button{border:0;background:transparent;color:inherit;cursor:pointer}.group-search-results{display:grid;gap:4px;max-height:220px;overflow:auto}.group-user-result{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:8px;border-radius:10px;text-align:left;color:inherit;cursor:pointer}.group-user-result:hover{background:var(--bg-hover)}.group-user-result span{display:grid;flex:1}.group-user-result small,.group-member small,.group-invite small{color:var(--text-muted)}.group-user-result svg{width:18px}.group-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;object-fit:cover}.group-avatar--initial{display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800}.group-hero{display:flex;align-items:center;gap:14px;padding:20px}.group-hero .group-avatar{width:64px;height:64px}.group-hero h3,.group-hero p{margin:0}.group-hero p{margin-top:4px;color:var(--text-muted);font-size:13px}.group-tabs{display:flex;overflow-x:auto;padding:0 12px;border-bottom:1px solid var(--border)}.group-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:11px 12px;color:var(--text-secondary);white-space:nowrap;cursor:pointer}.group-tabs button.active{color:var(--accent);border-color:var(--accent)}.group-tab-content{padding-bottom:24px}.group-permission{display:flex!important;grid-template-columns:none!important;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px!important;color:var(--text-primary)!important}.group-permission input{width:18px!important}.group-leave{border:0;background:transparent;color:var(--text-danger);padding:12px;cursor:pointer}.group-member-list{display:grid}.group-member{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border)}.group-member__copy{display:grid;flex:1;min-width:0}.group-member select{border:1px solid var(--border);border-radius:8px;padding:6px;background:var(--bg-input);color:inherit}.group-role{font-size:11px;text-transform:uppercase;color:var(--text-muted)}.group-add-member,.group-invite-create{display:grid;gap:10px;padding:16px;border-bottom:1px solid var(--border)}.group-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.group-invite-list{display:grid}.group-invite{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.group-invite>div{display:grid;gap:3px;flex:1;min-width:0}.group-invite code{overflow:hidden;text-overflow:ellipsis;color:var(--accent)}.group-invite button,.group-pinned button,.group-approve,.group-reject{border:0;border-radius:8px;padding:8px;background:var(--bg-hover);color:inherit;cursor:pointer}.group-invite button svg{width:17px}.group-approve{color:var(--text-success)}.group-reject{color:var(--text-danger)}.group-pinned{margin:10px 16px;padding:12px;border:1px solid var(--border);border-radius:12px}.group-pinned p{margin:6px 0;color:var(--text-secondary)}.group-loading,.group-empty,.group-error{padding:28px;text-align:center;color:var(--text-muted)}.group-error{color:var(--text-danger)}.mention-popup{position:absolute;left:8px;bottom:calc(100% + 8px);width:min(320px,calc(100vw - 32px));max-height:280px;overflow:auto;padding:6px;background:var(--bg-panel,#fff);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 35px rgba(15,23,42,.22);z-index:25}.mention-popup button{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;cursor:pointer}.mention-popup button:hover{background:var(--bg-hover)}.mention-popup .group-avatar{width:34px;height:34px;min-width:34px}.mention-popup span{display:grid}.mention-popup small{color:var(--text-muted)}.mention-highlight{padding:1px 3px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-weight:650}@keyframes group-panel-in{from{transform:translateX(28px);opacity:.65}to{transform:none;opacity:1}}@media(max-width:600px){.group-panel{width:100%}.group-form-row{grid-template-columns:1fr}}