/* pages/cabinet-audience.css — чат с ИИ (/lichnyy-kabinet/audience/).
 *
 * Каркас экрана (сетка, сайдбар, шапка, прокрутка, аватары) — общий с
 * «Лекциями», см. components/cabinet-workspace.css. Здесь только чат:
 * выбор курса/контекста, список лекций, лента занятия и поле вопросов.
 *
 * Текст ответов модели оформляет components/cabinet-prose.css (.cb-prose).
 */

.reclaim-audience {
	--aud-col: 100%;
}

/* Сплит экзамен/лента — дублируем поверх модалки, если кэш держит старый exam.css. */
#cabinet-audience .cbx-overlay.cbx-overlay--dock {
	position: relative !important;
	inset: auto !important;
	z-index: 1;
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: 0 !important;
	background: none !important;
	align-items: stretch;
	justify-content: stretch;
}

#cabinet-audience .cbx-overlay--dock .cbx-modal {
	width: 100% !important;
	max-width: none !important;
	max-height: none !important;
	height: 100%;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.reclaim-audience__body:has( .aud-exam-dock.is-open ) .aud-thread.is-exam-locked .aud-composer,
.reclaim-audience__body:has( .aud-exam-dock.is-open ) .aud-thread.is-exam-locked .aud-jump {
	display: none !important;
}

.aud-exam-lock-note {
	margin: 2.5rem auto;
	max-width: 22rem;
	color: var( --muted );
	font-size: 0.95rem;
	line-height: 1.5;
	text-align: center;
}

/* —— Список бесед —— */
/* .aud-new-chat (базовая кнопка) и .aud-final-exam-btn — общие для обеих
   раскладок, см. components/cabinet-workspace.css. */
.aud-new-chat__plus {
	font-size: 1rem;
	line-height: 1;
}

/* —— Выбор курса / материалов —— */
.aud-picker {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

.aud-tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	flex: 0 0 auto;
	gap: 0.25rem;
	padding: 0.22rem;
	border: 1px solid var( --line );
	border-radius: 10px;
	background: color-mix( in srgb, var( --ink ) 4%, var( --surface ) );
}

.aud-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.15rem;
	margin: 0;
	padding: 0.3rem 0.4rem;
	border: 0;
	border-radius: 8px;
	background: transparent;
	box-shadow: none;
	color: var( --muted );
	cursor: pointer;
	font: inherit;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.2;
	text-align: center;
	text-wrap: balance;
}

.aud-tab:hover,
.aud-tab:focus-visible {
	color: var( --ink );
	outline: none;
}

.aud-tab.is-active {
	background: var( --surface );
	box-shadow: 0 1px 2px color-mix( in srgb, var( --ink ) 8%, transparent );
	color: var( --settings-accent-strong, var( --primary-bg ) );
}

.aud-tab-panel {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 0.9rem;
	min-height: 0;
}

#aud-tab-sessions .aud-section,
#aud-tab-sessions .aud-chat-list {
	flex: 1 1 auto;
	min-height: 0;
}

#aud-tab-sessions .aud-chat-list {
	overflow-y: auto;
}

.aud-picker__label {
	margin: 0;
	color: var( --ink );
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.4;
}

.aud-picker__hint {
	margin: 0;
	color: var( --muted );
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.4;
}

.aud-section {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	min-height: 0;
}

.reclaim-audience .aud-picker__select {
	width: 100%;
	min-height: 2.35rem;
	margin: 0;
	padding: 0.4rem 0.7rem;
	border: 1px solid var( --line );
	border-radius: 8px;
	background: var( --surface );
	color: var( --ink );
	font: inherit;
	font-size: 0.92rem;
}

.reclaim-audience .aud-picker__select:focus,
.reclaim-audience .aud-picker__select:focus-visible {
	border-color: var( --settings-accent );
	box-shadow: 0 0 0 3px color-mix( in srgb, var( --settings-accent ) 22%, transparent );
	outline: none;
}

.aud-lecture-list .aud-chat-item {
	align-items: flex-start;
	gap: 0.6rem;
}

.aud-lecture-list .aud-chat-item__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 0.12rem;
	min-width: 0;
}

.aud-lecture-list .aud-chat-item__name {
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
}

