* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--sa-font-sans);
  color: var(--sa-color-text);
  background: var(--sa-color-canvas);
}
main { max-width: 1160px; margin: 0 auto; padding: var(--sa-space-14) var(--sa-space-10) var(--sa-space-20); }
header, .toolbar, .section-title, .actions, .card-title, .list-row, .recent-row, .header-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--sa-space-8);
}
header { margin-bottom: var(--sa-space-10); }
.header-copy {
  max-width: 560px;
  margin: var(--sa-space-3) 0 0;
  color: var(--sa-color-subtle);
  line-height: 1.45;
}
.header-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--sa-space-3);
}
.header-actions a,
.header-actions button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: var(--sa-space-3) var(--sa-space-5);
  white-space: nowrap;
  line-height: 1.1;
}
.header-actions a.is-active {
  color: var(--sa-color-primary-contrast);
  background: var(--sa-color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sa-color-primary) 28%, transparent);
}
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: var(--sa-font-size-2xl); }
h2 { font-size: var(--sa-font-size-xl); }
h3 { font-size: var(--sa-font-size-md); margin: var(--sa-space-6) 0 var(--sa-space-4); }
a, button {
  color: var(--sa-color-primary-contrast);
  background: var(--sa-color-primary);
  border: 0;
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5) var(--sa-space-6);
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
}
.secondary-button {
  color: var(--sa-color-text-strong);
  background: var(--sa-color-surface);
  border: 1px solid var(--sa-color-border);
  font-weight: 700;
}
button:disabled, input:disabled, select:disabled, textarea:disabled { cursor: not-allowed; }
button[data-delete], .list-row button { color: var(--sa-color-text-strong); background: var(--sa-color-danger); }
button[data-destructive] {
  color: var(--sa-color-text-strong);
  background: var(--sa-color-surface-warning);
  border: 1px solid var(--sa-color-border-warning);
}
code {
  background: var(--sa-color-surface-muted);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-xs);
  color: var(--sa-color-text-strong);
  padding: var(--sa-space-1) var(--sa-space-2);
  overflow-wrap: anywhere;
}
.eyebrow { color: var(--sa-color-muted); font-size: var(--sa-font-size-sm); margin-bottom: var(--sa-space-3); text-transform: uppercase; letter-spacing: var(--sa-letter-spacing-eyebrow); }
.section-copy {
  max-width: 680px;
  margin: var(--sa-space-3) 0 0;
  color: var(--sa-color-subtle);
  line-height: 1.5;
}
.advanced-settings {
  margin-bottom: var(--sa-space-8);
}
.advanced-settings > summary {
  width: fit-content;
  margin-bottom: var(--sa-space-6);
  border: 1px solid var(--sa-color-border);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5) var(--sa-space-6);
  color: var(--sa-color-text-strong);
  background: var(--sa-color-surface);
  cursor: pointer;
  font-weight: 700;
}
.advanced-settings-content {
  display: grid;
  gap: var(--sa-space-8);
}
.section-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sa-space-3) var(--sa-space-4);
  align-items: center;
  padding: var(--sa-space-4) var(--sa-space-6);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface-subtle);
}
.section-nav > span { color: var(--sa-color-muted); font-size: var(--sa-font-size-xs); font-weight: 700; text-transform: uppercase; letter-spacing: var(--sa-letter-spacing-label); }
.section-nav > a {
  color: var(--sa-color-subtle);
  background: var(--sa-color-canvas);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-pill);
  padding: var(--sa-space-2) var(--sa-space-5);
  font-size: var(--sa-font-size-xs);
  font-weight: 600;
  text-decoration: none;
}
.section-nav > a:hover { border-color: var(--sa-color-primary); color: var(--sa-color-primary); background: var(--sa-color-canvas); }
.advanced-settings-content > section,
.advanced-settings-content > section.grid {
  margin-bottom: 0;
}
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sa-space-8); }
section, article {
  background: var(--sa-color-surface);
  border: 1px solid var(--sa-color-border);
  border-radius: var(--sa-radius-md);
  padding: var(--sa-space-8);
  margin-bottom: var(--sa-space-8);
}
section { position: relative; }
.page-intro {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--sa-space-8);
  border-left: 5px solid var(--sa-color-primary);
}
.page-intro[hidden] { display: none; }
.dashboard-overview[hidden] { display: none; }
.overview-panel {
  display: grid;
  gap: var(--sa-space-7);
}
.overview-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--sa-space-8);
  border: 1px solid var(--sa-color-border-warning);
  border-left: 6px solid var(--sa-color-warning);
  border-radius: var(--sa-radius-md);
  padding: var(--sa-space-7);
  background: var(--sa-color-surface-warning);
}
.overview-hero.ready {
  border-color: var(--sa-color-primary);
  border-left-color: var(--sa-color-primary);
  background: var(--sa-color-canvas);
}
.overview-hero strong {
  display: block;
  margin-bottom: var(--sa-space-2);
  color: var(--sa-color-text-strong);
  font-size: var(--sa-font-size-lg);
}
.overview-hero p {
  margin: 0;
  color: var(--sa-color-subtle);
  line-height: 1.45;
}
.overview-metrics {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--sa-space-5);
}
.overview-metric {
  display: grid;
  gap: var(--sa-space-2);
  color: var(--sa-color-text);
  background: var(--sa-color-surface-subtle);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-6);
}
.overview-metric:hover {
  border-color: var(--sa-color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sa-color-primary) 22%, transparent);
}
.overview-metric span,
.overview-metric small {
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-xs);
}
.overview-metric span {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--sa-letter-spacing-label);
}
.overview-metric strong {
  font-size: 28px;
  line-height: 1;
}
.overview-actions {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--sa-space-5);
}
.overview-actions a {
  display: grid;
  place-items: center;
  min-height: 58px;
  text-align: center;
}
body.answers-page .advanced-settings > summary,
body.answers-page .section-nav,
body.answers-page #dashboard-guide,
body.answers-page #first-run-path,
body.answers-page #create-bot-section,
body.answers-page #settings-embed-section,
body.answers-page #recent-questions-section,
body.answers-page #gaps-section,
body.answers-page #conversation-section,
body.answers-page .readiness-panel,
body.answers-page #tester-section article:last-child,
body.gaps-page .advanced-settings > summary,
body.gaps-page .section-nav,
body.gaps-page #dashboard-guide,
body.gaps-page #first-run-path,
body.gaps-page #create-bot-section,
body.gaps-page #settings-embed-section,
body.gaps-page #knowledge-section,
body.gaps-page #tester-section,
body.gaps-page #recent-questions-section,
body.gaps-page #review-workbench-section,
body.gaps-page #conversation-section,
body.gaps-page #readiness-section,
body.review-page .advanced-settings > summary,
body.review-page .section-nav,
body.review-page #dashboard-guide,
body.review-page #first-run-path,
body.review-page #create-bot-section,
body.review-page #settings-embed-section,
body.review-page #knowledge-section,
body.review-page #tester-section,
body.review-page #recent-questions-section,
body.review-page #follow-up-section,
body.review-page #gaps-section,
body.review-page #conversation-section,
body.review-page #readiness-section,
body.pilot-intake-page .advanced-settings > summary,
body.pilot-intake-page .section-nav,
body.pilot-intake-page #dashboard-guide,
body.pilot-intake-page #first-run-path,
body.pilot-intake-page #create-bot-section,
body.pilot-intake-page #settings-embed-section,
body.pilot-intake-page #knowledge-section,
body.pilot-intake-page #tester-section,
body.pilot-intake-page #recent-questions-section,
body.pilot-intake-page #follow-up-section,
body.pilot-intake-page #gaps-section,
body.pilot-intake-page #review-workbench-section,
body.pilot-intake-page #conversation-section,
body.pilot-intake-page #readiness-section,
body.publish-page .advanced-settings > summary,
body.publish-page .section-nav,
body.publish-page #dashboard-guide,
body.publish-page #first-run-path,
body.publish-page #create-bot-section,
body.publish-page #knowledge-section,
body.publish-page #tester-section,
body.publish-page #recent-questions-section,
body.publish-page #gaps-section,
body.publish-page #conversation-section,
body.publish-page #assistant-settings-panel,
body.conversations-page .advanced-settings > summary,
body.conversations-page .section-nav,
body.conversations-page #dashboard-guide,
body.conversations-page #first-run-path,
body.conversations-page #create-bot-section,
body.conversations-page #settings-embed-section,
body.conversations-page #knowledge-section,
body.conversations-page #tester-section,
body.conversations-page #gaps-section,
body.conversations-page #readiness-section,
body.settings-page .advanced-settings > summary,
body.settings-page .section-nav,
body.settings-page #dashboard-guide,
body.settings-page #first-run-path,
body.settings-page #create-bot-section,
body.settings-page #readiness-section,
body.settings-page #knowledge-section,
body.settings-page #tester-section,
body.settings-page #recent-questions-section,
body.settings-page #gaps-section,
body.settings-page #conversation-section,
body.settings-page #publish-settings-panel,
body.settings-page #embed-section {
  display: none;
}
body.answers-page .advanced-settings-content > section,
body.gaps-page .advanced-settings-content > section,
body.review-page .advanced-settings-content > section,
body.pilot-intake-page .advanced-settings-content > section,
body.publish-page .advanced-settings-content > section,
body.conversations-page .advanced-settings-content > section,
body.settings-page .advanced-settings-content > section {
  display: none;
}
body.answers-page .advanced-settings-content > #admin-connection,
body.answers-page .advanced-settings-content > #bot-selector-section,
body.answers-page .advanced-settings-content > #knowledge-section,
body.answers-page .advanced-settings-content > #tester-section,
body.gaps-page .advanced-settings-content > #admin-connection,
body.gaps-page .advanced-settings-content > #bot-selector-section,
body.gaps-page .advanced-settings-content > #gaps-section,
body.review-page .advanced-settings-content > #admin-connection,
body.review-page .advanced-settings-content > #bot-selector-section,
body.review-page .advanced-settings-content > #review-workbench-section,
body.pilot-intake-page .advanced-settings-content > #admin-connection,
body.pilot-intake-page .advanced-settings-content > #bot-selector-section,
body.pilot-intake-page .advanced-settings-content > #pilot-intake-section,
body.publish-page .advanced-settings-content > #admin-connection,
body.publish-page .advanced-settings-content > #bot-selector-section,
body.publish-page .advanced-settings-content > #readiness-section,
body.publish-page .advanced-settings-content > #settings-embed-section,
body.conversations-page .advanced-settings-content > #admin-connection,
body.conversations-page .advanced-settings-content > #bot-selector-section,
body.conversations-page .advanced-settings-content > #recent-questions-section,
body.conversations-page .advanced-settings-content > #conversation-section,
body.settings-page .advanced-settings-content > #admin-connection,
body.settings-page .advanced-settings-content > #bot-selector-section,
body.settings-page .advanced-settings-content > #settings-embed-section {
  display: block;
}
body.answers-page #tester-section {
  display: grid;
  grid-template-columns: 1fr;
}
body.publish-page #settings-embed-section {
  grid-template-columns: .9fr 1.1fr;
}
body.settings-page #settings-embed-section {
  grid-template-columns: minmax(0, 720px);
}
body.publish-page #publish-settings-panel,
body.publish-page #embed-section {
  margin-bottom: 0;
}
body.publish-page #readiness-section {
  margin-bottom: var(--sa-space-6);
}
body.answers-page #admin-connection,
body.answers-page #bot-selector-section,
body.gaps-page #admin-connection,
body.gaps-page #bot-selector-section,
body.review-page #admin-connection,
body.review-page #bot-selector-section,
body.pilot-intake-page #admin-connection,
body.pilot-intake-page #bot-selector-section,
body.publish-page #admin-connection,
body.publish-page #bot-selector-section,
body.conversations-page #admin-connection,
body.conversations-page #bot-selector-section,
body.settings-page #admin-connection,
body.settings-page #bot-selector-section {
  margin-bottom: var(--sa-space-6);
}
[data-requires].is-disabled {
  opacity: .48;
}
[data-requires].is-disabled :is(input, select, textarea, button) {
  pointer-events: none;
}
[data-requires].is-disabled::after {
  content: attr(data-disabled-message);
  display: block;
  width: fit-content;
  margin-top: var(--sa-space-6);
  border: 1px solid var(--sa-color-border);
  border-radius: var(--sa-radius-pill);
  padding: var(--sa-space-3) 9px;
  color: var(--sa-color-subtle);
  background: var(--sa-color-canvas);
  font-size: var(--sa-font-size-xs);
}
label { display: grid; gap: var(--sa-space-3); font-size: var(--sa-font-size-sm); color: var(--sa-color-subtle); }
select, textarea, input {
  width: 100%;
  border: 1px solid var(--sa-color-border-input);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5);
  font: var(--sa-font-size-md)/var(--sa-line-height-normal) var(--sa-font-sans);
  color: var(--sa-color-text);
  background: var(--sa-color-surface-subtle);
}
textarea { min-height: 86px; resize: vertical; }
.stack, .grid-form { display: grid; gap: var(--sa-space-5); }
.grid-form { grid-template-columns: 1fr 1fr; }
.grid-form button { width: fit-content; }
.inline-form { display: grid; grid-template-columns: 1fr auto; gap: var(--sa-space-4); margin-top: var(--sa-space-5); }
.knowledge-transfer {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--sa-space-5);
  margin-bottom: var(--sa-space-5);
  padding: var(--sa-space-5);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface-subtle);
}
.knowledge-transfer .inline-form {
  grid-template-columns: minmax(220px, 1fr) auto;
  align-items: center;
  margin-top: 0;
}
.import-preview {
  display: grid;
  gap: var(--sa-space-5);
  margin-bottom: var(--sa-space-5);
  padding: var(--sa-space-6);
  border: 1px solid var(--sa-color-border);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-canvas);
}
.import-preview[hidden] { display: none; }
.import-preview-heading {
  display: flex;
  justify-content: space-between;
  gap: var(--sa-space-5);
  align-items: flex-start;
}
.import-preview-heading p { margin: var(--sa-space-2) 0 0; color: var(--sa-color-subtle); }
.import-errors {
  border: 1px solid var(--sa-color-border-warning);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5);
  background: var(--sa-color-surface-warning);
}
.import-errors ul { margin-bottom: 0; }
.import-table {
  display: grid;
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  overflow: hidden;
}
.import-row {
  display: grid;
  grid-template-columns: 1.2fr 1.4fr 92px 1fr;
  gap: var(--sa-space-4);
  padding: var(--sa-space-4);
  border-top: 1px solid var(--sa-color-border-subtle);
}
.import-row:first-child { border-top: 0; }
.import-row.skip {
  color: var(--sa-color-muted);
  background: var(--sa-color-surface-muted);
}
.import-row.conflict {
  border-color: var(--sa-color-border-warning);
  background: var(--sa-color-surface-warning);
}
.import-row.update {
  background: var(--sa-color-surface-success);
}
.import-header {
  color: var(--sa-color-muted);
  background: var(--sa-color-surface-muted);
  font-size: var(--sa-font-size-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: var(--sa-letter-spacing-label);
}
.import-row span { overflow-wrap: anywhere; }
.checklist { margin: 0; padding-left: var(--sa-space-11); display: grid; gap: var(--sa-space-4); color: var(--sa-color-subtle); }
.checklist a {
  display: inline-block;
  padding: var(--sa-space-1) var(--sa-space-3);
  font-size: inherit;
  line-height: inherit;
  vertical-align: baseline;
}
.label-with-help { display: flex; align-items: center; justify-content: space-between; gap: var(--sa-space-4); }
.field-help { position: relative; justify-self: end; }
.field-help summary {
  list-style: none;
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-pill);
  padding: var(--sa-space-2) var(--sa-space-4);
  color: var(--sa-color-text);
  background: var(--sa-color-canvas);
  cursor: pointer;
  font-size: var(--sa-font-size-xs);
}
.field-help summary::-webkit-details-marker { display: none; }
.field-help div {
  position: absolute;
  right: 0;
  top: calc(100% + var(--sa-space-3));
  z-index: 5;
  width: min(420px, calc(100vw - var(--sa-space-10)));
  border: 1px solid var(--sa-color-border);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5);
  color: var(--sa-color-text);
  background: var(--sa-color-surface);
  box-shadow: var(--sa-shadow-md);
}
.field-help p { margin: 0 0 var(--sa-space-4); color: var(--sa-color-subtle); }
.field-help pre {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: var(--sa-font-size-sm)/var(--sa-line-height-normal) var(--sa-font-mono);
  color: var(--sa-color-text-strong);
}
.setup-help { margin: calc(-1 * var(--sa-space-2)) 0 0; color: var(--sa-color-subtle); font-size: var(--sa-font-size-sm); }
.warning-text { color: var(--sa-color-warning); font-weight: 600; }
.setup-boundary {
  position: relative;
  max-width: 720px;
  margin: var(--sa-space-7) 0 0;
  border: 1px solid color-mix(in srgb, var(--sa-color-primary) 34%, var(--sa-color-border-subtle));
  border-left: 6px solid var(--sa-color-primary);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-8) var(--sa-space-7) var(--sa-space-6);
  color: var(--sa-color-text-muted);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--sa-color-primary) 14%, transparent), transparent 58%),
    var(--sa-color-canvas);
  line-height: 1.45;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.setup-boundary::before {
  content: "Setup note";
  position: absolute;
  top: var(--sa-space-3);
  left: var(--sa-space-7);
  color: var(--sa-color-primary);
  font-size: var(--sa-font-size-xs);
  font-weight: 800;
  letter-spacing: var(--sa-letter-spacing-label);
  text-transform: uppercase;
}
.setup-flow[hidden] { display: none; }
.setup-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sa-space-5); }
.setup-wide { grid-column: 1 / -1; }
.guided-input {
  display: grid;
  gap: var(--sa-space-4);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-6);
  background: var(--sa-color-surface-subtle);
}
.guided-input h3 {
  margin: 0 0 var(--sa-space-2);
  font-size: var(--sa-font-size-lg);
}
.guided-input p {
  margin: 0;
  color: var(--sa-color-subtle);
  line-height: 1.45;
}
.prompt-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--sa-space-3) var(--sa-space-8);
  margin: 0;
  padding-left: var(--sa-space-9);
  color: var(--sa-color-subtle);
  font-size: var(--sa-font-size-sm);
  line-height: 1.45;
}
.setup-result {
  display: grid;
  gap: var(--sa-space-6);
  margin-top: var(--sa-space-8);
}
.setup-result[hidden] { display: none; }
.setup-preview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sa-space-6);
}
.setup-panel {
  display: grid;
  gap: var(--sa-space-5);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface-subtle);
  padding: var(--sa-space-6);
}
.setup-panel textarea { font-family: var(--sa-font-mono); min-height: 150px; }
.setup-progress {
  max-width: 420px;
  margin: var(--sa-space-6) 0 var(--sa-space-6);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5) var(--sa-space-6);
  background: var(--sa-color-surface-subtle);
}
.setup-progress strong {
  display: block;
  margin-bottom: var(--sa-space-3);
  font-size: var(--sa-font-size-sm);
}
.setup-progress ul {
  display: grid;
  gap: var(--sa-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.setup-progress li {
  color: var(--sa-color-subtle);
  font-size: var(--sa-font-size-sm);
  line-height: 1.35;
}
.setup-progress li::before {
  content: " ";
  display: inline-block;
  width: 1.15em;
}
.setup-progress .is-current {
  color: var(--sa-color-text-strong);
  font-weight: 700;
}
.setup-progress .is-current::before { content: "Next: "; width: auto; }
.setup-progress .is-complete::before { content: "\2713"; color: var(--sa-status-success); }
.setup-progress .needs-attention::before { content: "!"; color: var(--sa-color-warning); font-weight: 700; }
.setup-summary {
  margin: 0;
  background: var(--sa-color-canvas);
}
.setup-summary .is-current::before { content: ""; }
.setup-complete-heading p {
  max-width: 720px;
  color: var(--sa-color-subtle);
  line-height: 1.5;
}
.setup-next-step {
  display: grid;
  gap: var(--sa-space-2);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface-subtle);
  padding: var(--sa-space-6);
}
.setup-next-step h3 { margin: 0; }
.setup-next-step p {
  margin: 0;
  color: var(--sa-color-subtle);
  line-height: 1.45;
}
.setup-next-actions {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: start;
  gap: var(--sa-space-4);
}
.setup-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 1px solid var(--sa-color-primary);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5) var(--sa-space-6);
  font-weight: 700;
  text-align: center;
}
.setup-action.primary-action {
  color: var(--sa-color-primary-contrast);
  background: var(--sa-color-primary);
}
.setup-action.secondary-action,
.setup-action.tertiary-action {
  color: var(--sa-color-text-strong);
  background: var(--sa-color-surface);
}
.setup-action.tertiary-action {
  border-color: var(--sa-color-border-subtle);
  color: var(--sa-color-subtle);
}
.setup-preview-hint {
  margin: calc(-1 * var(--sa-space-2)) 0 0;
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-sm);
}
.embed-panel { display: grid; gap: var(--sa-space-5); }
.embed-panel textarea { min-height: 132px; font-family: var(--sa-font-mono); }
.embed-panel button.is-copied {
  background: var(--sa-status-success);
}
.embed-meta { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sa-space-4); }
.embed-meta div {
  display: grid;
  gap: var(--sa-space-2);
  min-width: 0;
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface-subtle);
  padding: var(--sa-space-5);
}
.embed-meta span { color: var(--sa-color-muted); font-size: var(--sa-font-size-xs); text-transform: uppercase; letter-spacing: var(--sa-letter-spacing-label); }
.embed-meta strong { overflow-wrap: anywhere; }
.embed-warning, .install-notes {
  border: 1px solid var(--sa-color-border-warning);
  border-left: 4px solid var(--sa-color-warning);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface-warning);
  padding: var(--sa-space-5) var(--sa-space-6);
}
.embed-warning.ready {
  border-color: var(--sa-color-border);
  border-left-color: var(--sa-color-primary);
  background: var(--sa-color-canvas);
}
.embed-warning p, .embed-warning ul, .install-notes ul { margin: var(--sa-space-3) 0 0; }
.embed-warning ul, .install-notes ul { padding-left: var(--sa-space-10); }
.embed-warning li, .install-notes li { margin: var(--sa-radius-xs) 0; color: var(--sa-color-subtle); font-size: var(--sa-font-size-sm); line-height: 1.4; }
.install-notes {
  border-color: var(--sa-color-border-subtle);
  border-left-color: var(--sa-status-neutral);
  background: var(--sa-color-surface-subtle);
}
.embed-preview-panel,
.install-checklist,
.plain-html-example,
.embed-help-note,
.embed-troubleshooting {
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface-subtle);
  padding: var(--sa-space-6);
}
.embed-preview-panel {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: var(--sa-space-6);
  align-items: start;
  border-left: 5px solid var(--sa-color-primary);
}
.embed-preview-panel h3,
.install-checklist h3,
.embed-help-note h3,
.embed-troubleshooting h3 {
  margin: 0 0 var(--sa-space-3);
}
.plain-html-example summary {
  color: var(--sa-color-text-strong);
  cursor: pointer;
  font-weight: 800;
}
.embed-preview-panel p,
.embed-help-note p {
  margin: 0;
  color: var(--sa-color-subtle);
  line-height: 1.45;
}
.embed-preview-label {
  margin-top: var(--sa-space-3) !important;
  color: var(--sa-color-muted) !important;
  font-size: var(--sa-font-size-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: var(--sa-letter-spacing-label);
}
.embed-preview-note-inline {
  margin-top: var(--sa-space-3) !important;
  font-size: var(--sa-font-size-sm);
}
.embed-preview-status {
  display: grid;
  gap: var(--sa-space-3);
}
.embed-preview-status div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--sa-space-4);
}
.embed-preview-status span {
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-sm);
}
.embed-preview-note {
  grid-column: 1 / -1;
  border-top: 1px solid var(--sa-color-border-subtle);
  padding-top: var(--sa-space-4);
  font-size: var(--sa-font-size-sm);
}
.install-checklist ol {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--sa-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: install-steps;
}
.install-checklist li {
  counter-increment: install-steps;
  display: grid;
  gap: var(--sa-space-3);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-canvas);
  padding: var(--sa-space-5);
  color: var(--sa-color-subtle);
  font-size: var(--sa-font-size-sm);
  line-height: 1.35;
}
.install-checklist li::before {
  content: counter(install-steps);
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: var(--sa-color-primary-contrast);
  background: var(--sa-color-primary);
  font-weight: 800;
}
.plain-html-example pre {
  margin: var(--sa-space-5) 0 0;
  overflow: auto;
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-canvas);
  padding: var(--sa-space-5);
}
.plain-html-example code {
  display: block;
  border: 0;
  padding: 0;
  background: transparent;
  white-space: pre;
}
.embed-help-note ul {
  display: grid;
  gap: var(--sa-space-3);
  margin: 0;
  padding-left: var(--sa-space-10);
  color: var(--sa-color-subtle);
  font-size: var(--sa-font-size-sm);
  line-height: 1.45;
}
.embed-troubleshooting ul {
  display: grid;
  gap: var(--sa-space-2);
  margin: 0;
  padding-left: var(--sa-space-10);
  color: var(--sa-color-subtle);
  font-size: var(--sa-font-size-sm);
  line-height: 1.4;
}
.filters {
  display: flex;
  align-items: center;
  gap: var(--sa-space-4);
  margin: var(--sa-space-5) 0 var(--sa-space-7);
}
.filters > select { flex: 0 0 180px; }
.filters > input { flex: 1 1 260px; min-width: 0; }
.answer { margin-top: var(--sa-space-6); padding: var(--sa-space-6); min-height: 160px; background: var(--sa-color-canvas); border-radius: var(--sa-radius-sm); white-space: pre-wrap; }
.status { border-radius: var(--sa-radius-pill); color: var(--sa-color-text-strong); background: var(--sa-status-neutral); padding: var(--sa-space-2) 9px; font-size: var(--sa-font-size-xs); }
.status.connected { color: var(--sa-color-bg); background: var(--sa-status-success); }
.status.partial { color: var(--sa-color-bg); background: var(--sa-status-warning); }
.status.disconnected { background: var(--sa-status-danger); }
.readiness-panel { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sa-space-6); }
.ready-to-embed {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--sa-space-8);
  border: 1px solid var(--sa-color-primary);
  border-left: 6px solid var(--sa-color-primary);
  border-radius: var(--sa-radius-md);
  padding: var(--sa-space-7);
  background: var(--sa-color-canvas);
  box-shadow: var(--sa-shadow-md);
}
.ready-to-embed strong {
  display: block;
  margin-bottom: var(--sa-space-2);
  color: var(--sa-color-text-strong);
  font-size: var(--sa-font-size-lg);
}
.ready-to-embed p {
  margin: 0;
  color: var(--sa-color-subtle);
  line-height: 1.45;
}
.readiness-check {
  display: grid;
  gap: var(--sa-space-3);
  min-height: 118px;
  border: 1px solid var(--sa-color-border-subtle);
  border-left: 4px solid var(--sa-color-warning);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface-subtle);
  padding: var(--sa-space-6);
  color: var(--sa-color-text);
  text-decoration: none;
}
.readiness-check:hover {
  border-color: var(--sa-color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sa-color-primary) 22%, transparent);
}
.readiness-check.ready { border-left-color: var(--sa-color-primary); }
.readiness-check.needs-work { background: var(--sa-color-surface-warning); }
.readiness-check strong { font-size: var(--sa-font-size-md); }
.readiness-check span { color: var(--sa-color-muted); font-size: var(--sa-font-size-xs); text-transform: uppercase; letter-spacing: var(--sa-letter-spacing-label); }
.readiness-check p { margin: 0; color: var(--sa-color-subtle); font-size: var(--sa-font-size-sm); line-height: 1.4; overflow-wrap: anywhere; }
.launch-readiness-hero,
.launch-check-group,
.publish-panel {
  grid-column: 1 / -1;
}
.launch-readiness-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--sa-space-7);
  align-items: center;
  border: 1px solid var(--sa-color-border-warning);
  border-left: 6px solid var(--sa-color-warning);
  border-radius: var(--sa-radius-md);
  background: var(--sa-color-surface-warning);
  padding: var(--sa-space-7);
}
.launch-readiness-hero.ready {
  border-color: var(--sa-color-primary);
  border-left-color: var(--sa-color-primary);
  background: var(--sa-color-canvas);
}
.launch-readiness-hero strong {
  display: block;
  margin-bottom: var(--sa-space-2);
  color: var(--sa-color-text-strong);
  font-size: var(--sa-font-size-xl);
}
.launch-readiness-hero p {
  margin: 0;
  color: var(--sa-color-subtle);
  line-height: 1.45;
}
.launch-readiness-counts {
  display: grid;
  grid-template-columns: repeat(3, minmax(96px, 1fr));
  gap: var(--sa-space-4);
}
.launch-readiness-counts div {
  display: grid;
  gap: var(--sa-space-2);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface);
  padding: var(--sa-space-5);
}
.launch-readiness-counts span {
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-xs);
  text-transform: uppercase;
  letter-spacing: var(--sa-letter-spacing-label);
}
.launch-readiness-counts strong {
  margin: 0;
  font-size: var(--sa-font-size-lg);
}
.launch-check-group {
  display: grid;
  gap: var(--sa-space-4);
}
.launch-check-group h3,
.publish-panel h3 {
  margin: 0;
}
.launch-check-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--sa-space-4);
}
.launch-check {
  min-height: 142px;
}
.launch-check em {
  align-self: end;
  color: var(--sa-color-text-strong);
  font-size: var(--sa-font-size-sm);
  font-style: normal;
  font-weight: 800;
}
.launch-check.severity-blocker.needs-work {
  border-left-color: var(--sa-color-danger);
  background: var(--sa-color-surface-danger);
}
.launch-check.severity-warning.needs-work {
  border-left-color: var(--sa-color-warning);
  background: var(--sa-color-surface-warning);
}
.launch-check.severity-info.needs-work {
  border-left-color: var(--sa-status-neutral);
  background: var(--sa-color-surface-subtle);
}
.publish-install-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: var(--sa-space-6);
}
.publish-panel {
  display: grid;
  gap: var(--sa-space-5);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface-subtle);
  padding: var(--sa-space-6);
}
.embed-meta.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.publish-panel textarea {
  min-height: 132px;
  font-family: var(--sa-font-mono);
}
.launch-test-list {
  display: grid;
  gap: var(--sa-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.launch-test-list li {
  display: grid;
  gap: var(--sa-space-2);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-canvas);
  padding: var(--sa-space-5);
}
.launch-test-list span {
  color: var(--sa-color-subtle);
  font-size: var(--sa-font-size-sm);
  line-height: 1.4;
}
.launch-warnings {
  grid-column: 1 / -1;
}
.first-run-path {
  background: var(--sa-color-surface-subtle);
}
.path-panel {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--sa-space-4);
}
.path-step {
  display: grid;
  gap: var(--sa-space-2);
  min-height: 118px;
  align-content: start;
  border: 1px solid var(--sa-color-border-subtle);
  border-left: 4px solid var(--sa-status-neutral);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5);
  color: var(--sa-color-text);
  background: var(--sa-color-canvas);
}
.path-step span {
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--sa-letter-spacing-label);
}
.path-step strong { line-height: 1.25; }
.path-step p {
  margin: 0;
  color: var(--sa-color-subtle);
  font-size: var(--sa-font-size-sm);
  line-height: 1.35;
}
.path-step.is-complete { border-left-color: var(--sa-status-success); }
.path-step.is-current {
  border-left-color: var(--sa-color-primary);
  background: var(--sa-color-surface);
}
.helper-panel, .empty-state, .linked-gap {
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface-subtle);
  padding: var(--sa-space-5) var(--sa-space-6);
}
.helper-panel {
  display: grid;
  gap: var(--sa-space-4);
  margin-bottom: var(--sa-space-6);
}
.helper-panel ol {
  margin: 0;
  padding-left: var(--sa-space-9);
  color: var(--sa-color-subtle);
  font-size: var(--sa-font-size-sm);
  line-height: 1.45;
}
.empty-state {
  display: grid;
  gap: var(--sa-space-4);
  min-height: 136px;
  align-content: center;
}
.empty-state strong {
  color: var(--sa-color-text-strong);
  font-size: var(--sa-font-size-lg);
}
.empty-state p {
  margin: 0;
  color: var(--sa-color-subtle);
  font-size: var(--sa-font-size-sm);
  line-height: 1.45;
  max-width: 620px;
}
.empty-state-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sa-space-4);
  margin-top: var(--sa-space-2);
}
.metrics { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sa-space-6); }
.metrics div { background: var(--sa-color-canvas); border-radius: var(--sa-radius-sm); padding: var(--sa-space-6); }
.metrics strong { display: block; font-size: 24px; }
.metrics span { color: var(--sa-color-muted); font-size: var(--sa-font-size-sm); }
.list { display: grid; gap: var(--sa-space-4); margin-bottom: var(--sa-space-5); }
.list-row, .recent-row {
  background: var(--sa-color-surface-subtle);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5);
}
.recent-row div { display: grid; gap: var(--sa-space-1); }
.recent-row.fallback, .conversation-row.fallback, .message-row.fallback, .gap-card.new { border-color: var(--sa-color-border-danger); background: var(--sa-color-surface-danger); }
.recent-row span, .list-row span { color: var(--sa-color-muted); font-size: var(--sa-font-size-sm); }
.recent-gap-action {
  color: var(--sa-color-text-strong);
  background: var(--sa-color-surface-warning);
  border: 1px solid var(--sa-color-border-warning);
}
.knowledge-list, .knowledge-group, .knowledge-group-list, .follow-up-list { display: grid; gap: var(--sa-space-6); }
.knowledge-group h3 { margin-top: 0; }
.knowledge-card,
.follow-up-card {
  display: grid;
  gap: var(--sa-space-5);
  padding: var(--sa-space-7);
  border: 1px solid var(--sa-color-border);
  border-radius: var(--sa-radius-md);
  background: var(--sa-color-surface-raised);
}
.knowledge-card.inactive { opacity: .72; }
.follow-up-card.closed { opacity: .75; }
.follow-up-contact {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sa-space-3);
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-sm);
}
.follow-up-contact a,
.follow-up-contact span {
  width: fit-content;
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-2) var(--sa-space-4);
  color: var(--sa-color-text);
  background: var(--sa-color-surface-subtle);
}
.status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: var(--sa-radius-pill);
  padding: var(--sa-space-1) var(--sa-space-5);
  font-size: var(--sa-font-size-xs);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: var(--sa-letter-spacing-label);
}
.status-badge.approved,
.status-badge.ready {
  color: var(--sa-color-primary-contrast);
  background: var(--sa-status-success);
}
.status-badge.draft,
.status-badge.pending {
  color: var(--sa-color-text-strong);
  background: var(--sa-status-neutral);
}
.status-badge.warning {
  color: var(--sa-color-primary-contrast);
  background: var(--sa-status-warning);
}
.status-badge.danger {
  color: var(--sa-color-text-strong);
  background: var(--sa-status-danger);
}
.item-updated {
  display: inline-block;
  margin-left: var(--sa-space-3);
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-xs);
}
.tag-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--sa-space-2);
}
.tag {
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-pill);
  padding: var(--sa-space-1) var(--sa-space-4);
  color: var(--sa-color-text-muted);
  background: var(--sa-color-surface-subtle);
  font-size: var(--sa-font-size-xs);
}
.muted-inline {
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-xs);
}
.answer-preview {
  display: grid;
  gap: var(--sa-space-2);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5);
  background: var(--sa-color-canvas);
}
.answer-preview p {
  margin: 0;
  color: var(--sa-color-subtle);
  font-size: var(--sa-font-size-sm);
  line-height: 1.45;
}
.linked-gap {
  display: grid;
  gap: var(--sa-space-2);
  border-left: 4px solid var(--sa-color-warning);
}
.linked-gap.resolved {
  border-left-color: var(--sa-status-success);
  background: var(--sa-color-canvas);
}
.linked-gap span {
  color: var(--sa-color-subtle);
  font-size: var(--sa-font-size-sm);
}
.gap-list { display: grid; gap: var(--sa-space-6); }
.gap-summary {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: var(--sa-space-4);
  margin: 0 0 var(--sa-space-7);
}
.gap-summary button {
  display: grid;
  gap: 2px;
  justify-items: start;
  min-height: 64px;
  color: var(--sa-color-text);
  background: var(--sa-color-surface-subtle);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5);
  text-align: left;
}
.gap-summary button[aria-pressed="true"], .conversation-row.is-selected, .review-row.is-selected {
  border-color: var(--sa-color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sa-color-primary) 26%, transparent);
}
.gap-summary strong { font-size: 20px; }
.gap-summary span { color: var(--sa-color-muted); font-size: var(--sa-font-size-xs); text-transform: capitalize; }
.gap-card {
  display: grid;
  gap: var(--sa-space-5);
  padding: var(--sa-space-7);
  border: 1px solid var(--sa-color-border);
  border-radius: var(--sa-radius-md);
  background: var(--sa-color-surface-raised);
}
.gap-card .card-title strong {
  text-transform: capitalize;
}
.gap-card:has(.pill) {
  border-left: 5px solid var(--sa-color-warning);
}
.gap-card p { margin: 0; }
.gap-card span { color: var(--sa-color-muted); font-size: var(--sa-font-size-sm); }
.gap-card.resolved, .gap-card.ignored { opacity: .72; }
.gap-card.is-highlighted,
.knowledge-card.is-highlighted,
.review-linked-answer.is-highlighted {
  border-color: var(--sa-color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--sa-color-primary) 28%, transparent);
}
.pill {
  display: inline-block;
  margin-left: var(--sa-space-4);
  border: 1px solid var(--sa-color-border-warning);
  border-radius: var(--sa-radius-pill);
  padding: var(--sa-space-1) 7px;
  background: var(--sa-color-surface-warning);
}
.checkbox { display: flex; grid-template-columns: auto 1fr; align-items: center; gap: var(--sa-space-4); }
.checkbox input { width: auto; }
.note { color: var(--sa-color-muted); font-size: var(--sa-font-size-sm); margin: var(--sa-space-5) 0 0; }
.note.success { color: var(--sa-color-primary); }
.note.warning { color: var(--sa-color-warning); }
.dashboard-status {
  min-height: 1.4em;
  margin: var(--sa-space-5) 0 0;
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-sm);
}
.dashboard-status.success { color: var(--sa-color-primary); }
.dashboard-status.warning { color: var(--sa-color-warning); }
.dashboard-status.error { color: var(--sa-color-danger); }
.toast-bar {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: var(--sa-space-4) var(--sa-space-7);
  border-radius: var(--sa-radius-sm);
  margin-bottom: var(--sa-space-6);
  font-size: var(--sa-font-size-sm);
  font-weight: 600;
  color: var(--sa-color-text-strong);
  background: var(--sa-color-surface);
  border: 1px solid var(--sa-color-border);
  box-shadow: var(--sa-shadow-md);
}
.toast-bar.success {
  color: var(--sa-color-primary);
  border-color: var(--sa-color-primary);
  background: var(--sa-color-canvas);
}
.toast-bar.warning {
  color: var(--sa-color-text-strong);
  border-color: var(--sa-color-border-warning);
  background: var(--sa-color-surface-warning);
}
.toast-bar.error {
  color: var(--sa-color-text-strong);
  border-color: var(--sa-color-border-danger);
  background: var(--sa-color-surface-danger);
}
.toast-bar[hidden] { display: none; }
.selected-assistant-ribbon {
  position: sticky;
  top: var(--sa-space-4);
  z-index: 40;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sa-space-3);
  margin: 0 0 var(--sa-space-7);
  padding: var(--sa-space-4) var(--sa-space-6);
  border: 1px solid var(--sa-color-border-success);
  border-left: 5px solid var(--sa-color-primary);
  border-radius: var(--sa-radius-sm);
  color: var(--sa-color-text-strong);
  background: color-mix(in srgb, var(--sa-color-surface-success) 86%, transparent);
  box-shadow: var(--sa-shadow-md);
  backdrop-filter: blur(10px);
}
.selected-assistant-ribbon[hidden] { display: none; }
.selected-assistant-ribbon span {
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-xs);
  font-weight: 700;
  letter-spacing: var(--sa-letter-spacing-label);
  text-transform: uppercase;
}
.selected-assistant-ribbon strong {
  font-size: var(--sa-font-size-md);
  overflow-wrap: anywhere;
}
.selected-assistant-ribbon em {
  border: 1px solid var(--sa-color-border-warning);
  border-radius: var(--sa-radius-pill);
  padding: var(--sa-space-1) var(--sa-space-3);
  color: var(--sa-color-text-strong);
  background: var(--sa-color-surface-warning);
  font-size: var(--sa-font-size-xs);
  font-style: normal;
  font-weight: 700;
}
.review-layout,
.conversation-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: var(--sa-space-8); }
.review-list {
  display: grid;
  align-content: start;
  gap: var(--sa-space-4);
}
.review-row {
  width: 100%;
  display: grid;
  gap: var(--sa-space-2);
  min-height: 106px;
  text-align: left;
  color: var(--sa-color-text);
  background: var(--sa-color-surface-subtle);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5);
}
.review-row span,
.review-row small {
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-sm);
  line-height: 1.35;
}
.review-detail {
  display: grid;
  align-content: start;
  gap: var(--sa-space-6);
  min-height: 420px;
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-md);
  padding: var(--sa-space-7);
  background: var(--sa-color-canvas);
}
.review-detail-heading,
.review-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--sa-space-4);
}
.review-question h3 {
  margin-top: 0;
  font-size: var(--sa-font-size-lg);
}
.review-question p {
  margin-bottom: var(--sa-space-3);
  color: var(--sa-color-subtle);
  line-height: 1.45;
}
.review-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sa-space-4);
}
.review-meta div,
.review-follow-up,
.review-linked-answer,
.review-context {
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5);
  background: var(--sa-color-surface-subtle);
}
.review-meta span,
.review-linked-answer span {
  display: block;
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-xs);
}
.review-meta strong,
.review-linked-answer p {
  margin: var(--sa-space-1) 0 0;
  overflow-wrap: anywhere;
}
.review-follow-up p {
  color: var(--sa-color-subtle);
  line-height: 1.45;
}
.review-context {
  display: grid;
  gap: var(--sa-space-4);
}
.review-actions {
  justify-content: flex-start;
}
.conversation-row {
  width: 100%;
  display: grid;
  gap: var(--sa-space-2);
  text-align: left;
  color: var(--sa-color-text);
  background: var(--sa-color-surface-subtle);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5);
}
.conversation-row span, .message-row span, .transcript-meta span { color: var(--sa-color-muted); font-size: var(--sa-font-size-sm); }
.conversation-row.resolved,
.message-row.resolved {
  border-color: var(--sa-color-border-success);
  background: var(--sa-color-surface-success);
}
.conversation-gap-status {
  display: inline-flex;
  align-items: center;
  gap: var(--sa-space-3);
  justify-self: start;
  max-width: 100%;
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-2) var(--sa-space-4);
  font-weight: 700;
  line-height: var(--sa-line-height-tight);
  overflow-wrap: anywhere;
}
.conversation-gap-status::before {
  content: "";
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: var(--sa-radius-pill);
  background: var(--sa-status-neutral);
}
.conversation-gap-status.open {
  color: var(--sa-color-text-strong);
  background: var(--sa-color-surface-warning);
  border-color: var(--sa-color-border-warning);
}
.conversation-gap-status.open::before {
  background: var(--sa-status-warning);
}
.conversation-gap-status.resolved {
  color: var(--sa-color-text-strong);
  background: color-mix(in srgb, var(--sa-status-success) 16%, var(--sa-color-surface-subtle));
  border-color: color-mix(in srgb, var(--sa-status-success) 56%, var(--sa-color-border));
}
.conversation-gap-status.resolved::before {
  background: var(--sa-status-success);
}
.transcript { display: grid; gap: var(--sa-space-5); }
.transcript-meta, .message-row {
  background: var(--sa-color-surface-subtle);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  padding: var(--sa-space-5);
}
.message-row { display: grid; gap: var(--sa-space-3); }
.message-row p { margin: 0; white-space: pre-wrap; }
.debug-info summary {
  list-style: none;
  display: inline-block;
  font-size: var(--sa-font-size-xs);
  color: var(--sa-color-muted);
  cursor: pointer;
  padding: var(--sa-space-1) 0;
}
.debug-info summary::-webkit-details-marker { display: none; }
.debug-info span { display: block; margin-top: var(--sa-space-2); color: var(--sa-color-muted); font-size: var(--sa-font-size-xs); font-family: var(--sa-font-mono); }
.message-row.assistant { margin-left: var(--sa-space-10); }
.message-row.user { margin-right: var(--sa-space-10); }
.import-preview-table {
  display: grid;
  gap: var(--sa-space-4);
  margin-top: var(--sa-space-5);
}
.import-preview-row {
  display: grid;
  gap: var(--sa-space-2);
  border: 1px solid var(--sa-color-border-subtle);
  border-radius: var(--sa-radius-sm);
  background: var(--sa-color-surface-subtle);
  padding: var(--sa-space-4);
}
.import-preview-row p {
  margin: 0;
  white-space: pre-wrap;
}
.import-preview-row span {
  color: var(--sa-color-muted);
  font-size: var(--sa-font-size-sm);
}
@media (max-width: 1080px) {
  .launch-check-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .publish-install-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  header, .toolbar, .grid, .grid-form, .inline-form, .knowledge-transfer, .knowledge-transfer .inline-form, .section-title, .actions, .list-row, .recent-row, .review-layout, .review-meta, .conversation-layout, .readiness-panel, .gap-summary, .embed-meta, .embed-preview-panel, .install-checklist ol, .setup-grid, .setup-preview, .setup-next-actions, .prompt-list, .path-panel, .overview-hero, .overview-metrics, .overview-actions, .import-preview-heading, .import-row, .launch-readiness-hero, .launch-readiness-counts, .launch-check-list, .publish-install-grid, .embed-meta.compact {
    grid-template-columns: 1fr;
    display: grid;
    align-items: stretch;
  }
  .header-actions {
    display: flex;
    justify-content: flex-start;
  }
}