/* رنگ‌ها مات و یکدست‌اند تا روی هر پس‌زمینهٔ صفحه (روشن یا تیره) خوانا بمانند */
.rsa-agent{
  --rsa-bg:#0f1729;--rsa-surface:#1a2640;--rsa-field:#0a1120;--rsa-line:#33425f;--rsa-text:#eef1f6;--rsa-dim:#b4bdcd;
  --rsa-accent:#4aa3ff;--rsa-user:#1f4f87;--rsa-hover:#243558;--rsa-ok:#3ecf8e;--rsa-warn:#f5a524;
  width:100%;max-width:1040px;margin:0 auto;padding:22px;border:1px solid var(--rsa-line);border-radius:20px;
  background:var(--rsa-bg)!important;color:var(--rsa-text)!important;font-family:inherit;font-size:1.02rem;line-height:1.95;box-sizing:border-box;
  box-shadow:0 10px 36px rgba(0,0,0,.28)
}
.rsa-agent *{box-sizing:border-box}
.rsa-agent .rsa-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--rsa-line)}
.rsa-agent .rsa-title{font-weight:700;font-size:1.15rem;color:var(--rsa-text)}
.rsa-agent .rsa-badge{font-size:.82rem;padding:2px 12px;border-radius:999px;border:1px solid currentColor;background:var(--rsa-bg)}
.rsa-agent .rsa-on{color:var(--rsa-ok)}.rsa-agent .rsa-off{color:var(--rsa-warn)}
/* کادر گفتگو بزرگ و با ارتفاع مناسب؛ ابتدای هر جواب با scroll-margin زیر نوار بالای سایت نمی‌رود */
.rsa-agent .rsa-log{position:relative;min-height:380px;height:clamp(380px,64vh,760px);overflow-y:auto;overscroll-behavior:contain;padding:16px 4px;display:flex;flex-direction:column;gap:12px;background:transparent;-webkit-overflow-scrolling:touch}
.rsa-agent .rsa-msg{display:flex;flex-direction:column;max-width:92%;scroll-margin-top:96px}
.rsa-agent .rsa-bot,.rsa-agent .rsa-sys{align-self:flex-start}.rsa-agent .rsa-user{align-self:flex-end}
.rsa-agent .rsa-bubble{white-space:pre-wrap;word-break:break-word;padding:11px 16px;border-radius:15px;border:1px solid var(--rsa-line);background:var(--rsa-surface);color:var(--rsa-text)}
.rsa-agent .rsa-user .rsa-bubble{background:var(--rsa-user);border-color:var(--rsa-user)}
.rsa-agent .rsa-sys .rsa-bubble{background:var(--rsa-bg);border-style:dashed;color:var(--rsa-dim);font-size:.92rem}
.rsa-agent .rsa-typing .rsa-bubble{color:var(--rsa-dim)}
.rsa-agent .rsa-cta,.rsa-agent .rsa-ticket-link{display:inline-block;margin-top:8px;padding:7px 16px;border-radius:10px;background:var(--rsa-accent);color:#04101f!important;font-weight:700;text-decoration:none;font-size:.92rem;align-self:flex-start}
.rsa-agent .rsa-ticket-link{margin:0}
.rsa-agent .rsa-topics-btn{margin-top:6px;background:var(--rsa-surface);border:1px solid var(--rsa-line);color:var(--rsa-text);padding:8px 18px;border-radius:11px;cursor:pointer;font:inherit;font-size:.95rem}
.rsa-agent .rsa-topics{max-height:min(62vh,540px);overflow-y:auto;overscroll-behavior:contain;margin-top:10px;padding:12px;border:1px solid var(--rsa-line);border-radius:14px;background:var(--rsa-bg)}
.rsa-agent .rsa-topics[hidden]{display:none}
.rsa-agent .rsa-cat-title{color:var(--rsa-dim);font-size:.88rem;margin:10px 0 4px;font-weight:700}
.rsa-agent .rsa-q{display:block;width:100%;text-align:right;background:transparent;border:0;color:var(--rsa-text);padding:7px 10px;border-radius:9px;cursor:pointer;font:inherit;font-size:.96rem}
.rsa-agent .rsa-q:hover,.rsa-agent .rsa-q:focus{background:var(--rsa-hover);color:var(--rsa-text)}
.rsa-agent .rsa-topics [hidden]{display:none}
.rsa-agent .rsa-crumb{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--rsa-line)}
.rsa-agent .rsa-trail{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-bottom:4px;font-size:.88rem}
.rsa-agent .rsa-sep{color:var(--rsa-dim)}
.rsa-agent .rsa-here{color:var(--rsa-text);font-weight:700}
.rsa-agent .rsa-step{font-weight:700;font-size:.98rem;color:var(--rsa-text)}
.rsa-agent .rsa-link{background:transparent;border:0;padding:0;color:var(--rsa-accent);font:inherit;font-size:.88rem;cursor:pointer;text-decoration:underline}
.rsa-agent .rsa-topic-body{display:block}
.rsa-agent .rsa-pick{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;text-align:right;margin:0 0 8px;padding:11px 16px;border-radius:13px;border:1px solid var(--rsa-line);background:var(--rsa-surface);color:var(--rsa-text);font:inherit;cursor:pointer}
.rsa-agent .rsa-pick-t{font-weight:700}
.rsa-agent .rsa-pick-s{font-size:.86rem;color:var(--rsa-dim)}
.rsa-agent .rsa-pick:hover,.rsa-agent .rsa-pick:focus{background:var(--rsa-hover);border-color:var(--rsa-accent);color:var(--rsa-text)}
.rsa-agent .rsa-note{color:var(--rsa-dim);font-size:.94rem;padding:8px 2px}
.rsa-agent .rsa-filter{width:100%;margin-bottom:8px;padding:9px 12px;border-radius:11px;border:1px solid var(--rsa-line);background:var(--rsa-field);color:var(--rsa-text);font:inherit;font-size:.95rem}
.rsa-agent .rsa-suggest{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding:6px;border:1px solid var(--rsa-line);border-radius:13px;background:var(--rsa-bg)}
.rsa-agent .rsa-q-sug{color:var(--rsa-accent)}
.rsa-agent .rsa-feedback{align-self:flex-start;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem;color:var(--rsa-dim)}
.rsa-agent .rsa-fb{background:var(--rsa-surface);border:1px solid var(--rsa-line);color:var(--rsa-text);padding:4px 14px;border-radius:999px;cursor:pointer;font:inherit;font-size:.88rem}
.rsa-agent .rsa-fb:hover{background:var(--rsa-hover)}
.rsa-agent .rsa-form{display:flex;gap:10px;margin-top:14px;align-items:flex-end}
.rsa-agent .rsa-input{flex:1;resize:none;padding:11px 14px;border-radius:13px;border:1px solid var(--rsa-line);background:var(--rsa-field);color:var(--rsa-text);font:inherit;max-height:140px}
.rsa-agent .rsa-input::placeholder,.rsa-agent .rsa-filter::placeholder{color:var(--rsa-dim);opacity:1}
.rsa-agent .rsa-send{padding:11px 24px;border:0;border-radius:13px;background:var(--rsa-accent);color:#04101f;font:inherit;font-weight:700;cursor:pointer}
.rsa-agent .rsa-send:disabled,.rsa-agent .rsa-input:disabled{opacity:.55;cursor:wait}
.rsa-agent .rsa-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:.9rem;color:var(--rsa-dim);flex-wrap:wrap}
@media (max-width:600px){
  .rsa-agent{padding:14px;border-radius:15px;font-size:1rem}
  .rsa-agent .rsa-msg{max-width:98%}
  .rsa-agent .rsa-log{height:clamp(360px,68vh,640px)}
}