.chat-wrap{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:820px){.chat-wrap.chat-two{grid-template-columns:minmax(260px,320px) 1fr}}
.chat-list{display:flex;flex-direction:column;gap:6px;max-height:70vh;overflow:auto}
.chat-conv{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 10px;border:1px solid #e3eef8;border-radius:14px;background:#fff;cursor:pointer;text-align:left;width:100%;color:#0f2a3d;font:inherit}
.chat-conv.on{border-color:#0d9488;background:#f1f9ff}
.chat-conv .chat-av{flex:none;width:40px;height:40px;border-radius:50%;background:#0d9488;color:#fff;display:grid;place-items:center;font-weight:700}
.chat-conv .chat-mid{flex:1;min-width:0}
.chat-conv .chat-nm{font-weight:700;display:flex;justify-content:space-between;gap:8px}
.chat-conv .chat-pv{font-size:clamp(.8rem,2.8vw,.9rem);color:#6b6f76;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-dot{background:#0d9488;color:#fff;border-radius:99px;min-width:22px;height:22px;padding:0 6px;display:inline-grid;place-items:center;font-size:.75rem;font-weight:700}
.chat-box{display:flex;flex-direction:column;height:min(70vh,640px);min-height:360px;background:#fff;border:1px solid #e3eef8;border-radius:16px;overflow:hidden}
.chat-head{padding:10px 14px;border-bottom:1px solid #e3eef8;color:#0f2a3d;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:8px}
.chat-msgs{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:6px;background:#fafdff}
.chat-day{align-self:center;font-size:.75rem;color:#6b6f76;background:#eaf5fd;border-radius:99px;padding:2px 10px;margin:8px 0 2px}
.chat-b{max-width:82%;padding:8px 12px;border-radius:16px;line-height:1.35;white-space:pre-wrap;word-break:break-word;font-size:clamp(.92rem,3.4vw,1rem)}
.chat-b.me{align-self:flex-end;background:#0d9488;color:#fff;border-bottom-right-radius:4px}
.chat-b.them{align-self:flex-start;background:#fff;color:#0f2a3d;border:1px solid #e3eef8;border-bottom-left-radius:4px}
.chat-b small{display:block;text-align:right;font-size:.7rem;opacity:.75;margin-top:2px}
.chat-b.pend{opacity:.6}
.chat-compose{border-top:1px solid #e3eef8;padding:8px;display:grid;gap:6px;background:#fff}
.chat-compose textarea{width:100%;min-height:44px;max-height:140px;resize:vertical;border:1px solid #cfe3f3;border-radius:12px;padding:10px;font:inherit;box-sizing:border-box}
.chat-emojis{display:flex;gap:4px;flex-wrap:wrap}
.chat-emojis button{min-width:44px;min-height:44px;font-size:1.2rem;background:#fff;border:1px solid #e3eef8;border-radius:12px;cursor:pointer}
.chat-send{display:flex;justify-content:space-between;align-items:center;gap:8px}
.chat-send button.chat-go{min-height:44px;min-width:96px;background:#0d9488;color:#fff;border:0;border-radius:12px;font-weight:700;cursor:pointer}
.chat-send button.chat-go:disabled{opacity:.5;cursor:default}
.chat-count{font-size:.75rem;color:#6b6f76}.chat-count.bad{color:#c0392b}
.chat-search{width:100%;min-height:44px;box-sizing:border-box;border:1px solid #cfe3f3;border-radius:12px;padding:0 12px;font:inherit}
@media(prefers-reduced-motion:no-preference){.chat-b{animation:chatin .18s ease-out}@keyframes chatin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}