/* Agtent's working surface. Content stays still; glass marks navigation and
   the composing edge. This layer changes presentation, never live authority. */
html:root {
  --canvas: #f4f6fa;
  --paper: #ffffff;
  --paper-soft: #f5f7fb;
  --input: #f5f7fb;
  --ink: #1d2b3e;
  --ink-secondary: #43546b;
  --ink-tertiary: #52657c;
  --ink-muted: #52657c;
  --action: #165dc5;
  --action-hover: #124fa9;
  --action-soft: #e9f1ff;
  --archive: #17654d;
  --archive-soft: #e7f4ed;
  --attention: #81530a;
  --attention-soft: #fff3db;
  --danger: #a12f44;
  --danger-soft: #fcecf0;
  --line: #dce3ed;
  --line-soft: #e8edf4;
  --line-strong: #aab9cd;
  --focus: #165dc5;
  --radius-control: 10px;
  --radius-panel: 14px;
  --radius-dialog: 16px;
  --op-rail: #edf2f9;
  --op-hover: #e7edf6;
  --op-shell: rgba(248, 251, 255, .92);
  --op-compose: rgba(255, 255, 255, .97);
  --lg-shell: var(--op-shell);
  --lg-pane: var(--paper);
  --lg-surface: var(--paper);
  --lg-surface-hover: var(--op-hover);
  --lg-quiet: var(--paper-soft);
  --lg-selected: var(--action-soft);
  --lg-own: #e9f1ff;
  --lg-field: var(--input);
  --lg-float: rgba(255, 255, 255, .97);
  --lg-primary: var(--action);
  --lg-primary-hover: var(--action-hover);
  --lg-edge: var(--line);
  --lg-blue-edge: var(--line);
  --lg-highlight: rgba(255, 255, 255, .85);
  --lg-shadow: none;
  --lg-control-shadow: none;
  --lg-inset: none;
  --lg-overlay-shadow: 0 18px 48px -20px rgba(23, 43, 73, .32);
  --lg-backdrop: rgba(23, 39, 64, .26);
  --lg-fallback: #f4f7fc;
  --lg-control-fallback: var(--paper);
  --glass-face: var(--op-shell);
  --glass-raised: var(--paper);
  --glass-edge: var(--line);
  --glass-shadow: none;
  --glass-control-shadow: none;
  --glass-inset-shadow: none;
  --group-line: var(--line);
  --group-quiet: var(--paper-soft);
  --group-selected: var(--action-soft);
  --group-bg: var(--paper);
  --group-bubble: var(--paper-soft);
  --group-own-bubble: var(--lg-own);
}
html:root[data-theme="dark"] {
  --canvas: #101720;
  --paper: #17212e;
  --paper-soft: #1c2837;
  --input: #111d2b;
  --ink: #eaf0f8;
  --ink-secondary: #c0ccdc;
  --ink-tertiary: #a2b3c9;
  --ink-muted: #a2b3c9;
  --action: #8dbaff;
  --action-hover: #b1cfff;
  --action-soft: #243e62;
  --archive: #9bd9bc;
  --archive-soft: #203e33;
  --attention: #f1ca8a;
  --attention-soft: #44351f;
  --danger: #ffafbd;
  --danger-soft: #442a35;
  --line: #314055;
  --line-soft: #27364a;
  --line-strong: #607793;
  --focus: #a2c8ff;
  --op-rail: #141f2e;
  --op-hover: #233247;
  --op-shell: rgba(20, 31, 46, .94);
  --op-compose: rgba(28, 40, 55, .98);
  --lg-own: #223d62;
  --lg-float: rgba(28, 40, 55, .98);
  --lg-primary: #2767c3;
  --lg-primary-hover: #3277d7;
  --lg-highlight: rgba(210, 230, 255, .12);
  --lg-overlay-shadow: 0 18px 48px -16px rgba(0, 6, 16, .65);
  --lg-backdrop: rgba(0, 7, 17, .58);
  --lg-fallback: #141f2e;
}
html:root body::before { background: var(--canvas); }
html:root body { line-height: 1.6; }
html:root ::selection { color: var(--ink); background: var(--action-soft); }
html:root :is(input, textarea) { caret-color: var(--action); }
html:root :is(input, textarea)::placeholder { color: var(--ink-muted); }
html:root * { scrollbar-color: var(--line-strong) transparent; }
html:root a { text-underline-offset: .2em; }
html:root :is(h1, h2, h3) { letter-spacing: -.02em; }
html:root :is(.sidebar, .topbar, .app-bottom-nav) {
  box-shadow: none;
  border-color: var(--line);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  backdrop-filter: blur(12px) saturate(110%);
}
html:root .sidebar { background: var(--op-rail); }
html:root .brand-mark { border-radius: 12px; box-shadow: none; }
html:root .brand small { font-size: 11px; }
html:root .nav-link { min-height: 46px; border-radius: 10px; }
html:root .nav-link.active { box-shadow: none; }
html:root .nav-link.active::before { display: none; }
html:root :is(.nav-count, .count-pill, .tag, .local-label) { box-shadow: none; border-radius: 6px; }
html:root .topbar { height: 60px; background: var(--op-shell); }
html:root .icon-button { border-radius: 10px; box-shadow: none; }
html:root :is(.panel, .summary-strip, .model-overview, .schedule-panel, .knowledge-local-only) {
  border-radius: 14px;
  border-color: var(--line);
  box-shadow: none;
}
html:root :is(.button, .group-new, .shell-context-action, .filter-menu summary) {
  border-radius: 10px;
  box-shadow: none;
}
html:root .button.primary { border-color: transparent; box-shadow: none; }
html:root :is(.global-search, .search-field, .group-search, .select-field,
  .settings-group select, .group-execution select, .knowledge-sources input,
  .knowledge-sources select, .review-form textarea) { border-radius: 10px; box-shadow: none; }
