/*!
 * AI chatbox — chat.css
 * ------------------------------------------------------------------
 * মোবাইল-ফার্স্ট চ্যাট UI।
 *
 * Android 5.0 (Chromium 37 WebView) সামঞ্জস্যের নিয়ম:
 *   ✗ CSS কাস্টম প্রপার্টি var(--x)   → হার্ডকোড কালার + থিম ক্লাস
 *   ✗ CSS Grid / gap                 → flexbox + margin
 *   ✗ clamp() / :has() / dvh         → media query + JS height
 *   ✗ backdrop-filter / mask         → সাধারণ background
 *   ✗ position: sticky               → absolute/fixed
 *   ✓ transform/transition/animation → -webkit- প্রিফিক্সসহ
 *   ✓ থিম: .arnc--dark / .arnc--light ক্লাস দিয়ে
 *
 * সব সিলেক্টর #arnc-app এর ভেতরে স্কোপড → থিমের CSS-এর সাথে সংঘর্ষ হবে না।
 * ------------------------------------------------------------------
 */

/* ══════════ বেস ══════════ */
#arnc-app {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 420px;
	box-sizing: border-box;
	font-family: "Noto Sans Bengali", "Hind Siliguri", "SolaimanLipi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.62;
	overflow: hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#arnc-app *, #arnc-app *:before, #arnc-app *:after { box-sizing: border-box; }
/* বাটন সবসময় চারপাশের টেক্সট-কালার ও ফন্ট নেবে (ব্রাউজার/থিমের কালো ডিফল্ট নয়) — ডার্ক মোডে লেখা অদৃশ্য হওয়ার মূল কারণ */
#arnc-app button { font-family: inherit; color: inherit; -webkit-appearance: none; appearance: none; }

/* থিম: ডার্ক (ডিফল্ট) */
#arnc-app.arnc--dark {
	background-color: #08090f;
	background-image: -webkit-radial-gradient(80% -10%, circle, rgba(124,107,255,.18), rgba(0,0,0,0) 62%);
	background-image: radial-gradient(circle at 80% -10%, rgba(124,107,255,.18), rgba(0,0,0,0) 62%);
	color: #e9ebf5;
}
#arnc-app.arnc--dark .arnc-top,
#arnc-app.arnc--dark .arnc-composerwrap { background-color: rgba(10,12,20,.94); border-color: #1d2132; }
#arnc-app.arnc--dark .arnc-side,
#arnc-app.arnc--dark .arnc-filespanel,
#arnc-app.arnc--dark .arnc-menu,
#arnc-app.arnc--dark .arnc-sheetcard { background-color: #0d0f18; border-color: #262b40; }
#arnc-app.arnc--dark .arnc-bubble--bot,
#arnc-app.arnc--dark .arnc-ci:hover,
#arnc-app.arnc--dark .arnc-mi:hover,
#arnc-app.arnc--dark .arnc-ghost,
#arnc-app.arnc--dark .arnc-sug,
#arnc-app.arnc--dark .arnc-model,
#arnc-app.arnc--dark .arnc-file,
#arnc-app.arnc--dark .arnc-chip { background-color: #151827; border-color: #262b40; }
#arnc-app.arnc--dark .arnc-ibtn,
#arnc-app.arnc--dark .arnc-act,
#arnc-app.arnc--dark .arnc-empty,
#arnc-app.arnc--dark .arnc-who,
#arnc-app.arnc--dark .arnc-cisub,
#arnc-app.arnc--dark .arnc-mdesc,
#arnc-app.arnc--dark .arnc-mid,
#arnc-app.arnc--dark .arnc-cfoot,
#arnc-app.arnc--dark .arnc-filesub,
#arnc-app.arnc--dark .arnc-small { color: #8b93ad; }
#arnc-app.arnc--dark .arnc-code { background-color: #0b0d15; border-color: #262b40; }
#arnc-app.arnc--dark .arnc-codehead { background-color: #141828; color: #98a2c4; }
#arnc-app.arnc--dark .arnc-code code { color: #dbe1f5; }
#arnc-app.arnc--dark .arnc-ic { background-color: #1b1f31; border-color: #262b40; color: #c9d2f0; }
#arnc-app.arnc--dark th { background-color: #1b1f31; }
#arnc-app.arnc--dark td,
#arnc-app.arnc--dark th { border-color: #262b40; }
#arnc-app.arnc--dark .arnc-think { background-color: #1b1f31; color: #8b93ad; }
#arnc-app.arnc--dark .arnc-status { color: #a99dff; }
#arnc-app.arnc--dark .arnc-toast { background-color: #1b1f31; border-color: #2f3550; color: #e9ebf5; }
#arnc-app.arnc--dark textarea,
#arnc-app.arnc--dark input { background-color: transparent; color: #e9ebf5; }
#arnc-app.arnc--dark .arnc-composer { background-color: #151827; border-color: #2f3550; }
#arnc-app.arnc--dark hr { border-color: #262b40; }
#arnc-app.arnc--dark blockquote { background-color: rgba(124,107,255,.12); color: #c3c9e2; }

