/* ---------- Chat panel ---------- */
.chat{width:416px;flex:none;border-left:1px solid var(--border-soft);display:flex;flex-direction:column;background:#fff}
.chat-h{display:flex;align-items:center;padding:14px 14px 10px 18px}
.chat-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;height:30px;padding:0 6px;border-radius:7px}
.chat-title:hover{background:var(--hover)}
.chat-title .chev{color:#8A8A88}
.chat-h .icbtn{margin-left:auto;color:#6B6B69}
.chat-body{flex:1;display:grid;place-items:center;padding:24px}
.chat-empty{text-align:center}
.chat-empty svg{margin:0 auto 16px}
.chat-empty p{font-size:15px;font-weight:600;line-height:1.55;color:#1E1E1C}
.chat-foot{padding:0 16px 18px}
.ccard{border:1px solid var(--border);border-radius:16px;padding:12px 12px 10px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.ccard textarea{width:100%;height:44px;font-size:14px}
.crow{display:flex;align-items:center;margin-top:6px;gap:10px}
.plus{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:#6B6B69}
.plus:hover{background:var(--hover)}
.crow .msel{margin-left:auto}
.msel{display:flex;align-items:center;gap:6px;font-size:13px;color:#2E2E2C;height:28px;padding:0 6px;border-radius:7px;flex:none}
.msel:hover{background:var(--hover)}
.msel .chev{color:#8A8A88}
.send{width:30px;height:30px;border-radius:50%;background:#EFEFED;color:#ABABA9;display:grid;place-items:center;flex:none;transition:background .15s,color .15s}
.send.ready{background:var(--brand);color:#fff}
.crow .send{width:32px;height:32px}
.fab{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--border);box-shadow:0 6px 18px rgba(0,0,0,.10);display:grid;place-items:center;color:#3C3C3A;z-index:50}
.fab:hover{background:var(--hover)}