/* /run polish layer — gated by html[data-hb-find-run-polish="enabled"]. */
html[data-hb-find-run-polish="enabled"] {
  --fr-gutter: 20px;
  --fr-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

html[data-hb-find-run-polish="enabled"] .run-head,
html[data-hb-find-run-polish="enabled"] .run-pane {
  max-width: 680px;
  padding-inline: max(var(--fr-gutter), env(safe-area-inset-left, 0px)) max(var(--fr-gutter), env(safe-area-inset-right, 0px));
}

html[data-hb-find-run-polish="enabled"] .run-top {
  padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px));
}

html[data-hb-find-run-polish="enabled"] .run-newchat,
html[data-hb-find-run-polish="enabled"] .run-library {
  min-height: 44px;
  min-width: 44px;
  border-radius: 10px;
}

html[data-hb-find-run-polish="enabled"] .run-pill {
  min-height: 44px;
  transition: background-color 160ms var(--fr-ease), border-color 160ms var(--fr-ease);
}

html[data-hb-find-run-polish="enabled"] button.primary,
html[data-hb-find-run-polish="enabled"] a.primary,
html[data-hb-find-run-polish="enabled"] .run-phone__cta.primary {
  min-height: 52px;
  border-radius: 14px;
  margin-inline: 0;
}

html[data-hb-find-run-polish="enabled"] .run-actions {
  padding-inline: var(--fr-gutter);
  padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
}

html[data-hb-find-run-polish="enabled"] :is(button, a, summary):focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html[data-hb-find-run-polish="enabled"] * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

html[data-hb-find-run-polish="enabled"] .run-stage.next-step {
  margin-inline: auto;
}
