/* Container: fixed bottom-right */
._container_beuuv_2 {
  position: fixed;
  bottom: 32px;
  right: 16px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}

/* Individual toast */
._toast_beuuv_14 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: var(--radius-md);
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md);
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--text-primary);
  max-width: 400px;
  pointer-events: auto;
  animation: _toastIn_beuuv_50 var(--transition-med) forwards;
}

@keyframes _toastIn_beuuv_50 {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes _toastOut_beuuv_1 {
  to {
    opacity: 0;
    transform: translateX(20px);
  }
}

/* Tone variants */
._toastInfo_beuuv_50 {
  border-left: 3px solid var(--blue);
}

._toastSuccess_beuuv_54 {
  border-left: 3px solid var(--success);
  background: color-mix(in srgb, var(--success) 10%, var(--bg-elevated));
}

._toastWarning_beuuv_59 {
  border-left: 3px solid var(--warning);
}

._toastError_beuuv_63 {
  border-left: 3px solid var(--danger);
}

/* Message text */
._toastMessage_beuuv_68 {
  flex: 1;
  min-width: 0;
  line-height: 1.4;
}

/* Dismiss button */
._toastDismiss_beuuv_75 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: var(--radius-sm);
  background: none;
  color: var(--text-muted);
  cursor: pointer;
  flex-shrink: 0;
  transition: color var(--transition-fast);
}

._toastDismiss_beuuv_75:hover {
  color: var(--text-primary);
}
._titleBar_1c0lm_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  padding: 0 12px;
  background: var(--bg-panel);
  border-bottom: 1px solid var(--border);
  user-select: none;
  flex-shrink: 0;
  position: relative;
}

._left_1c0lm_14 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._sidebarToggle_1c0lm_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: none;
  border: none;
  color: var(--text-secondary);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: background var(--transition-fast), color var(--transition-fast);
}

._sidebarToggle_1c0lm_20:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

._center_1c0lm_40 {
  position: absolute;
  left: var(--sidebar-offset, 0px);
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  cursor: default;
  white-space: nowrap;
  pointer-events: none;
}

._center_1c0lm_40 > * {
  pointer-events: auto;
}

._pencilBtn_1c0lm_60 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  background: none;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: var(--radius-sm);
  opacity: 0;
  transition: opacity 150ms ease, background 150ms ease;
  flex-shrink: 0;
}

._center_1c0lm_40:hover ._pencilBtn_1c0lm_60 {
  opacity: 1;
}

._pencilBtn_1c0lm_60:hover {
  background: var(--bg-hover);
  color: var(--text-secondary);
}

._separator_1c0lm_85 {
  color: var(--text-tertiary, var(--text-secondary));
  opacity: 0.5;
}

._renameInput_1c0lm_90 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  background: var(--bg-base);
  border: 1px solid var(--border-focus);
  border-radius: var(--radius-sm);
  padding: 2px 6px;
  font-family: var(--font-ui);
  outline: none;
  text-align: center;
  min-width: 120px;
}

._actions_1c0lm_104 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._iconTextBtn_1c0lm_110 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: var(--radius-sm);
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-ui);
  transition: background var(--transition-fast), color var(--transition-fast);
  white-space: nowrap;
}

._iconTextBtn_1c0lm_110:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

._iconTextBtnActive_1c0lm_132 {
  background: var(--accent-dim);
  color: var(--accent);
}

._iconTextBtn_1c0lm_110 svg {
  flex-shrink: 0;
}

._cmdKBadge_1c0lm_141 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  margin-left: 4px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 500;
  font-family: var(--font-ui);
  color: var(--text-secondary);
  background: none;
  border: 1px solid var(--border);
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
  white-space: nowrap;
}

._cmdKBadge_1c0lm_141:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
  border-color: var(--text-secondary);
}

._settingsMenu_1c0lm_165 {
  position: relative;
}

._settingsBtn_1c0lm_169 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  border-radius: var(--radius-sm);
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-ui);
  transition: background var(--transition-fast), color var(--transition-fast);
}

._settingsBtn_1c0lm_169:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

._settingsDropdown_1c0lm_190 {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  min-width: 140px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  padding: 4px;
  z-index: 100;
}

._themeOption_1c0lm_204 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 6px 10px;
  font-size: 11px;
  font-family: var(--font-ui);
  color: var(--text-secondary);
  background: none;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background var(--transition-fast);
}

._themeOption_1c0lm_204:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

._themeOptionActive_1c0lm_225 {
  color: var(--accent);
}

._checkMark_1c0lm_229 {
  font-size: 12px;
  color: var(--accent);
}
._sidebar_190nv_1 {
  background: var(--bg-panel);
  border-right: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}

._header_190nv_10 {
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}

._headerRow_190nv_18 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._headerLabel_190nv_24 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
}

._newSessionBtn_190nv_32 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border);
  background: var(--bg-surface);
  color: var(--text-primary);
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background var(--transition-fast);
  padding: 0;
  line-height: 1;
}

._newSessionBtn_190nv_32:hover {
  background: var(--bg-hover);
}

._newSessionBtn_190nv_32:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._projectFilter_190nv_60 {
  appearance: none;
  width: 100%;
  padding: 5px 8px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface);
  color: var(--text-secondary);
  font-family: var(--font-ui);
  font-size: 11px;
  cursor: pointer;
}

._projectFilter_190nv_60:hover {
  border-color: var(--border);
}

._sessionsList_190nv_77 {
  flex: 1;
  overflow-y: auto;
  padding: 0 4px 8px;
}

/* ---- Project group ---- */

._projectGroup_190nv_85 {
  margin-bottom: 4px;
}

._projectRow_190nv_89 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
  user-select: none;
}

._projectRow_190nv_89:hover {
  background: var(--bg-hover);
}

._projectRow_190nv_89._active_190nv_104 {
  background: var(--accent-dim);
}

._avatar_190nv_108 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 700;
  color: white;
  font-family: var(--font-ui);
  text-transform: uppercase;
}

._projectInfo_190nv_123 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

._projectNameRow_190nv_131 {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex: 1;
}