/* থিম: লাইট */
#arnc-app.arnc--light {
	background-color: #f4f5fb;
	background-image: -webkit-radial-gradient(80% -10%, circle, rgba(124,107,255,.10), rgba(0,0,0,0) 60%);
	background-image: radial-gradient(circle at 80% -10%, rgba(124,107,255,.10), rgba(0,0,0,0) 60%);
	color: #14161f;
}
#arnc-app.arnc--light .arnc-top,
#arnc-app.arnc--light .arnc-composerwrap { background-color: rgba(255,255,255,.95); border-color: #e3e6f0; }
#arnc-app.arnc--light .arnc-side,
#arnc-app.arnc--light .arnc-filespanel,
#arnc-app.arnc--light .arnc-menu,
#arnc-app.arnc--light .arnc-sheetcard { background-color: #ffffff; border-color: #dfe3ee; }
#arnc-app.arnc--light .arnc-bubble--bot,
#arnc-app.arnc--light .arnc-ci:hover,
#arnc-app.arnc--light .arnc-mi:hover,
#arnc-app.arnc--light .arnc-ghost,
#arnc-app.arnc--light .arnc-sug,
#arnc-app.arnc--light .arnc-model,
#arnc-app.arnc--light .arnc-file,
#arnc-app.arnc--light .arnc-chip { background-color: #ffffff; border-color: #dfe3ee; }
#arnc-app.arnc--light .arnc-ibtn,
#arnc-app.arnc--light .arnc-act,
#arnc-app.arnc--light .arnc-empty,
#arnc-app.arnc--light .arnc-who,
#arnc-app.arnc--light .arnc-cisub,
#arnc-app.arnc--light .arnc-mdesc,
#arnc-app.arnc--light .arnc-mid,
#arnc-app.arnc--light .arnc-cfoot,
#arnc-app.arnc--light .arnc-filesub,
#arnc-app.arnc--light .arnc-small { color: #6b7391; }
#arnc-app.arnc--light .arnc-code { background-color: #0b0d15; border-color: #dfe3ee; }
#arnc-app.arnc--light .arnc-codehead { background-color: #141828; color: #98a2c4; }
#arnc-app.arnc--light .arnc-code code { color: #dbe1f5; }
#arnc-app.arnc--light .arnc-ic { background-color: #eef0f8; border-color: #dfe3ee; color: #3c4470; }
#arnc-app.arnc--light th { background-color: #eef0f8; }
#arnc-app.arnc--light td,
#arnc-app.arnc--light th { border-color: #dfe3ee; }
#arnc-app.arnc--light .arnc-think { background-color: #eef0f8; color: #6b7391; }
#arnc-app.arnc--light .arnc-status { color: #5b48f5; }
#arnc-app.arnc--light .arnc-toast { background-color: #14161f; border-color: #14161f; color: #ffffff; }
#arnc-app.arnc--light textarea,
#arnc-app.arnc--light input { background-color: transparent; color: #14161f; }
#arnc-app.arnc--light .arnc-composer { background-color: #ffffff; border-color: #d8dcec; }
#arnc-app.arnc--light hr { border-color: #e3e6f0; }
#arnc-app.arnc--light blockquote { background-color: rgba(91,72,245,.08); color: #4a5170; }

/* ══════════ হেডার ══════════ */
#arnc-app .arnc-top {
	position: relative;
	z-index: 30;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 58px;
	padding: 8px 10px;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: 0 1px 8px rgba(20,22,40,.06);
	box-shadow: 0 1px 8px rgba(20,22,40,.06);
}

#arnc-app .arnc-ibtn {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	margin: 0 2px 0 0;
	padding: 0;
	border: 0;
	border-radius: 11px;
	background: transparent;
	color: inherit;
	font-size: 17px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
	opacity: .85;
}
#arnc-app .arnc-ibtn:active { opacity: .5; }

#arnc-app .arnc-brand { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; margin: 0 8px 0 2px; overflow: hidden; }
#arnc-app .arnc-logo img{display:block;width:100%;height:100%;}
#arnc-app .arnc-logo{
	display: block;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	margin: 0 9px 0 0;
	border-radius: 10px;
	overflow: hidden;
	background-color: #6d5efc;
	color: #ffffff;
	font-size: 17px;
	line-height: 34px;
	text-align: center;
	-webkit-box-shadow: 0 2px 8px rgba(109,94,252,.35);
	box-shadow: 0 2px 8px rgba(109,94,252,.35);
}
#arnc-app .arnc-brandtxt { display: block; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; }
#arnc-app .arnc-brandtxt strong { display: block; font-size: 15px; font-weight: 700; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#arnc-app .arnc-brandtxt small { display: block; font-size: 11px; line-height: 1.3; opacity: .65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#arnc-app .arnc-topright { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 0; }
#arnc-app .arnc-topright .arnc-ibtn { margin: 0 0 0 2px; }

