.group-ai-message { -webkit-touch-callout:none; user-select:none; }
.group-inner-os { margin-top:5px; color:rgba(80,80,86,.56); font-size:10px; line-height:1.35; font-weight:400; }
html.auto-night .phone .group-inner-os { color:rgba(255,255,255,.54); }
.group-v2-mask { position:absolute; top:0;right:0;bottom:0;left:0; z-index:190; display:none; align-items:flex-end; background:rgba(0,0,0,.34); }
.group-v2-mask.show { display:flex; }
.group-v2-sheet { width:100%; padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px)); background:#f4f4f4; border-radius:18px 18px 0 0; }
.group-v2-sheet-title { padding:8px 12px 12px; color:#8a8a8a; font-size:12px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.group-v2-action { width:100%; height:50px; border:0; border-bottom:1px solid #ededed; background:#fff; color:#181818; font-size:16px; }
.group-v2-action:first-of-type { border-radius:12px 12px 0 0; }
.group-v2-action:nth-of-type(2) { border-radius:0 0 12px 12px; border-bottom:0; }
.group-v2-cancel { margin-top:8px; border-radius:12px !important; border:0 !important; font-weight:650; }
.group-v2-dialog-mask { position:absolute; top:0;right:0;bottom:0;left:0; z-index:195; display:none; align-items:center; justify-content:center; padding:22px; background:rgba(0,0,0,.36); }
.group-v2-dialog-mask.show { display:flex; }
.group-v2-dialog { width:100%; max-width:360px; max-height:82%; overflow:auto; padding:18px; border-radius:16px; background:#fff; color:#171717; box-shadow:0 18px 60px rgba(0,0,0,.2); }
.group-v2-dialog h3 { margin:0 0 6px; font-size:18px; }
.group-v2-dialog-note { margin:0 0 13px; color:#888; font-size:12px; line-height:1.55; }
.group-v2-dialog textarea,.group-v2-dialog input { width:100%; box-sizing:border-box; border:1px solid #dedede; border-radius:9px; background:#fafafa; color:#171717; font-size:14px; }
.group-v2-dialog textarea { min-height:130px; padding:11px; resize:vertical; line-height:1.6; }
.group-v2-dialog-buttons { display:flex; gap:8px; margin-top:14px; }
.group-v2-dialog-buttons button { flex:1; height:42px; border:0; border-radius:9px; background:#eeeeee; color:#222; font-weight:650; }
.group-v2-dialog-buttons .primary { background:#111; color:#fff; }
.group-settings-v2 { color:#171717; }
.group-settings-card { margin-bottom:10px; padding:14px; border:1px solid #ececec; border-radius:12px; background:#fff; }
.group-settings-heading { margin:0 0 12px; font-size:14px; font-weight:750; }
.group-settings-members { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px 8px; }
.group-settings-member { position:relative; min-width:0; border:0; background:transparent; text-align:center; color:#222; }
.group-settings-member-avatar { width:48px; height:48px; margin:0 auto 5px; overflow:hidden; display:grid; place-items:center; border-radius:10px; background:#f0f1f2; font-size:18px; font-weight:700; }
.group-settings-member-avatar img { width:100%; height:100%; object-fit:cover; }
.group-settings-member-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.group-settings-member-remove { position:absolute; top:-5px; right:2px; width:20px; height:20px; display:grid; place-items:center; border:0; border-radius:50%; background:#222; color:#fff; font-size:14px; line-height:1; }
.group-settings-add .group-settings-member-avatar { border:1px dashed #aaa; background:#fff; font-size:25px; font-weight:400; }
.group-settings-field { margin-top:11px; }
.group-settings-field label { display:block; margin-bottom:6px; color:#666; font-size:12px; }
.group-settings-field input,.group-settings-field textarea,.group-settings-field select { width:100%; box-sizing:border-box; border:1px solid #e1e1e1; border-radius:8px; background:#fafafa; color:#171717; font-size:14px; }
.group-settings-field input,.group-settings-field select { height:42px; padding:0 10px; }
.group-settings-field textarea { min-height:72px; padding:10px; resize:vertical; line-height:1.5; }
.group-settings-save { width:100%; height:42px; margin-top:12px; border:0; border-radius:8px; background:#111; color:#fff; font-weight:700; }
.group-settings-danger-card { margin:4px 14px calc(18px + env(safe-area-inset-bottom,0px)); padding:14px; border:1px solid rgba(220,38,38,.16); border-radius:12px; background:#fff; }
.group-settings-danger-copy strong { display:block; color:#c62828; font-size:14px; }
.group-settings-danger-copy span { display:block; margin-top:5px; color:#999; font-size:11px; line-height:1.5; }
.group-settings-delete-button { width:100%; height:42px; margin-top:12px; border:0; border-radius:8px; background:#e5484d; color:#fff; font-size:14px; font-weight:700; }
.group-settings-delete-button:active { filter:brightness(.88); }
.group-relation-row { display:grid; grid-template-columns:1fr 28px 1fr; gap:6px; align-items:center; }
.group-relation-arrow { color:#999; text-align:center; }
.group-add-list { display:grid; gap:7px; margin-top:12px; }
.group-add-option { min-height:54px; display:flex; align-items:center; gap:10px; padding:8px; border:1px solid #ececec; border-radius:10px; background:#fff; color:#222; text-align:left; }
.group-add-option-avatar { width:38px; height:38px; flex:0 0 38px; overflow:hidden; display:grid; place-items:center; border-radius:8px; background:#f0f1f2; font-weight:700; }
.group-add-option-avatar img { width:100%; height:100%; object-fit:cover; }
.group-add-empty { padding:25px 10px; color:#999; font-size:13px; text-align:center; }
html.auto-night .phone .group-v2-sheet,html.auto-night .phone .group-settings-card,html.auto-night .phone .group-settings-danger-card,html.auto-night .phone .group-v2-dialog,html.auto-night .phone .group-v2-action,html.auto-night .phone .group-add-option { background:#1c1c1e; color:#f2f2f2; border-color:#303033; }
html.auto-night .phone .group-settings-v2,html.auto-night .phone .group-settings-member,html.auto-night .phone .group-v2-dialog h3 { color:#f2f2f2; }
html.auto-night .phone .group-settings-field input,html.auto-night .phone .group-settings-field textarea,html.auto-night .phone .group-settings-field select,html.auto-night .phone .group-v2-dialog textarea { background:#252528; border-color:#38383c; color:#f2f2f2; }