/* 群置顶信息（非业务群）—— 右侧「会话资料」板块 + 编辑弹窗（2026-10-26）
   注意：面板基础样式在 module-design.css 的 .chat-live-info 里统一管，
   这里只管「群置顶信息」这一块自己的观感，避免和别的板块互相污染。 */

.chat-live-info .chat-notice{padding:18px 0;border-top:1px solid var(--border);font-size:12px}
.chat-notice-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.chat-notice-head b{display:block;font-weight:500;margin:0}
.chat-notice-edit{border:1px solid #e3d9f2;background:#faf8ff;color:#7b5bb4;font-size:11px;border-radius:6px;padding:4px 9px;cursor:pointer;line-height:1.5;margin:0!important}
.chat-notice-edit:hover{border-color:#b9a3dd;background:#f4eeff}
.chat-notice-body{color:#6d5f7d;line-height:1.85;white-space:pre-wrap;word-break:break-word;background:#faf8fd;border:1px solid #eee7f6;border-radius:8px;padding:10px 12px;max-height:220px;overflow:auto}
.chat-notice-body.is-empty{color:#a79bb5;background:transparent;border-style:dashed}
.chat-notice-meta{margin:7px 0 0;font-size:10px;color:#b0a4bd;line-height:1.5}

/* ── 编辑弹窗 ── */
.chat-notice-veil{position:fixed;inset:0;background:#211b3545;backdrop-filter:blur(2px);z-index:60;display:none;align-items:center;justify-content:center;padding:24px}
.chat-notice-veil.open{display:flex}
.chat-notice-editor{width:min(560px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:#fff;border:1px solid #e6dff1;border-radius:15px;box-shadow:0 20px 80px #21123526;overflow:hidden}
.chat-notice-editor header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 12px}
.chat-notice-editor h3{margin:0;font-size:16px;font-weight:600;color:#2d2b36}
.chat-notice-close{width:26px;height:26px;border:0;background:#faf8fc;color:#9b8cab;border-radius:7px;font-size:19px;line-height:1;cursor:pointer}
.chat-notice-hint{margin:0 22px 12px;font-size:11px;color:#a394b2;line-height:1.7}
.chat-notice-text{resize:vertical;display:block;width:calc(100% - 44px);margin:0 22px;height:190px;min-height:120px;max-height:320px;border:1px solid #e8e1ef;border-radius:8px;background:#fefcff;padding:14px 15px;font-size:13px;line-height:1.9;color:#6f617c;outline:none;font-family:inherit}
.chat-notice-text:focus{border-color:#bca6d9;box-shadow:0 0 0 3px #bca6d90c}
.chat-notice-text::placeholder{color:#b3a8bf}
.chat-notice-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 22px 16px}
.chat-notice-foot span{font-size:10px;color:#b3a5bf}
.chat-notice-actions{display:flex;gap:8px}
.chat-notice-actions button{font-size:11px;border-radius:7px;padding:9px 15px;cursor:pointer}
.chat-notice-actions .cancel{border:1px solid #e7deef;background:#fff;color:#93819f}
.chat-notice-actions .save{border:1px solid #7054d2;background:#7054d2;color:#fff;min-width:76px}
.chat-notice-actions .save[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:800px){.chat-notice-veil{padding:10px}.chat-notice-editor{max-height:calc(100vh - 20px)}}