#arnc-app .arnc-model {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 46%;
	margin: 0 6px 0 0;
	padding: 7px 11px;
	border: 1px solid;
	border-radius: 999px;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.3;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
}
#arnc-app .arnc-dot {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 5px 1px 0;
	border-radius: 50%;
	background-color: #8b93ad;
	vertical-align: middle;
}
#arnc-app .arnc-dot--openai { background-color: #10a37f; }
#arnc-app .arnc-dot--anthropic { background-color: #d97742; }
#arnc-app .arnc-dot--gemini { background-color: #4285f4; }
#arnc-app .arnc-dot--codecraftapi { background-color: #14b8a6; }
#arnc-app .arnc-dot--radoxai { background-color: #f43f5e; }
#arnc-app .arnc-dot--cohere { background-color: #39594d; }
#arnc-app .arnc-dot--cloudflare { background-color: #f6821f; }
#arnc-app .arnc-dot--openrouter { background-color: #6366f1; }
#arnc-app .arnc-modelname { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
#arnc-app .arnc-chev { -webkit-flex: 0 0 auto; flex: 0 0 auto; font-size: 9px; margin: 0 0 0 5px; opacity: .6; }

#arnc-app .arnc-pill {
	float: right;
	margin: 8px 6px 0 0;
	padding: 3px 8px;
	border: 1px solid rgba(124,107,255,.45);
	border-radius: 999px;
	background-color: rgba(124,107,255,.14);
	color: #a99dff;
	font-size: 10px;
	font-weight: 700;
}

/* ══════════ মডেল মেনু ══════════ */
#arnc-app .arnc-menu {
	position: absolute;
	z-index: 60;
	top: 60px;
	left: 8px;
	right: 8px;
	max-height: 62%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 6px;
	border: 1px solid;
	border-radius: 16px;
	box-shadow: 0 18px 48px rgba(0,0,0,.42);
	display: none;
}
#arnc-app .arnc-menu--open { display: block; }
#arnc-app .arnc-mgroup {
	padding: 9px 10px 4px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
	opacity: .55;
}
#arnc-app .arnc-mi {
	display: block;
	width: 100%;
	margin: 2px 0;
	padding: 8px 10px;
	border: 0;
	border-radius: 11px;
	background: transparent;
	color: inherit;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
}
#arnc-app .arnc-mi:active { opacity: .7; }
#arnc-app .arnc-mbadge {
	display: block;
	float: left;
	margin: 2px 9px 0 0;
	padding: 2px 7px;
	border: 1px solid;
	border-radius: 6px;
	font-size: 9.5px;
	font-weight: 700;
	white-space: nowrap;
}
#arnc-app .arnc-mbadge--openai { color: #3ddc97; border-color: rgba(16,163,127,.42); background-color: rgba(16,163,127,.12); }
#arnc-app .arnc-mbadge--anthropic { color: #f0a074; border-color: rgba(217,119,66,.42); background-color: rgba(217,119,66,.12); }
#arnc-app .arnc-mbadge--gemini { color: #8ab4f8; border-color: rgba(66,133,244,.42); background-color: rgba(66,133,244,.12); }
#arnc-app .arnc-mbadge--codecraftapi { color: #5eead4; border-color: rgba(20,184,166,.42); background-color: rgba(20,184,166,.12); }
#arnc-app .arnc-mbadge--openrouter { color: rgb(165,180,252); border-color: rgba(99,102,241,.45); background-color: rgba(99,102,241,.14); }
#arnc-app .arnc-mbadge--cloudflare { color: rgb(251,191,127); border-color: rgba(246,130,31,.45); background-color: rgba(246,130,31,.14); }
#arnc-app .arnc-mbadge--cohere { color: rgb(134,200,170); border-color: rgba(57,89,77,.45); background-color: rgba(57,89,77,.14); }
#arnc-app .arnc-mbadge--radoxai { color: #fda4af; border-color: rgba(244,63,94,.42); background-color: rgba(244,63,94,.12); }
#arnc-app .arnc-mmain { display: block; overflow: hidden; }
#arnc-app .arnc-mname { display: block; font-size: 13.5px; font-weight: 700; }
#arnc-app .arnc-mtick { color: #7c6bff; }
#arnc-app .arnc-mdesc { display: block; font-size: 11px; line-height: 1.4; opacity: .68; }
#arnc-app .arnc-mid { display: block; font-size: 10px; opacity: .5; font-family: ui-monospace, Menlo, Consolas, monospace; }

/* ══════════ সাইডবার ও ফাইল প্যানেল ══════════ */
#arnc-app .arnc-side,
#arnc-app .arnc-filespanel {
	position: absolute;
	z-index: 80;
	top: 0;
	bottom: 0;
	width: 84%;
	max-width: 320px;
	border: 1px solid;
	-webkit-transition: -webkit-transform .28s ease;
	transition: transform .28s ease;
	overflow: hidden;
	display: block;
}
#arnc-app .arnc-side {
	left: 0;
	border-width: 0 1px 0 0;
	-webkit-transform: translate3d(-102%, 0, 0);
	transform: translate3d(-102%, 0, 0);
}
#arnc-app .arnc-side--open {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#arnc-app .arnc-filespanel {
	right: 0;
	left: auto;
	border-width: 0 0 0 1px;
	-webkit-transform: translate3d(102%, 0, 0);
	transform: translate3d(102%, 0, 0);
}
#arnc-app .arnc-filespanel--open {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#arnc-app .arnc-sidehead {
	padding: 12px 12px 10px;
	border-bottom: 1px solid rgba(128,128,160,.22);
	overflow: hidden;
}
#arnc-app .arnc-sidehead strong { float: left; font-size: 14px; line-height: 32px; }
#arnc-app .arnc-sidehead .arnc-ibtn { float: right; margin: 0; }

