/*
 * S178 Founder Flow Polish Pass.
 * Surface-only polish: no runtime, no polling, no new dashboard.
 */

:root {
  --s178-flow-gap: 10px;
  --s178-panel-radius: 8px;
  --s178-soft-border: rgba(255, 255, 255, .075);
  --s178-soft-surface: rgba(255, 255, 255, .035);
  --s178-soft-surface-2: rgba(255, 255, 255, .055);
  --s178-focus-ring: rgba(126, 213, 185, .24);
  --s178-muted-copy: rgba(225, 232, 229, .68);
}

body.s143-definitive-founder-experience:not(.technical-view) .msgs,
body.s143-definitive-founder-experience:not(.technical-view) #msgs {
  scroll-padding-bottom: 132px;
}

body.s143-definitive-founder-experience:not(.technical-view) .msg {
  margin-block: 9px;
}

body.s143-definitive-founder-experience:not(.technical-view) .msg-assistant .body,
body.s143-definitive-founder-experience:not(.technical-view) .msg-assistant .body-md,
body.s143-definitive-founder-experience:not(.technical-view) .msg-assistant .content {
  line-height: 1.48;
}

body.s143-definitive-founder-experience:not(.technical-view) .claude-live-loading,
body.s143-definitive-founder-experience:not(.technical-view) .s116-execution-stream,
body.s143-definitive-founder-experience:not(.technical-view) .s121-one-execution-stream {
  border-color: var(--s178-soft-border);
  border-radius: var(--s178-panel-radius);
  background: linear-gradient(180deg, var(--s178-soft-surface-2), var(--s178-soft-surface));
  box-shadow: none;
}

body.s143-definitive-founder-experience:not(.technical-view) .claude-live-loading .runtime-row,
body.s143-definitive-founder-experience:not(.technical-view) .claude-live-loading .event-row,
body.s143-definitive-founder-experience:not(.technical-view) .s116-execution-stream .runtime-row,
body.s143-definitive-founder-experience:not(.technical-view) .s121-one-execution-stream .runtime-row {
  margin-block: 4px;
}

body.s143-definitive-founder-experience:not(.technical-view) .artifact-chat-thumb,
body.s143-definitive-founder-experience:not(.technical-view) .rp-codex-artifact,
body.s143-definitive-founder-experience:not(.technical-view) .drawer-art {
  border-radius: var(--s178-panel-radius);
  border-color: var(--s178-soft-border);
  background: rgba(255, 255, 255, .04);
  box-shadow: none;
  transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

body.s143-definitive-founder-experience:not(.technical-view) .artifact-chat-thumb:hover,
body.s143-definitive-founder-experience:not(.technical-view) .rp-codex-artifact:hover,
body.s143-definitive-founder-experience:not(.technical-view) .drawer-art:hover {
  border-color: rgba(126, 213, 185, .22);
  background: rgba(255, 255, 255, .06);
  transform: translateY(-1px);
}

body.s143-definitive-founder-experience:not(.technical-view) .artifact-thumb-box,
body.s143-definitive-founder-experience:not(.technical-view) .artifact-mini {
  border-radius: 7px;
}

body.s143-definitive-founder-experience:not(.technical-view) .rp-codex-section,
body.s143-definitive-founder-experience:not(.technical-view) .rp-ledger-section,
body.s143-definitive-founder-experience:not(.technical-view) .rp-exec-next {
  border-color: var(--s178-soft-border);
  border-radius: var(--s178-panel-radius);
  background: rgba(255, 255, 255, .032);
  box-shadow: none;
}

body.s143-definitive-founder-experience:not(.technical-view) .rp-codex-section,
body.s143-definitive-founder-experience:not(.technical-view) .rp-ledger-section {
  margin-bottom: 8px;
  padding: 10px 11px;
}

body.s143-definitive-founder-experience:not(.technical-view) .rp-exec-summary,
body.s143-definitive-founder-experience:not(.technical-view) .rp-exec-copy,
body.s143-definitive-founder-experience:not(.technical-view) .rp-ledger-now {
  line-height: 1.36;
}

body.s143-definitive-founder-experience:not(.technical-view) .rp-item {
  gap: 7px;
  padding-block: 7px;
}

body.s143-definitive-founder-experience:not(.technical-view) .rp-item-meta,
body.s143-definitive-founder-experience:not(.technical-view) .rp-codex-muted {
  color: var(--s178-muted-copy);
}

body.s143-definitive-founder-experience:not(.technical-view) .composer,
body.s143-definitive-founder-experience:not(.technical-view) .composer-wrap,
body.s143-definitive-founder-experience:not(.technical-view) .comp {
  border-color: rgba(255, 255, 255, .09);
  box-shadow: 0 12px 36px rgba(0, 0, 0, .24);
}

body.s143-definitive-founder-experience:not(.technical-view) #comp-text:focus,
body.s143-definitive-founder-experience:not(.technical-view) textarea#comp-text:focus {
  outline: 1px solid var(--s178-focus-ring);
  outline-offset: 2px;
}

body.s143-definitive-founder-experience:not(.technical-view) #comp-status-text,
body.s143-definitive-founder-experience:not(.technical-view) .composer-status,
body.s143-definitive-founder-experience:not(.technical-view) .loading-row,
body.s143-definitive-founder-experience:not(.technical-view) .soft-loading,
body.s143-definitive-founder-experience:not(.technical-view) .browser-loading {
  color: var(--s178-muted-copy);
}

body.s143-definitive-founder-experience:not(.technical-view) .loading-row,
body.s143-definitive-founder-experience:not(.technical-view) .soft-loading,
body.s143-definitive-founder-experience:not(.technical-view) .browser-loading {
  min-height: 28px;
  border-radius: var(--s178-panel-radius);
}

body.s143-definitive-founder-experience:not(.technical-view) .sidebar-os-group {
  margin-bottom: var(--s178-flow-gap);
}

body.s143-definitive-founder-experience:not(.technical-view) .q-item {
  transition: background-color .14s ease, border-color .14s ease, color .14s ease;
}

body.s143-definitive-founder-experience:not(.technical-view) .q-item:focus-visible,
body.s143-definitive-founder-experience:not(.technical-view) .sidebar-os-link:focus-visible {
  outline: 2px solid var(--s178-focus-ring);
  outline-offset: 2px;
}

body.s143-definitive-founder-experience:not(.technical-view) .runtime-drawer,
body.s143-definitive-founder-experience:not(.technical-view) .modal-card {
  border-radius: 10px;
  border-color: var(--s178-soft-border);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .38);
}

body.s143-definitive-founder-experience:not(.technical-view) .toast,
body.s143-definitive-founder-experience:not(.technical-view) .nav-badge,
body.s143-definitive-founder-experience:not(.technical-view) .badge {
  border-radius: 999px;
}

@media (prefers-reduced-motion: reduce) {
  body.s143-definitive-founder-experience:not(.technical-view) *,
  body.s143-definitive-founder-experience:not(.technical-view) *::before,
  body.s143-definitive-founder-experience:not(.technical-view) *::after {
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
  }
}