._projectName_190nv_131 {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._projectRow_190nv_89._active_190nv_104 ._projectName_190nv_131 {
  color: var(--accent);
}

._projectPath_190nv_152 {
  font-size: 10px;
  color: var(--text-muted);
  font-family: var(--font-mono);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._expandArrow_190nv_161 {
  flex-shrink: 0;
  font-size: 9px;
  color: var(--text-muted);
  transition: transform var(--transition-fast);
  transform: rotate(90deg);
}

._expandArrowCollapsed_190nv_169 {
  transform: rotate(0deg);
}

/* ---- Session items (nested under project) ---- */

._sessionCard_190nv_175 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
  margin-left: 36px;
}

._sessionCard_190nv_175:hover {
  background: var(--bg-hover);
}

._sessionCardActive_190nv_190 {
  background: var(--accent-dim);
}

._sessionCardActive_190nv_190:hover {
  background: var(--accent-dim);
}

._cardHeader_190nv_198 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

._statusDot_190nv_205 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

._dotReady_190nv_212 {
  background: var(--green);
}

._dotWorking_190nv_216 {
  background: var(--blue);
}

._dotWarning_190nv_220 {
  background: var(--yellow);
}

._dotError_190nv_224 {
  background: var(--red);
}

._dotIdle_190nv_228 {
  background: var(--text-muted);
}

._sessionCardActive_190nv_190 ._statusDot_190nv_205 {
  background: var(--accent);
}

._cardTitle_190nv_236 {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._sessionCardActive_190nv_190 ._cardTitle_190nv_236 {
  color: var(--accent);
}

._cardTime_190nv_251 {
  flex-shrink: 0;
  font-size: 10px;
  color: var(--text-muted);
}

._renameBtn_190nv_257 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  background: none;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: var(--radius-sm);
  opacity: 0;
  transition: opacity var(--transition-fast), color var(--transition-fast);
}

._sessionCard_190nv_175:hover ._renameBtn_190nv_257,
._projectRow_190nv_89:hover ._renameBtn_190nv_257 {
  opacity: 1;
}

._renameBtn_190nv_257:hover {
  color: var(--text-secondary);
  background: var(--bg-hover);
}

._deleteBtn_190nv_284 {
  flex-shrink: 0;
  padding: 2px 4px;
  background: none;
  border: none;
  color: var(--text-muted);
  font-size: 11px;
  cursor: pointer;
  border-radius: var(--radius-sm);
  opacity: 0;
  transition: opacity var(--transition-fast), color var(--transition-fast);
}

._sessionCard_190nv_175:hover ._deleteBtn_190nv_284 {
  opacity: 1;
}

._deleteBtn_190nv_284:hover {
  color: var(--danger);
  background: var(--danger-soft);
}

._cardDetail_190nv_306 {
  font-size: 11px;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 12px;
}

._renameInput_190nv_315 {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  background: var(--bg-base);
  border: 1px solid var(--border-focus);
  border-radius: var(--radius-sm);
  padding: 0 4px;
  font-family: var(--font-ui);
  outline: none;
}

._loadingState_190nv_329 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  color: var(--text-muted);
  font-size: 12px;
}

._emptyState_190nv_338 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  color: var(--text-muted);
  font-size: 12px;
  text-align: center;
}

/* ---- Legacy bucket headers (removed, kept for potential E2E) ---- */

._groupTitle_190nv_350 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  padding: 10px 8px 4px;
}
/* ------------------------------------------------------------------ */
/*  AgentModelSelector – inline badge                                  */
/* ------------------------------------------------------------------ */

._container_vknnj_5 {
  position: relative;
}

/* ---- Badge (pill) ------------------------------------------------ */

._badge_vknnj_11 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-secondary);
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}

._badge_vknnj_11:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
  color: var(--text-primary);
}

._badge_vknnj_11:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Orange status dot */
._dot_vknnj_40 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #f97316;
  flex-shrink: 0;
}

._badgeLabel_vknnj_48 {
  line-height: 1;
}

._caret_vknnj_52 {
  font-size: 9px;
  opacity: 0.5;
  line-height: 1;
  flex-shrink: 0;
}

/* ---- Popover ----------------------------------------------------- */

._popover_vknnj_61 {
  position: absolute;
  bottom: calc(100% + 6px);
  right: 0;
  min-width: 220px;
  padding: 4px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  z-index: 50;
}

._sectionLabel_vknnj_74 {
  padding: 6px 10px 4px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  user-select: none;
}

._divider_vknnj_84 {
  height: 1px;
  margin: 4px 6px;
  background: var(--border);
}

._option_vknnj_90 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 7px 10px;
  border: none;
  border-radius: var(--radius-sm);
  background: none;
  color: var(--text-primary);
  font-size: 12px;
  text-align: left;
  cursor: pointer;
  transition: background var(--transition-fast);
}

._option_vknnj_90:hover:not(:disabled) {
  background: var(--bg-hover);
}

._option_vknnj_90:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._option_vknnj_90[aria-selected="true"] {
  background: var(--accent-dim);
}

._optionCheck_vknnj_119 {
  width: 16px;
  flex-shrink: 0;
  text-align: center;
  color: var(--accent);
  font-size: 13px;
}

._optionBody_vknnj_127 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._optionHint_vknnj_133 {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.4;
}
._statusBar_13ysl_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 24px;
  padding: 0 12px;
  font-size: 11px;
  font-family: var(--font-ui);
  color: var(--text-secondary);
  background: var(--bg-panel);
  border-top: 1px solid var(--border);
  user-select: none;
  flex-shrink: 0;
}

._left_13ysl_16 {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

._right_13ysl_23 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

._statusItem_13ysl_30 {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

._statusDot_13ysl_37 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

._dotReady_13ysl_44 {
  background: var(--green);
}

._dotWarning_13ysl_48 {
  background: var(--warning);
}

._dotError_13ysl_52 {
  background: var(--red);
}

._modelLabel_13ysl_56 {
  color: var(--text-link, var(--blue));
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

._modelLabel_13ysl_56:hover {
  text-decoration: underline;
}

._tokenInfo_13ysl_69 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-muted);
}

._tokenCount_13ysl_76 {
  white-space: nowrap;
}

._tokenCost_13ysl_80 {
  white-space: nowrap;
}
/* Chat component styles (CSS Modules).
   Global classes from chat.css are used directly for E2E gate compatibility. */

._chatArea_1muk2_4 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  max-width: 860px;
  margin: 0 auto;
  padding: 20px 32px 100px;
  width: 100%;
  gap: 0;
  scroll-behavior: smooth;
}

._emptyState_1muk2_17 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 12px;
  color: var(--text-muted);
  padding-bottom: 80px;
}

._emptyLogo_1muk2_28 {
  color: var(--text-secondary);
  opacity: 0.6;
  margin-bottom: 4px;
}

._emptyTitle_1muk2_34 {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  letter-spacing: -0.02em;
}

._emptySubtitle_1muk2_42 {
  font-size: 14px;
  color: var(--text-muted);
  margin: 0;
}