#arnc-app .arnc-newbtn {
	display: block;
	width: auto;
	margin: 12px;
	padding: 11px 14px;
	border: 0;
	border-radius: 12px;
	background-color: #6d5efc;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
}
#arnc-app .arnc-newbtn:active { opacity: .82; }

#arnc-app .arnc-chatlist {
	position: absolute;
	top: 108px;
	bottom: 62px;
	left: 0;
	right: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0 8px 8px;
}
#arnc-app .arnc-fileslist {
	position: absolute;
	top: 58px;
	bottom: 8px;
	left: 0;
	right: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0 8px 8px;
}

#arnc-app .arnc-ci,
#arnc-app .arnc-file {
	position: relative;
	margin: 3px 0;
	padding: 9px 34px 9px 10px;
	border: 1px solid transparent;
	border-radius: 11px;
	cursor: pointer;
	overflow: hidden;
}
#arnc-app .arnc-ci:active { opacity: .7; }
#arnc-app .arnc-ci .arnc-dot { float: left; margin: 6px 8px 0 0; }
#arnc-app .arnc-cimain { display: block; overflow: hidden; }
#arnc-app .arnc-cititle { display: block; font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; }
#arnc-app .arnc-cisub { display: block; font-size: 10.5px; white-space: nowrap; overflow: hidden; }
#arnc-app .arnc-cidel {
	position: absolute;
	top: 8px;
	right: 6px;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: inherit;
	font-size: 12px;
	line-height: 26px;
	opacity: .5;
	cursor: pointer;
}
#arnc-app .arnc-cidel:active { opacity: 1; }

#arnc-app .arnc-sidefoot { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; }
#arnc-app .arnc-ghost {
	display: block;
	width: 100%;
	padding: 10px 12px;
	border: 1px solid;
	border-radius: 11px;
	font-size: 13px;
	text-align: left;
	cursor: pointer;
}

#arnc-app .arnc-scrim {
	position: absolute;
	z-index: 70;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
}
#arnc-app .arnc-scrim--on { opacity: 1; visibility: visible; }

/* ══════════ ফাইল আইটেম ══════════ */
#arnc-app .arnc-fileico { float: left; margin: 1px 9px 0 0; font-size: 17px; }
#arnc-app .arnc-filemain { display: block; overflow: hidden; padding-right: 46px; }
#arnc-app .arnc-filename { display: block; font-size: 12.5px; font-weight: 600; word-wrap: break-word; }
#arnc-app .arnc-filesub { display: block; font-size: 10.5px; }
#arnc-app .arnc-filedl {
	position: absolute;
	top: 7px;
	right: 30px;
	width: 26px;
	height: 26px;
	border-radius: 7px;
	color: #7c6bff;
	font-size: 13px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
}
#arnc-app .arnc-filedel {
	position: absolute;
	top: 7px;
	right: 4px;
	width: 24px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: inherit;
	font-size: 12px;
	line-height: 26px;
	opacity: .45;
	cursor: pointer;
}

/* ══════════ চ্যাট এরিয়া ══════════ */
#arnc-app .arnc-chat {
	position: absolute;
	top: 58px;
	bottom: 118px;
	left: 0;
	right: 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	z-index: 10;
}
#arnc-app .arnc-msgs { max-width: 820px; margin: 0 auto; padding: 14px 10px 22px; }