html:root :is(.global-search, .search-field, .group-search):focus-within { outline-width: 2px; outline-offset: 2px; }
html:root :is(.detail-dialog, .mobile-nav-dialog, .group-create-dialog, .filter-options, .toast) {
  border-radius: 16px;
  border-color: transparent;
  box-shadow: var(--lg-overlay-shadow);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  backdrop-filter: blur(12px) saturate(110%);
}
html:root :is(.group-workspace, .knowledge-workspace) {
  max-width: none;
  border-radius: 16px;
  border-color: var(--line);
  background: var(--paper);
  box-shadow: none;
}
html:root :is(.group-list, .knowledge-sources) { background: var(--paper-soft); box-shadow: none; }
html:root :is(.group-room, .knowledge-reader) { background: var(--paper); }
html:root :is(.group-room-head, .group-room-tabs, .knowledge-reader > header) {
  background: var(--paper);
  box-shadow: none;
}
html:root :is(.group-list-item, .knowledge-result, .collab-job-item) { box-shadow: none; }
html:root :is(.group-list-item.selected, .knowledge-result.selected, .collab-job-item.selected) {
  background: var(--action-soft);
  border-color: transparent;
  box-shadow: none;
}
html:root :is(.group-monogram, .group-message-avatar, .group-person-avatar,
  .settings-menu-icon, .tool-avatar, .empty-symbol, .collab-role-icon) { box-shadow: none; }
