/* Mokhetle Legal Assistant — scoped styles.
   Falls back gracefully if the site's design-system variables are absent. */
.mi-assistant{
	--mi-beige:#F4EEE3; --mi-charcoal:#2B2A28; --mi-bronze:#A8834F; --mi-bronze-dark:#8A6B3E;
	--mi-silver:#C9C6BE; --mi-white:#fff;
	background:var(--mi-charcoal); color:var(--mi-white);
	border-radius:22px; padding:24px; max-width:640px; margin:0 auto;
	box-shadow:0 18px 40px -20px rgba(22,21,19,.25);
	font-family:"Jost","Helvetica Neue",Arial,sans-serif;
}
.mi-demo-note{
	background:#FBF3E4; border:1px dashed var(--mi-bronze); color:var(--mi-bronze-dark);
	font-size:.8rem; padding:10px 14px; border-radius:8px; margin-bottom:16px;
}
.mi-chat-window{
	background:var(--mi-white); color:var(--mi-charcoal); border-radius:10px; padding:16px;
	max-height:380px; overflow-y:auto; display:flex; flex-direction:column; gap:10px;
}
.mi-msg{ max-width:82%; padding:10px 14px; border-radius:14px; font-size:.9rem; line-height:1.45; }
.mi-msg.bot{ background:var(--mi-beige); align-self:flex-start; border-bottom-left-radius:4px; }
.mi-msg.user{ background:var(--mi-bronze); color:var(--mi-white); align-self:flex-end; border-bottom-right-radius:4px; }
.mi-options{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
.mi-options button{
	background:var(--mi-white); border:1px solid var(--mi-bronze); color:var(--mi-bronze-dark);
	border-radius:999px; padding:8px 14px; font-size:.82rem; cursor:pointer; font-weight:600;
}
.mi-options button:hover{ background:var(--mi-bronze); color:var(--mi-white); }
.mi-input-row{ display:flex; gap:8px; margin-top:12px; }
.mi-input-row input{ flex:1; padding:10px 14px; border-radius:999px; border:1px solid var(--mi-silver); font:inherit; }
.mi-input-row input:disabled{ background:#eee; }
.mi-input-row button{ background:var(--mi-bronze); color:var(--mi-white); border:none; border-radius:999px; padding:0 20px; cursor:pointer; font-weight:700; }
.mi-disclaimer{ font-size:.72rem; color:var(--mi-silver); border-top:1px solid rgba(255,255,255,.15); margin-top:14px; padding-top:12px; }