#arnc-app .arnc-welcome { max-width: 620px; margin: 0 auto; padding: 12% 18px 20px; text-align: center; }
#arnc-app .arnc-welcome h2 { margin: 0 0 10px; font-size: 24px; font-weight: 700; line-height: 1.35; }
#arnc-app .arnc-welcome p { margin: 0 0 22px; font-size: 14px; line-height: 1.7; opacity: .75; }
#arnc-app .arnc-sugs {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 0 14px;
}
#arnc-app .arnc-sug {
	display: block;
	width: 48%;
	margin: 4px 1%;
	padding: 13px 14px;
	border: 1px solid;
	border-radius: 16px;
	font-size: 13.5px;
	line-height: 1.5;
	text-align: left;
	cursor: pointer;
	-webkit-box-shadow: 0 1px 4px rgba(20,22,40,.06);
	box-shadow: 0 1px 4px rgba(20,22,40,.06);
}
#arnc-app .arnc-sug:active { opacity: .65; }
@media (max-width: 340px) { #arnc-app .arnc-sug { width: 98%; } }
#arnc-app .arnc-hint { font-size: 11.5px; opacity: .6; line-height: 1.55; }

/* মেসেজ */
#arnc-app .arnc-msg { margin: 0 0 15px; overflow: hidden; }
#arnc-app .arnc-av {
	float: left;
	width: 30px;
	height: 30px;
	margin: 2px 9px 0 0;
	border-radius: 9px;
	background-color: #7c6bff;
	color: #ffffff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
#arnc-app .arnc-msg--user .arnc-av { float: right; margin: 2px 0 0 9px; background-color: #ff7a59; }
#arnc-app .arnc-av--openai { background-color: #10a37f; }
#arnc-app .arnc-av--anthropic { background-color: #d97742; }
#arnc-app .arnc-av--gemini { background-color: #4285f4; }
#arnc-app .arnc-av--codecraftapi { background-color: #14b8a6; }
#arnc-app .arnc-av--radoxai { background-color: #f43f5e; }
#arnc-app .arnc-av--cohere { background-color: #39594d; }
#arnc-app .arnc-av--cloudflare { background-color: #f6821f; }
#arnc-app .arnc-av--openrouter { background-color: #6366f1; }

#arnc-app .arnc-col { display: block; overflow: hidden; }
#arnc-app .arnc-msg--user .arnc-col { text-align: right; }
#arnc-app .arnc-who { font-size: 10.5px; font-weight: 700; margin: 0 2px 4px; opacity: .58; }

#arnc-app .arnc-bubble {
	display: inline-block;
	max-width: 100%;
	padding: 10px 13px;
	border: 1px solid;
	border-radius: 15px;
	text-align: left;
	font-size: 14.5px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
#arnc-app .arnc-msg--user .arnc-bubble {
	border: 0;
	border-radius: 15px 15px 4px 15px;
	background-color: #6d5efc;
	background-image: -webkit-linear-gradient(135deg, #6d5efc, #4a7dff);
	background-image: linear-gradient(135deg, #6d5efc, #4a7dff);
	color: #ffffff;
}
#arnc-app .arnc-msg--bot .arnc-bubble { border-radius: 15px 15px 15px 4px; }
#arnc-app .arnc-msg--err .arnc-bubble {
	border-color: rgba(255,107,107,.45);
	background-color: rgba(255,90,90,.10);
}

/* মার্কডাউন কনটেন্ট */
#arnc-app .arnc-bubble p { margin: 0 0 9px; }
#arnc-app .arnc-bubble p:last-child { margin-bottom: 0; }
#arnc-app .arnc-bubble h1,
#arnc-app .arnc-bubble h2,
#arnc-app .arnc-bubble h3,
#arnc-app .arnc-bubble h4 { margin: 14px 0 7px; line-height: 1.35; }
#arnc-app .arnc-bubble h1 { font-size: 18px; }
#arnc-app .arnc-bubble h2 { font-size: 16.5px; }
#arnc-app .arnc-bubble h3 { font-size: 15px; }
#arnc-app .arnc-bubble h4 { font-size: 14px; }
#arnc-app .arnc-bubble ul,
#arnc-app .arnc-bubble ol { margin: 7px 0 11px; padding-left: 21px; }
#arnc-app .arnc-bubble li { margin: 3px 0; }
#arnc-app .arnc-bubble a { color: #4aa8ff; text-decoration: underline; }
#arnc-app .arnc-msg--user .arnc-bubble a { color: #d6e6ff; }
#arnc-app .arnc-bubble blockquote {
	margin: 9px 0;
	padding: 7px 12px;
	border-left: 3px solid #7c6bff;
	border-radius: 0 8px 8px 0;
}
#arnc-app .arnc-bubble hr { border: 0; border-top: 1px solid; margin: 13px 0; }
#arnc-app .arnc-bubble img { max-width: 100%; border-radius: 10px; }
#arnc-app .arnc-ic {
	padding: 1px 5px;
	border: 1px solid;
	border-radius: 5px;
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 12.5px;
}
#arnc-app .arnc-tblwrap { margin: 10px 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
#arnc-app .arnc-bubble table { border-collapse: collapse; width: 100%; font-size: 12.5px; }
#arnc-app .arnc-bubble th,
#arnc-app .arnc-bubble td { border: 1px solid; padding: 6px 9px; text-align: left; }
#arnc-app .arnc-bubble th { font-weight: 700; }

/* কোড ব্লক */
#arnc-app .arnc-code { margin: 11px 0; border: 1px solid; border-radius: 12px; overflow: hidden; }
#arnc-app .arnc-codehead {
	padding: 6px 10px;
	font-size: 10.5px;
	font-family: ui-monospace, Menlo, Consolas, monospace;
	overflow: hidden;
}
#arnc-app .arnc-codehead span { float: left; line-height: 22px; }
#arnc-app .arnc-codehead .arnc-codeacts { float: right; }
#arnc-app .arnc-codebtn {
	margin: 0 0 0 5px;
	padding: 2px 8px;
	border: 0;
	border-radius: 6px;
	background-color: rgba(255,255,255,.10);
	color: #cfd7f5;
	font-size: 10.5px;
	cursor: pointer;
}
#arnc-app .arnc-codebtn:active { opacity: .6; }
#arnc-app .arnc-code pre { margin: 0; padding: 11px 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
#arnc-app .arnc-code code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12.5px;
	line-height: 1.6;
	white-space: pre;
	background: transparent;
	border: 0;
	padding: 0;
}
#arnc-app .arnc-tk { color: #c792ea; }
#arnc-app .arnc-ts { color: #a5e075; }
#arnc-app .arnc-tn { color: #f78c6c; }
#arnc-app .arnc-tc { color: #5c6885; font-style: italic; }

