.ai-chat-dialog{
	--ai-chat-user-bg: rgb(var(--primary-rgb, 132, 90, 223));
	--ai-chat-ai-bg: rgba(0,0,0,.06);
	--ai-chat-radius: 18px;
}

.ai-chat-title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	width:100%;
}

.ai-chat-title-left{
	display:flex;
	align-items:center;
	gap:10px;
}

.ai-chat-content{
	padding:0;
}

.ai-chat-messages{
	height:min(70vh,520px);
	overflow:auto;
	padding:14px;
	background: rgba(0,0,0,.02);
}

.ai-chat-row{
	display:flex;
	margin:10px 0;
}

.ai-chat-row.is-user{
	justify-content:flex-end;
}

.ai-chat-row.is-ai{
	justify-content:flex-start;
}

.ai-chat-bubble{
	max-width:min(78%,640px);
	padding:10px 12px;
	border-radius: var(--ai-chat-radius);
	box-shadow: 0 1px 2px rgba(0,0,0,.08);
	position:relative;
}

.ai-chat-row.is-user .ai-chat-bubble{
	background: var(--ai-chat-user-bg);
	color:#fff;
	border-bottom-right-radius: 6px;
}

.ai-chat-row.is-ai .ai-chat-bubble{
	background: var(--ai-chat-ai-bg);
	color: inherit;
	border-bottom-left-radius: 6px;
}

.ai-chat-text{
	white-space:pre-wrap;
	word-break:break-word;
}

.ai-chat-meta{
	display:flex;
	gap:10px;
	justify-content:flex-end;
	margin-top:6px;
	font-size:.72rem;
	opacity:.75;
}

.ai-chat-row.is-ai .ai-chat-meta{
	justify-content:flex-start;
}

.ai-chat-loading{
	font-style:italic;
}

.ai-chat-actions{
	padding:10px 12px;
}

.ai-chat-inputbar{
	display:flex;
	align-items:flex-end;
	gap:10px;
	width:100%;
}

.ai-chat-input{
	flex:1;
}

.ai-chat-actions-right{
	display:flex;
	align-items:center;
	gap:6px;
}

.ai-chat-recording-chip{
	height:28px;
}

.ai-chat-table{
	background: transparent;
}