/* 禁言提示条：贴在输入框上方，被禁言时占据与「回复条」同款位置 */
#chat-mute-tip{flex:none;padding:9px 14px;background:var(--danger-l);color:var(--danger);font-size:13px;font-weight:550;text-align:center;border-top:1px solid var(--line)}
#chat-mute-tip.hidden{display:none}
/* 成员网格里的禁言角标 */
.ci-mtag{font-style:normal;display:inline-block;margin-left:4px;padding:0 5px;border-radius:5px;background:var(--danger-l);color:var(--danger);font-size:10.5px;font-weight:600;vertical-align:1px}

/* ================= 群管理扩展 =================
 * 群成员管理 / 群设置 / 群文件 / 入群申请审核四个整页面板，
 * 与已有的 #group-admins 同型：共用 .ci-bar/.ci-search/.ci-scroll，
 * 各自只补列表行与网格的差异样式。 */
#group-members,#group-settings,#group-files,#group-reqs{position:fixed;inset:0;z-index:88;background:var(--bg);display:flex;flex-direction:column;animation:ciIn .2s ease-out}
.gs-sec{font-size:12px;color:var(--sub);padding:14px 16px 6px;letter-spacing:.5px}

/* 成员行：左侧头像+昵称+角色/禁言标签，右侧「管理」按钮展开操作面板 */
#gm-list li{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line)}
#gm-list li:last-child{border-bottom:none}
#gm-list .avatar{width:38px;height:38px;font-size:16px;border-radius:50%;flex:none}
#gm-list .gm-body{flex:1;min-width:0}
#gm-list .gm-name{font-size:15px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gm-list .gm-sub{font-size:12px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
#gm-list .gm-tag{font-style:normal;display:inline-block;margin-left:6px;padding:1px 7px;border-radius:6px;background:var(--fill);color:var(--sub);font-size:11.5px;font-weight:500;vertical-align:1px}
#gm-list .gm-tag.muted{background:var(--danger-l);color:var(--danger)}
#gm-list .gm-tag.admin{background:var(--primary-l);color:var(--primary)}
#gm-list .gm-empty{display:block;padding:20px 16px;font-size:13px;color:var(--sub);text-align:center}
#gm-list button{flex:none;padding:8px 14px;border-radius:10px;border:none;font-size:13.5px;font-weight:550;font-family:inherit;background:var(--fill);color:var(--txt-2);transition:transform .07s}
#gm-list button:active{transform:scale(.96)}
#gm-list button.go{background:var(--grad-cta);color:#fff;box-shadow:0 3px 9px var(--primary-glow)}
#gm-list button:disabled{opacity:.5}

/* 群文件：图片走方形网格，视频/语音走列表行——语音缩略图没有意义 */
.gf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:0 3px}
.gf-cell{position:relative;aspect-ratio:1;overflow:hidden;background:var(--fill);cursor:pointer}
.gf-cell img{width:100%;height:100%;object-fit:cover;display:block}
.gf-cell .gf-badge{position:absolute;right:5px;bottom:5px;padding:1px 6px;border-radius:6px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-style:normal}
.gf-row{display:flex;align-items:center;gap:11px;padding:11px 16px;border-bottom:1px solid var(--line);cursor:pointer}
.gf-row .avatar{width:40px;height:40px;border-radius:10px;flex:none;font-size:16px}
.gf-row .gf-body{flex:1;min-width:0}
.gf-row .gf-name{font-size:14.5px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gf-row .gf-sub{font-size:12px;color:var(--sub);margin-top:1px}
.gf-more{display:block;width:calc(100% - 24px);margin:12px;padding:10px 0;border:none;border-radius:11px;background:var(--fill);color:var(--txt-2);font-size:14px;font-weight:550;font-family:inherit}

/* 文件全屏预览：图/视频居中铺满，右上角关闭、左下角删除 */
#gf-view{position:fixed;inset:0;z-index:96;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center}
#gf-view img,#gf-view video{max-width:100%;max-height:100%;object-fit:contain}
.gfv-close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;width:38px;height:38px;border:none;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.gfv-close svg{width:20px;height:20px}
.gfv-del{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(30px + env(safe-area-inset-bottom));padding:11px 26px;border:none;border-radius:24px;background:rgba(250,81,81,.9);color:#fff;font-size:14.5px;font-weight:600;font-family:inherit}

/* 禁言时长列表：与邀请弹窗同款列表行 */
#mu-list{list-style:none;overflow-y:auto;flex:1 1 auto;margin:8px -4px 0;padding:0 4px}
#mu-list li{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:9px}
#mu-list li:last-child{border-bottom:none}
#mu-list li:active{background:var(--fill)}
#mu-list .mu-name{flex:1;font-size:15px}
#mu-list .mu-tag{font-style:normal;font-size:12px;color:var(--sub)}

/* 群简介编辑：与群公告同型 */
#modal-intro textarea{width:100%;min-height:104px;font-size:15px;line-height:1.6;padding:11px 13px;border:1.5px solid var(--line);border-radius:12px;outline:none;background:var(--field);color:var(--txt);font-family:inherit;resize:none;transition:border-color .15s,box-shadow .15s}
#modal-intro textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3.5px var(--primary-l);background:var(--panel)}
#modal-intro textarea:disabled{opacity:.72;color:var(--txt-2);cursor:default}

/* 转让群主：搜索 + 列表，排除群主本人 */
#tf-list{list-style:none;overflow-y:auto;flex:1 1 auto;margin:8px -4px 0;padding:0 4px}
#tf-list li{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:9px}
#tf-list li:last-child{border-bottom:none}
#tf-list li:active{background:var(--fill)}
#tf-list .avatar{width:36px;height:36px;font-size:15px;flex:none}
#tf-list .t-name{flex:1;min-width:0;font-size:14.5px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 入群申请审核行 */
#gr-list{list-style:none;margin:0;padding:0}
#gr-list li{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line)}
#gr-list li:last-child{border-bottom:none}
#gr-list .avatar{width:38px;height:38px;font-size:16px;border-radius:50%;flex:none}
#gr-list .gr-body{flex:1;min-width:0}
#gr-list .gr-name{font-size:15px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gr-list .gr-intro{font-size:12.5px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
#gr-list .gr-btns{flex:none;display:flex;gap:6px}
#gr-list button{padding:7px 12px;border-radius:9px;border:none;font-size:13px;font-weight:550;font-family:inherit}
#gr-list button.ok{background:var(--grad-cta);color:#fff}
#gr-list button.no{background:var(--fill);color:var(--txt-2)}
#gr-list button:disabled{opacity:.5}
#gr-list .ga-empty{display:block;padding:24px 16px;font-size:13px;color:var(--sub);text-align:center}

@media(min-width:720px){
  #group-members,#group-settings,#group-files,#group-reqs{margin:0 auto;max-width:min(var(--app-w),100%);box-shadow:0 0 0 1px var(--line)}
  #gm-list li{padding-left:18px;padding-right:18px}
  .gf-grid{grid-template-columns:repeat(5,1fr)}
}