/* assets/css/chat.css — ویجت گفت‌وگوی درون‌سایت
   رنگ‌ها از توکن‌های تم می‌آیند (پیش‌تر سطوح #fff هاردکد بودند و در تم تیره
   یک جعبهٔ سفید می‌ساختند). */
.chat-widget{display:flex;flex-direction:column;background:var(--tm-surface,#fff);border:1px solid var(--tm-border,rgba(148,163,184,.22));border-radius:18px;box-shadow:0 14px 34px rgba(15,23,42,.06);overflow:hidden;margin-top:1rem;color:var(--tm-ink,var(--ink))}
.chat-widget.in-modal{margin-top:0;border:0;box-shadow:none;border-radius:0}
.chat-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--brand,#5b45e8),var(--brand-2,#7c3aed));color:#fff;font-size:.86rem;font-weight:700}
.chat-list{display:flex;flex-direction:column;gap:.5rem;padding:.9rem 1rem;max-height:320px;min-height:120px;overflow-y:auto;background:var(--tm-input,#f8fafc)}
.chat-bubble{max-width:85%;border-radius:14px;padding:.5rem .8rem;font-size:.85rem;line-height:1.8;box-shadow:0 4px 12px rgba(15,23,42,.05)}
.chat-bubble p{margin:0;word-break:break-word}
.chat-bubble time{display:block;font-size:.66rem;color:var(--tm-muted-strong,#94a3b8);margin-top:.2rem}
.chat-bubble.me{align-self:flex-start;background:linear-gradient(135deg,var(--brand,#5b45e8),var(--brand-2,#7c3aed));color:#fff}
.chat-bubble.me time{color:rgba(255,255,255,.75)}
.chat-bubble.them{align-self:flex-end;background:var(--tm-surface,#fff);border:1px solid var(--tm-border,rgba(148,163,184,.25));color:var(--tm-ink,var(--ink))}
.chat-status{font-size:.74rem;color:var(--tm-muted-strong,#64748b);padding:.35rem 1rem 0}
.chat-status.err{color:#ef6b72}
.chat-form{display:flex;gap:.5rem;padding:.7rem 1rem 1rem;border-top:1px solid var(--tm-border,rgba(148,163,184,.2))}
.chat-form input{flex:1;border:1px solid var(--tm-border,rgba(148,163,184,.35));border-radius:999px;padding:.55rem 1rem;font:inherit;font-size:.85rem;outline:none;background:var(--tm-input,#fff);color:var(--tm-input-ink,var(--ink))}
.chat-form input:focus{border-color:var(--brand,#5b45e8)}
.chat-form button{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--brand,#5b45e8),var(--brand-2,#7c3aed));color:#fff;cursor:pointer;display:grid;place-items:center}
.chat-form button:disabled{opacity:.6;cursor:not-allowed}

/* --- مودال گفت‌وگو (صفحهٔ مشاوران / داشبورد) --- */
.chat-modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:210;justify-content:center;align-items:flex-start;overflow-y:auto;padding:1.2rem}
.chat-modal.open{display:flex}
@media(min-width:901px){.chat-modal{padding-top:6.5rem}}
.chat-modal-card{position:relative;width:min(440px,100%);background:var(--tm-surface,#fff);border:1px solid var(--tm-border,rgba(148,163,184,.22));border-radius:20px;box-shadow:0 30px 70px rgba(15,23,42,.35);overflow:hidden}
.chat-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1rem;border-bottom:1px solid var(--tm-border,rgba(148,163,184,.2))}
.chat-modal-head strong{font-size:.95rem;color:var(--tm-ink,var(--ink));display:flex;align-items:center;gap:.45rem}
.chat-modal-head strong i{color:var(--brand-ink,var(--brand))}
.chat-modal-close{width:34px;height:34px;border:0;border-radius:10px;background:var(--tm-chip,rgba(148,163,184,.14));color:var(--tm-ink,var(--ink));cursor:pointer;font-size:1rem}
.chat-modal-body{padding:0 1rem 1rem}
.chat-modal-note{font-size:.78rem;color:var(--tm-muted-strong,#64748b);margin:.8rem 0 0}
@media(max-width:520px){.chat-list{max-height:260px}.chat-modal{padding:.8rem}}