/* টুল / স্টেটাস / থিঙ্কিং */
#arnc-app .arnc-tools { margin: 0 0 7px; }
#arnc-app .arnc-tool {
	display: inline-block;
	margin: 2px 5px 2px 0;
	padding: 4px 9px;
	border: 1px solid rgba(124,107,255,.35);
	border-radius: 999px;
	background-color: rgba(124,107,255,.10);
	font-size: 11px;
}
#arnc-app .arnc-tool--err { border-color: rgba(255,107,107,.4); background-color: rgba(255,90,90,.10); }
#arnc-app .arnc-toolname { font-weight: 700; }
#arnc-app .arnc-toolstat { margin: 0 0 0 5px; opacity: .72; font-size: 10px; }
#arnc-app .arnc-toolfle { margin: 0 0 0 6px; color: #4aa8ff; text-decoration: none; font-size: 10.5px; }
#arnc-app .arnc-status { font-size: 12px; margin: 0 0 6px; font-weight: 600; }
#arnc-app .arnc-think {
	margin: 0 0 7px;
	padding: 7px 11px;
	border-left: 2px solid #7c6bff;
	border-radius: 0 8px 8px 0;
	font-size: 11.5px;
	max-height: 96px;
	overflow: hidden;
	white-space: pre-wrap;
}
#arnc-app .arnc-meta { font-size: 10px; opacity: .55; margin: 0 0 0 6px; font-family: ui-monospace, Menlo, Consolas, monospace; }

/* টাইপিং ও ক্যারেট */
#arnc-app .arnc-typing { display: inline-block; }
#arnc-app .arnc-typing i {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 2px;
	border-radius: 50%;
	background-color: #8b93ad;
	-webkit-animation: arnc-blink 1.2s infinite ease-in-out;
	animation: arnc-blink 1.2s infinite ease-in-out;
}
#arnc-app .arnc-typing i + i { -webkit-animation-delay: .17s; animation-delay: .17s; }
#arnc-app .arnc-typing i + i + i { -webkit-animation-delay: .34s; animation-delay: .34s; }
@-webkit-keyframes arnc-blink { 0%, 60%, 100% { opacity: .25; } 30% { opacity: 1; } }
@keyframes arnc-blink { 0%, 60%, 100% { opacity: .25; } 30% { opacity: 1; } }
#arnc-app .arnc-caret {
	display: inline-block;
	width: 6px;
	height: 14px;
	margin: 0 0 -2px 2px;
	background-color: #7c6bff;
	-webkit-animation: arnc-blink .85s steps(2) infinite;
	animation: arnc-blink .85s steps(2) infinite;
}

/* অ্যাকশন বাটন */
#arnc-app .arnc-acts { margin: 4px 2px 0; font-size: 11px; }
#arnc-app .arnc-act {
	margin: 0 4px 0 0;
	padding: 3px 7px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	font-size: 10.5px;
	cursor: pointer;
	opacity: .62;
}
#arnc-app .arnc-act:active { opacity: 1; }

/* ══════════ কম্পোজার ══════════ */
#arnc-app .arnc-composerwrap {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 7px 9px 9px;
	border-top: 1px solid;
}
#arnc-app .arnc-stoprow { text-align: center; margin: 0 0 7px; }
#arnc-app .arnc-stop {
	padding: 6px 16px;
	border: 1px solid rgba(255,107,107,.4);
	border-radius: 999px;
	background-color: rgba(255,90,90,.14);
	color: #ff8585;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}
#arnc-app .arnc-attachbar { margin: 0 0 7px; }
#arnc-app .arnc-chip {
	display: inline-block;
	margin: 2px 5px 2px 0;
	padding: 4px 8px;
	border: 1px solid;
	border-radius: 999px;
	font-size: 11.5px;
}
#arnc-app .arnc-chipx {
	margin: 0 0 0 6px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font-size: 11px;
	opacity: .6;
	cursor: pointer;
}
#arnc-app .arnc-composer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	max-width: 820px;
	margin: 0 auto;
	padding: 6px 6px 6px 8px;
	border: 1px solid;
	border-radius: 24px;
	-webkit-box-shadow: 0 2px 14px rgba(20,22,40,.08);
	box-shadow: 0 2px 14px rgba(20,22,40,.08);
}
#arnc-app .arnc-round {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	margin: 2px 4px 2px 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: inherit;
	font-size: 15px;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
	opacity: .72;
}
#arnc-app .arnc-round:active { opacity: .4; }
#arnc-app .arnc-mic--on {
	background-color: #ff5c8a;
	color: #ffffff;
	opacity: 1;
	-webkit-animation: arnc-pulse 1.1s infinite;
	animation: arnc-pulse 1.1s infinite;
}
@-webkit-keyframes arnc-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }
@keyframes arnc-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }
#arnc-app .arnc-send {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	margin: 2px 0 2px 4px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: #6d5efc;
	color: #ffffff;
	cursor: pointer;
}
#arnc-app .arnc-send:disabled { opacity: .35; cursor: default; }
#arnc-app .arnc-send:active { opacity: .8; }
#arnc-app textarea {
	display: block;
	overflow: hidden;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	margin: 0 4px;
	padding: 7px 0;
	border: 0;
	outline: none;
	resize: none;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.5;
	min-height: 34px;
	max-height: 170px;
}
#arnc-app .arnc-cfoot { max-width: 820px; margin: 5px auto 0; padding: 0 6px; font-size: 10px; overflow: hidden; }
#arnc-app .arnc-cfoot .arnc-cleft { float: left; }
#arnc-app .arnc-cfoot .arnc-cright { float: right; }
#arnc-app .arnc-only-lg { display: none; }

