.onboarding-page {
 display: flex;
 flex-direction: column;
 gap: 16px;
 min-height: 100%;
}

.onboarding-toolbar {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
}

.onboarding-toolbar .field {
 flex: 1 1 220px;
 max-width: 320px;
}

.onboarding-summary {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.onboarding-summary-stats {
 display: flex;
 flex-wrap: wrap;
 gap: 16px;
}

.onboarding-stat {
 display: flex;
 gap: 4px;
 align-items: baseline;
}

.onboarding-stat-value {
 font-size: 1.25rem;
 font-weight: 600;
}

.onboarding-step-chips {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
}

.onboarding-layout {
 display: grid;
 grid-template-columns: 1fr;
 gap: 16px;
 align-items: start;
 min-height: 0;
}

.onboarding-matrix-wrap {
 overflow: auto;
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: var(--card);
}

.onboarding-matrix {
 width: max-content;
 min-width: 100%;
 border-collapse: collapse;
 font-size: 0.875rem;
}

.onboarding-matrix th,
.onboarding-matrix td {
 padding: 10px 12px;
 border-bottom: 1px solid var(--border);
 vertical-align: middle;
 white-space: nowrap;
}

.onboarding-matrix thead th {
 position: sticky;
 top: 0;
 z-index: 2;
 background: var(--card);
 text-align: left;
 font-weight: 600;
}

.onboarding-sticky-col {
 position: sticky;
 left: 0;
 z-index: 1;
 background: var(--card);
 min-width: 180px;
 max-width: 220px;
 white-space: normal;
}

.onboarding-matrix
 thead
 .onboarding-sticky-col {
 z-index: 3;
}

.onboarding-client-name {
 font-weight: 600;
}

.onboarding-client-slug {
 font-size: 0.8125rem;
}

.onboarding-step-head {
 min-width: 110px;
}

.onboarding-step-cell {
 text-align: center;
}

.onboarding-step-cell[data-status='complete'] {
 color: var(--success);
}

.onboarding-step-cell[data-status='missing'] {
 color: var(--destructive);
}

.onboarding-step-cell[data-status='warning'] {
 color: var(--warning);
}

.onboarding-row {
 cursor: pointer;
}

.onboarding-row:hover td {
 background: color-mix(
  in srgb,
  var(--foreground) 4%,
  transparent
 );
}

.onboarding-row.selected td {
 background: color-mix(
  in srgb,
  var(--primary) 8%,
  transparent
 );
}

.onboarding-empty {
 text-align: center;
 padding: 24px;
}

.onboarding-detail {
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: var(--card);
 padding: 16px;
 display: flex;
 flex-direction: column;
 gap: 12px;
 max-height: calc(100vh - 160px);
 overflow: auto;
}

.onboarding-detail-header {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
 justify-content: space-between;
}

.onboarding-detail-header h2 {
 margin: 0;
 font-size: 1.125rem;
}

.onboarding-detail-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
}

.onboarding-detail-meta {
 display: flex;
 flex-direction: column;
 gap: 4px;
 font-size: 0.875rem;
}