.aud-lecture-list .aud-chat-item__number {
	flex: 0 0 auto;
	min-width: 1.2rem;
	color: var( --muted );
	font-size: 0.78rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.aud-lecture-list .aud-chat-item.is-active .aud-chat-item__number {
	color: var( --settings-accent-strong );
}

#aud-lecture-list-wrap {
	flex: 0 1 auto;
}

#aud-chat-list .aud-chat-item {
	align-items: flex-start;
}

#aud-chat-list .aud-chat-item__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 0.12rem;
	min-width: 0;
}

#aud-chat-list .aud-chat-item__name {
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
	overflow-wrap: anywhere;
}

#aud-lecture-list-wrap .aud-chat-list,
#aud-session-list-wrap .aud-chat-list {
	flex: 1 1 auto;
}

/* —— Шапка беседы —— */
.reclaim-audience .aud-thread__rename {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 2.35rem;
	margin: 0;
	padding: 0.4rem 0.7rem;
	border: 1px solid var( --line );
	border-radius: 8px;
	background: var( --surface );
	color: var( --ink );
	font: inherit;
	font-size: 0.92rem;
}

.reclaim-audience .aud-thread__rename:focus,
.reclaim-audience .aud-thread__rename:focus-visible {
	border-color: var( --settings-accent );
	box-shadow: 0 0 0 3px color-mix( in srgb, var( --settings-accent ) 22%, transparent );
	outline: none;
}

.aud-thread__back {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	padding: 0.28rem 0.65rem;
	border: 1px solid var( --line );
	border-radius: 8px;
	background: var( --surface );
	color: var( --ink );
	cursor: pointer;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 650;
	line-height: 1.2;
	white-space: nowrap;
}

.aud-thread__back:hover,
.aud-thread__back:focus-visible {
	border-color: var( --settings-accent );
	color: var( --settings-accent-strong );
	outline: none;
}

.aud-thread__actions {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 0.4rem;
}

.reclaim-audience .aud-thread__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 2.15rem;
	margin: 0;
	padding: 0.35rem 0.75rem;
	border: 1px solid color-mix( in srgb, var( --ink ) 16%, transparent );
	border-radius: 10px;
	background: color-mix( in srgb, var( --ink ) 10%, var( --surface ) );
	box-shadow: none;
	color: var( --ink );
	cursor: pointer;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition:
		background-color 150ms ease,
		border-color 150ms ease,
		box-shadow 150ms ease,
		color 150ms ease,
		transform 150ms ease;
}

.reclaim-audience .aud-thread__action:hover,
.reclaim-audience .aud-thread__action:focus-visible {
	background: var( --primary-bg );
	border-color: var( --primary-bg );
	box-shadow: 0 2px 0 rgba( 27, 20, 48, 0.18 );
	color: var( --primary-ink );
	outline: none;
	transform: translateY( 1px );
}

.reclaim-audience .aud-thread__action--danger:hover,
.reclaim-audience .aud-thread__action--danger:focus-visible,
.reclaim-audience .aud-thread__action--danger.is-confirming {
	background: var( --accent-rose );
	border-color: var( --accent-rose );
	box-shadow: 0 2px 0 rgba( 27, 20, 48, 0.18 );
	color: #fff;
	filter: none;
}

/* —— Конспект лекции — как сообщение ИИ —— */
.aud-lecture-msg {
	width: 100%;
	max-width: var( --aud-col );
	margin: 0 auto 1.35rem;
}

.aud-lecture-msg .aud-msg {
	width: 100%;
}

.aud-lecture-ref {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	font-size: 0.92rem;
	line-height: 1.6;
}

.aud-lecture-ref__quiz-btn {
	width: auto;
	margin-top: 1rem;
}

/* Готовые вопросы-ответы под конспектом (без LLM). */
.aud-faq {
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid color-mix( in srgb, var( --settings-accent ) 20%, transparent );
}

.aud-faq__title {
	margin: 0 0 0.6rem;
	font-size: 1rem;
}

.aud-faq__item {
	margin: 0 0 0.4rem;
	border: 1px solid color-mix( in srgb, var( --settings-accent ) 22%, transparent );
	border-radius: 0.6rem;
	background: color-mix( in srgb, var( --settings-accent ) 5%, var( --surface ) );
}

.aud-faq__item > summary {
	cursor: pointer;
	padding: 0.65rem 0.9rem;
	font-weight: 600;
}

.aud-faq__answer {
	padding: 0 0.9rem 0.8rem;
}