/* ══════════ শিট (পছন্দসমূহ) ══════════ */
#arnc-app .arnc-sheet {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.55);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
}
#arnc-app .arnc-sheet--open { opacity: 1; visibility: visible; }
#arnc-app .arnc-sheetcard {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 86%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid;
	border-radius: 20px 20px 0 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
}
#arnc-app .arnc-sheet--open .arnc-sheetcard {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#arnc-app .arnc-sheetbody { padding: 12px 14px 22px; }
#arnc-app .arnc-check {
	display: block;
	margin: 0 0 11px;
	padding: 10px 12px;
	border: 1px solid rgba(128,128,160,.28);
	border-radius: 11px;
	font-size: 13px;
	cursor: pointer;
}
#arnc-app .arnc-check input { width: 17px; height: 17px; margin: 0 9px 0 0; vertical-align: -3px; }
#arnc-app .arnc-notefield { font-size: 12px; margin: 0 0 10px; opacity: .75; }
#arnc-app .arnc-small { font-size: 11.5px; line-height: 1.6; margin: 10px 0 0; }

/* ══════════ টোস্ট ও নোটিশ ══════════ */
#arnc-app .arnc-toast {
	position: absolute;
	z-index: 200;
	left: 6%;
	right: 6%;
	bottom: 128px;
	padding: 10px 15px;
	border: 1px solid;
	border-radius: 14px;
	font-size: 12.5px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
}
#arnc-app .arnc-toast--on { opacity: 1; visibility: visible; }

.arnc-notice {
	max-width: 640px;
	margin: 14px auto;
	padding: 14px 16px;
	border: 1px solid rgba(124,107,255,.4);
	border-radius: 14px;
	background-color: rgba(124,107,255,.08);
	font-size: 13.5px;
	text-align: center;
}
.arnc-notice--warn { border-color: rgba(255,179,71,.5); background-color: rgba(255,179,71,.10); }
.arnc-noscript { padding: 16px; text-align: center; font-size: 14px; }
#arnc-app .arnc-empty { padding: 20px 10px; text-align: center; font-size: 12px; line-height: 1.65; }

/* ══════════ অতিরিক্ত স্টেট / ইউটিলিটি ══════════ */
/* নির্বাচিত চ্যাট ও মডেল */
#arnc-app .arnc-ci--on,
#arnc-app .arnc-mi--on { border-color: rgba(124,107,255,.55); background-color: rgba(124,107,255,.12); }
#arnc-app .arnc-mi--on .arnc-mname { color: #a99dff; }

/* এজেন্ট পিল */
#arnc-app .arnc-pill { display: none; }
#arnc-app .arnc-pill--on { display: block; }

/* ইউজার অ্যাভাটার */
#arnc-app .arnc-av--user { background-color: #ff7a59; }

/* টুল সফল */
#arnc-app .arnc-tool--ok { border-color: rgba(61,220,151,.42); background-color: rgba(61,220,151,.10); }

/* ইনলাইন ছবি ও লুকানো raw টেক্সটএরিয়া */
#arnc-app .arnc-img { max-width: 100%; height: auto; border-radius: 10px; display: block; margin: 6px 0; }
#arnc-app .arnc-raw { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; opacity: 0; }

/* কম্পোজার ফুটারের দুই অংশ */
#arnc-app .arnc-cfoot span { display: block; }
#arnc-app #arnc-ctx { float: left; max-width: 58%; white-space: nowrap; overflow: hidden; }
#arnc-app .arnc-cfoot .arnc-only-lg { float: right; }

/* থিম টগল বাটন */
#arnc-app #arnc-theme { font-size: 15px; }

/* ══════════ কম্প্যাক্ট মোড ══════════ */
#arnc-app.arnc--compact {
	min-height: 380px;
	height: 520px;
	border: 1px solid rgba(128,128,160,.3);
	border-radius: 18px;
}
#arnc-app.arnc--compact .arnc-side,
#arnc-app.arnc--compact .arnc-brandtxt { display: none; }
#arnc-app.arnc--compact .arnc-only-sm { display: none; }

/* হাইড অপশন: [arena_chat hide="files,voice,models"] */
#arnc-app.arnc--hide-files .arnc-attach,
#arnc-app.arnc--hide-files #arnc-files-btn,
#arnc-app.arnc--hide-voice .arnc-mic,
#arnc-app.arnc--hide-models .arnc-model,
#arnc-app.arnc--hide-history #arnc-menu,
#arnc-app.arnc--hide-sugs .arnc-sugs { display: none; }

