/* Sarmayam Connect widget — Iran-Broker layout, Sarmayam design-system theme.
   Colors/typography inherit the sarmayam-theme tokens when present and fall back
   to the design-system values, so the widget stays unified with the site
   (including dark mode). */
.sarconnect-root{--sc-primary:var(--color-brand,#1E2D4A);--sc-deep:var(--color-brand-deep,#0F1B33);--sc-accent:var(--color-accent-gold,#E8A020);--sc-surface:var(--color-surface,#ffffff);--sc-bg:var(--color-bg,#F7F8FA);--sc-border:var(--color-border,#E2E6EC);--sc-text:var(--color-text,#1E2D4A);--sc-radius:var(--radius-lg,16px);position:fixed;bottom:calc(20px + var(--scw-gap,0px));z-index:99998;transition:bottom .2s ease;font-family:var(--font-family,inherit);direction:rtl}
.sarconnect--left{left:20px}.sarconnect--right{right:20px}
.scw-toggle{position:relative;width:48px;height:48px;border:0;border-radius:var(--radius-full,999px);background:var(--sc-primary);color:#fff;box-shadow:0 10px 26px rgba(15,27,51,.35);display:grid;place-items:center;cursor:pointer;padding:0;transition:transform var(--motion-fast,180ms),box-shadow var(--motion-fast,180ms)}
.scw-toggle:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,27,51,.45)}
.scw-toggle .scw-ic{width:27px;height:27px;display:block}
.scw-dot{fill:var(--sc-primary)}
.scw-panel{position:absolute;bottom:62px;width:min(380px,calc(100vw - 24px));height:min(640px,calc(100vh - 100px));background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius);box-shadow:0 24px 70px rgba(15,27,51,.3);overflow:hidden;display:flex;flex-direction:column}
.sarconnect--left .scw-panel{left:0}.sarconnect--right .scw-panel{right:0}
.scw-panel[hidden]{display:none}
.scw-head{background:linear-gradient(180deg,var(--sc-primary),var(--sc-deep));color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}
.scw-avatars{display:flex;align-items:center;flex-shrink:0}
.scw-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.5);display:grid;place-items:center;box-sizing:border-box}
.scw-avatar+.scw-avatar{margin-right:-12px}
.scw-avatar .scw-ic-sm{width:19px;height:19px;display:block}
.scw-avatar--b{background:var(--sc-accent);border-color:rgba(255,255,255,.65)}
.scw-avatar--b svg{width:17px;height:17px;display:block}
.scw-head-info{flex:1;min-width:0}
.scw-head-info strong{display:block;font-size:15px;font-weight:800}
.scw-head-info span{display:block;font-size:12px;opacity:.85;margin-top:3px}
.scw-close{border:0;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;cursor:pointer;display:grid;place-items:center;flex-shrink:0;padding:0;transition:background var(--motion-instant,100ms)}
.scw-close:hover{background:rgba(255,255,255,.28)}
.scw-close svg{width:15px;height:15px;display:block}
.scw-messages{flex:1;overflow:auto;padding:14px;background:var(--sc-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='none' stroke='%23808a9e' stroke-opacity='.22' stroke-width='1.4'%3E%3Cpath d='M24 34l8-13 8 13z'/%3E%3Cpath d='M96 100l8-13 8 13z'/%3E%3Cpath d='M104 26l6 10h-12z'/%3E%3Cpath d='M36 108l6 10h-12z'/%3E%3C/g%3E%3C/svg%3E")}
.scw-note{font-size:10.5px;color:var(--sc-text);opacity:.55;text-align:center;margin:0 0 12px;line-height:1.8}
.scw-msg{max-width:85%;margin-bottom:12px}
.scw-bubble{padding:12px 14px;border-radius:var(--sc-radius);background:var(--sc-surface);border:1px solid var(--sc-border);box-shadow:0 4px 14px rgba(15,27,51,.08);white-space:pre-wrap;line-height:1.9;color:var(--sc-text);font-size:13.5px}
.scw-msg--ai .scw-bubble,.scw-msg--operator .scw-bubble,.scw-msg--bot .scw-bubble{border-bottom-right-radius:6px}
.scw-msg--operator .scw-bubble{border-right:3px solid var(--sc-accent)}
.scw-msg--user{margin-right:auto}
.scw-msg--user .scw-bubble{background:var(--sc-primary);color:#fff;border-color:var(--sc-primary);border-bottom-left-radius:6px;box-shadow:0 6px 16px rgba(15,27,51,.3)}
.scw-msg small{font-size:10px;color:var(--sc-text);opacity:.5;display:block;margin-top:4px;padding:0 4px}
.scw-chips{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin:2px 0 12px;max-width:85%}
.scw-chip{border:1.5px solid var(--sc-primary);background:var(--sc-surface);color:var(--sc-text);border-radius:var(--radius-md,12px);padding:9px 14px;cursor:pointer;font:inherit;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 3px 10px rgba(15,27,51,.07);transition:background var(--motion-instant,100ms),color var(--motion-instant,100ms)}
.scw-chip:hover{background:var(--sc-primary);color:#fff}
.scw-compose{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background:var(--sc-surface);border-top:1px solid var(--sc-border)}
.scw-compose textarea{flex:1;border:0!important;outline:none!important;box-shadow:none!important;background:transparent;resize:none;font:inherit;font-family:inherit;font-size:13.5px;line-height:1.7;min-height:24px;max-height:96px;padding:8px 4px!important;color:var(--sc-text);box-sizing:border-box}
.scw-compose textarea::placeholder{color:var(--sc-text);opacity:.45}
.scw-send{width:40px;height:40px;border:0;border-radius:50%;background:var(--sc-accent);color:var(--sc-deep);display:grid;place-items:center;cursor:pointer;flex-shrink:0;padding:0;transition:transform var(--motion-instant,100ms)}
.scw-send:hover{transform:scale(1.06)}
.scw-send svg{width:17px;height:17px;display:block;transform:scaleX(-1)}
.scw-meta{font-size:10px;color:var(--sc-text);opacity:.55;padding:0 12px 10px;background:var(--sc-surface);text-align:center}
.scw-meta a{color:inherit}
.scw-error{color:var(--color-danger,#dc2626);background:rgba(220,38,38,.08);padding:10px;border-radius:var(--radius-md,12px);font-size:12px;margin-bottom:10px}
.scw-toggle.is-proactive{box-shadow:0 0 0 5px rgba(232,160,32,.25),0 10px 26px rgba(15,27,51,.35)}
@media(max-width:520px){.sarconnect-root{left:12px!important;right:12px!important;bottom:calc(12px + var(--scw-gap,0px))}.scw-toggle{margin-right:auto}.sarconnect--right .scw-toggle{margin-right:0;margin-left:auto}.scw-panel{position:fixed;left:8px!important;right:8px!important;bottom:calc(8px + var(--scw-gap,0px));width:auto;height:calc(100dvh - 16px - var(--scw-gap,0px));border-radius:var(--radius-md,12px)}.sarconnect-root.scw-open .scw-toggle{display:none}.scw-compose textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.scw-toggle,.scw-send,.scw-close,.scw-chip{transition:none}}

.scw-toggle.has-unread::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--sc-accent);border:2px solid var(--sc-surface,#fff)}

/* ===== v2.3.0 — پیام سیستمی و فرم اطلاعات تماس (ارجاع تخصصی) ===== */
.scw-msg--system .scw-bubble{background:transparent;border:1px dashed var(--sc-border,#d5dbe6);color:#4b5563;font-size:12px}
.scw-contact{display:flex;flex-direction:column;gap:8px;margin:10px 4px;padding:12px;border:1px solid var(--sc-border,#d5dbe6);border-radius:12px;background:#fff}
.scw-contact strong{font-size:13px;color:#1e2d4a}
.scw-contact input{border:1px solid var(--sc-border,#d5dbe6);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px}
.scw-contact button{border:0;border-radius:8px;padding:9px 12px;background:var(--sc-primary,#1e2d4a);color:#fff;font:inherit;font-size:13px;cursor:pointer}
.scw-contact button:disabled{opacity:.6;cursor:default}
.scw-contact-err{color:#b42318;font-size:12px}

/* ===== v2.3.0 — پیام سیستمی و فرم اطلاعات تماس (ارجاع تخصصی) ===== */
.scw-msg--system .scw-bubble{background:transparent;border:1px dashed var(--sc-border,#d5dbe6);color:#4b5563;font-size:12px}
.scw-contact{display:flex;flex-direction:column;gap:8px;margin:10px 4px;padding:12px;border:1px solid var(--sc-border,#d5dbe6);border-radius:12px;background:#fff}
.scw-contact strong{font-size:13px;color:#1e2d4a}
.scw-contact input{border:1px solid var(--sc-border,#d5dbe6);border-radius:8px;padding:8px 10px;font:inherit;font-size:13px}
.scw-contact button{border:0;border-radius:8px;padding:9px 12px;background:var(--sc-primary,#1e2d4a);color:#fff;font:inherit;font-size:13px;cursor:pointer}
.scw-contact button:disabled{opacity:.6;cursor:default}
.scw-contact-err{color:#b42318;font-size:12px}
