/* AMIR TEAM — پوسته‌ی موبایلیِ «Muse» برای چت ایجنت‌ها (فقط ≤ 767px).
 * ساختار: آواتار دایره‌ای بالا‌وسط، منو (چپ‌بالا)، تماس/دعوت (راست‌بالا)، پیام‌ها تمام‌صفحه، باکس پیام با + و میکروفن، نوار پایین قابل‌ویرایش.
 * هیچ منطق چتی تغییر نمی‌کند؛ فقط ظاهر. موقعیت‌ها فیزیکی (left/right) است تا در RTL همان چیدمان تصویر مرجع بماند. */

.muse-nav, .muse-invite, .muse-plus, .muse-mic, .muse-pill, .muse-mic-call { display: none; }

@media (max-width: 767px) {
	.aat-floating-widget.muse-on { --muse-top: calc(env(safe-area-inset-top, 0px) + 12px); --muse-nav-h: 64px; }

	/* ---------- پوسته ---------- */
	.aat-floating-widget.muse-on .aat-widget-panel {
		background: var(--aat-bg, #0c0d16) !important;
		backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
		overflow: hidden; max-width: 100vw; touch-action: manipulation;
	}
	.aat-floating-widget.muse-on .aat-widget-orbs,
	.aat-floating-widget.muse-on .aat-widget-footer-text,
	.aat-floating-widget.muse-on .aat-stories,
	.aat-floating-widget.muse-on .aat-chat-hero,
	.aat-floating-widget.muse-on .aat-agent-card-picks,
	.aat-floating-widget.muse-on .aat-agent-card-status { display: none !important; }

	/* ---------- هدر: شفاف و شناور ---------- */
	.aat-floating-widget.muse-on .aat-widget-header {
		position: absolute; top: 0; left: 0; right: 0; height: 0; padding: 0; margin: 0;
		background: transparent !important; border: 0 !important; box-shadow: none !important; z-index: 20; pointer-events: none;
	}
	.aat-floating-widget.muse-on .aat-widget-header > * { pointer-events: auto; }

	/* منو: چپ‌بالا */
	.aat-floating-widget.muse-on .aat-widget-menu-btn {
		position: absolute; top: var(--muse-top); left: 14px; right: auto; width: 46px; height: 46px; border-radius: 50%;
		display: grid; place-items: center; padding: 0; color: var(--aat-text);
		background: var(--aat-bg-elevated); border: 1px solid var(--aat-border); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
	}
	/* بستن ویجت: کنار منو (در تصویر مرجع نیست، ولی برای خروج از صفحه‌های سایت لازم است) */
	.aat-floating-widget.muse-on .aat-widget-close {
		position: absolute; top: var(--muse-top); left: 68px; right: auto; width: 46px; height: 46px; border-radius: 50%; padding: 0;
		display: grid; place-items: center; font-size: 15px; color: var(--aat-text-muted);
		background: var(--aat-bg-elevated); border: 1px solid var(--aat-border); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
	}

	/* آواتار: دایره‌ی بزرگ وسط‌بالا + قرص نام */
	.aat-floating-widget.muse-on .aat-widget-agent-switcher { position: static; }
	.aat-floating-widget.muse-on .aat-widget-header-center {
		/* بدون transform/filter: عناصر position:fixed داخلشان (برگه‌ی انتخاب ایجنت) باید نسبت به صفحه بمانند */
		position: absolute; top: calc(var(--muse-top) - 2px); left: 0; right: 0; margin: 0 auto; transform: none;
		display: flex; flex-direction: column; align-items: center; width: max-content; max-width: 60vw; padding: 0;
	}
	.aat-floating-widget.muse-on .aat-widget-agent-switcher-btn {
		display: flex; flex-direction: column; align-items: center; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0; max-width: none; gap: 0;
	}
	.aat-floating-widget.muse-on .aat-agent-card-top { display: flex; flex-direction: column; align-items: center; gap: 0; padding: 0; }
	.aat-floating-widget.muse-on .aat-widget-agent-switcher-avatar {
		width: 84px; height: 84px; border-radius: 50%; object-fit: cover; display: grid; place-items: center; font-size: 30px; font-weight: 800;
		border: 3px solid var(--aat-bg); box-shadow: 0 6px 26px rgba(0,0,0,.35); background: var(--aat-bg-elevated); color: var(--aat-text);
		transition: width .35s cubic-bezier(.2,.8,.2,1), height .35s cubic-bezier(.2,.8,.2,1);
	}
	.aat-floating-widget.muse-on .aat-agent-card-text { display: block; margin-top: -14px; position: relative; z-index: 1; }
	.aat-floating-widget.muse-on .aat-agent-card-text > span[data-role="agent-switcher-label"] {
		display: inline-block; padding: 6px 16px; border-radius: 16px; font-size: 15px; font-weight: 800; color: var(--aat-text);
		background: var(--aat-bg-elevated); border: 1px solid var(--aat-border); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
		white-space: nowrap; max-width: 52vw; overflow: hidden; text-overflow: ellipsis;
	}

	/* قرص تماس/ویدیو/دعوت: راست‌بالا */
	.aat-floating-widget.muse-on .muse-pill {
		display: flex; position: absolute; top: var(--muse-top); right: 14px; left: auto; direction: ltr; align-items: center; gap: 2px;
		padding: 3px; border-radius: 26px; background: var(--aat-bg-panel, rgba(30,32,50,.92)); border: 1px solid var(--aat-border);
		pointer-events: auto; /* backdrop-filter عمداً نیست: صفحه‌ی تماسِ position:fixed داخل این قرص است */
	}
	.aat-floating-widget.muse-on .muse-pill .aat-voice-call-bar,
	.aat-floating-widget.muse-on .muse-pill .aat-video-call-bar { position: static; display: flex; margin: 0; padding: 0; background: none; border: 0; width: auto; }
	.aat-floating-widget.muse-on .muse-pill .aat-voice-call-btn,
	.aat-floating-widget.muse-on .muse-pill .aat-video-call-btn,
	.aat-floating-widget.muse-on .muse-pill .muse-invite,
	.aat-floating-widget.muse-on .muse-pill .muse-mic-call {
		display: grid; place-items: center; width: 42px; height: 40px; min-width: 0; padding: 0; border-radius: 22px; border: 0; background: transparent; color: var(--aat-text-muted); box-shadow: none; cursor: pointer;
	}
	.aat-floating-widget.muse-on .muse-pill .aat-call-btn-text { display: none !important; }
	.aat-floating-widget.muse-on .muse-pill .muse-mic-call { display: none; }
	.aat-floating-widget.muse-on .muse-pill svg { width: 22px; height: 22px; }
	.aat-floating-widget.muse-on .muse-pill .muse-invite { display: grid; }
	.aat-floating-widget.muse-on .muse-pill .aat-voice-call-btn.aat-voice-active,
	.aat-floating-widget.muse-on .muse-pill .aat-voice-call-btn.aat-voice-connecting { background: #ff3b30; color: #fff; animation: none; }
	.aat-floating-widget.muse-on .aat-widget-menu-item svg { width: 18px; height: 18px; flex: 0 0 18px; }
	.aat-floating-widget.muse-on .aat-widget-menu-item > span { white-space: nowrap; }

	/* حالت تماس: آواتار بزرگ‌تر، قرص عمودی (قطع قرمز + میکروفن) */
	.aat-floating-widget.muse-on.muse-call .aat-widget-agent-switcher-avatar { width: 188px; height: 188px; font-size: 64px; }
	.aat-floating-widget.muse-on.muse-call .muse-pill { flex-direction: column; top: calc(var(--muse-top) + 4px); gap: 6px; padding: 8px 5px; border-radius: 30px; }
	.aat-floating-widget.muse-on.muse-call .muse-pill .muse-invite,
	.aat-floating-widget.muse-on.muse-call .muse-pill .aat-video-call-bar { display: none; }
	.aat-floating-widget.muse-on.muse-call .muse-pill .muse-mic-call { display: grid; color: var(--aat-text); }
	.aat-floating-widget.muse-on.muse-call .muse-pill .aat-voice-call-btn { width: 48px; height: 48px; border-radius: 50%; }
	.aat-floating-widget.muse-on.muse-call .aat-widget-menu-btn,
	.aat-floating-widget.muse-on.muse-call .aat-widget-close { top: calc(var(--muse-top) + 4px); }
	/* صفحه‌ی تماسِ قدیمی تمام‌صفحه است؛ در این پوسته گفتگو پشتش دیده شود و فقط زیرنویس/وضعیت بماند */
	.aat-floating-widget.muse-on.muse-call .aat-voice-visualizer {
		background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events: none; padding: 0;
	}
	.aat-floating-widget.muse-on.muse-call .aat-voice-topbar,
	.aat-floating-widget.muse-on.muse-call .aat-voice-bottombar,
	.aat-floating-widget.muse-on.muse-call .aat-voice-avatar-wrap,
	.aat-floating-widget.muse-on.muse-call .aat-voice-agent-name { display: none !important; }
	.aat-floating-widget.muse-on.muse-call .aat-voice-captions { text-align: center; padding: 10px 14px; border-radius: 16px; background: var(--aat-bg-panel); color: var(--aat-text); font-size: 15px; line-height: 1.7; }
	.aat-floating-widget.muse-on.muse-call .aat-voice-center {
		position: fixed; left: 16px; right: 16px; bottom: calc(env(safe-area-inset-bottom, 0px) + var(--muse-nav-h) + 96px); top: auto; padding: 0; background: transparent;
	}

	/* لایه‌های «صفحه‌ی تماس» (aat-vc) ویژگی بالاتری دارند؛ اینجا همه خنثی می‌شوند تا فقط دایره + قرص عمودی بماند */
	.aat-floating-widget.muse-on.muse-call .aat-voice-visualizer.aat-vc {
		background: transparent !important; animation: none !important; overflow: visible; isolation: auto; color: var(--aat-text); pointer-events: none;
	}
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-vc-bg,
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-vc-eyebrow,
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-vc-sub,
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-vc-ripple,
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-vc-calling,
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-voice-rec-badge,
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-voice-timer,
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-vc-handoff-badge,
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-voice-topbar,
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-voice-bottombar,
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-voice-avatar-wrap,
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-voice-agent-name { display: none !important; }
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-voice-center {
		position: fixed; left: 16px; right: 16px; width: auto; max-width: none; margin: 0; padding: 0; gap: 0; background: transparent; top: auto;
		bottom: calc(env(safe-area-inset-bottom, 0px) + var(--muse-nav-h) + 96px);
	}
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-voice-captions {
		max-width: none; margin: 0 auto; text-align: center; padding: 10px 14px; border-radius: 16px; background: var(--aat-bg-panel); color: var(--aat-text); font-size: 15px; line-height: 1.7;
	}
	.aat-floating-widget.muse-on.muse-call .aat-vc .aat-voice-captions:empty { display: none; }
	.aat-floating-widget.muse-on.muse-call .muse-pill { pointer-events: auto; }

	/* ---------- پیام‌ها ---------- */
	.aat-floating-widget.muse-on .aat-widget-messages {
		flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: calc(env(safe-area-inset-top, 0px) + 150px) 14px 14px; gap: 10px; display: flex; flex-direction: column;
		-webkit-mask-image: linear-gradient(to bottom, transparent 0, transparent 70px, #000 150px); mask-image: linear-gradient(to bottom, transparent 0, transparent 70px, #000 150px);
	}
	.aat-floating-widget.muse-on.muse-call .aat-widget-messages { padding-top: calc(env(safe-area-inset-top, 0px) + 250px); }
	/* RTL: flex-start = راست. کاربر راست، ایجنت چپ (مثل تصویر مرجع) */
	.aat-floating-widget.muse-on .aat-msg { width: 100%; max-width: 100%; align-self: auto; }
	.aat-floating-widget.muse-on .aat-msg-user { justify-content: flex-start; }
	.aat-floating-widget.muse-on .aat-msg-agent { justify-content: flex-end; }
	.aat-floating-widget.muse-on .aat-msg-bubble { max-width: 86%; }
	.aat-floating-widget.muse-on .aat-msg-bubble a { color: #8ab4ff; word-break: break-all; }
	.aat-floating-widget.muse-on .aat-msg-bubble {
		border-radius: 22px; padding: 13px 17px; font-size: 16px; line-height: 1.75; box-shadow: none; border: 0; word-break: break-word; overflow-wrap: anywhere;
	}
	.aat-floating-widget.muse-on .aat-msg-agent .aat-msg-bubble { background: var(--aat-bg-elevated); color: var(--aat-text); border-top-left-radius: 8px; }
	.aat-floating-widget.muse-on .aat-msg-user .aat-msg-bubble {
		background: color-mix(in srgb, #2F6FED 34%, var(--aat-bg, #0c0d16)); color: var(--aat-text); border-top-right-radius: 8px;
	}
	.aat-floating-widget.muse-on .aat-msg-bubble img, .aat-floating-widget.muse-on .aat-msg-bubble video, .aat-floating-widget.muse-on .aat-msg-bubble table { max-width: 100%; height: auto; }
	.aat-floating-widget.muse-on .aat-msg-bubble pre { max-width: 100%; overflow-x: auto; }

	/* ---------- باکس پیام ---------- */
	.aat-floating-widget.muse-on .aat-widget-typing { padding: 0 20px 6px; }
	.aat-floating-widget.muse-on .aat-widget-input-form {
		position: relative; display: flex; align-items: center; direction: ltr; gap: 4px; flex: 0 0 auto;
		margin: 0 14px 10px; padding: 0 6px; min-height: 54px; border-radius: 28px;
		background: var(--aat-bg-elevated) !important; border: 1px solid var(--aat-border) !important; box-shadow: none !important;
	}
	.aat-floating-widget.muse-on .aat-widget-input-form .aat-input-gb-wrap { flex: 1 1 auto; min-width: 0; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
	.aat-floating-widget.muse-on .aat-widget-input-form .aat-input-gb-wrap::before,
	.aat-floating-widget.muse-on .aat-widget-input-form .aat-input-gb-wrap::after { display: none !important; }
	.aat-floating-widget.muse-on .aat-widget-input {
		width: 100%; min-height: 52px; max-height: 120px; padding: 14px 6px !important; line-height: 24px; box-sizing: border-box; resize: none; font-size: 16px !important; /* ۱۶px: مرورگر موبایل دیگر زوم نمی‌کند */
		direction: rtl; text-align: right; background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0; color: var(--aat-text); -webkit-text-size-adjust: 100%;
	}
	.aat-floating-widget.muse-on .aat-widget-input::placeholder { color: var(--aat-text-muted); }
	.aat-floating-widget.muse-on .muse-plus, .aat-floating-widget.muse-on .muse-mic {
		display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; border: 0; background: transparent; color: var(--aat-text-muted); padding: 0; cursor: pointer;
	}
	.aat-floating-widget.muse-on .muse-plus svg, .aat-floating-widget.muse-on .muse-mic svg { width: 24px; height: 24px; }
	.aat-floating-widget.muse-on .muse-plus { order: -1; }
	.aat-floating-widget.muse-on .muse-plus.is-open { color: var(--aat-text); background: var(--aat-bg-elevated-hover); transform: rotate(45deg); }
	.aat-floating-widget.muse-on .aat-widget-input-form .aat-widget-send { display: none; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; }
	.aat-floating-widget.muse-on .aat-widget-input-form.muse-has-text .aat-widget-send { display: grid; place-items: center; }
	.aat-floating-widget.muse-on .aat-widget-input-form.muse-has-text .muse-mic { display: none; }
	.aat-floating-widget.muse-on .aat-widget-input-form.muse-no-voice .muse-mic { display: none; }

	/* پیوست‌ها: پنجره‌ی کوچک بالای باکس، فقط با دکمه‌ی + */
	.aat-floating-widget.muse-on .aat-widget-toolbar {
		display: none !important; position: absolute; left: 14px; right: auto; bottom: calc(env(safe-area-inset-bottom, 0px) + var(--muse-nav-h) + 80px); z-index: 30; direction: ltr; gap: 6px; padding: 8px; border-radius: 20px;
		background: var(--aat-bg-panel); border: 1px solid var(--aat-border); box-shadow: 0 12px 34px rgba(0,0,0,.4); width: auto; flex-wrap: wrap; max-width: calc(100vw - 28px);
	}
	.aat-floating-widget.muse-on.muse-tools-open .aat-widget-toolbar { display: flex !important; }
	.aat-floating-widget.muse-on .aat-widget-toolbar .aat-tool-mic { display: none; }

	/* ---------- نوار پایین ---------- */
	.aat-floating-widget.muse-on .muse-nav {
		display: flex; direction: ltr; flex: 0 0 auto; align-items: stretch; gap: 4px; height: var(--muse-nav-h); margin: 0 14px calc(env(safe-area-inset-bottom, 0px) + 10px); padding: 6px; border-radius: 34px;
		background: var(--aat-bg-elevated); border: 1px solid var(--aat-border); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
	}
	.aat-floating-widget.muse-on .muse-nav button {
		flex: 1 1 0; min-width: 0; display: grid; place-items: center; border: 0; border-radius: 28px; background: transparent; color: var(--aat-text-muted); padding: 0; cursor: pointer; font-size: 20px; line-height: 1;
		transition: background .2s ease, color .2s ease;
	}
	.aat-floating-widget.muse-on .muse-nav button svg { width: 26px; height: 26px; }
	.aat-floating-widget.muse-on .muse-nav button.is-active { background: var(--aat-bg-elevated-hover); color: var(--aat-text); }
	.aat-floating-widget.muse-on.aat-keyboard-open .muse-nav { display: none; }
	.aat-floating-widget.muse-on .muse-nav button:focus-visible, .aat-floating-widget.muse-on .muse-pill button:focus-visible { outline: 2px solid var(--aat-brand, #6C5CE7); outline-offset: 1px; }
	.aat-floating-widget.muse-on .muse-toast {
		position: absolute; left: 50%; bottom: calc(env(safe-area-inset-bottom, 0px) + var(--muse-nav-h) + 90px); transform: translateX(-50%); z-index: 50; padding: 9px 16px; border-radius: 16px; font-size: 13px;
		background: var(--aat-bg-panel); color: var(--aat-text); border: 1px solid var(--aat-border); box-shadow: 0 10px 30px rgba(0,0,0,.35); white-space: nowrap;
	}
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	.aat-floating-widget.muse-on * { transition: none !important; }
}