/* ══════════ ডেস্কটপ ══════════ */
@media (min-width: 900px) {
	#arnc-app .arnc-only-sm { display: none; }
	#arnc-app .arnc-only-lg { display: inline; }
	#arnc-app .arnc-side {
		width: 268px;
		-webkit-transform: none;
		transform: none;
		display: block;
	}
	#arnc-app .arnc-top,
	#arnc-app .arnc-composerwrap { padding-left: 280px; }
	#arnc-app .arnc-menu { left: 280px; right: 12px; top: 62px; max-width: 460px; }
	#arnc-app .arnc-scrim { display: none; }
	#arnc-app .arnc-bubble { font-size: 15px; }
	#arnc-app .arnc-acts {
		opacity: 0;
		-webkit-transition: opacity .2s;
		transition: opacity .2s;
	}
	#arnc-app .arnc-msg:hover .arnc-acts { opacity: 1; }
	#arnc-app .arnc-sheetcard {
		left: 50%;
		right: auto;
		bottom: auto;
		top: 50%;
		width: 560px;
		margin: -260px 0 0 -280px;
		border-radius: 20px;
		max-height: 80%;
	}
	#arnc-app .arnc-toast { left: 50%; right: auto; bottom: 150px; width: 460px; margin: 0 0 0 -230px; }
}

@media (min-width: 1200px) {
	#arnc-app .arnc-msgs { padding: 20px 16px 26px; }
}

/* ছোট ফোন */
@media (max-width: 360px) {
	#arnc-app { font-size: 14px; }
	#arnc-app .arnc-brandtxt { display: none; }
	#arnc-app .arnc-bubble { font-size: 14px; padding: 9px 11px; }
	#arnc-app .arnc-model { max-width: 44%; font-size: 11px; }
}

/* ল্যান্ডস্কেপ ফোন */
@media (max-height: 460px) {
	#arnc-app .arnc-welcome { padding-top: 10px; }
	#arnc-app .arnc-welcome h2 { font-size: 17px; }
}

/* অ্যানিমেশন কমিয়ে আনা (অ্যাক্সেসিবিলিটি) */
@media (prefers-reduced-motion: reduce) {
	#arnc-app .arnc-caret,
	#arnc-app .arnc-typing i {
		-webkit-animation: none;
		animation: none;
	}
	#arnc-app .arnc-side,
	#arnc-app .arnc-filespanel,
	#arnc-app .arnc-sheetcard {
		-webkit-transition: none;
		transition: none;
	}
}

/* ══════════ ভিজ্যুয়াল পলিশ (১.০.৯) ══════════ */
/* স্পষ্ট টেক্সট-কালার — ডার্ক/লাইট দুই থিমেই বাটনের লেখা পরিষ্কার */
#arnc-app.arnc--dark .arnc-sug,
#arnc-app.arnc--dark .arnc-model,
#arnc-app.arnc--dark .arnc-ghost,
#arnc-app.arnc--dark .arnc-ci,
#arnc-app.arnc--dark .arnc-mi { color: #eef0fa; }
#arnc-app.arnc--light .arnc-sug,
#arnc-app.arnc--light .arnc-model,
#arnc-app.arnc--light .arnc-ghost,
#arnc-app.arnc--light .arnc-ci,
#arnc-app.arnc--light .arnc-mi { color: #14161f; }

/* ডার্কে শ্যাডো বাদ, লাইটে হালকা গভীরতা */
#arnc-app.arnc--dark .arnc-top,
#arnc-app.arnc--dark .arnc-composer,
#arnc-app.arnc--dark .arnc-sug { -webkit-box-shadow: none; box-shadow: none; }
#arnc-app.arnc--light .arnc-model { -webkit-box-shadow: 0 1px 3px rgba(20,22,40,.08); box-shadow: 0 1px 3px rgba(20,22,40,.08); }

/* প্লেসহোল্ডার কন্ট্রাস্ট */
#arnc-app textarea::-webkit-input-placeholder { opacity: 1; }
#arnc-app textarea::-moz-placeholder { opacity: 1; }
#arnc-app textarea::placeholder { opacity: 1; }
#arnc-app.arnc--dark textarea::-webkit-input-placeholder { color: #8f98b6; }
#arnc-app.arnc--dark textarea::placeholder { color: #8f98b6; }
#arnc-app.arnc--light textarea::-webkit-input-placeholder { color: #7c84a3; }
#arnc-app.arnc--light textarea::placeholder { color: #7c84a3; }

/* সাজেশন কার্ড ও বাটনের স্পর্শ-ফিডব্যাক */
#arnc-app .arnc-sug:hover { border-color: rgba(124,107,255,.6); }
#arnc-app .arnc-send { -webkit-box-shadow: 0 2px 8px rgba(109,94,252,.35); box-shadow: 0 2px 8px rgba(109,94,252,.35); }
#arnc-app .arnc-send:disabled { -webkit-box-shadow: none; box-shadow: none; }

/* ছোট স্ক্রিনে হেডার: ট্যাগলাইন লুকিয়ে নামটি পুরো দেখানো */
@media (max-width: 480px) {
	#arnc-app .arnc-brandtxt small { display: none; }
	#arnc-app .arnc-welcome { padding-top: 9%; }
	#arnc-app .arnc-welcome h2 { font-size: 22px; }
}

/* কিবোর্ড হিন্ট শুধু ডেস্কটপে */
#arnc-app .arnc-cfoot .arnc-only-lg { display: none; }
@media (min-width: 900px) {
	#arnc-app .arnc-cfoot .arnc-only-lg { display: block; }
}