/* Shared chat helpers (MudBlazor-first) */
/* Follows project Styling Policy: prefer Mud parameters, then helpers/wrappers, then local CSS. */

/* 1) Accent labels & icons */
.chat-accent {
	opacity: 0.92;
	color: var(--accent-color, currentColor);
}

/* 2) Bubbles */
.chat-bubble { border-radius: 8px; }
.chat-bubble--user { background: rgba(33, 150, 243, 0.08); }
.chat-bubble--default { background: rgba(158, 158, 158, 0.10); }
.chat-bubble--error { background: rgba(244, 67, 54, 0.10); }

/* 3) Chips */
.chat-chip { height: 18px; font-size: 0.68rem; }

/* 4) Tool/List summaries */
.chat-tool-summary-label { opacity: 0.95; font-weight: 600; }
.chat-tool-summary-bytes { opacity: 0.8; }

/* 5) Busy state */
.chat-busy-indicator { max-width: 420px; }

/* 6) Layout helper */
.chat-bubble-stack { width: 100%; min-width: 0; }



/* 7) Compact tool panel variants (global by design)
   These styles target MudExpansionPanel root classes applied by CompactToolPanel.
   Keep them in global CSS; isolated CSS would scope selectors and miss child-rendered roots.
*/
.compact-panel {
	margin: 2px 0;
	border-radius: 4px;
	background: var(--panel-bg, rgba(255, 165, 0, 0.08));
	font-size: 0.92rem;
	padding: 0 6px;
}

.compact-panel .mud-expand-panel-header,
.compact-panel .mud-expand-panel-header.mud-expand-panel-header-gutters {
	min-height: 0 !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1.1;
}

.compact-panel .mud-expand-panel-header-content,
.compact-panel .mud-expand-panel-header .mud-typography,
.compact-panel .mud-expand-panel-header .mud-chip-root {
	margin: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.compact-panel .mud-expand-panel-content {
	padding: 0 0 2px !important;
	margin: 0 !important;
}

.compact-panel .mud-expand-panel {
	padding: 0 !important;
}

.compact-panel--toolcall {
	--accent-color: orange;
	--panel-bg: rgba(255, 165, 0, 0.08);
}

.compact-panel--toolresult {
	--accent-color: #1976d2;
	--panel-bg: rgba(25, 118, 210, 0.08);
}

.compact-panel--failure {
	--accent-color: #e53935;
	--panel-bg: rgba(229, 57, 53, 0.10);
}

.compact-panel--compaction {
	--accent-color: #9c27b0;
	--panel-bg: rgba(156, 39, 176, 0.08);
}

.compact-panel--information {
	--accent-color: #00838f;
	--panel-bg: rgba(0, 131, 143, 0.10);
}

.compact-panel--reasoning {
	--accent-color: #7b1fa2;
	--panel-bg: rgba(123, 31, 162, 0.06);
}

.chat-reasoning-text {
	white-space: pre-wrap;
	font-size: 0.8rem;
	opacity: 0.75;
	max-height: 300px;
	overflow-y: auto;
	padding: 4px 8px;
}