/* —— Лента —— */
.aud-messages {
	display: flex;
	flex-direction: column;
	gap: 1.35rem;
	width: 100%;
	max-width: var( --aud-col );
	box-sizing: border-box;
	margin-inline: auto;
}

.reclaim-audience .aud-load-older {
	align-self: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: var( --settings-accent );
	cursor: pointer;
	font: inherit;
	font-size: 0.86rem;
	font-weight: 650;
	text-decoration: underline;
	text-underline-offset: 0.16em;
}

.reclaim-audience .aud-load-older:hover,
.reclaim-audience .aud-load-older:focus-visible {
	color: var( --settings-accent-strong );
	outline: none;
}

.reclaim-audience .aud-load-older:disabled {
	opacity: 0.5;
	cursor: default;
}

/* —— Сообщения как в мессенджере: ИИ слева, вы справа —— */
.aud-msg {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	width: 100%;
	box-sizing: border-box;
}

.aud-msg--assistant {
	justify-content: center;
}

.aud-msg--user {
	justify-content: flex-start;
}

.aud-msg__who {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	min-width: 0;
}

.aud-msg--writing .aud-msg__who {
	will-change: transform;
}

.aud-msg__who .aud-avatar {
	width: 3.5rem;
	height: 3.5rem;
	font-size: 0.85rem;
}

.reclaim-audience .aud-msg__orb.rtw-ai-orb--avatar .rtw-ai-orb__canvas {
	top: 0;
	right: 0;
}

.aud-msg__fio {
	color: var( --muted );
	font-size: 0.68rem;
	font-weight: 650;
	line-height: 1.2;
	text-align: center;
	max-width: 3.5rem;
	overflow-wrap: anywhere;
}

.aud-msg__body {
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 0;
	width: fit-content;
}

.aud-msg--assistant .aud-msg__body {
	flex: 1 1 auto;
	align-items: stretch;
	max-width: min( 92%, var( --aud-col ) );
	width: 100%;
}

.aud-msg--user .aud-msg__body {
	align-items: flex-start;
	max-width: min( 52%, 28rem );
}

.aud-msg__bubble {
	box-sizing: border-box;
	width: fit-content;
	max-width: 100%;
	padding: 0.65rem 0.95rem;
	border: 1px solid var( --line );
	border-radius: 1.125rem 1.125rem 1.125rem 0.25rem;
	background: var( --surface );
	font-size: 0.92rem;
	line-height: 1.55;
	overflow-wrap: anywhere;
}

.aud-msg--assistant .aud-msg__bubble {
	width: 100%;
}

.aud-msg__bubble--user {
	border-color: color-mix( in srgb, var( --settings-accent ) 45%, transparent );
	background: color-mix( in srgb, var( --settings-accent ) 10%, transparent );
	color: var( --ink );
	border-radius: 1.125rem 1.125rem 1.125rem 0.25rem;
}

.aud-msg--user .aud-msg__text {
	margin: 0;
	color: var( --ink );
	overflow-wrap: anywhere;
	white-space: pre-wrap;
}

.aud-msg--user .aud-msg__when {
	color: var( --muted );
	font-size: 0.72rem;
	font-weight: 650;
	line-height: 1.3;
	white-space: nowrap;
}

.aud-msg__orb {
	flex: 0 0 auto;
	overflow: hidden;
	background: transparent;
	color: transparent;
	box-shadow: none;
}

.aud-msg__orb.rtw-ai-orb--avatar {
	width: 3.5rem;
	height: 3.5rem;
}

.aud-msg__ai-body,
.aud-lecture-ref {
	min-width: 0;
}

.aud-msg__thinking {
	max-width: 100%;
	padding: 0.45rem 0.7rem;
	border: 1px dashed color-mix( in srgb, var( --ink ) 16%, transparent );
	border-radius: 8px;
	color: var( --muted );
	font-size: 0.8rem;
}

