/* Bright white workspace with cool-neutral surfaces and clear orange actions. */
.in-workspace {
  --ink: #1d2939;
  --muted: #667085;
  --canvas: #ffffff;
  --paper: #ffffff;
  --subtle: #f8fafc;
  --hover: #eef2f6;
  --line: #e5eaf0;
  --line-strong: #d0d8e2;
  --accent: #ce4213;
  --success: #35623e;
  --success-bg: #eaf4e2;
  --warning: #8b6329;
  --warning-bg: #fff4e4;
  --danger: #a43e32;
  --danger-bg: #fff0ec;
  --radius: 20px;
  --control-radius: 12px;
  --shadow-control: 0 2px 6px #14213a06;
  background: var(--canvas);
}
.in-workspace :is(button, .button, input, textarea, select, summary):focus-visible {
  outline: 3px solid #ce4213;
  outline-offset: 3px;
}
.in-workspace .sidebar {
  padding: 28px 16px 20px;
  gap: 8px;
  background: #f8fafc;
  border-color: #e5eaf0;
}
.in-workspace .agent-brand { color: var(--ink); gap: 10px; margin: 0 4px 28px; }
.in-workspace .agent-brand-mark {
  display: grid;
  background: #f8fafc;
  color: #1d2939;
  border-radius: 13px;
  font-size: 19px;
}
.in-workspace .agent-brand small { color: #667085; margin-top: 3px; }
.in-workspace .agent-brand-mark img { mix-blend-mode: multiply; }
.in-workspace .sidebar button {
  min-height: 46px;
  border-radius: 13px;
  color: #475467;
  padding: 11px 14px;
}
.in-workspace .sidebar button:hover { background: #eef2f6; }
.in-workspace .sidebar button.active {
  color: #1d2939;
  background: #fff;
  box-shadow: 0 1px 4px #14213a06, inset 0 0 0 1px #e5eaf0;
  font-weight: 600;
}
.in-workspace .sidebar button.active .icon { color: var(--accent); }
.in-workspace .sidebar .new-chat {
  color: #fff;
  background: var(--accent);
  border-color: var(--accent);
  border-radius: 100px;
  box-shadow: 0 6px 16px #ce421314;
  margin-bottom: 18px;
}
.in-workspace .sidebar .new-chat:hover { background: #b9350a; }
.in-workspace .sidebar-note {
  border-top: 1px solid #e5eaf0;
  padding: 20px 10px 0;
  margin-top: auto;
  color: #667085;
}
.in-workspace .sidebar-note > .icon { color: #98a2b3; }
.in-workspace .sidebar-note strong { color: #475467; }
.in-workspace > .topbar { background: #ffffff; border-color: var(--line); }
.in-workspace .topbar-inner { padding-inline: 32px; }
.in-workspace .workspace-breadcrumb { color: #667085; }
.in-workspace .content {
  padding: 36px;
  background: var(--canvas);
  scrollbar-color: #d0d8e2 transparent;
}
.in-workspace .pagehead { margin-bottom: 28px; gap: 20px; }
.in-workspace .pagehead h1 { font-size: 30px; font-weight: 550; letter-spacing: -.04em; }
.in-workspace .pagehead p { line-height: 1.8; max-width: 64ch; }
.in-workspace .pagehead > div::before {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  background: #ce4213;
  margin-bottom: 16px;
}
.in-workspace :is(button, .button) { border-radius: 100px; }
.in-workspace :is(button, .button).primary,
.in-workspace .agent-cards .primary {
  background: var(--accent);
  border-color: var(--accent);
  color: white;
  box-shadow: 0 5px 14px #ce421312;
}
.in-workspace :is(button, .button).primary:hover:not(:disabled) { background: #b9350a; border-color: #b9350a; }
.in-workspace .quiet { color: #475467; }
.in-workspace .danger { color: var(--danger); }
.in-workspace .searchbar { gap: 10px; }
.in-workspace .searchbar input { border-radius: 100px; min-height: 48px; padding-left: 44px; background: #fff; }
.in-workspace .search-field > .icon { left: 16px; top: 15px; color: #98a2b3; }
.in-workspace .searchbar > button { padding-inline: 24px; background: #f5f7fa; border-color: #dce3ec; color: #475467; }
.in-workspace :is(.panel, .intent-card, .match-card, .compose-guide, .compose-editor, .empty) {
  border-color: var(--line);
  border-radius: 20px;
  box-shadow: 0 2px 10px #14213a05;
}
.in-workspace .intent-card {
  text-align: left;
  background: #fff;
  padding: 25px;
  border-radius: 20px;
}
.in-workspace .intent-card:hover:not(:disabled) { border-color: #d0d8e2; background: #fff; box-shadow: 0 8px 24px #14213a0b; }
.in-workspace .public-card-title { color: var(--ink); font-weight: 550; font-size: 19px; }
.in-workspace .intent-type { color: #475467; }
.in-workspace .public-card-tags span { border-radius: 100px; background: #f5f7fa; color: #475467; padding: 5px 9px; }
.in-workspace .public-card-footer, .in-workspace .card-open { color: #c24112; }
.in-workspace .my-card-status { color: #475467; }
.in-workspace .badge { border-radius: 100px; padding: 4px 10px; font-size: 11px; border-color: var(--line); }
.in-workspace .badge:is(.active, .approved, .accepted, .fulfilled) { background: #eaf4e2; color: #35623e; border-color: #d3e4c6; }
.in-workspace .badge:is(.pending, .confirmed, .draft) { background: #fff4e4; color: #89622d; border-color: #eedec3; }
.in-workspace .badge:is(.paused, .closed, .expired, .visibility, .cancelled) { background: #f8fafc; color: #475467; border-color: #e5eaf0; }
.in-workspace .badge:is(.rejected, .revoked) { background: var(--danger-bg); color: var(--danger); border-color: #efccc2; }
.in-workspace .empty { background: #fff; padding: 64px 24px; }
.in-workspace .empty > .icon { color: #475467; border-radius: 50%; background: #eef2f6; box-shadow: none; border-color: #d0d8e2; }
.in-workspace .empty h2 { font-weight: 550; }
.in-workspace .scenario-button { background: #fff; border-color: #e5eaf0; }
.in-workspace .scenario-button[aria-pressed="true"] { color: #1d2939; background: #f5f7fa; border-color: #dce3ec; }
.in-workspace .compose-steps [aria-current] .step-number { background: #eef2f6; color: #1d2939; border-color: #d0d8e2; }
.in-workspace .compose-steps { color: #667085; }
.in-workspace .compose-guide { background: #f5f7fa; }
.in-workspace .compose-tips li::before { color: #98a2b3; }
.in-workspace .compose-example { border-color: #e5eaf0; }
.in-workspace .compose-editor:focus-within { border-color: #a4b4c7; box-shadow: 0 0 0 4px #eef2f6; }
.in-workspace .intention-form .form-footer .primary { border-radius: 100px; }
.in-workspace .compose-error { color: #a43e32; }
.in-workspace .compose-contact-note .icon { color: #98a2b3; }
.in-workspace .detail-grid { gap: 22px; }
.in-workspace .detail-grid .detail { border-top: 3px solid #d0d8e2; }
.in-workspace .intent-settings { background: #ffffff; }
.in-workspace .panel-heading .icon { color: #98a2b3; }
.in-workspace .intent-matching-status { background: #f5f7fa; padding: 13px 16px; border-radius: 12px; margin-bottom: 20px; }
.in-workspace .intent-matching-status p { margin: 0; }
.in-workspace .intent-matching-status p + p { margin-top: 6px; }
.in-workspace .contact-box > p:not(.muted) { background: #fff; border-color: #e5eaf0; }
.in-workspace .visibility-panel .public-preview { background: #fff; border-radius: 14px; border-color: #e5eaf0; }
.in-workspace .visibility-toggle { border-radius: 22px; }
.in-workspace .visibility-toggle::before { background: #b8c2cf; }
.in-workspace .visibility-toggle[aria-checked="true"]::before { background: #65864f; }
.in-workspace .match-card { padding: 26px; background: #fff; }
.in-workspace .match-card .conditions li::marker { color: #98a2b3; }
.in-workspace .match-footer > button { color: #475467; background: #f5f7fa; border-color: #dce3ec; }
.in-workspace .account-avatar { background: #f8fafc; color: #475467; }
.in-workspace .account-panel { border-radius: 20px; box-shadow: 0 16px 48px #14213a1c; }
.in-workspace .account-trigger { border-color: #e5eaf0; background: white; }
.in-workspace dialog { padding: 30px; border-radius: 24px; background: #ffffff; border-color: #e5eaf0; box-shadow: 0 30px 80px #14213a33; }
.in-workspace dialog::backdrop { background: #14213a66; backdrop-filter: blur(4px); }
.in-workspace dialog h2 { font-size: 23px; font-weight: 550; }
.in-workspace .message { background: #f5f7fa; color: #475467; border-color: #dce3ec; }
.in-workspace .message[role="alert"] { background: #fff2ec; color: #984432; border-color: #eccdbf; }
.in-workspace .agent-thread { max-width: 1000px; padding: 28px 40px 36px; }
.in-workspace .agent-welcome:has(.intent-carousel) {
  position: relative;
  isolation: isolate;
  padding-top: 30px;
}
.in-workspace .agent-welcome::before { content: none; }
.in-workspace .agent-conversation { background: none; }
.in-workspace .agent-welcome .agent-hero-symbol::before { background: none; }
.in-workspace .agent-welcome .agent-hero-symbol { color: #98a2b3; font-size: 29px; margin-bottom: 9px; }
.in-workspace .agent-welcome .eyebrow { color: #c24112; letter-spacing: .08em; }
.in-workspace .agent-welcome h1 { font-size: 32px; font-weight: 550; line-height: 1.5; letter-spacing: -.03em; }
.in-workspace .agent-welcome .intent-carousel { margin-top: 28px; }
.in-workspace .agent-welcome .example-selectors { border-color: #e5eaf0; background: #fff; }
.in-workspace .agent-welcome .example-card { border-color: #e5eaf0; box-shadow: 0 6px 20px #14213a06; }
/* Shared example cards keep their homepage colors outside the workspace. */
.in-workspace .agent-welcome .example-selector { color: var(--muted); }
.in-workspace .agent-welcome .example-selector:hover { background: var(--subtle); }
.in-workspace .agent-welcome .example-selector[aria-pressed="true"] { color: var(--ink); background: #eef2f6; box-shadow: inset 0 0 0 1px var(--line); }
.in-workspace .agent-welcome .example-title { color: var(--ink); }
.in-workspace .agent-welcome :is(.example-kind, .example-description, .example-disclosure, .example-count) { color: var(--muted); }
.in-workspace .agent-welcome .example-tags span { background: #f5f7fa; color: #475467; }
.in-workspace .agent-welcome .example-arrow { color: #475467; border-color: var(--line); }
.in-workspace .agent-welcome .example-arrow:hover { background: var(--subtle); border-color: var(--line-strong); }
.in-workspace .language-toggle { background: #f5f7fa; color: var(--ink); }
.in-workspace .agent-example-note { color: #667085; }
.in-workspace .agent-message > strong { color: #98a2b3; font-weight: 550; letter-spacing: .02em; }
.in-workspace .agent-message.from-user { background: #eef2f6; border: 1px solid #e5eaf0; border-radius: 20px 20px 5px 20px; }
.in-workspace .agent-cards .panel { border-radius: 20px; border-color: #e5eaf0; box-shadow: 0 6px 24px #14213a07; }
.in-workspace .agent-cards .agent-preview { background: #ffffff; border-top: 3px solid #ffd0b9; }
.in-workspace .agent-option { padding-block: 6px; }
.in-workspace .agent-composer-dock { max-width: 1000px; padding: 8px 40px 20px; background: linear-gradient(transparent, #ffffff 20%); }
.in-workspace .agent-composer { border-radius: 22px; border-color: #d0d8e2; box-shadow: 0 8px 28px #14213a08; padding: 14px 20px; }
.in-workspace .agent-composer:focus-within { border-color: #a4b4c7; box-shadow: 0 0 0 3px #f5f7fa; }
.in-workspace .agent-composer .agent-send { width: 44px; height: 44px; border-radius: 50%; background: var(--accent); color: white; border: 0; }
.in-workspace .agent-composer .agent-send:hover:not(:disabled) { background: #b9350a; }
.in-workspace .agent-composer-footer, .in-workspace .agent-privacy { color: #667085; }
.in-workspace .assistant-markdown a { color: #c24112; }
.in-workspace .assistant-markdown blockquote { border-color: #d0d8e2; }
.in-workspace .assistant-explanation summary { color: #667085; }
.in-workspace .skeleton { background: #f8fafc; }
.in-workspace .skeleton-card { background: #fff; border-color: var(--line); border-radius: 20px; }
.in-workspace .bui-pixels { color: #98a2b3; }
@media (max-width: 1080px) {
  .in-workspace .content { padding: 28px 24px; }
  .in-workspace .detail-grid { grid-template-columns: minmax(0, 1fr); }
  .in-workspace .agent-thread { padding-inline: 28px; }
  .in-workspace .agent-composer-dock { padding-inline: 28px; }
  .in-workspace .topbar-inner { padding-inline: 24px; }
  .in-workspace .workspace-breadcrumb { display: none; }
}
@media (max-width: 760px) {
  .in-workspace .sidebar { padding: 20px 7px; gap: 10px; }
  .in-workspace .sidebar button { min-height: 48px; padding: 8px 2px; border-radius: 12px; font-size: 10px; }
  .in-workspace .sidebar .new-chat { border-radius: 14px; }
  .in-workspace .agent-brand { margin-inline: 0; gap: 0; }
  .in-workspace .content { padding: 24px 14px; }
  .in-workspace .pagehead { gap: 14px; }
  .in-workspace .pagehead h1 { font-size: 25px; }
  .in-workspace .pagehead p { font-size: 13px; }
  .in-workspace .pagehead > div::before { margin-bottom: 12px; }
  .in-workspace .public-intent-card, .in-workspace .panel, .in-workspace .match-card { padding: 20px; border-radius: 17px; }
  .in-workspace .match-footer { align-items: flex-start; flex-direction: column; }
  .in-workspace .match-footer > button { width: 100%; }
  .in-workspace .agent-thread { padding: 22px 18px; }
  .in-workspace .agent-welcome h1 { font-size: 26px; }
  .in-workspace .agent-welcome .example-selector { padding-inline: 8px; min-height: 44px; }
  .in-workspace .agent-composer-dock { padding: 8px 14px 12px; }
  .in-workspace .agent-composer { padding: 10px 14px; border-radius: 18px; }
  .in-workspace .agent-cards .panel { padding: 18px; }
  .in-workspace .agent-message.from-user { max-width: 95%; }
  .in-workspace .topbar-inner { padding-inline: 12px; }
  .in-workspace dialog { padding: 23px; }
}