.onboarding-invite-block {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.onboarding-invite-url {
 display: block;
 overflow-wrap: anywhere;
 font-size: 0.8125rem;
 padding: 8px;
 border-radius: var(--radius);
 background: var(--muted);
}

.onboarding-steps-list {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.onboarding-step-row {
 display: flex;
 flex-direction: column;
 gap: 6px;
 padding-bottom: 12px;
 border-bottom: 1px solid var(--border);
}

.onboarding-step-row:last-child {
 border-bottom: 0;
 padding-bottom: 0;
}

.onboarding-step-message {
 margin: 0;
 font-size: 0.875rem;
 color: var(--muted-foreground);
}

@media (max-width: 960px) {
 .onboarding-layout {
  grid-template-columns: 1fr;
 }

 .onboarding-detail {
  max-height: none;
 }
}

@media (prefers-reduced-motion: reduce) {
 .onboarding-row:hover td,
 .onboarding-row.selected td {
  transition: none;
 }
}

.onboarding-review-col {
 width: 88px;
 text-align: center;
}

.onboarding-review-col .btn {
 min-width: 72px;
}

.onboarding-matrix
 thead
 .onboarding-review-col {
 z-index: 3;
}

.onboarding-wizard-body {
 display: flex;
 flex-direction: column;
 gap: 12px;
 min-width: min(480px, 92vw);
 width: 100%;
}

.onboarding-wizard-step-data {
 display: flex;
 flex-direction: column;
 gap: 8px;
 padding: 12px 14px;
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: color-mix(
  in srgb,
  var(--muted) 55%,
  transparent
 );
}

.onboarding-wizard-data-row {
 display: grid;
 grid-template-columns:
  minmax(132px, 38%)
  1fr;
 gap: 8px 12px;
 align-items: start;
 font-size: 0.875rem;
}

.onboarding-wizard-data-label {
 font-weight: 500;
}

.onboarding-wizard-data-value {
 overflow-wrap: anywhere;
}

.onboarding-wizard-data-value.is-missing {
 color: var(--destructive);
 font-style: italic;
}

.onboarding-wizard-data-link {
 font-family: var(
  --font-mono,
  ui-monospace,
  monospace
 );
 font-size: 0.8125rem;
}

a.onboarding-wizard-data-link {
 color: var(--primary);
 text-decoration: underline;
 text-underline-offset: 2px;
}

.onboarding-association-checks {
 margin-top: 8px;
 padding-top: 8px;
 border-top: 1px solid var(--border);
}

.onboarding-assoc-provider-label {
 font-size: 0.8125rem;
 font-weight: 600;
 margin-top: 4px;
}

.onboarding-association-checks
 .association-actions {
 display: flex;
 flex-direction: column;
 gap: 8px;
 align-items: stretch;
}

.onboarding-association-checks
 .association-action-row {
 display: flex;
 align-items: center;
 gap: 10px;
 min-width: 0;
}

.onboarding-association-checks
 .association-status {
 min-width: 0;
 font-size: 13px;
 line-height: 1.35;
 overflow-wrap: anywhere;
}

.onboarding-wizard-client {
 font-size: 0.875rem;
}

.onboarding-wizard-step-title {
 margin: 0;
 font-size: 1.125rem;
}

.onboarding-wizard-step-status {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
}

.onboarding-wizard-step-message,
.onboarding-wizard-step-summary {
 margin: 0;
 font-size: 0.9375rem;
}

.onboarding-wizard-label {
 font-size: 0.8125rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 0.02em;
 color: var(--muted-foreground);
 margin-bottom: 4px;
}

.onboarding-wizard-automated p,
.onboarding-wizard-manual-list {
 margin: 0;
 font-size: 0.875rem;
}

.onboarding-wizard-manual-list {
 padding-left: 1.25rem;
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.onboarding-wizard-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
}

.onboarding-wizard-nav {
 display: grid;
 grid-template-columns: 1fr auto 1fr;
 gap: 8px;
 align-items: center;
 margin-top: 8px;
 padding-top: 12px;
 border-top: 1px solid var(--border);
}

.onboarding-wizard-nav-side {
 display: flex;
}

.onboarding-wizard-nav-side-end {
 justify-content: flex-end;
}

.onboarding-wizard-dots {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
 gap: 2px;
}

.onboarding-wizard-dot {
 width: 12px;
 height: 12px;
 min-width: 12px;
 padding: 0;
 border-radius: 999px;
 background: var(--muted);
 border: 2px solid transparent;
}

.onboarding-wizard-dot.is-current {
 background: var(--primary);
 border-color: var(--primary);
 transform: scale(1.15);
}

.onboarding-wizard-dot.is-complete:not(
  .is-current
 ) {
 background: var(--success);
}

.onboarding-wizard-dot.is-skipped:not(
  .is-current
 ) {
 opacity: 0.45;
}

.onboarding-wizard-dot-sep {
 color: var(--muted-foreground);
 font-size: 0.75rem;
 user-select: none;
 padding: 0 2px;
}

.dialog-overlay:has(
 .onboarding-wizard-body
) {
 align-items: flex-start;
 padding-top: 5vh;
}

.dialog-overlay:has(
  .onboarding-wizard-body
 )
 .dialog {
 width: min(52rem, 94vw);
 max-width: min(52rem, 94vw);
 max-height: 90vh;
 overflow: auto;
}

@media (max-width: 560px) {
 .onboarding-wizard-body {
  min-width: 0;
 }

 .onboarding-wizard-nav {
  grid-template-columns: 1fr;
  justify-items: stretch;
 }

 .onboarding-wizard-nav-side,
 .onboarding-wizard-nav-side-end {
  justify-content: center;
 }

 .onboarding-wizard-dots {
  order: -1;
 }
}

@media (prefers-reduced-motion: reduce) {
 .onboarding-wizard-dot.is-current {
  transform: none;
 }
}

.onboarding-wizard-pickers,
.onboarding-start-picks {
 display: flex;
 flex-direction: column;
 gap: 12px;
 margin: 8px 0 4px;
}

.onboarding-search-picker {
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.onboarding-search-picker-selected {
 font-size: 0.875rem;
}

.onboarding-search-results {
 display: flex;
 flex-direction: column;
 gap: 4px;
 max-height: 220px;
 overflow: auto;
 border: 1px solid var(--border);
 border-radius: 6px;
 padding: 4px;
}

.onboarding-search-hit {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 2px;
 width: 100%;
 text-align: left;
 padding: 8px 10px;
 border: 0;
 border-radius: 4px;
 background: transparent;
 cursor: pointer;
 color: inherit;
 font: inherit;
}

.onboarding-search-hit:hover {
 background: var(--muted);
}

.onboarding-search-hit-label {
 font-weight: 500;
}

.onboarding-search-hit-subtitle,
.onboarding-search-hit-warn,
.onboarding-search-hit-status,
.onboarding-search-empty,
.onboarding-search-summary {
 font-size: 0.8125rem;
}

.onboarding-search-hit-status.is-available {
 color: var(--success, #16a34a);
}

.onboarding-search-hit-status.is-taken {
 color: var(
  --muted-foreground,
  #6b7280
 );
}

.onboarding-search-hit--taken {
 cursor: not-allowed;
 opacity: 0.6;
}

.onboarding-search-hit--taken:hover,
.onboarding-search-hit--taken:focus-visible {
 background: transparent;
}

.onboarding-start-conflict {
 margin-top: 8px;
 padding: 10px 12px;
 border: 1px solid var(--border);
 border-radius: 6px;
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.onboarding-start-slot {
 margin-bottom: 16px;
 padding: 16px;
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: color-mix(
  in srgb,
  var(--muted) 40%,
  transparent
 );
}

.onboarding-start-panel {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.onboarding-start-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 justify-content: flex-end;
}

.onboarding-deal-hydrate-note {
 margin: 0;
 font-size: 0.8125rem;
}

/* Client checklist accordion */
.onboarding-checklist-page,
.client-home-page {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.onboarding-checklist-root {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.onboarding-checklist-toolbar {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
}

.onboarding-checklist-toolbar > .muted {
 margin: 0;
 flex: 1 1 16rem;
}

.onboarding-checklist {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.onboarding-checklist-step {
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: var(--card, transparent);
 overflow: hidden;
}

.onboarding-checklist-step.is-expanded {
 border-color: color-mix(
  in srgb,
  var(--foreground) 22%,
  var(--border)
 );
}

.onboarding-checklist-step.is-dirty {
 border-color: color-mix(
  in srgb,
  var(--warning, #ca8a04) 55%,
  var(--border)
 );
}

.onboarding-checklist-step-header {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 gap: 12px;
 width: 100%;
 padding: 14px 16px;
 border: 0;
 background: transparent;
 color: inherit;
 font: inherit;
 text-align: left;
 cursor: pointer;
}

.onboarding-checklist-step-header:hover {
 background: color-mix(
  in srgb,
  var(--muted) 50%,
  transparent
 );
}

.onboarding-checklist-step-titles {
 display: flex;
 flex-direction: column;
 gap: 4px;
 min-width: 0;
}

.onboarding-checklist-step-titles h3 {
 margin: 0;
 font-size: 1rem;
}

.onboarding-checklist-step-message {
 margin: 0;
 font-size: 0.8125rem;
}

.onboarding-checklist-step-badges {
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
 flex-shrink: 0;
}

.onboarding-checklist-body {
 display: flex;
 flex-direction: column;
 gap: 12px;
 padding: 0 16px 16px;
 border-top: 1px solid var(--border);
}

.onboarding-checklist-dirty {
 display: flex;
 flex-direction: column;
 gap: 10px;
 padding: 12px;
 border-radius: var(--radius);
 border: 1px solid
  color-mix(
   in srgb,
   var(--warning, #ca8a04) 45%,
   var(--border)
  );
 background: color-mix(
  in srgb,
  var(--warning, #ca8a04) 12%,
  transparent
 );
 font-size: 0.875rem;
}

.onboarding-checklist-dirty-title {
 font-weight: 600;
}

.onboarding-checklist-dirty-list {
 margin: 0;
 padding-left: 1.1rem;
 display: flex;
 flex-direction: column;
 gap: 4px;
}

.onboarding-checklist-dirty-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
}

.onboarding-checklist-body
 .onboarding-wizard-nav {
 justify-content: space-between;
 margin-top: 4px;
}

.onboarding-checklist-step[data-status='complete']
 .onboarding-checklist-step-header {
 border-left: 3px solid
  var(--success, #16a34a);
}

.onboarding-checklist-step[data-status='missing']
 .onboarding-checklist-step-header,
.onboarding-checklist-step[data-status='warning']
 .onboarding-checklist-step-header {
 border-left: 3px solid
  var(--destructive);
}

.onboarding-checklist-step[data-status='complete']
 .onboarding-checklist-step-header,
.onboarding-checklist-step[data-status='missing']
 .onboarding-checklist-step-header,
.onboarding-checklist-step[data-status='warning']
 .onboarding-checklist-step-header {
 padding-left: 13px;
}

/* Client home */
.client-home-header {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 10px;
}

.client-home-name {
 margin: 0;
 font-size: 1.125rem;
 font-weight: 600;
}

.client-home-stats {
 display: flex;
 flex-wrap: wrap;
 gap: 16px;
}

.client-home-stat {
 display: flex;
 align-items: baseline;
 gap: 4px;
}

.client-home-stat-value {
 font-size: 1.5rem;
 font-weight: 600;
}

.client-home-flags {
 display: grid;
 grid-template-columns: repeat(
  auto-fill,
  minmax(140px, 1fr)
 );
 gap: 10px;
}

.client-home-flag {
 display: flex;
 flex-direction: column;
 gap: 2px;
 padding: 12px 14px;
 border: 1px solid var(--border);
 border-radius: var(--radius);
}

.client-home-flag.is-on {
 border-color: color-mix(
  in srgb,
  var(--success, #16a34a) 40%,
  var(--border)
 );
}

.client-home-flag-label {
 font-weight: 500;
}

.client-home-actions {
 display: flex;
 gap: 8px;
}

.onboarding-sort-select,
.onboarding-activity-select {
 appearance: auto;
 min-height: 36px;
 padding: 6px 10px;
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: var(--background);
 color: var(--foreground);
 font: inherit;
}

.onboarding-buckets {
 display: flex;
 flex-direction: column;
 gap: 28px;
}

.onboarding-phase-bucket {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.onboarding-phase-header {
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 gap: 8px 12px;
}

.onboarding-phase-header h2 {
 margin: 0;
 font-size: 1.05rem;
 font-weight: 600;
}

.onboarding-phase-clients {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.onboarding-phase-empty {
 margin: 0;
 padding: 12px 0;
}

.onboarding-client-card {
 display: flex;
 flex-direction: column;
 gap: 4px;
 align-items: flex-start;
 padding: 14px 0;
 border-bottom: 1px solid var(--border);
 cursor: pointer;
 text-align: left;
 background: transparent;
}

.onboarding-client-card:last-child {
 border-bottom: none;
}

.onboarding-client-dates,
.onboarding-client-phase {
 font-size: 0.8125rem;
}

.onboarding-client-card-actions {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 10px;
 margin-top: 6px;
}

.onboarding-client-next-action {
 font-size: 0.8125rem;
}

.onboarding-activity-teaser {
 display: flex;
 align-items: center;
 gap: 12px;
 width: 100%;
 padding: 12px 14px;
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: var(--card);
 color: inherit;
 font: inherit;
 text-align: left;
 cursor: pointer;
}

.onboarding-activity-teaser:disabled {
 cursor: default;
 opacity: 0.85;
}

.onboarding-activity-teaser-text {
 flex: 1 1 auto;
 min-width: 0;
 display: flex;
 flex-direction: column;
 gap: 2px;
}

.onboarding-activity-teaser-hint {
 flex: 0 0 auto;
 font-size: 0.8125rem;
 white-space: nowrap;
}

.onboarding-activity-feed-body {
 display: flex;
 flex-direction: column;
 gap: 12px;
 min-width: min(40rem, 70vw);
}

.dialog.onboarding-activity-dialog {
 width: min(52rem, 94vw);
 max-width: min(52rem, 94vw);
 max-height: 90vh;
 overflow: auto;
}

.onboarding-activity-filters {
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
}

.onboarding-activity-filter {
 display: flex;
 flex-direction: column;
 gap: 4px;
 font-size: 0.8125rem;
 min-width: 160px;
}

.onboarding-activity-feed-list {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.onboarding-activity-row {
 display: flex;
 align-items: flex-start;
 gap: 12px;
 width: 100%;
 padding: 10px 0;
 border: 0;
 border-bottom: 1px solid var(--border);
 background: transparent;
 color: inherit;
 font: inherit;
 text-align: left;
 cursor: default;
}

.onboarding-activity-row:last-child {
 border-bottom: none;
}

.onboarding-activity-body {
 display: flex;
 flex-direction: column;
 gap: 2px;
 min-width: 0;
}

.onboarding-activity-text {
 font-weight: 500;
}

.onboarding-activity-meta {
 font-size: 0.8125rem;
}

.onboarding-importable-toolbar {
 align-items: center;
 gap: 12px;
}

.onboarding-bucket-title-row {
 display: flex;
 align-items: baseline;
 justify-content: space-between;
 gap: 12px;
 width: 100%;
}

.onboarding-bucket-title-row
 .card-title {
 padding: 0;
}

.onboarding-bucket-count {
 flex-shrink: 0;
 font-size: 0.875rem;
 font-weight: 600;
 font-variant-numeric: tabular-nums;
 min-width: 1.5ch;
 text-align: right;
}

.onboarding-importable-row,
.onboarding-client-deal-row {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 padding: 10px 0;
 border-bottom: 1px solid var(--border);
}

.onboarding-importable-row:last-child,
.onboarding-client-deal-row:last-child {
 border-bottom: none;
}

.onboarding-client-deals {
 margin-top: 8px;
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.onboarding-client-company-deals {
 display: flex;
 flex-direction: column;
 gap: 4px;
 padding: 4px 0 4px 12px;
}

.onboarding-import-reveal {
 margin-top: 8px;
 padding: 12px;
 border: 1px solid var(--border);
 border-radius: var(--radius);
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.onboarding-import-reveal-body {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.onboarding-import-list {
 display: flex;
 flex-direction: column;
 gap: 4px;
}

.onboarding-import-list-item {
 display: flex;
 justify-content: space-between;
 gap: 8px;
 width: 100%;
 padding: 8px 10px;
 border: 1px solid var(--border);
 border-radius: var(--radius);
 background: transparent;
 color: inherit;
 font: inherit;
 text-align: left;
 cursor: pointer;
}

.onboarding-import-list-item.is-selected {
 border-color: var(--accent, #2563eb);
 background: color-mix(
  in srgb,
  var(--accent, #2563eb) 10%,
  transparent
 );
}

.onboarding-import-list-item.is-disabled,
.onboarding-import-list-item:disabled {
 opacity: 0.55;
 cursor: not-allowed;
}

.onboarding-import-list-item--check {
 align-items: flex-start;
 justify-content: flex-start;
 gap: 10px;
}

.onboarding-import-check {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
 width: 16px;
 height: 16px;
 margin-top: 1px;
 color: var(--border);
}

.onboarding-import-check.is-checked {
 color: #16a34a;
}

.onboarding-import-list-main {
 display: flex;
 flex: 1;
 min-width: 0;
 justify-content: space-between;
 gap: 8px;
}

.onboarding-import-list-name {
 min-width: 0;
}

.onboarding-hubspot-link-pickers {
 display: flex;
 flex-direction: column;
 gap: 16px;
}

.onboarding-hubspot-multi {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.onboarding-hubspot-contact-row {
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.onboarding-hubspot-contact-row
 > .onboarding-import-list-item {
 width: 100%;
}

.onboarding-hubspot-contact-row.is-selected
 > .onboarding-import-list-item {
 border-color: var(--accent, #2563eb);
 background: color-mix(
  in srgb,
  var(--accent, #2563eb) 10%,
  transparent
 );
}

.onboarding-hubspot-contact-row.is-primary
 > .onboarding-import-list-item {
 border-color: var(--success, #16a34a);
}

.onboarding-hubspot-contact-row.is-primary
 .onboarding-import-check.is-checked {
 color: var(--success, #16a34a);
}

.onboarding-hubspot-primary-hint {
 color: var(--warning, #ca8a04);
}

.onboarding-import-reveal-actions {
 justify-content: flex-end;
 gap: 8px;
 flex-wrap: wrap;
}

.onboarding-import-reveal-actions.is-rate-limited {
 padding: 8px;
 border: 1px solid
  var(--warning, #ca8a04);
 border-radius: var(--radius);
 background: color-mix(
  in srgb,
  var(--warning, #ca8a04) 12%,
  transparent
 );
}

.onboarding-import-extra-companies {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.onboarding-import-extra-row {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 8px;
 padding: 8px 10px;
 border: 1px solid var(--border);
 border-radius: var(--radius);
}

@media (max-width: 560px) {
 .onboarding-activity-feed-body {
  min-width: 0;
 }

 .onboarding-activity-teaser {
  flex-wrap: wrap;
 }
}