.aud-msg__thinking summary {
	cursor: pointer;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.aud-msg__thinking-text {
	margin-top: 0.45rem;
	line-height: 1.5;
	white-space: pre-wrap;
}

.aud-msg__foot {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	color: var( --muted );
	font-size: 0.72rem;
}

.reclaim-audience .aud-msg__copy {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: var( --settings-accent );
	cursor: pointer;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 650;
	opacity: 0;
	text-decoration: underline;
	text-underline-offset: 0.16em;
	transition: opacity 140ms ease, color 140ms ease;
}

.aud-msg:hover .aud-msg__copy,
.reclaim-audience .aud-msg__copy:focus-visible {
	opacity: 1;
	outline: none;
}

.reclaim-audience .aud-msg__copy:hover {
	color: var( --settings-accent-strong );
}

/* —— Индикатор ответа —— */
.aud-typing__bubble {
	width: auto;
	min-height: 2.35rem;
	display: inline-flex;
	align-items: center;
}

.aud-typing__dots {
	display: inline-flex;
	align-items: center;
	gap: 0.38rem;
}

.aud-typing__dots span {
	display: block;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	animation: aud-typing-bounce 0.9s ease-in-out infinite;
}

.aud-typing__dots span:nth-child( 1 ) {
	background: var( --settings-accent );
}

.aud-typing__dots span:nth-child( 2 ) {
	background: var( --accent-rose, #ff4f6c );
	animation-delay: 0.16s;
}

.aud-typing__dots span:nth-child( 3 ) {
	background: var( --orange, #e8a317 );
	animation-delay: 0.32s;
}

@keyframes aud-typing-bounce {
	0%,
	80%,
	100% {
		opacity: 0.45;
		transform: translateY( 0 ) scale( 0.82 );
	}

	40% {
		opacity: 1;
		transform: translateY( -0.38rem ) scale( 1.08 );
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.aud-typing__dots span {
		animation: none;
		opacity: 1;
		transform: none;
	}
}

/* —— Пустой экран: приветствие по центру, поле на всю ширину —— */
.aud-thread.is-welcome {
	display: flex;
	flex-direction: column;
}

.aud-thread.is-welcome .aud-scroll {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-end;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	padding-bottom: 0.25rem;
}

.aud-thread.is-welcome .aud-lecture-msg,
.aud-thread.is-welcome .aud-messages {
	display: none !important;
}

.aud-thread.is-welcome .aud-composer {
	flex: 0 0 auto;
	align-self: stretch;
	width: 100%;
	min-width: 0;
	margin: 0;
	border-top: 0;
	padding: 0.35rem 1rem 0;
}

.aud-thread.is-welcome .aud-composer__bar {
	width: min( 36.5rem, 100% );
	margin: 0 auto;
	min-height: 2.9rem;
	padding: 0.4rem 0.4rem 0.4rem 1.2rem;
	border: 1px solid color-mix( in srgb, var( --ink ) 14%, transparent );
	border-radius: 1.5rem;
	background: var( --surface );
	box-shadow: 0 1px 3px color-mix( in srgb, var( --ink ) 8%, transparent );
}

.aud-thread.is-welcome .aud-composer__bar:hover {
	border-color: transparent;
	box-shadow: 0 1px 6px color-mix( in srgb, var( --ink ) 18%, transparent );
}

.aud-thread.is-welcome .aud-composer__bar:focus-within {
	border-color: transparent;
	box-shadow: 0 1px 6px color-mix( in srgb, var( --ink ) 18%, transparent ),
		0 0 0 1px color-mix( in srgb, var( --ink ) 6%, transparent );
}

.aud-thread.is-welcome .aud-jump {
	display: none;
}

.aud-thread.is-welcome::after {
	content: "";
	flex: 1 1 auto;
	min-height: 0;
}

.aud-welcome {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 0.25rem 0.85rem;
	text-align: center;
}

.aud-welcome .aud-msg__orb,
.aud-welcome .aud-msg__orb.rtw-ai-orb--avatar {
	display: block;
	flex: none;
	width: 3.5rem;
	height: 3.5rem;
	margin: 0 auto 0.9rem;
	position: relative;
}

.aud-welcome .rtw-ai-orb__canvas,
.aud-welcome .rtw-ai-orb__canvas--avatar,
.reclaim-audience .aud-welcome .aud-msg__orb.rtw-ai-orb--avatar .rtw-ai-orb__canvas {
	inset: 0;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.aud-welcome__title {
	margin: 0 auto;
	max-width: 34rem;
	color: var( --ink );
	font-family: var( --font-display );
	font-size: clamp( 1.05rem, 2.2vw, 1.28rem );
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}

.aud-welcome__prompts {
	display: grid;
	gap: 0.55rem;
	margin-top: 1.35rem;
	padding-top: 1.2rem;
	border-top: var( --aud-rule );
}

.reclaim-audience .aud-prompt {
	width: 100%;
	min-height: 2.35rem;
	margin: 0;
	padding: 0.4rem 0.7rem;
	border: 1px solid var( --line );
	border-radius: 8px;
	background: var( --surface );
	color: var( --ink );
	cursor: pointer;
	font: inherit;
	font-size: 0.92rem;
	text-align: left;
	transition: border-color 140ms ease, box-shadow 140ms ease;
}

.reclaim-audience .aud-prompt:hover,
.reclaim-audience .aud-prompt:focus-visible {
	border-color: var( --settings-accent );
	box-shadow: 0 0 0 3px color-mix( in srgb, var( --settings-accent ) 22%, transparent );
	outline: none;
}

/* —— Кнопка «вниз» —— */
.reclaim-audience .aud-jump {
	position: absolute;
	right: var( --aud-pad );
	bottom: 6.5rem;
	z-index: 2;
	display: grid;
	width: 2.15rem;
	height: 2.15rem;
	place-items: center;
	border: 1px solid var( --line );
	border-radius: 50%;
	background: var( --surface );
	box-shadow: var( --shadow-soft );
	color: var( --ink );
	cursor: pointer;
	font-size: 0.92rem;
	line-height: 1;
}

/* —— Поле ввода —— */
.aud-composer {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	justify-content: center;
	gap: 0;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	margin: 0;
	padding: 12.8px 1rem 27.8px;
	border-top: var( --aud-rule );
}

.aud-composer__bar {
	display: flex;
	align-items: flex-end;
	gap: 0.4rem;
	box-sizing: border-box;
	min-height: 2.6rem;
	padding: 0.28rem 0.28rem 0.28rem 0.85rem;
	border: 1px solid color-mix( in srgb, var( --ink ) 12%, transparent );
	border-radius: 1.35rem;
	background: var( --surface );
	transition: border-color 140ms ease, box-shadow 140ms ease;
}

.aud-composer__bar:focus-within {
	border-color: var( --settings-accent );
	box-shadow: 0 0 0 3px color-mix( in srgb, var( --settings-accent ) 18%, transparent );
}

.reclaim-audience .aud-composer__input {
	display: block;
	flex: 1 1 auto;
	width: 100%;
	min-height: 2.05rem;
	max-height: 6.5rem;
	margin: 0;
	padding: 0.4rem 0.15rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var( --ink );
	font: inherit;
	font-size: 0.92rem;
	line-height: 1.35;
	resize: none;
	overflow-y: auto;
}

.reclaim-audience .aud-composer__input:focus,
.reclaim-audience .aud-composer__input:focus-visible {
	border: 0;
	box-shadow: none;
	outline: none;
}

.reclaim-audience .aud-composer__input:disabled {
	opacity: 0.6;
}

.reclaim-audience .aud-composer__send {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 2.05rem;
	height: 2.05rem;
	min-width: 2.05rem;
	min-height: 2.05rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var( --settings-accent );
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	line-height: 0;
}

.reclaim-audience .aud-composer__send svg {
	display: block;
	width: 16px;
	height: 16px;
	max-width: none;
}

.reclaim-audience .aud-composer__send:hover:not( :disabled ),
.reclaim-audience .aud-composer__send:focus-visible:not( :disabled ) {
	background: var( --settings-accent-strong );
	color: #fff;
	outline: none;
}

.reclaim-audience .aud-composer__send:disabled {
	opacity: 0.45;
	cursor: default;
}

.aud-composer__hint {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect( 0, 0, 0, 0 );
	border: 0;
}

@media ( max-width: 60rem ) {
	.reclaim-audience .aud-thread__head {
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 0.55rem 0.65rem;
	}

	.reclaim-audience .aud-thread__title,
	.reclaim-audience .aud-thread__rename {
		flex: 1 1 100%;
		width: 100%;
	}

	.reclaim-audience .aud-thread__actions {
		flex: 1 1 100%;
		width: 100%;
		flex-wrap: wrap;
	}

	.reclaim-audience .aud-msg__copy {
		opacity: 1;
	}

	.aud-msg--assistant .aud-msg__body {
		max-width: 94%;
	}

	.aud-msg--user .aud-msg__body {
		max-width: 70%;
	}

	.aud-msg__who .aud-avatar,
	.aud-msg__orb.rtw-ai-orb--avatar {
		width: 3.5rem;
		height: 3.5rem;
	}
}