/* main의 기존 셸·탐색은 보존하고 공유 말풍선만 방 안에 연결한다. */
.clinical-language-workspace .dlg-main-slot { min-width: 0; margin-block: 12px 20px; }
.clinical-language-workspace .dlg-main { width: 100%; max-width: 100%; margin-inline: 0; padding: 20px; border: 1px solid var(--dlg-border); border-radius: var(--ui-radius-card); background: var(--dlg-bg); color: var(--dlg-text); }
/* 메인 방은 두 테마 모두 앱의 의미 토큰을 사용한다. 미니 팔레트는 미니에 남긴다. */
.dlg-root.dlg-main {
  --dlg-bg: var(--ui-surface);
  --dlg-card: var(--ui-surface);
  --dlg-muted: var(--ui-surface-subtle);
  --dlg-text: var(--ui-text);
  --dlg-text-secondary: color-mix(in srgb, var(--ui-text-secondary) 80%, var(--ui-text));
  --dlg-action: var(--ui-primary);
  --dlg-action-text: var(--ui-on-primary);
  --dlg-border: var(--ui-border);
  --dlg-control-border: color-mix(in srgb, var(--ui-text-secondary) 80%, var(--ui-text));
  --dlg-focus: var(--ui-focus);
  --dlg-error: var(--ui-danger);
  --dlg-warning: var(--ui-warning);
  --dlg-clinician-bg: color-mix(in srgb, var(--ui-primary) 6%, var(--ui-surface));
  --dlg-patient-bg: var(--ui-surface-subtle);
  --dlg-avatar-bg: var(--ui-surface-hover);
  --dlg-avatar-text: var(--ui-text);
  --dlg-badge-ko-bg: color-mix(in srgb, var(--ui-primary) 12%, var(--ui-surface));
  --dlg-badge-en-bg: var(--ui-surface);
  --dlg-badge-uz-bg: var(--ui-surface-hover);
  --dlg-badge-text: var(--ui-text);
  --dlg-shadow: none;
  --dlg-radius: var(--ui-radius-card);
}
.dlg-main :is(h3,h4,p) { margin-block: 0 12px; }
.dlg-main h3 { font-size: 20px; line-height: 1.4; }
.dlg-main h4 { font-size: 18px; line-height: 1.4; }
.dlg-main .dlg-main-heading { justify-content: space-between; margin-bottom: 16px; }
.dlg-main .dlg-panel { margin-block: 12px; padding: 16px; border-radius: var(--ui-radius-card); background: var(--ui-surface); }
.dlg-main .dlg-domain { margin-bottom: 16px; }
.dlg-main .dlg-domain > button { flex: 1; min-height: 48px; font-size: 17px; font-weight: 700; }
.dlg-main .dlg-field { display: grid; gap: 6px; min-width: 0; margin-block: 8px; font-size: 14px; font-weight: 600; }
.dlg-main .dlg-field :is(textarea,select) { display: block; width: 100%; min-width: 0; margin: 0; font: inherit; font-size: 16px; line-height: 1.6; }
.dlg-main textarea { overflow-wrap: anywhere; }
.dlg-main .dlg-input-options > label { flex: 1 1 130px; }
.dlg-main :is(button,summary) { min-height: 44px; max-width: 100%; }
.dlg-main button { font-size: 14px; }
.dlg-main button[aria-pressed="true"] { border-color: var(--dlg-action); background: var(--dlg-action); color: var(--dlg-action-text); font-weight: 700; }
.dlg-main button:disabled { opacity: .6; }
.dlg-main .dlg-composer > .dlg-primary { width: 100%; margin-block: 12px; font-size: 16px; }
.dlg-main .dlg-caption { color: var(--dlg-text-secondary); font-size: 13px; line-height: 1.65; }
.dlg-main .dlg-examples { margin-block: 12px; }
.dlg-main .dlg-examples button { border-radius: 22px; }
.dlg-main .dlg-state { margin-block: 16px; }
.dlg-main .dlg-state[role="alert"] { color: var(--dlg-error); font-weight: 600; }
.dlg-main .dlg-result-heading { margin-block: 20px 12px; }
.dlg-main .dlg-result-heading > h3 { margin: 0; }
.dlg-main .dlg-language-tabs { margin-block: 12px 16px; }
.dlg-main .dlg-turn { display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: start; gap: 14px; }
.dlg-main .dlg-avatar { width: 44px; height: 44px; border-radius: 14px; font-size: 18px; }
.dlg-main .dlg-bubble { min-width: 0; padding: 16px; border-radius: 18px; }
.dlg-main .dlg-speaker { text-align: left; font-size: 14px; }
.dlg-main .dlg-language { grid-template-columns: 34px minmax(0,1fr) auto; gap: 8px; }
.dlg-main .dlg-language-actions { display: flex; gap: 6px; }
.dlg-main .dlg-language-actions svg { flex: none; }
.dlg-main .dlg-language > p { margin: 0; }
.dlg-main .dlg-lang-badge { padding-inline: 3px; }
.dlg-main .dlg-playbar { margin-block: 16px; padding: 14px; border: 1px solid var(--dlg-border); border-radius: 18px; background: var(--dlg-muted); }
.dlg-main .dlg-playbar > label { margin: 0; }
.dlg-main .dlg-speaking .dlg-bubble { outline: 2px solid var(--dlg-focus); outline-offset: 2px; }
.dlg-main .dlg-more, .dlg-main .dlg-main-demo { margin-block: 12px; font-size: 14px; }
.dlg-main summary { cursor: pointer; padding-block: 10px; color: var(--dlg-text); }
.dlg-main .dlg-main-demo { padding-top: 8px; border-top: 1px solid var(--dlg-border); }
.dlg-main fieldset { min-width: 0; border: 1px solid var(--dlg-border); border-radius: 12px; }
.dlg-main .dlg-edit-turn { margin: 0; }
.dlg-main .dlg-raw { max-height: 280px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; }
.lang-detail-card .dlg-main { width: 100%; max-width: 100%; margin-inline: 0; padding: 20px; border: 1px solid var(--dlg-border); border-radius: var(--ui-radius-card); background: var(--dlg-bg); }
.clinical-language-workspace .dlg-main.dlg-record-collapsed,.lang-detail-card .dlg-main.dlg-record-collapsed { padding: 0; border: 0; margin: 0; background: none; }
.dlg-record-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; container-type: inline-size; }
.dlg-record-toolbar .dlg-record-list { margin-inline-end: auto; }
.dlg-record-toolbar .btn { min-height: 44px; white-space: normal; }
.dlg-record-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex: 0 0 auto; max-width: 100%; }
.dlg-record-actions > .btn { padding-inline: 10px; flex: 0 0 auto; white-space: nowrap; }
@container (max-width: 390px) { .dlg-record-actions { flex-wrap: wrap; flex-basis: 100%; } }
@media (max-width: 767px) { .dlg-record-toolbar .dlg-record-list { flex-basis: 100%; } }
@media (max-width: 599px) {
  .clinical-language-workspace .dlg-main { padding: 14px; border-radius: 16px; }
  .dlg-main .dlg-panel { padding: 12px; }
  .dlg-main .dlg-turn { grid-template-columns: 30px minmax(0,1fr); gap: 10px; }
  .dlg-main .dlg-avatar { width: 30px; height: 30px; font-size: 14px; }
  .dlg-main .dlg-bubble { padding: 12px; }
  .dlg-main .dlg-language { grid-template-columns: 30px minmax(0,1fr); gap: 8px; }
  .dlg-main .dlg-language-actions { grid-column: 2; justify-self: end; }
  .dlg-main .dlg-playbar > .dlg-primary { width: 100%; }
}