html:root .group-monogram { width: 36px; height: 40px; flex-basis: 36px; border-radius: 10px; font-size: 16px; }
html:root .group-list-head h1 { font-size: 20px; }
html:root .group-list-item { min-height: 74px; border-radius: 12px; }
html:root .group-list-copy strong { font-size: 14px; line-height: 1.5; }
html:root .group-list-copy small { font-size: 12px; color: var(--ink-muted); }
html:root .group-room-head { padding: 18px 24px 12px; gap: 12px; }
html:root .group-room-title h2 { font-size: 20px; line-height: 1.4; }
html:root .group-room-title p { margin-top: 3px; font-size: 12px; }
html:root .group-room-tabs { gap: 26px; padding: 0 24px; }
html:root .group-room-tabs button { min-height: 44px; padding-bottom: 8px; font-size: 14px; }
html:root .group-room-tabs button[aria-selected="true"] { background: transparent; }
html:root .group-topic { padding: 10px 24px 6px; font-size: 12px; }
html:root .group-live-label { padding: 5px 8px; border-radius: 6px; box-shadow: none; font-size: 11px; }
html:root .group-message-flow { padding: 18px 24px 24px; }
html:root .group-message { gap: 12px; margin-bottom: 26px; }
html:root .group-message-main { max-width: min(88%, 72ch); }
html:root .group-message-avatar { width: 32px; height: 34px; flex-basis: 32px; border-radius: 10px; font-size: 13px; }
html:root .group-message-meta { gap: 5px 9px; margin-bottom: 6px; font-size: 12px; }
html:root .group-message-meta strong { font-size: 13px; color: var(--ink); }
html:root .group-message-bubble {
  padding: 13px 16px;
  border-color: transparent;
  border-radius: 4px 14px 14px 14px;
  background: var(--paper-soft);
  box-shadow: none;
  font-size: 15px;
  line-height: 1.8;
}
html:root .group-message.user .group-message-bubble { background: var(--lg-own); border-radius: 14px 4px 14px 14px; }
html:root .group-message.system .group-message-bubble { background: transparent; border-color: var(--line); }
html:root .group-message-model { color: var(--ink-muted); font-size: 11px; margin-top: 6px; }
html:root .group-message-link { min-height: 36px; padding: 3px 0; font-size: 12px; }
html:root .group-markdown h4 { margin: 18px 0 7px; font-size: 15px; }
html:root .group-markdown :is(p, li) { line-height: 1.8; }
html:root .group-markdown blockquote { border-left-width: 1px; }
html:root .group-markdown :is(pre, code) { background: var(--input); }
html:root .group-system-events { margin-top: 2px; margin-bottom: 18px; }
html:root .group-system-events summary { min-height: 36px; font-size: 12px; }
html:root .group-sent-file { background: var(--paper); border-color: var(--line); border-radius: 12px; padding: 12px; }
html:root .group-file-copy strong { font-size: 13px; }
html:root .group-file-actions .button { min-height: 44px; color: var(--action); }
html:root .group-attachment-delivery { font-size: 12px; }
html:root .group-composer-wrap { padding: 10px 24px 14px; border-top: 1px solid var(--line-soft); background: var(--paper); }
html:root .group-execution { margin: 0 0 5px; gap: 8px 12px; }
html:root .group-execution select { max-width: 340px; min-height: 44px; background: var(--input); font-size: 13px; }
html:root .group-plan-fixed { margin-left: auto; font-size: 11px; }
html:root #group-execution-controls > .group-help { margin: 3px 0 7px; font-size: 12px; line-height: 1.5; }
html:root .group-cloud-consent { align-items: flex-start; padding: 5px 0; gap: 9px; margin-bottom: 7px; font-size: 12px; line-height: 1.5; }
html:root .group-cloud-consent input { margin-top: 1px; width: 18px; height: 18px; flex-basis: 18px; }
html:root .group-composer {
  border-radius: 14px;
  background: var(--op-compose);
  border-color: var(--line-strong);
  box-shadow: none;
}
html:root .group-execution-details { margin: 0 0 7px; color: var(--ink-secondary); font-size: 12px; }
html:root .group-execution-details > summary { display: flex; align-items: center; gap: 8px; min-height: 36px; cursor: pointer; color: var(--ink-secondary); }
html:root .group-execution-details > summary .icon { width: 14px; height: 14px; }
html:root .group-execution-details[open] { padding: 0 12px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper-soft); }
html:root .group-execution-details .group-help { margin: 5px 0 0; font-size: 12px; line-height: 1.65; }
html:root .group-reasoning-badge { padding: 3px 7px; border-radius: 6px; color: var(--ink-secondary); background: var(--paper-soft); font-size: 11px; white-space: nowrap; }
html:root .group-composer:focus-within { outline: 2px solid var(--focus); outline-offset: 2px; box-shadow: none; }
html:root .group-composer textarea { line-height: 1.65; }
html:root .group-input-note { color: var(--ink-muted); font-size: 11px; }
html:root .group-attachment-tools { gap: 6px 12px; }
html:root .group-attachment-tools .button { background: var(--action-soft); border-color: transparent; color: var(--action); }
html:root .group-artifact { background: var(--paper-soft); border-color: var(--line); border-radius: 12px; box-shadow: none; }
html:root .group-artifact-content { max-width: 75ch; font-size: 14px; line-height: 1.85; }
html:root .group-turn { padding-bottom: 24px; margin-bottom: 24px; }
html:root .group-welcome img { width: 88px; height: 88px; border-radius: 24px; box-shadow: none; }
html:root .group-welcome h2 { font-size: 24px; }
html:root .knowledge-reader h2 { font-size: 20px; }
html:root .knowledge-result { border-radius: 10px; }
html:root .knowledge-body { max-width: 76ch; font-size: 15px; line-height: 1.9; }
html:root .knowledge-source-meta { line-height: 1.6; }
html:root .tool-card { padding: 20px; }
html:root .tool-description { line-height: 1.7; margin: 14px 0 18px; }
html:root .tool-card-metrics { border-color: var(--line-soft); }
html:root .page-heading h1 { font-size: 26px; line-height: 1.35; }
html:root .page-description { max-width: 68ch; line-height: 1.7; margin-top: 7px; }
html:root .toolbar.standalone { gap: 10px; }
html:root .data-table th { background: var(--paper-soft); color: var(--ink-secondary); font-weight: 600; }
html:root .data-table :is(th, td) { border-color: var(--line-soft); }
html:root .settings-profile img { box-shadow: none; }
html:root .settings-home-grid { gap: 20px; }
html:root .settings-menu-row { border-radius: 10px; }
html:root .connection-banner { box-shadow: none; border-radius: 10px; }
html:root :is(.badge, .callout, .knowledge-read-receipt, .group-compose-status, .group-request-note) { box-shadow: none; }
@media (min-width: 801px) {
  html:root .app-shell { grid-template-columns: 200px minmax(0, 1fr); }
  html:root .sidebar { padding: 24px 14px 18px; }
  html:root .brand strong { font-size: 15px; }
  html:root .brand small { font-size: 11px; }
  html:root .workspace-label { margin: 26px 3px 16px; }
  html:root .nav-list { gap: 6px; }
  html:root .topbar { padding: 0 24px; }
  html:root main { padding: 24px; min-height: calc(100dvh - 60px); }
  html:root body[data-workspace="groups"] main,
  html:root body[data-workspace="knowledge"] main { padding: 16px 20px 20px; }
  html:root .group-workspace { --group-height: calc(100dvh - 96px); grid-template-columns: 276px minmax(0, 1fr); }
  html:root .knowledge-workspace { --knowledge-height: calc(100dvh - 96px); }
  html:root .group-list { padding-top: 20px; }
  html:root .group-search { margin-top: 18px; }
  html:root .group-list-foot { padding-top: 10px; }
}
@media (min-width: 801px) and (max-width: 1180px) {
  html:root .app-shell { grid-template-columns: 176px minmax(0, 1fr); }
  html:root .sidebar { padding-inline: 12px; }
  html:root .brand { gap: 8px; }
  html:root .brand-mark { width: 36px; height: 36px; flex-basis: 36px; }
  html:root .brand strong { font-size: 14px; }
  html:root .brand small { font-size: 11px; }
  html:root .group-workspace { grid-template-columns: 232px minmax(0, 1fr); }
  html:root :is(.group-room-head, .group-composer-wrap) { padding-inline: 18px; }
  html:root :is(.group-room-tabs, .group-topic, .group-message-flow) { padding-inline: 18px; }
  html:root .group-plan-fixed { margin-left: 0; }
}
@media (max-width: 800px) {
  html:root .topbar { height: calc(56px + env(safe-area-inset-top, 0px)); background: var(--op-shell); }
  html:root :is(.group-workspace, .knowledge-workspace) { border-radius: 0; border: 0; }
  html:root .app-bottom-nav { background: var(--op-shell); box-shadow: none; }
  html:root .app-bottom-nav .nav-link { min-height: 54px; border-radius: 12px; }
  html:root .app-bottom-nav .nav-link.active { box-shadow: none; }
  html:root .group-list-item { min-height: 80px; }
  html:root .group-list-copy strong { font-size: 16px; }
  html:root .group-list-item.selected { border-radius: 12px; }
  html:root .group-room-head { min-height: 60px; gap: 6px; padding: 8px 14px 8px 4px; }
  html:root .group-room-title h2 { font-size: 17px; }
  html:root .group-room-title p { font-size: 11px; }
  html:root .group-room-tabs { gap: 0; padding: 0 14px; }
  html:root .group-room-tabs button { padding: 0; }
  html:root .group-topic { padding: 9px 16px 6px; font-size: 11px; }
  html:root .group-message-flow { padding: 16px 12px 22px; }
  html:root .group-message { gap: 8px; margin-bottom: 22px; }
  html:root .group-message-avatar { width: 30px; height: 32px; flex-basis: 30px; }
  html:root .group-message-main { max-width: calc(100% - 38px); }
  html:root .group-message-bubble { padding: 12px 13px; font-size: 15px; line-height: 1.75; }
  html:root :is(.group-message-link, .group-system-events summary) { min-height: 44px; }
  html:root .group-execution-details > summary { min-height: 44px; }
  html:root .group-composer-wrap { padding: 8px 12px max(10px, env(safe-area-inset-bottom)); border-top-color: var(--line); }
  html:root .group-execution { gap: 4px 8px; }
  html:root .group-execution select { max-width: calc(100% - 92px); font-size: 16px; flex: 1; }
  html:root .group-plan-fixed { width: 100%; margin-left: 0; font-size: 11px; }
  html:root .group-cloud-consent { font-size: 12px; line-height: 1.5; }
  html:root .group-composer { padding: 7px 7px 7px 12px; gap: 8px; border-radius: 14px; }
  html:root .group-composer textarea { font-size: 16px; }
  html:root .group-composer-bottom .button { min-height: 44px; min-width: 68px; }
  html:root .group-attachment-tools small { font-size: 11px; }
  html:root .group-member-panel, html:root .group-rounds { padding: 22px 18px; }
  html:root .knowledge-body { font-size: 15px; }
  html:root .page-heading h1 { font-size: 23px; }
  html:root .settings-profile h1 { font-size: 23px; }
}