._attentionBanner_1muk2_48 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(240, 125, 125, 0.24);
  background: rgba(240, 125, 125, 0.08);
}

._attentionLabel_1muk2_59 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--red, #f07d7d);
}

._attentionDetail_1muk2_67 {
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-primary);
}

/* Turn container */
._turn_1muk2_74 {
  margin-bottom: 20px;
  animation: _messageIn_1muk2_1 0.3s ease;
}

@keyframes _messageIn_1muk2_1 {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

._turn_1muk2_74:last-child {
  margin-bottom: 0;
}

._turnEvents_1muk2_88 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Meta labels */
._meta_1muk2_95 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-muted);
  margin-bottom: 4px;
  letter-spacing: 0.02em;
}

._assistantAvatar_1muk2_106 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: linear-gradient(135deg, var(--accent), #c85a1e);
  color: white;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}

._modelBadge_1muk2_121 {
  display: inline-block;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 500;
  border-radius: 10px;
  background: var(--bg-surface, #14141e);
  color: var(--text-muted);
  letter-spacing: 0.01em;
}

/* User message */
._userRow_1muk2_133 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
}

._userAvatar_1muk2_140 {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--accent, #e8732a);
  color: var(--text-inverse, #08080c);
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
  margin-top: 2px;
}

._userBubble_1muk2_156 {
  padding: 10px 14px;
  border-radius: var(--radius-md, 8px);
  background: var(--bg-elevated, #1a1a28);
  border: 1px solid var(--border, #1e1e30);
  margin-bottom: 8px;
  color: var(--text-primary);
  font-size: 13.5px;
  line-height: 1.6;
  max-width: 680px;
  white-space: pre-wrap;
  word-break: break-word;
}

/* Assistant message */
._assistantBubble_1muk2_171 {
  margin-bottom: 8px;
  color: var(--text-primary);
  font-size: 13.5px;
  line-height: 1.7;
  white-space: pre-wrap;
  word-break: break-word;
}

._assistantDraft_1muk2_180 {
  opacity: 0.85;
  border-left: 2px solid var(--blue, #5b9cf5);
  padding-left: 12px;
}

/* Tool call block */
._toolCallCard_1muk2_187 {
  margin: 10px 0;
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--border, #1e1e30);
  background: var(--bg-surface, #14141e);
  overflow: hidden;
  transition: border-color 200ms ease;
}

._toolCallCardRunning_1muk2_196 {
  border-color: var(--accent, #e8732a);
}

._toolCallHeader_1muk2_200 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background 120ms ease;
  user-select: none;
}

._toolCallHeader_1muk2_200:hover {
  background: var(--bg-hover, #1e1e2e);
}

._toolCallHeaderStatic_1muk2_214 {
  cursor: default;
}

._toolCallHeaderStatic_1muk2_214:hover {
  background: none;
}

._toolCallIcon_1muk2_222 {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  flex-shrink: 0;
  background: var(--bg-hover, #1e1e2e);
  color: var(--text-muted);
}

._toolCallIconRead_1muk2_235 { background: var(--blue-dim, #5b9cf522); color: var(--blue, #5b9cf5); }
._toolCallIconEdit_1muk2_236 { background: var(--accent-dim, #e8732a22); color: var(--accent, #e8732a); }
._toolCallIconWrite_1muk2_237 { background: var(--green-dim, #4ade8022); color: var(--green, #4ade80); }
._toolCallIconBash_1muk2_238 { background: var(--purple-dim, #a78bfa22); color: var(--purple, #a78bfa); }
._toolCallIconSearch_1muk2_239 { background: var(--yellow-dim, #facc1522); color: var(--yellow, #facc15); }

._toolCallName_1muk2_241 {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  flex-shrink: 0;
}

._toolCallArg_1muk2_249 {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

._toolCallStatus_1muk2_259 {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

._toolCallDuration_1muk2_267 {
  font-size: 10px;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

._toolCallBadge_1muk2_274 {
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 10px;
  font-weight: 500;
}

._toolCallBadgeSuccess_1muk2_281 { background: var(--green-dim, rgba(74, 222, 128, 0.15)); color: var(--green, #4ade80); }
._toolCallBadgeError_1muk2_282 { background: var(--red-dim, rgba(240, 125, 125, 0.12)); color: var(--red, #f07d7d); }
._toolCallBadgeRunning_1muk2_283 { background: var(--accent-dim, #e8732a22); color: var(--accent, #e8732a); }

._toolCallChevron_1muk2_285 {
  font-size: 9px;
  color: var(--text-muted);
  transition: transform 120ms ease;
  flex-shrink: 0;
}

._toolCallChevronOpen_1muk2_292 {
  transform: rotate(90deg);
}

._toolCallBody_1muk2_296 {
  display: none;
  border-top: 1px solid var(--border, #1e1e30);
  background: var(--bg-base, #08080c);
  max-height: 350px;
  overflow-y: auto;
  font-size: 12px;
  font-family: var(--font-mono);
  color: var(--text-secondary);
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.5;
  padding: 8px 12px;
}

._toolCallBodyOpen_1muk2_311 {
  display: block;
  animation: _slideDown_1muk2_1 0.2s ease;
}

@keyframes _slideDown_1muk2_1 {
  from { opacity: 0; max-height: 0; }
  to { opacity: 1; max-height: 350px; }
}

._spinner_1muk2_321 {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid var(--accent-dim, #e8732a22);
  border-top-color: var(--accent, #e8732a);
  border-radius: 50%;
  animation: _spin_1muk2_321 0.8s linear infinite;
}

@keyframes _spin_1muk2_321 {
  to {
    transform: rotate(360deg);
  }
}

/* Event block: completion */
._completionBlock_1muk2_338 {
  padding: 12px 16px;
  border-radius: var(--radius-md, 8px);
  background: var(--success-soft, rgba(91, 196, 142, 0.15));
  margin-bottom: 8px;
}

._completionEyebrow_1muk2_345 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--success, #5bc48e);
  margin-bottom: 4px;
}

._completionTitle_1muk2_354 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 4px;
}

._completionBody_1muk2_361 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.5;
}

/* Event block: recovery */
._recoveryBlock_1muk2_368 {
  padding: 12px 16px;
  border-radius: var(--radius-md, 8px);
  background: var(--danger-soft, rgba(240, 125, 125, 0.12));
  margin-bottom: 8px;
}

._recoveryEyebrow_1muk2_375 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--danger, #f07d7d);
  margin-bottom: 4px;
}

._recoveryTitle_1muk2_384 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 4px;
}

._recoveryBody_1muk2_391 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.5;
}

/* Event block: stopped */
._stoppedBlock_1muk2_398 {
  padding: 12px 16px;
  border-radius: var(--radius-md, 8px);
  background: var(--bg-surface, #14141e);
  border: 1px solid var(--border, #1e1e30);
  margin-bottom: 8px;
}

._stoppedEyebrow_1muk2_406 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  margin-bottom: 4px;
}

._stoppedTitle_1muk2_415 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 4px;
}

._stoppedBody_1muk2_422 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.5;
}

/* Event block: approval */
._approvalBlock_1muk2_429 {
  padding: 12px 16px;
  border-radius: var(--radius-md, 8px);
  background: var(--warning-soft, rgba(225, 178, 91, 0.14));
  border: 1px solid var(--yellow-dim, #facc1522);
  margin-bottom: 8px;
}

._approvalEyebrow_1muk2_437 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--warning, #e1b25b);
  margin-bottom: 4px;
}

._approvalTitle_1muk2_446 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 4px;
}

._approvalBody_1muk2_453 {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.5;
  margin-bottom: 8px;
}

._approvalActions_1muk2_460 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._approveButton_1muk2_466 {
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 600;
  border: none;
  border-radius: var(--radius-sm, 4px);
  background: var(--warning, #e1b25b);
  color: var(--text-inverse, #08080c);
  cursor: pointer;
  transition: opacity var(--transition-fast);
}

._approveButton_1muk2_466:hover:not(:disabled) {
  opacity: 0.9;
}

._approveButton_1muk2_466:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Streaming cursor */
._streamingCursor_1muk2_488 {
  display: inline-block;
  margin-left: 2px;
}

._streamingCursorBar_1muk2_493 {
  display: inline-block;
  width: 2px;
  height: 1em;
  background: var(--blue, #5b9cf5);
  vertical-align: text-bottom;
  animation: _blink_1muk2_1 1s step-end infinite;
}

@keyframes _blink_1muk2_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

/* Thinking indicator */
._thinking_1muk2_513 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
}

._thinkingDots_1muk2_520 {
  display: flex;
  gap: 4px;
}

._thinkingDot_1muk2_520 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--text-muted, #55556a);
  animation: _thinkingBounce_1muk2_1 1.2s infinite;
}

._thinkingDot_1muk2_520:nth-child(2) {
  animation-delay: 0.2s;
}

._thinkingDot_1muk2_520:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes _thinkingBounce_1muk2_1 {
  0%,
  80%,
  100% {
    transform: scale(0.6);
    opacity: 0.4;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

._thinkingLabel_1muk2_554 {
  font-size: 13px;
  color: var(--text-muted, #55556a);
  animation: _pulse_1muk2_1 2s ease-in-out infinite;
}

@keyframes _pulse_1muk2_1 {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

/* ------------------------------------------------------------------ */
/* Code block                                                          */
/* ------------------------------------------------------------------ */

._codeBlock_1muk2_569 {
  border-radius: var(--radius-md, 8px);
  background: var(--bg-surface, #14141e);
  border: 1px solid var(--border, #1e1e30);
  overflow: hidden;
  margin: 8px 0;
  font-size: 13px;
}

._codeHeader_1muk2_578 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  background: var(--bg-elevated, #1a1a28);
  border-bottom: 1px solid var(--border, #1e1e30);
  letter-spacing: 0.02em;
}

._codeBody_1muk2_591 {
  margin: 0;
  padding: 12px 0;
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.6;
  color: var(--text-primary);
}

._codeLine_1muk2_601 {
  display: flex;
  padding: 0 12px;
}

._lineNum_1muk2_606 {
  display: inline-block;
  min-width: 3ch;
  margin-right: 12px;
  text-align: right;
  color: var(--text-muted, #55556a);
  user-select: none;
  flex-shrink: 0;
}

._lineContent_1muk2_616 {
  white-space: pre;
}

._copyBtn_1muk2_620 {
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
  border: 1px solid var(--border, #1e1e30);
  border-radius: var(--radius-sm, 4px);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  transition: color var(--transition-fast), border-color var(--transition-fast);
}

._copyBtn_1muk2_620:hover {
  color: var(--text-primary);
  border-color: var(--text-muted);
}

/* Syntax tokens */
._synKw_1muk2_638 { color: var(--purple, #a78bfa); }
._synStr_1muk2_639 { color: var(--green, #4ade80); }
._synFn_1muk2_640 { color: var(--blue, #5b9cf5); }
._synConst_1muk2_641 { color: var(--accent, #e8732a); }
._synType_1muk2_642 { color: var(--cyan, #22d3ee); }
._synCm_1muk2_643 { color: var(--text-muted, #55556a); font-style: italic; }
._synProp_1muk2_644 { color: var(--pink, #f472b6); }

/* ------------------------------------------------------------------ */
/* Diff block                                                          */
/* ------------------------------------------------------------------ */

._diffBlock_1muk2_650 {
  border-radius: var(--radius-md, 8px);
  background: var(--bg-surface, #14141e);
  border: 1px solid var(--border, #1e1e30);
  overflow: hidden;
  margin: 8px 0;
  font-size: 13px;
}

._diffHeader_1muk2_659 {
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  background: var(--bg-elevated, #1a1a28);
  border-bottom: 1px solid var(--border, #1e1e30);
  letter-spacing: 0.02em;
}

._diffAdd_1muk2_669 {
  background: var(--green-dim, rgba(74, 222, 128, 0.1));
  color: var(--green, #4ade80);
  padding: 0 12px;
}

._diffRemove_1muk2_675 {
  background: var(--red-dim, rgba(240, 125, 125, 0.1));
  color: var(--red, #f07d7d);
  padding: 0 12px;
}

._diffMeta_1muk2_681 {
  color: var(--blue, #5b9cf5);
  padding: 0 12px;
  font-weight: 600;
}

/* ------------------------------------------------------------------ */
/* Terminal output                                                     */
/* ------------------------------------------------------------------ */

._termBlock_1muk2_691 {
  margin: 8px 0;
  padding: 12px;
  border-radius: var(--radius-md, 8px);
  background: #0a0a0f;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.6;
  color: var(--text-secondary);
  overflow-x: auto;
  white-space: pre;
}

._termPrompt_1muk2_704 { color: var(--green, #4ade80); font-weight: 600; }
._termError_1muk2_705 { color: var(--red, #f07d7d); }
._termSuccess_1muk2_706 { color: var(--green, #4ade80); }
._termBold_1muk2_707 { font-weight: 600; }
._termDim_1muk2_708 { opacity: 0.5; }

/* ------------------------------------------------------------------ */
/* Inline code within assistant messages                               */
/* ------------------------------------------------------------------ */

._assistantParagraph_1muk2_714 {
  white-space: pre-wrap;
  word-break: break-word;
}

/* ------------------------------------------------------------------ */
/* File path badges in assistant messages                              */
/* ------------------------------------------------------------------ */

._fileBadge_1muk2_723 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

._fileBadgeDot_1muk2_730 {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

._fileBadgeDotBlue_1muk2_738 { background: var(--blue, #5b9cf5); }
._fileBadgeDotOrange_1muk2_739 { background: var(--accent, #e8732a); }
._fileBadgeDotGreen_1muk2_740 { background: var(--green, #4ade80); }
._fileBadgeDotRed_1muk2_741 { background: var(--red, #f07d7d); }

._fileBadgeLabel_1muk2_743 {
  font-weight: 600;
  font-size: inherit;
}

._fileBadgePath_1muk2_748 {
  font-family: var(--font-mono);
  color: var(--text-secondary, #a0a0b8);
  font-size: inherit;
}
/* ------------------------------------------------------------------ */
/*  Slash-command autocomplete popup                                    */
/* ------------------------------------------------------------------ */

._autocomplete_zdntx_5 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin-bottom: 4px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  z-index: 10;
}

._item_zdntx_19 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background var(--transition-fast);
}

._item_zdntx_19:hover {
  background: var(--bg-hover);
}

._itemSelected_zdntx_32 {
  background: var(--bg-hover);
}

._itemIcon_zdntx_36 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
  font-size: 13px;
}

._itemName_zdntx_47 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
}

._itemDesc_zdntx_54 {
  font-size: 12px;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ------------------------------------------------------------------ */
/*  Composer – bottom-of-chat input area                               */
/* ------------------------------------------------------------------ */

._composer_2ehd0_5 {
  padding: 0 32px 16px;
  max-width: 860px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

/* ---- Container wrapping textarea + actions ------------------------ */

._inputContainer_2ehd0_16 {
  position: relative;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  transition: border-color var(--transition-med), box-shadow var(--transition-med);
}

._inputContainer_2ehd0_16:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accent-dim), var(--shadow-md);
}

/* ---- Textarea row ------------------------------------------------ */

._inputRow_2ehd0_31 {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 10px 14px;
}

._textarea_2ehd0_38 {
  flex: 1;
  resize: none;
  min-height: 22px;
  max-height: 160px;
  overflow-y: auto;
  line-height: 1.5;
  font-size: 13.5px;
  color: var(--text-primary);
  background: transparent;
  border: none;
  outline: none;
  font-family: var(--font-ui);
}

._textarea_2ehd0_38::placeholder {
  color: var(--text-muted);
}

._textarea_2ehd0_38:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ---- Buttons ----------------------------------------------------- */

._inputBtn_2ehd0_64 {
  width: 30px;
  height: 30px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  transition: all var(--transition-fast);
  font-size: 14px;
  flex-shrink: 0;
  border: none;
  background: none;
  cursor: pointer;
}

._inputBtn_2ehd0_64:hover {
  background: var(--bg-hover);
  color: var(--text-secondary);
}

._submitBtn_2ehd0_85 {
  background: var(--accent);
  color: var(--text-inverse);
  border-radius: 6px;
}

._submitBtn_2ehd0_85:hover:not(:disabled) {
  background: var(--accent-hover);
}

._submitBtn_2ehd0_85:disabled {
  opacity: 0.3;
  pointer-events: none;
}

._attachBtn_2ehd0_101 {
}

._stopBtn_2ehd0_105,
._replaceBtn_2ehd0_106 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 10px;
  flex-shrink: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}

._stopBtn_2ehd0_105:hover:not(:disabled),
._replaceBtn_2ehd0_106:hover:not(:disabled) {
  background: var(--bg-hover);
  border-color: var(--border-focus);
  color: var(--text-primary);
}

._stopBtn_2ehd0_105:disabled,
._replaceBtn_2ehd0_106:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

/* ---- Bottom bar -------------------------------------------------- */

._inputBottom_2ehd0_138 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 8px;
}

._hints_2ehd0_145 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  color: var(--text-muted);
}

._hint_2ehd0_145 {
  white-space: nowrap;
  user-select: none;
}

._bottomRight_2ehd0_158 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._planBtn_2ehd0_164 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-muted);
  background: none;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

._planBtn_2ehd0_164:hover {
  color: var(--text-secondary);
  border-color: var(--border);
  background: var(--bg-hover);
}

._planBtnActive_2ehd0_185 {
  color: var(--accent);
  border-color: var(--accent-dim);
  background: var(--accent-dim);
}

/* ---- Unavailable banner ------------------------------------------ */

._unavailable_2ehd0_193 {
  padding: 8px 12px;
  border-radius: var(--radius-md);
  background: var(--warning-soft);
  color: var(--warning);
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 8px;
}
._welcomeScreen_wl0mt_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 32px 24px;
  gap: 24px;
}

._heading_wl0mt_11 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  text-align: center;
}

._subheading_wl0mt_18 {
  font-size: 13px;
  color: var(--text-secondary);
  text-align: center;
  max-width: 400px;
}

._composerForm_wl0mt_25 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 480px;
}

._composerTextarea_wl0mt_33 {
  width: 100%;
  min-height: 80px;
  resize: none;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  color: var(--text-primary);
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 1.5;
  transition: border-color var(--transition-fast);
}

._composerTextarea_wl0mt_33:focus {
  outline: none;
  border-color: var(--border-focus);
}

._composerTextarea_wl0mt_33::placeholder {
  color: var(--text-muted);
}

._submitRow_wl0mt_57 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._labels_wl0mt_63 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--text-muted);
}

._label_wl0mt_63 {
  padding: 2px 8px;
  border-radius: var(--radius-sm);
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
}

._submitBtn_wl0mt_78 {
  padding: 6px 16px;
  border-radius: var(--radius-md);
  font-size: 12px;
  font-weight: 600;
  color: var(--text-inverse);
  background: var(--accent);
  border: none;
  cursor: pointer;
  font-family: var(--font-ui);
  transition: background var(--transition-fast);
}

._submitBtn_wl0mt_78:hover {
  background: var(--accent-hover);
}

._submitBtn_wl0mt_78:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._suggestions_wl0mt_100 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  max-width: 480px;
}

._suggestionCard_wl0mt_108 {
  padding: 8px 14px;
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  color: var(--text-secondary);
  font-size: 12px;
  font-family: var(--font-ui);
  cursor: pointer;
  transition: background var(--transition-fast), border-color var(--transition-fast);
}

._suggestionCard_wl0mt_108:hover {
  background: var(--bg-hover);
  border-color: var(--border);
  color: var(--text-primary);
}
._panel_f07dq_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--bg-panel);
  border-left: 1px solid var(--border);
  overflow: hidden;
}

/* Header */
._header_f07dq_11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  flex-shrink: 0;
  border-bottom: 1px solid var(--border-subtle);
}

._headerLeft_f07dq_20 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

._headerRight_f07dq_27 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

._title_f07dq_34 {
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

/* Status chip */
._chip_f07dq_43 {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 10px;
  font-family: var(--font-ui);
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}

._chipNeutral_f07dq_54 {
  background: var(--bg-surface);
  color: var(--text-secondary);
}

._chipError_f07dq_59 {
  background: var(--danger-soft);
  color: var(--danger);
}

._chipStale_f07dq_64 {
  background: var(--warning-soft);
  color: var(--warning);
}

/* Header buttons */
._headerBtn_f07dq_70 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: var(--radius-sm);
  background: none;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast);
}

._headerBtn_f07dq_70:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

._headerBtn_f07dq_70:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Status detail text */
._statusDetail_f07dq_95 {
  padding: 4px 12px 8px;
  font-family: var(--font-ui);
  font-size: 11px;
  color: var(--text-muted);
  flex-shrink: 0;
}

/* Stale banner */
._staleBanner_f07dq_104 {
  padding: 6px 12px;
  background: var(--warning-soft);
  color: var(--warning);
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 500;
  flex-shrink: 0;
}

/* Mini browser chrome toolbar */
._browserChrome_f07dq_115 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  height: 32px;
  box-sizing: border-box;
  background: var(--bg-surface);
  border-bottom: 1px solid var(--border-subtle);
  flex-shrink: 0;
}

._chromeBtn_f07dq_127 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: var(--radius-sm);
  background: none;
  color: var(--text-muted);
  font-size: 14px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background var(--transition-fast), color var(--transition-fast);
  padding: 0;
  line-height: 1;
}

._chromeBtn_f07dq_127:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

._chromeBtn_f07dq_127:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

._urlBar_f07dq_155 {
  flex: 1;
  min-width: 0;
  height: 22px;
  padding: 0 8px;
  border: 1px solid var(--border-subtle);
  border-radius: 11px;
  background: var(--bg-panel);
  font-family: var(--font-ui);
  font-size: 11px;
  color: var(--text-muted);
  outline: none;
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* iframe */
._iframe_f07dq_174 {
  flex: 1;
  width: 100%;
  border: none;
  background: #fff;
}

/* Empty state */
._emptyState_f07dq_182 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
  text-align: center;
  gap: 8px;
}

._emptyEyebrow_f07dq_193 {
  font-family: var(--font-ui);
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
}

._emptyTitle_f07dq_202 {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 4px 0 0;
}

._emptyCopy_f07dq_210 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--text-secondary);
  max-width: 320px;
  margin: 4px 0 0;
  line-height: 1.5;
}

._emptyActions_f07dq_219 {
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
  text-align: left;
  max-width: 320px;
}

._emptyActions_f07dq_219 li {
  font-family: var(--font-ui);
  font-size: 11px;
  color: var(--text-secondary);
  line-height: 1.6;
  padding-left: 14px;
  position: relative;
}

._emptyActions_f07dq_219 li::before {
  content: "\2022";
  position: absolute;
  left: 0;
  color: var(--text-muted);
}

/* Raw error block */
._rawError_f07dq_244 {
  margin: 8px 0 0;
  padding: 8px 10px;
  background: var(--danger-soft);
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--danger);
  max-width: 320px;
  white-space: pre-wrap;
  word-break: break-word;
  text-align: left;
  overflow: auto;
  max-height: 120px;
}

/* Action buttons */
._emptyButtons_f07dq_261 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

._actionBtn_f07dq_268 {
  padding: 6px 14px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--accent);
  color: var(--text-inverse);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background var(--transition-fast);
}

._actionBtn_f07dq_268:hover {
  background: var(--accent-hover);
}

._actionBtnSecondary_f07dq_285 {
  padding: 6px 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  color: var(--text-primary);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background var(--transition-fast);
}

._actionBtnSecondary_f07dq_285:hover {
  background: var(--bg-hover);
}
._container_1ruup_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

/* Tab bar */
._tabBar_1ruup_9 {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0 8px;
  flex-shrink: 0;
  background: var(--bg-panel);
  border-bottom: 1px solid var(--border);
}

._tab_1ruup_9 {
  position: relative;
  padding: 8px 14px;
  border: none;
  background: none;
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  color: var(--text-muted);
  cursor: pointer;
  transition: color var(--transition-fast);
}

._tab_1ruup_9:hover {
  color: var(--text-secondary);
}

._tabActive_1ruup_36 {
  color: var(--text-primary);
}

._tabActive_1ruup_36::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 0;
  height: 2px;
  background: var(--accent);
  border-radius: 1px 1px 0 0;
}

/* Content area */
._content_1ruup_52 {
  flex: 1;
  overflow: hidden;
}

/* Placeholder */
._placeholder_1ruup_58 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--text-muted);
}
/* Overlay */
._overlay_11ivf_2 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 900;
}

/* Drawer */
._drawer_11ivf_10 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 360px;
  max-width: 100vw;
  background: var(--bg-panel);
  border-left: 1px solid var(--border);
  box-shadow: var(--shadow-lg);
  z-index: 910;
  display: flex;
  flex-direction: column;
  padding: 16px;
  overflow-y: auto;
  animation: _slideIn_11ivf_1 var(--transition-slow) forwards;
}

@keyframes _slideIn_11ivf_1 {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

/* Close button */
._closeBtn_11ivf_38 {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: var(--radius-sm);
  background: none;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast);
}

._closeBtn_11ivf_38:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

/* Title */
._drawerTitle_11ivf_61 {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 8px;
}

/* Summary copy */
._drawerCopy_11ivf_70 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0 0 12px;
}

/* Loading */
._loadingState_11ivf_79 {
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--text-muted);
  padding: 24px 0;
  text-align: center;
}

/* Error */
._errorState_11ivf_88 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
  border-radius: var(--radius-md);
  background: var(--danger-soft);
}

._errorLabel_11ivf_97 {
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  color: var(--danger);
}

._errorMessage_11ivf_104 {
  font-family: var(--font-ui);
  font-size: 11px;
  color: var(--text-secondary);
}

/* Entry list */
._entryList_11ivf_111 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._entry_11ivf_111 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
  border-radius: var(--radius-md);
  transition: background var(--transition-fast);
}

._entry_11ivf_111:hover {
  background: var(--bg-hover);
}

._entryLabel_11ivf_133 {
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  line-height: 1.4;
}

._entryDetail_11ivf_141 {
  font-family: var(--font-ui);
  font-size: 11px;
  color: var(--text-secondary);
  line-height: 1.4;
}

/* ------------------------------------------------------------------ */
/* Inline PlanBlock (chat transcript card)                              */
/* ------------------------------------------------------------------ */


/* Card display — bordered card matching ToolCallBlock style */
._planCard_11ivf_154 {
  padding: 8px 12px;
  border-radius: var(--radius-sm, 4px);
  background: var(--bg-surface, #14141e);
  border: 1px solid var(--border, #1e1e30);
  margin-bottom: 4px;
}

/* Header row (also used as <summary> for expandable) */
._planHeader_11ivf_163 {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

._planHeader_11ivf_163::-webkit-details-marker {
  display: none;
}

._planTitle_11ivf_176 {
  font-weight: 600;
  font-size: 12px;
  color: var(--text-primary);
}

._planPreview_11ivf_182 {
  font-size: 12px;
  color: var(--text-muted);
  margin-left: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._chevron_11ivf_191 {
  font-size: 10px;
  color: var(--text-muted);
  transition: transform var(--transition-fast);
  flex-shrink: 0;
  margin-left: auto;
}

details[open] > ._planHeader_11ivf_163 ._chevron_11ivf_191 {
  transform: rotate(90deg);
}

/* Checklist */
._planChecklist_11ivf_204 {
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._planItem_11ivf_213 {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 2px 0;
  font-size: 12px;
  line-height: 1.4;
}

._checkboxPending_11ivf_222 {
  color: var(--text-muted, #55556a);
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1;
}

._checkboxDone_11ivf_229 {
  color: var(--success, #5bc48e);
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1;
}

._planItemText_11ivf_236 {
  color: var(--text-primary);
}

._planItemTextDone_11ivf_240 {
  color: var(--text-muted, #55556a);
  text-decoration: line-through;
}

/* Plan action buttons */
._planActions_11ivf_246 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid var(--border, #1e1e30);
}

._approveBtn_11ivf_255 {
  background: var(--green, #5bc48e);
  color: #fff;
  border: none;
  border-radius: var(--radius-sm, 4px);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  padding: 4px 12px;
  cursor: pointer;
  transition: background var(--transition-fast);
}

._approveBtn_11ivf_255:hover {
  background: var(--green-hover, #6fd49e);
}

._editBtn_11ivf_272 {
  background: none;
  color: var(--text-secondary);
  border: 1px solid var(--border, #1e1e30);
  border-radius: var(--radius-sm, 4px);
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 500;
  padding: 4px 12px;
  cursor: pointer;
  transition: background var(--transition-fast), color var(--transition-fast);
}

._editBtn_11ivf_272:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
._handle_10kcw_1 {
  width: 5px;
  cursor: col-resize;
  background: transparent;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  transition: background var(--transition-fast);
}

._handle_10kcw_1:hover,
._handleActive_10kcw_12 {
  background: var(--accent-dim);
}

._handle_10kcw_1::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  width: 1px;
  background: var(--border);
}

._handle_10kcw_1:hover::after,
._handleActive_10kcw_12::after {
  background: var(--accent);
}
/* Overlay */
._overlay_112g4_2 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1100;
}

/* Palette */
._palette_112g4_10 {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 480px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  z-index: 1110;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: _fadeIn_112g4_1 var(--transition-fast) forwards;
}

@keyframes _fadeIn_112g4_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

/* Search input */
._searchInput_112g4_40 {
  width: 100%;
  padding: 12px 16px;
  border: none;
  border-bottom: 1px solid var(--border-subtle);
  background: transparent;
  font-family: var(--font-ui);
  font-size: 14px;
  color: var(--text-primary);
  outline: none;
}

._searchInput_112g4_40::placeholder {
  color: var(--text-muted);
}

/* Command list */
._commandList_112g4_57 {
  max-height: 320px;
  overflow-y: auto;
  padding: 4px;
}

/* Individual command */
._commandItem_112g4_64 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 12px;
  border: none;
  border-radius: var(--radius-sm);
  background: none;
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--text-primary);
  cursor: pointer;
  text-align: left;
  transition: background var(--transition-fast);
}

._commandItem_112g4_64:hover {
  background: var(--bg-hover);
}

._commandItemSelected_112g4_85 {
  background: var(--bg-active);
}

._commandLabel_112g4_89 {
  flex: 1;
  min-width: 0;
}

._commandShortcut_112g4_94 {
  flex-shrink: 0;
  font-size: 11px;
  color: var(--text-muted);
  font-family: var(--font-mono);
  margin-left: 12px;
}

/* Empty result */
._emptyResult_112g4_103 {
  padding: 16px;
  text-align: center;
  font-family: var(--font-ui);
  font-size: 12px;
  color: var(--text-muted);
}
._shell_1gylt_1 {
  height: 100vh;
  display: grid;
  grid-template-rows: 38px 1fr 24px;
}

._titleBar_1gylt_7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  background: var(--bg-panel, #0e0e14);
  border-bottom: 1px solid var(--border, #1e1e30);
  user-select: none;
}

._titleBarLeft_1gylt_17 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._titleBarCenter_1gylt_23 {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary, #8888a0);
}

._titleBarActions_1gylt_29 {
  display: flex;
  align-items: center;
  gap: 4px;
}

._titleBtn_1gylt_35 {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary, #8888a0);
  background: none;
  border: none;
  cursor: pointer;
}

._titleBtn_1gylt_35:hover {
  background: var(--bg-hover, #1e1e2e);
  color: var(--text-primary, #e2e2ec);
}

._mainContent_1gylt_51 {
  display: grid;
  grid-template-columns: auto 4px 1fr 4px auto;
  overflow: hidden;
}

._loadingState_1gylt_57 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted, #55556a);
  font-size: 13px;
}

._sidebar_1gylt_66 {
  width: 240px;
  background: var(--bg-panel, #0e0e14);
  border-right: 1px solid var(--border, #1e1e30);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: width 350ms cubic-bezier(0.4, 0, 0.2, 1);
}

._sidebarCollapsed_1gylt_76 {
  width: 0 !important;
  border-right: none;
  overflow: hidden;
}

._chatArea_1gylt_82 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._chatBody_1gylt_90 {
  flex: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}

/* Composer is styled in its own CSS module */

._resizeSpacer_1gylt_98 {
  /* Placeholder for the right resize handle grid column */
}

._rightPanelWrapper_1gylt_102 {
  position: relative;
  z-index: 1;
  width: 0;
  overflow: hidden;
  transition: width 350ms cubic-bezier(0.4, 0, 0.2, 1);
}

._rightPanelOpen_1gylt_110 {
  width: 480px;
  border-left: 1px solid var(--border, #1e1e30);
}

._previewPanel_1gylt_115 {
  width: 0;
  overflow: hidden;
}

._previewHeader_1gylt_120 {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._statusBar_1gylt_127 {
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 11px;
  color: var(--text-secondary, #8888a0);
  background: var(--bg-panel, #0e0e14);
  border-top: 1px solid var(--border, #1e1e30);
}

._noise_1gylt_137 {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.015;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  font-family: var(--font-ui);
  font-size: 13px;
  color: var(--text-primary);
  background: var(--bg-base);
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
  font-size: inherit;
}

input, textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

code, pre {
  font-family: var(--font-mono);
}

[hidden] {
  display: none !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
:root {
  color-scheme: dark;
  --bg-base: #08080c;
  --bg-panel: #0e0e14;
  --bg-surface: #14141e;
  --bg-elevated: #1a1a28;
  --bg-hover: #1e1e2e;
  --bg-active: #252538;
  --border: #1e1e30;
  --border-subtle: #161624;
  --border-focus: #d4732c;
  --text-primary: #e2e2ec;
  --text-secondary: #8888a0;
  --text-muted: #55556a;
  --text-inverse: #08080c;
  --accent: #e8732a;
  --accent-hover: #f08030;
  --accent-dim: #e8732a22;
  --accent-glow: #e8732a44;
  --accent-soft: rgba(232, 115, 42, 0.15);
  --blue: #5b9cf5;
  --blue-dim: #5b9cf522;
  --green: #4ade80;
  --green-dim: #4ade8022;
  --red: #f87171;
  --red-dim: #f8717122;
  --yellow: #facc15;
  --yellow-dim: #facc1522;
  --purple: #a78bfa;
  --purple-dim: #a78bfa22;
  --cyan: #22d3ee;
  --pink: #f472b6;
  --warning: #e1b25b;
  --warning-soft: rgba(225, 178, 91, 0.14);
  --success: #5bc48e;
  --success-soft: rgba(91, 196, 142, 0.15);
  --danger: #f07d7d;
  --danger-soft: rgba(240, 125, 125, 0.12);
  --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 48px rgba(0, 0, 0, 0.7);
  --transition-fast: 120ms ease;
  --transition-med: 200ms ease;
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg-base: #f5f4f2;
  --bg-panel: #efede8;
  --bg-surface: #ffffff;
  --bg-elevated: #ffffff;
  --bg-hover: #ece7e1;
  --bg-active: #e0dbd4;
  --border: rgba(35, 29, 25, 0.1);
  --border-subtle: rgba(35, 29, 25, 0.08);
  --border-focus: #b85c3c;
  --text-primary: #231d19;
  --text-secondary: #655d56;
  --text-muted: #8a8178;
  --text-inverse: #ffffff;
  --accent: #b85c3c;
  --accent-hover: #a04e32;
  --accent-dim: rgba(184, 92, 60, 0.12);
  --accent-glow: rgba(184, 92, 60, 0.2);
  --accent-soft: rgba(184, 92, 60, 0.12);
  --warning: #b47d12;
  --warning-soft: rgba(180, 125, 18, 0.14);
  --success: #287b4d;
  --success-soft: rgba(40, 123, 77, 0.12);
  --danger: #c25151;
  --danger-soft: rgba(194, 81, 81, 0.12);
  --blue: #3574d4;
  --blue-dim: rgba(53, 116, 212, 0.12);
  --green: #1a8a4a;
  --green-dim: rgba(26, 138, 74, 0.12);
  --red: #d14343;
  --red-dim: rgba(209, 67, 67, 0.12);
  --yellow: #9a6d0a;
  --yellow-dim: rgba(154, 109, 10, 0.12);
  --purple: #7c5cbf;
  --purple-dim: rgba(124, 92, 191, 0.12);
  --cyan: #0e7f92;
  --pink: #c44a8a;
  --shadow-md: 0 4px 24px rgba(39, 27, 19, 0.12);
  --shadow-lg: 0 14px 32px rgba(39, 27, 19, 0.12);
}
/* Chat transcript message styles.
   These class names are asserted by E2E gate scripts —
   do not rename without updating the shell gates. */

.chat-transcript {
  padding: 0;
}

.chat-message-operational-active {
  border-left: 2px solid var(--accent, #e8732a);
  padding-left: 12px;
  margin-bottom: 8px;
}

.chat-message-completion {
  padding: 12px 16px;
  border-radius: var(--radius-md, 8px);
  background: var(--success-soft, rgba(91, 196, 142, 0.15));
  margin-bottom: 8px;
}

.chat-message-assistant-draft {
  opacity: 0.85;
  border-left: 2px solid var(--blue, #5b9cf5);
  padding-left: 12px;
  margin-bottom: 8px;
}

.chat-message-user {
  padding: 12px 16px;
  border-radius: var(--radius-md, 8px);
  background: var(--bg-elevated, #1a1a28);
  margin-bottom: 8px;
}

.chat-message-tool-call {
  padding: 8px 12px;
  border-radius: var(--radius-sm, 4px);
  background: var(--bg-surface, #14141e);
  border: 1px solid var(--border, #1e1e30);
  margin-bottom: 4px;
}

.chat-message-approval {
  padding: 12px 16px;
  border-radius: var(--radius-md, 8px);
  background: var(--warning-soft, rgba(225, 178, 91, 0.14));
  border: 1px solid var(--yellow-dim, #facc1522);
  margin-bottom: 8px;
}

.chat-message-recovery {
  padding: 12px 16px;
  border-radius: var(--radius-md, 8px);
  background: var(--danger-soft, rgba(240, 125, 125, 0.12));
  margin-bottom: 8px;
}

.chat-message-stopped {
  padding: 12px 16px;
  border-radius: var(--radius-md, 8px);
  background: var(--bg-surface, #14141e);
  border: 1px solid var(--border, #1e1e30);
  margin-bottom: 8px;
}