/* Final step-mode surface tokens. Workflow, dimensions and motion remain owned by
   their existing components; conversation mode intentionally keeps its styling. */
.aim-page:not(.conversation-mode) {
  --step-border:#e2e8e4;
  --step-border-soft:#eef1ef;
  --step-ink:#293d31;
  --step-muted:#728077;
  --step-cta-border:var(--step-border);
  --step-cta-green:#137c47;
  --step-space-heading:10px;
  --step-space-description:8px;
  --step-space-section:18px;
  --step-space-support:14px;
  --step-surface-radius:14px;
  --step-control-radius:8px;
  --ai-border:var(--step-border);
  --ai-green:var(--step-cta-green);
  --ai-modal-radius:16px;
}
.aim-page:not(.conversation-mode) :is(.aim-channel-bar,.aim-workflow-bar,.workflow-footer) {border-color:var(--step-border-soft)}
.aim-page:not(.conversation-mode) .aim-channel-tabs .aim-channel-button,
.aim-page:not(.conversation-mode) :is(#ai-text-mode,#ai-kakao-mode) {border-color:var(--step-border);border-radius:var(--step-control-radius);box-shadow:none}
.aim-page:not(.conversation-mode) .aim-channel-tabs .aim-channel-button[aria-pressed="true"] {border-color:#92bca4}
.aim-page:not(.conversation-mode) #workflow-steps button[data-state="complete"] {color:#7b9183}
.aim-page:not(.conversation-mode) #workflow-steps button[data-state="complete"] small {color:#849087}
.aim-page:not(.conversation-mode) #workflow-steps button[aria-current="step"] {color:var(--step-cta-green)}
.aim-page:not(.conversation-mode) .composer-title {font-size:24px;line-height:1.4;font-weight:600;color:var(--step-ink)}
.aim-page:not(.conversation-mode) :is(.composer-sub,#workflow-help) {color:var(--step-muted);font-size:13px;line-height:1.6}
.aim-page:not(.conversation-mode) :is(.aim-eyebrow,.aim-section-title strong,.aim-context-details>summary) {font-weight:500;color:#586a5e}
.aim-page:not(.conversation-mode) .aim-context-details>summary>span {display:none}
.aim-page:not(.conversation-mode) .aim-empty {background:#fff;border-color:var(--step-border);border-radius:var(--step-surface-radius);padding:16px 18px;box-shadow:none}
.aim-page:not(.conversation-mode) .aim-empty h2 {color:var(--step-ink);font-weight:600;font-size:18px;line-height:1.5}
.aim-page:not(.conversation-mode) .aim-empty p {color:var(--step-muted)}
.aim-page:not(.conversation-mode) .aim-context>[data-focus] {border-color:var(--step-border-soft);border-radius:0;padding:10px 0;box-shadow:none}
.aim-page:not(.conversation-mode) .aim-context strong {color:#405347;font-weight:500}
.aim-page:not(.conversation-mode) :is(.aim-context-label,.aim-context small) {color:var(--step-muted);font-weight:400}
.aim-page:not(.conversation-mode) #ai-workflow #workflow-completed {gap:4px 10px}
.aim-page:not(.conversation-mode) #ai-workflow {--step-border:#e2e8e4;--step-border-soft:#eef1ef;--step-muted:#728077}
.aim-page:not(.conversation-mode) #ai-workflow #workflow-completed button {background:transparent;border:0;padding:4px 0;border-radius:0;color:#7b887f;box-shadow:none}
.aim-page:not(.conversation-mode) #ai-workflow #workflow-completed button:hover {background:#f7f9f8;color:#586d60}
.aim-page:not(.conversation-mode) #ai-workflow :is(.workflow-facts,.workflow-audience-card,.workflow-review-summary,.workflow-fields,#workflow-live-work,#draft-result) {border-color:var(--step-border);border-radius:var(--step-surface-radius);box-shadow:none}
.aim-page:not(.conversation-mode) #ai-workflow :is(.workflow-fields,#workflow-ab,#workflow-fallback) {background:transparent;border:0;border-top:1px solid var(--step-border-soft);border-radius:0;padding:14px 0}
.aim-page:not(.conversation-mode) #ai-workflow :is(.workflow-facts dt,.workflow-note,#workflow-data-note,#workflow-live-intent,#workflow-live-note) {color:var(--step-muted)}
.aim-page:not(.conversation-mode) #ai-workflow :is(.workflow-facts dd,#workflow-review-summary strong) {color:var(--step-ink);font-weight:500}
.aim-page:not(.conversation-mode) #ai-workflow .workflow-facts>div {border-color:var(--step-border-soft)}
.aim-page:not(.conversation-mode) #ai-workflow :is(.workflow-ai-source,.workflow-live-head>span) {background:#f5f8f6;color:#698272;font-weight:400}
.aim-page:not(.conversation-mode) #ai-workflow #workflow-live-work {background:#fff;padding:16px 18px}
.aim-page:not(.conversation-mode) #ai-workflow #workflow-live-output {color:var(--step-ink)}
.aim-page:not(.conversation-mode) #ai-workflow #workflow-live-output strong {font-weight:600}
.aim-page:not(.conversation-mode) #ai-workflow [data-workflow-pane="0"]>.workflow-note {display:none}
.aim-page:not(.conversation-mode) #ai-workflow :is(input:not([type="checkbox"]),select,textarea) {border-color:var(--step-border);border-radius:var(--step-control-radius)}
.aim-page:not(.conversation-mode) #ai-workflow :is(input:not([type="checkbox"]),select,textarea):focus {border-color:#6ba282}
.aim-page:not(.conversation-mode) .aim-main-grid .aim-preview-panel .right-card {border-color:var(--step-border);border-radius:var(--step-surface-radius);box-shadow:none}
.aim-page:not(.conversation-mode) .aim-preview-panel #preview-title {font-size:18px;font-weight:600;color:#405347;line-height:1.4}
.aim-page:not(.conversation-mode) .aim-preview-panel #preview-description {font-size:12px;color:var(--step-muted);margin:8px 0 16px}
.aim-page:not(.conversation-mode) .aim-preview-panel :is(.aim-recipient-shortcuts button,.aim-preview-label select) {border-color:var(--step-border);border-radius:var(--step-control-radius);box-shadow:none}
.aim-page:not(.conversation-mode) .aim-preview-panel .aim-recipient-shortcuts button[aria-pressed="true"] {border-color:#92bca4}
.aim-page:not(.conversation-mode) :is(.composer-channel-badge,#step-preview-chips>span,.workflow-audience-card>span) {background:#f4f7f5;color:#668071;border-color:var(--step-border);font-weight:500}
.aim-page:not(.conversation-mode) #workflow-empty-preview {background:transparent;border:0}
.aim-page:not(.conversation-mode) .workflow-empty-surface {background:transparent;color:var(--step-muted)}
.aim-page:not(.conversation-mode) #workflow-final {border-color:var(--step-border);border-radius:var(--step-surface-radius);box-shadow:none}
.aim-page:not(.conversation-mode) #workflow-final .workflow-final-row {border-color:var(--step-border-soft)}
.aim-page:not(.conversation-mode) #workflow-confirm {border-color:var(--step-border);border-radius:16px}
.aim-page:not(.conversation-mode) #workflow-confirm :is(header,footer,.send-result-metrics,.send-validation-results) {border-color:var(--step-border)}
.aim-page:not(.conversation-mode) #workflow-confirm .send-validation-result {border-color:var(--step-border-soft)}
.aim-page:not(.conversation-mode) #workflow-confirm .send-validation-result strong {font-weight:500}
.aim-page:not(.conversation-mode) #workflow-confirm :is(.send-approval-note,.send-result-total,.send-validation-details>summary) {color:var(--step-muted)}
.aim-page:not(.conversation-mode) #workflow-confirm[data-result-state="pending"] .send-result-icon {animation:none!important}
.aim-page:not(.conversation-mode) #workflow-confirm :is(.top-button,.next-button) {border-radius:var(--step-control-radius);box-shadow:none}
.aim-page:not(.conversation-mode) #workflow-confirm .top-button {border-color:var(--step-border)}
.aim-page:not(.conversation-mode) #workflow-confirm .send-sim-scene {background:#f7f9f8;color:#62786a;border:1px solid var(--step-border);border-radius:var(--step-surface-radius);filter:none}
.aim-page:not(.conversation-mode) #workflow-confirm :is(.send-sim-source,.send-sim-channel,.send-sim-target) {background:#fff;border-color:var(--step-border);color:#617568;font-weight:500;box-shadow:none}
.aim-page:not(.conversation-mode) #workflow-confirm .send-sim-target span {color:var(--step-muted)}
.aim-page:not(.conversation-mode) #workflow-confirm .send-sim-track {background:#dbe5de}
.aim-page:not(.conversation-mode) #workflow-confirm .send-sim-metrics {background:transparent;border:0;border-top:1px solid var(--step-border-soft);border-radius:0;padding:16px 0;box-shadow:none}
.aim-page:not(.conversation-mode) #workflow-confirm .send-sim-metrics dd {color:var(--step-ink);font-weight:600}
/* Keep the existing scroll ownership and sticky offsets at every breakpoint. */
.aim-page:not(.conversation-mode) :is(.workflow-stage-body,.aim-preview-scroll,.workflow-confirm-body) {scroll-padding-block:16px}
@media(max-width:740px) {
  .aim-page:not(.conversation-mode) :is(#workflow-live-work,.aim-empty) {padding:14px}
  .aim-page:not(.conversation-mode) .aim-preview-panel .right-card {padding:16px}
}

/* Human review is a static preparation summary. System findings stay in verification. */
.aim-page:not(.conversation-mode) #ai-workflow[data-phase="5"] #workflow-final {animation:none}
.aim-page:not(.conversation-mode) #ai-workflow #workflow-final-state[hidden],
.aim-page:not(.conversation-mode) #ai-workflow[data-phase="5"] #workflow-issues {display:none}

/* An intentional preparation state; channel details remain in the preview header. */
.step-preview-empty-icon {display:none}
.aim-page:not(.conversation-mode) .aim-preview-panel #workflow-empty-preview {justify-content:center;align-items:center;gap:10px;padding:24px 12px}
.aim-page:not(.conversation-mode) .aim-preview-panel .step-preview-empty-icon {display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#f1f6f3;color:#6f947c;font-size:17px}
.aim-page:not(.conversation-mode) .aim-preview-panel #workflow-empty-title {font-size:11px;font-weight:400;color:var(--step-muted)}
.aim-page:not(.conversation-mode) .aim-preview-panel .workflow-empty-surface {margin:0;padding:0;border:0;background:transparent;max-width:100%;line-height:1.6}
.aim-page:not(.conversation-mode) .aim-preview-panel .workflow-empty-surface>span {display:block;font-size:15px;font-weight:500;color:#586b5e}
.aim-page:not(.conversation-mode) .aim-preview-panel .workflow-empty-surface p {margin:8px 0 0;font-size:12px;font-weight:400;color:var(--step-muted);line-height:1.65}