/* A single composing surface keeps model choice beside the act of sending. */
html:root #group-message-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  padding: 10px 12px 8px;
}
html:root #group-message-form > #group-attachment-draft { min-width: 0; width: 100%; }
html:root #group-message-form > #group-message {
  flex: initial;
  width: 100%;
  min-width: 0;
  min-height: 52px;
  padding: 6px 4px;
}
html:root #group-message-form .group-composer-bottom {
  position: static;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: 4px 8px;
  padding: 0;
}
html:root #group-message-form #group-execution-controls { display: contents; }
html:root .group-attach-trigger {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  place-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--ink-secondary);
  cursor: pointer;
}
html:root .group-attach-trigger:hover:not(:disabled) { color: var(--action); background: var(--action-soft); }
html:root .group-attach-trigger .icon { width: 20px; height: 20px; }
html:root #group-message-form .group-execution {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  justify-content: flex-end;
  min-width: 0;
  min-height: 44px;
  width: 100%;
  margin: 0;
  gap: 6px;
  flex-wrap: nowrap;
}
html:root #group-message-form .group-execution > label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
html:root #group-message-form .group-execution select {
  flex: 1 1 160px;
  width: 100%;
  min-width: 0;
  max-width: 300px;
  padding-block: 8px;
  border-color: transparent;
  background: transparent;
  font-size: 12px;
  text-overflow: ellipsis;
}
html:root #group-message-form .group-execution select:hover:not(:disabled) { background: var(--input); }
html:root #group-message-form .group-plan-fixed { flex: 0 0 auto; margin: 0; white-space: nowrap; }
html:root #group-message-form .group-reasoning-badge { flex: 0 0 auto; padding: 3px 6px; }
html:root #group-message-form .group-execution-details {
  grid-column: 3;
  grid-row: 1;
  min-width: 0;
  margin: 0;
}
html:root #group-message-form .group-execution-details > summary { min-height: 44px; font-size: 11px; white-space: nowrap; }
html:root #group-message-form .group-execution-details[open] { grid-column: 1 / -1; grid-row: 3; margin-top: 4px; }
html:root #group-message-form #group-message-count {
  grid-column: 4;
  grid-row: 1;
  position: static;
  display: inline;
  margin: 0;
  color: var(--ink-muted);
  font-size: 11px;
  white-space: nowrap;
}
html:root #group-message-form #group-message-send { grid-column: 5; grid-row: 1; min-width: 68px; min-height: 44px; }
html:root #group-message-form .group-cloud-consent {
  grid-column: 1 / -1;
  grid-row: 2;
  align-items: flex-start;
  min-height: 44px;
  margin: 0;
  padding: 7px 4px 3px;
  font-size: 11px;
  line-height: 1.6;
}
html:root #group-message-form .group-cloud-consent > span { min-width: 0; overflow-wrap: anywhere; }
html:root #group-message-form .group-cloud-consent input { margin-top: 1px; }
html:root .group-workspace.group-short-viewport #group-message-form > #group-message { min-height: 44px; max-height: 48px; }
html:root .group-workspace.group-short-viewport #group-topic-summary { display: flex; }
html:root #group-topic-summary {
  flex: 0 1 auto;
  min-height: 44px;
  max-height: min(28dvh, 208px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
html:root .group-process { flex: 1 1 320px; min-width: 0; width: auto; }
html:root .group-process[open] { flex-basis: 100%; }
html:root .group-process > summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--ink-secondary);
  cursor: pointer;
}
html:root .group-process > summary .icon { width: 14px; height: 14px; }
html:root .group-process-steps {
  display: block;
  max-height: min(18dvh, 132px);
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
html:root .group-process-steps > li {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  align-items: baseline;
  gap: 12px;
  min-width: 0;
  padding: 7px 0;
  border-top: 1px solid var(--line-soft);
  font-size: 12px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
html:root .group-process-steps > li:only-child:not(:has(time)) { display: block; }
html:root .group-process-steps time { color: var(--ink-muted); white-space: nowrap; font-size: 11px; }
html:root .group-process-steps > li > span { min-width: 0; color: var(--ink-secondary); }
html:root .group-process-steps > li::marker { content: ""; }
html:root #group-rounds-scroll, html:root #group-members-scroll { overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
html:root #group-round-history { margin-top: 24px; border-top: 1px solid var(--line); }
html:root #group-round-history > summary { display: flex; align-items: center; gap: 8px; min-height: 52px; color: var(--ink-secondary); font-size: 14px; cursor: pointer; }
html:root #group-round-history > summary .icon { width: 14px; height: 14px; }
html:root #group-round-history[open] > .group-turn:first-of-type { margin-top: 12px; }
html:root .group-artifact-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 0 10px; border-top: 1px solid var(--line); }
html:root .group-artifact-actions .button { min-height: 44px; font-size: 12px; }
@media (max-width: 800px) {
  html:root #group-message-form { padding: 8px; }
  html:root #group-message-form > #group-message { min-height: 48px; font-size: 16px; }
  html:root #group-message-form .group-composer-bottom { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 2px 6px; }
  html:root #group-message-form .group-execution { justify-content: stretch; flex-wrap: wrap; gap: 2px 4px; }
  html:root #group-message-form .group-execution select { flex: 1 1 90px; max-width: none; min-width: 0; padding-inline: 6px 24px; font-size: 16px; }
  html:root #group-message-form .group-plan-fixed { width: auto; font-size: 11px; }
  html:root #group-message-form .group-reasoning-badge { padding-inline: 4px; }
  html:root #group-message-form #group-message-send { grid-column: 3; grid-row: 1; min-width: 64px; padding-inline: 10px; }
  html:root #group-message-form .group-execution-details { grid-column: 1 / 3; grid-row: 2; }
  html:root #group-message-form .group-execution-details > summary { padding-inline: 4px; }
  html:root #group-message-form #group-message-count { grid-column: 3; grid-row: 2; justify-self: end; }
  html:root #group-message-form .group-cloud-consent { grid-row: 3; padding-top: 3px; font-size: 11px; }
  html:root #group-message-form .group-execution-details[open] { grid-column: 1 / -1; grid-row: 4; }
  html:root #group-topic-summary { max-height: min(25dvh, 184px); }
  html:root .group-process-steps { max-height: min(16dvh, 112px); }
  html:root .group-process-steps > li { grid-template-columns: 88px minmax(0, 1fr); gap: 10px; }
  html:root .group-workspace.group-short-viewport #group-topic-summary { max-height: 104px; }
  html:root .group-workspace.group-short-viewport .group-process-steps { max-height: 72px; }
}
@media (forced-colors: active) {
  html:root :is(.sidebar, .topbar, .app-bottom-nav, .group-workspace, .knowledge-workspace,
    .group-list, .knowledge-sources, .group-room, .knowledge-reader, .group-composer,
    .group-message-bubble, .group-artifact, .panel, .button, .select-field) {
    color: CanvasText;
    background: Canvas;
    border-color: CanvasText;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html:root :is(.nav-link.active, .group-list-item.selected, .knowledge-result.selected, .button.primary) {
    color: HighlightText;
    background: Highlight;
  }
}