/* Seller component rules reused from the supplied main.css template. */
.merchant-onboarding .crumb { display: flex; align-items: baseline; gap: 8px; padding: 0 0 12px; flex-wrap: wrap; }
.merchant-onboarding .info-q { padding: 13px 0; cursor: pointer; list-style: none; display: flex; align-items: center; gap: 12px; font-size: 14px; line-height: 20px; font-weight: 600; color: #0C1626; }
.merchant-onboarding .info-q::after { content: ''; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-left: auto; flex: none; }
.merchant-onboarding .info-qa[open] .info-q::after { transform: rotate(225deg); }
.merchant-onboarding .info-a { margin: 0 0 15px; padding-right: 24px; font-size: 14px; line-height: 1.7; }
.merchant-onboarding .info-qa { border-bottom: 1px solid rgba(13, 38, 90, .07); }
.merchant-onboarding .info-qa:last-child { border-bottom: none; }
.merchant-onboarding .info-qa[open] .info-caret { transform: rotate(180deg); }
.merchant-onboarding .info-qa::details-content {
  block-size: 0; overflow: hidden;
  transition: block-size .2s var(--ease-out), content-visibility .2s allow-discrete;
}
.merchant-onboarding .info-qa[open]::details-content { block-size: calc-size(auto, size); }
.merchant-onboarding .info-qa::details-content { transition: none; }
.merchant-onboarding .feat-head { display: flex; align-items: baseline; gap: 16px; }
.merchant-onboarding .feat-title { margin: 0; font-size: 30px; line-height: 36px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .feat-rule {
  height: 1px; margin-top: 18px;
  background: linear-gradient(90deg, rgba(var(--brand-rgb), .3), rgba(13, 38, 90, .06) 40%, transparent);
}
.merchant-onboarding .crumb + .sl-hero, .merchant-onboarding .crumb + .info-lead, .merchant-onboarding .crumb + .solo-empty, .merchant-onboarding .crumb + .sl-sec { margin-top: 0; }
.merchant-onboarding .crumb + .slw-wrap > .slw-head { margin-top: 0; }
.merchant-onboarding .crumb a { font-size: 14px; color: rgba(30, 50, 80, .7); transition: color .2s ease; }
.merchant-onboarding .crumb a:hover { color: var(--brand-text); }
.merchant-onboarding .crumb i { font-style: normal; font-size: 14px; color: rgba(30, 50, 80, .35); }
.merchant-onboarding .crumb b { font-size: 14px; font-weight: 500; color: #23324A; }
.merchant-onboarding .crumb .crumb-name {
  display: inline-block; max-width: 260px; vertical-align: bottom;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.merchant-onboarding .solo-cta {
  margin-top: 10px; height: 44px; padding: 0 22px; border: none; border-radius: 12px; cursor: pointer;
  background: var(--brand-gradient);
  color: #ffffff; font-size: 14px; font-weight: 700; white-space: nowrap;
  display: inline-flex; align-items: center; gap: 7px;
  box-shadow: 0 10px 26px rgba(var(--brand-rgb), 0.168);
  transition: transform .2s var(--ease-out), box-shadow .2s ease;
}
.merchant-onboarding .solo-cta:hover { transform: translateY(-2px); color: #ffffff; box-shadow: 0 16px 34px rgba(var(--brand-rgb), 0.216); }
.merchant-onboarding .solo-cta svg { flex: none; display: block; stroke: currentColor; transition: transform .2s var(--ease-out); }
.merchant-onboarding .solo-cta:hover svg { transform: translateX(3px); }
.merchant-onboarding .solo-cta-ghost {
  background: #ffffff; color: var(--brand-text);
  border: 1px solid rgba(var(--brand-rgb), .4); box-shadow: none;
}
.merchant-onboarding .solo-cta-ghost:hover { background: rgba(var(--brand-rgb), .07); color: var(--brand-text); box-shadow: none; }
.merchant-onboarding .sl-hero {
  position: relative; overflow: hidden;
  margin-top: 18px; padding: 46px 48px; box-sizing: border-box; border-radius: 22px;
  background: linear-gradient(125deg, #0E2A5C, var(--brand-action) 58%, var(--brand-primary));
  box-shadow: 0 18px 44px rgba(13, 38, 90, .22);
  display: grid; grid-template-columns: 1fr 400px; gap: 48px; align-items: center;
}
.merchant-onboarding .sl-hero > * { position: relative; z-index: 1; }
.merchant-onboarding .sl-art {
  box-sizing: border-box; padding: 18px 20px 16px; border-radius: 16px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 18px 40px rgba(6, 20, 60, .3);
}
.merchant-onboarding .sl-art-top { display: flex; align-items: center; justify-content: space-between; }
.merchant-onboarding .sl-art-t { font-size: 14px; font-weight: 700; color: rgba(30, 50, 80, .72); }
.merchant-onboarding .sl-art-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--brand-action); box-shadow: 0 0 0 4px rgba(var(--brand-rgb), 0.084);
}
.merchant-onboarding .sl-art-svg { display: block; width: 100%; height: 108px; margin-top: 14px; }
.merchant-onboarding .sl-art-foot {
  margin-top: 14px; padding-top: 13px; border-top: 1px solid rgba(13, 38, 90, .08);
  display: flex; gap: 28px;
}
.merchant-onboarding .sl-art-cell { display: flex; flex-direction: column; gap: 2px; }
.merchant-onboarding .sl-art-cell b { font-size: 12px; font-weight: 700; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .sl-art-cell i { font-style: normal; font-size: 14px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-orb {
  position: absolute; right: -70px; top: -90px; z-index: 0;
  width: 300px; height: 300px; border-radius: 50%;
  border: 40px solid rgba(255, 255, 255, .09);
}
.merchant-onboarding .sl-hero .pm-kicker { display: inline-flex; }
.merchant-onboarding .sl-title { margin: 12px 0 0; font-size: 40px; line-height: 50px; font-weight: 700; color: #ffffff; }
.merchant-onboarding .sl-sub {
  margin: 14px 0 0; max-width: 620px;
  font-size: 15px; line-height: 1.75; color: rgba(219, 232, 255, .82); text-wrap: pretty;
}
.merchant-onboarding .sl-hero-acts { margin-top: 22px; display: flex; gap: 10px; }
.merchant-onboarding .sl-hero-acts .solo-cta { background: #ffffff; color: var(--brand-text); box-shadow: 0 10px 26px rgba(6, 20, 60, .3); }
.merchant-onboarding .sl-hero-acts .solo-cta:hover { color: var(--brand-text); }
.merchant-onboarding .sl-hero-acts .solo-cta-ghost {
  background: rgba(255, 255, 255, .1); color: #ffffff; border-color: rgba(255, 255, 255, .42);
}
.merchant-onboarding .sl-hero-acts .solo-cta-ghost:hover { background: rgba(255, 255, 255, .2); color: #ffffff; }
.merchant-onboarding .sl-stats, .merchant-onboarding .sl-steps, .merchant-onboarding .sl-perks {
  box-sizing: border-box; overflow: hidden; border-radius: 18px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
}
.merchant-onboarding .sl-stats { margin-top: 14px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.merchant-onboarding .sl-sec + .sl-stats { margin-top: 34px; }
.merchant-onboarding .sl-stat { box-sizing: border-box; padding: 22px; text-align: center; }
.merchant-onboarding .sl-stat-num { display: block; font-size: 30px; line-height: 38px; font-weight: 700; color: var(--brand-text); }
.merchant-onboarding .sl-stat-label { display: block; margin-top: 2px; font-size: 14px; font-weight: 600; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .sl-stat-note {
  display: block; margin-top: 10px;
  font-size: 13px; line-height: 1.6; color: rgba(30, 50, 80, .7); text-wrap: pretty;
}
.merchant-onboarding .sl-sec { margin-top: 34px; }
.merchant-onboarding .sl-sec .feat-head { align-items: baseline; }
.merchant-onboarding .sl-wants { margin-top: 22px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.merchant-onboarding .sl-want {
  box-sizing: border-box; padding: 20px 18px; border-radius: 16px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
  display: flex; flex-direction: column; gap: 7px; text-decoration: none;
  transition: transform .15s var(--ease-out), box-shadow .15s ease, border-color .2s ease;
}
.merchant-onboarding .sl-want:hover {
  transform: translateY(-3px); border-color: rgba(var(--brand-rgb), .4);
  box-shadow: 0 16px 36px rgba(13, 38, 90, .13);
}
.merchant-onboarding .sl-want-ico {
  width: 44px; height: 44px; border-radius: 13px; background: rgba(var(--brand-rgb), .1);
  display: flex; align-items: center; justify-content: center;
}
.merchant-onboarding .sl-want-name { font-size: 15px; line-height: 21px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-band {
  position: relative; overflow: hidden;
  margin-top: 34px; padding: 34px 40px; box-sizing: border-box; border-radius: 22px;
  background: var(--brand-gradient);
  box-shadow: 0 16px 38px rgba(13, 38, 90, .2);
  display: flex; align-items: center; gap: 32px;
}
.merchant-onboarding .sl-band-copy { position: relative; z-index: 1; flex: 1; min-width: 0; }
.merchant-onboarding .sl-band-title { margin: 0; font-size: 26px; line-height: 34px; font-weight: 700; color: #ffffff; }
.merchant-onboarding .sl-band-sub {
  margin: 8px 0 0; max-width: 760px;
  font-size: 14px; line-height: 1.7; color: rgba(219, 232, 255, .86); text-wrap: pretty;
}
.merchant-onboarding .sl-band-cta {
  position: relative; z-index: 1; flex: none;
  background: #ffffff; color: var(--brand-text); box-shadow: 0 10px 26px rgba(6, 20, 60, .28);
}
.merchant-onboarding .sl-band-cta:hover { color: var(--brand-text); }
.merchant-onboarding .sl-band-end::after {
  content: ''; position: absolute; inset: 0; z-index: 0;
  background-image: radial-gradient(rgba(255, 255, 255, .34) 1.8px, transparent 1.8px);
  background-size: 14px 14px;
  -webkit-mask-image: linear-gradient(100deg, transparent 44%, #000 82%);
  mask-image: linear-gradient(100deg, transparent 44%, #000 82%);
}
.merchant-onboarding .sl-case {
  position: relative; margin-top: 22px; padding: 28px 32px; box-sizing: border-box; border-radius: 18px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
  display: grid; grid-template-columns: 40px 1fr 44px; gap: 24px; align-items: start;
}
.merchant-onboarding .sl-case-mark { font-size: 58px; line-height: 46px; font-weight: 700; color: rgba(var(--brand-rgb), .22); }
.merchant-onboarding .sl-case-body { min-height: 115px; }
.merchant-onboarding .sl-case-who { display: flex; align-items: center; gap: 11px; }
.merchant-onboarding .sl-case-avatar { width: 44px; height: 44px; font-size: 17px; flex: none; }
.merchant-onboarding .sl-case-name { display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-case-meta { font-size: 13px; font-weight: 600; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .sl-case-metric {
  padding: 4px 10px; border-radius: 8px; background: rgba(var(--brand-rgb), .1);
  font-size: 13px; font-weight: 700; color: var(--brand-text);
}
.merchant-onboarding .sl-case-who .head-btn { margin-left: auto; }
.merchant-onboarding .sl-case-q {
  margin: 15px 0 0; max-width: 880px; font-size: 15px; line-height: 1.85;
  color: rgba(20, 35, 60, .82); text-wrap: pretty;
}
.merchant-onboarding .sl-case-nav { align-self: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.merchant-onboarding .sl-case-dots { display: flex; flex-direction: column; gap: 7px; }
.merchant-onboarding .sl-case-dot {
  width: 7px; height: 7px; padding: 0; border: none; border-radius: 50%;
  background: rgba(13, 38, 90, .16); cursor: pointer; transition: background .2s ease;
}
.merchant-onboarding .sl-case-dot.is-on { background: var(--brand-action); }
.merchant-onboarding .sl-case-arw {
  width: 34px; height: 34px; padding: 0; border-radius: 50%; cursor: pointer;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .12); color: rgba(30, 50, 80, .6);
  display: flex; align-items: center; justify-content: center;
  transition: border-color .2s ease, color .2s ease;
}
.merchant-onboarding .sl-case-arw:hover { border-color: rgba(var(--brand-rgb), .55); color: var(--brand-text); }
.merchant-onboarding .sl-payout {
  padding: 34px 40px; box-sizing: border-box; border-radius: 22px; text-align: center;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
}
.merchant-onboarding .sl-payout-h { margin: 0; font-size: 22px; line-height: 28px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-payout-sub {
  margin: 8px auto 0; max-width: 640px;
  font-size: 14px; line-height: 1.7; color: rgba(30, 50, 80, .7);
}
.merchant-onboarding .sl-payout-row { margin-top: 26px; display: flex; align-items: center; justify-content: center; gap: 46px; }
.merchant-onboarding .sl-payout-item { display: flex; align-items: center; gap: 9px; }
.merchant-onboarding .sl-payout-item img {
  --po: 23px;
  width: auto; height: calc(var(--po) * var(--pk, 1)); object-fit: contain; display: block;
}
.merchant-onboarding .sl-payout-item b { font-size: 15px; font-weight: 700; color: rgba(20, 35, 60, .78); }
.merchant-onboarding .sl-perks { margin-top: 22px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.merchant-onboarding .sl-perk {
  box-sizing: border-box; padding: 22px;
  display: flex; flex-direction: column; gap: 8px;
}
.merchant-onboarding .sl-perk-ico {
  width: 42px; height: 42px; border-radius: 12px; background: rgba(var(--brand-rgb), .1);
  display: flex; align-items: center; justify-content: center;
}
.merchant-onboarding .sl-perk-title { font-size: 16px; line-height: 22px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-perk-sub { font-size: 14px; line-height: 1.7; color: rgba(30, 50, 80, .7); text-wrap: pretty; }
.merchant-onboarding .sl-steps {
  margin: 22px 0 0; padding: 0; list-style: none;
  counter-reset: slstep;
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 0;
}
.merchant-onboarding .sl-step {
  position: relative; box-sizing: border-box; padding: 48px 22px 22px;
  display: flex; flex-direction: column; gap: 6px;
  counter-increment: slstep;
}
.merchant-onboarding .sl-step::before {
  content: counter(slstep);
  position: absolute; top: 22px; left: 22px;
  width: 26px; height: 26px; border-radius: 8px;
  background: var(--brand-action); color: #ffffff;
  font-size: 14px; font-weight: 700; line-height: 27px; text-align: center;
}
.merchant-onboarding .sl-step-t { font-size: 15px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-step-d { font-size: 14px; line-height: 1.7; color: rgba(30, 50, 80, .7); text-wrap: pretty; }
.merchant-onboarding .sl-two { margin-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.merchant-onboarding .sl-box {
  box-sizing: border-box; padding: 24px 26px; border-radius: 18px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
}
.merchant-onboarding .sl-box-h { margin: 0 0 14px; font-size: 17px; line-height: 22px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-need { margin: 0; padding-left: 20px; }
.merchant-onboarding .sl-need li { margin-bottom: 8px; font-size: 14px; line-height: 1.75; color: rgba(20, 35, 60, .8); text-wrap: pretty; }
.merchant-onboarding .sl-need li::marker { color: rgba(var(--brand-rgb), .45); }
.merchant-onboarding .sl-fee-row {
  padding: 11px 0; border-bottom: 1px solid rgba(13, 38, 90, .06);
  display: flex; align-items: baseline; gap: 14px;
}
.merchant-onboarding .sl-fee-row:last-child { border-bottom: none; }
.merchant-onboarding .sl-fee-row span { width: 96px; flex: none; font-size: 14px; font-weight: 700; color: rgba(30, 50, 80, .72); }
.merchant-onboarding .sl-fee-row b { flex: 1; font-size: 14px; line-height: 1.65; font-weight: 600; color: #0C1626; }
.merchant-onboarding .sl-field { display: block; }
.merchant-onboarding .sl-field-wide { grid-column: 1 / -1; }
.merchant-onboarding .sl-field > span:first-child {
  display: block; margin-bottom: 6px;
  font-size: 14px; font-weight: 700; color: rgba(30, 50, 80, .75);
}
.merchant-onboarding .sl-field input, .merchant-onboarding .sl-field select, .merchant-onboarding .sl-field textarea {
  box-sizing: border-box; width: 100%; padding: 11px 13px;
  border: 1px solid rgba(13, 38, 90, .12); border-radius: 11px;
  background: rgba(13, 38, 90, .025);
  font-family: inherit; font-size: 14px; font-weight: 500; color: #0C1626;
  outline: none; resize: vertical;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.merchant-onboarding .sl-field input:focus, .merchant-onboarding .sl-field select:focus, .merchant-onboarding .sl-field textarea:focus {
  border-color: rgba(var(--brand-rgb), .6); background: #ffffff;
  box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.084);
}
.merchant-onboarding .sl-sel { position: relative; display: block; }
.merchant-onboarding .sl-field select { appearance: none; -webkit-appearance: none; padding-right: 34px; }
.merchant-onboarding .sl-sel .sel-caret { right: 13px; }
.merchant-onboarding .sl-faq {
  margin-top: 22px; box-sizing: border-box; padding: 4px 28px 12px; border-radius: 18px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
  display: grid; grid-template-columns: 1fr 1fr; column-gap: 34px;
  align-items: start;
}
.merchant-onboarding .sl-faq .info-qa {
  border-bottom: none; border-top: 1px solid rgba(13, 38, 90, .07);
}
.merchant-onboarding .sl-faq .info-qa:nth-child(-n + 2) { border-top: none; }
.merchant-onboarding .sl-steps-3 { grid-template-columns: repeat(3, 1fr); }
.merchant-onboarding .sl-perks-3 { grid-template-columns: repeat(3, 1fr); }
.merchant-onboarding .sl-hero-solo { grid-template-columns: 1fr; }
.merchant-onboarding .slw-wrap { margin-inline: auto; }
.merchant-onboarding .slw-head { margin-top: 26px; text-align: center; }
.merchant-onboarding .slw-head-row { display: flex; align-items: center; justify-content: center; gap: 9px; }
.merchant-onboarding .slw-head-row .prod-verify { width: 22px; height: 22px; }
.merchant-onboarding .slw-title { margin: 0; font-size: 30px; line-height: 38px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .slw-step { margin: 7px 0 0; font-size: 14px; font-weight: 600; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .slw-card {
  position: relative; margin-top: 20px; box-sizing: border-box; padding: 36px 40px 34px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08); border-radius: 22px;
  box-shadow: 0 10px 30px rgba(13, 38, 90, .07); overflow: hidden;
}
.merchant-onboarding .slw-bar { position: absolute; left: 0; right: 0; top: 0; height: 4px; background: rgba(13, 38, 90, .06); }
.merchant-onboarding .slw-bar i { display: block; height: 100%; background: var(--brand-gradient); transition: width .3s ease; }
.merchant-onboarding .slw-q { margin: 0 0 22px; text-align: center; font-size: 20px; line-height: 28px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .slw-opts { display: flex; flex-direction: column; }
.merchant-onboarding .slw-opt {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 11px 13px; border-radius: 12px; cursor: pointer;
  transition: background-color .2s ease;
}
.merchant-onboarding .slw-opt:hover { background: rgba(var(--brand-rgb), .05); }
.merchant-onboarding .slw-opt input, .merchant-onboarding .slw-agree input {
  appearance: none; -webkit-appearance: none; flex: none; margin: 1px 0 0;
  width: 18px; height: 18px; box-sizing: border-box;
  border: 1.5px solid rgba(13, 38, 90, .24); background: #ffffff; cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.merchant-onboarding .slw-opt input[type="radio"] { border-radius: 50%; }
.merchant-onboarding .slw-opt input[type="checkbox"], .merchant-onboarding .slw-agree input { border-radius: 5px; }
.merchant-onboarding .slw-opt:hover input, .merchant-onboarding .slw-agree:hover input { border-color: rgba(var(--brand-rgb), .55); }
.merchant-onboarding .slw-opt input:checked, .merchant-onboarding .slw-agree input:checked { border-color: var(--brand-primary); background-color: var(--brand-action); }
.merchant-onboarding .slw-opt input[type="radio"]:checked { box-shadow: inset 0 0 0 3.5px #ffffff; }
.merchant-onboarding .slw-opt input[type="checkbox"]:checked, .merchant-onboarding .slw-agree input:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6.2 4.6 9 10 3.4'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: center; background-size: 11px 11px;
}
.merchant-onboarding .slw-opt-txt { min-width: 0; }
.merchant-onboarding .slw-opt-t { font-size: 14px; line-height: 20px; font-weight: 600; color: #0C1626; }
.merchant-onboarding .slw-opt-d { display: block; margin-top: 2px; font-size: 13px; line-height: 19px; color: rgba(30, 50, 80, .7); text-wrap: pretty; }
.merchant-onboarding .slw-when { margin: -2px 0 8px; padding-left: 43px; }
.merchant-onboarding .slw-opts-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px 8px; }
.merchant-onboarding .slw-opts-grid .slw-opt { align-items: center; padding: 9px 13px; }
.merchant-onboarding .slw-opts-grid .slw-opt input { margin-top: 0; }
.merchant-onboarding .slw-opts-grid .slw-when { grid-column: 1 / -1; margin: 0 0 8px; padding-left: 13px; }
.merchant-onboarding .slw-opt-ico { flex: none; display: block; }
.merchant-onboarding .slw-note {
  margin-bottom: 18px; padding: 13px 15px; border-radius: 12px;
  background: rgba(var(--brand-rgb), .07); border: 1px solid rgba(var(--brand-rgb), .18);
  display: flex; align-items: flex-start; gap: 10px;
}
.merchant-onboarding .slw-note svg { flex: none; margin-top: 1px; }
.merchant-onboarding .slw-note p { margin: 0; font-size: 14px; line-height: 21px; color: rgba(20, 35, 60, .82); text-wrap: pretty; }
.merchant-onboarding .slw-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; }
.merchant-onboarding .slw-grid > * { align-self: start; }
.merchant-onboarding .slw-opts + .slw-grid { margin-top: 20px; }
.merchant-onboarding .slw-lab {
  display: block; margin-bottom: 6px;
  font-size: 14px; font-weight: 700; color: rgba(30, 50, 80, .75);
}
.merchant-onboarding .slw-rule { grid-column: 1 / -1; height: 1px; margin: 4px 0 0; background: rgba(13, 38, 90, .07); }
.merchant-onboarding .slw-req {
  display: inline-block; width: 5px; height: 5px; margin-left: 3px; vertical-align: 2px;
  border-radius: 50%; background: #E5484D;
}
.merchant-onboarding .slw-hint { margin: 6px 0 0; font-size: 13px; line-height: 19px; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .slw-warn { margin: 6px 0 0; font-size: 13px; line-height: 19px; color: #B45309; }
.merchant-onboarding .slw-cw { position: relative; }
.merchant-onboarding .slw-cw input, .merchant-onboarding .slw-cw textarea { padding-right: 62px; }
.merchant-onboarding .slw-cnt {
  position: absolute; right: 12px; bottom: 11px;
  font-size: 13px; font-weight: 600; color: rgba(30, 50, 80, .7); pointer-events: none;
}
.merchant-onboarding .slw-phone { display: flex; gap: 8px; }
.merchant-onboarding .slw-phone .dial-pick { flex: none; }
.merchant-onboarding .slw-phone input { flex: 1; min-width: 0; }
.merchant-onboarding .slw-file {
  position: relative; box-sizing: border-box; min-height: 74px; padding: 14px 16px;
  border: 1.5px dashed rgba(13, 38, 90, .18); border-radius: 12px;
  background: rgba(13, 38, 90, .02); cursor: pointer;
  display: flex; align-items: center; gap: 12px;
  transition: background-color .2s ease, border-color .2s ease;
}
.merchant-onboarding .slw-file:hover { border-color: rgba(var(--brand-rgb), .5); background: rgba(var(--brand-rgb), .04); }
.merchant-onboarding .slw-file input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.merchant-onboarding .slw-file svg { flex: none; }
.merchant-onboarding .slw-file-txt { min-width: 0; }
.merchant-onboarding .slw-file-t { display: block; font-size: 14px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .slw-file-n {
  display: block; margin-top: 3px; font-size: 13px; line-height: 19px; color: rgba(30, 50, 80, .7);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.merchant-onboarding .slw-file.is-on { border-style: solid; border-color: rgba(var(--brand-rgb), .45); background: rgba(var(--brand-rgb), .05); }
.merchant-onboarding .slw-file.is-on .slw-file-n { color: var(--brand-text); font-weight: 600; }
.merchant-onboarding .slw-ava-row { position: relative; display: flex; align-items: center; }
.merchant-onboarding .slw-ava {
  box-sizing: border-box; flex: none; width: 62px; height: 62px;
  border-radius: 15px; object-fit: cover; cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease;
}
.merchant-onboarding .slw-ava.is-empty {
  border: 1.5px dashed rgba(var(--brand-rgb), .4);
  background: rgba(46, 124, 255, .07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B6BFF' stroke-opacity='.55' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5.5v13M5.5 12h13'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
}
.merchant-onboarding .slw-ava.is-empty:hover { border-color: rgba(var(--brand-rgb), .7); background-color: rgba(var(--brand-rgb), .13); }
.merchant-onboarding .slw-ava:not(.is-empty):hover { opacity: .85; }
.merchant-onboarding .sl-field .slw-ava-row input {
  position: absolute; left: 0; top: 0; width: 62px; height: 62px;
  padding: 0; border: none; background: none; opacity: 0; cursor: pointer;
}
.merchant-onboarding .slw-pays { grid-template-columns: repeat(3, 1fr); }
.merchant-onboarding .slw-pays .co-pay { position: relative; }
.merchant-onboarding .slw-pays .co-pay input { position: absolute; inset: 0; margin: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.merchant-onboarding .slw-sum { border-top: 1px solid rgba(13, 38, 90, .07); }
.merchant-onboarding .slw-sum-row { padding: 14px 2px 16px; border-bottom: 1px solid rgba(13, 38, 90, .06); }
.merchant-onboarding .slw-sum-top { display: flex; align-items: baseline; gap: 12px; }
.merchant-onboarding .slw-sum-k {
  flex: 1; min-width: 0; font-size: 14px; line-height: 20px;
  font-weight: 600; color: #0C1626;
}
.merchant-onboarding .slw-sum-grid { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; }
.merchant-onboarding .slw-sum-f { min-width: 0; }
.merchant-onboarding .slw-sum-f-wide { grid-column: 1 / -1; }
.merchant-onboarding .slw-sum-fk { display: block; font-size: 13px; line-height: 18px; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .slw-sum-fv {
  display: block; margin-top: 2px; font-size: 14px; line-height: 21px;
  font-weight: 600; color: #0C1626; text-wrap: pretty; overflow-wrap: anywhere;
}
.merchant-onboarding .slw-edit {
  flex: none; padding: 0; border: none; background: none; cursor: pointer;
  font-family: inherit; font-size: 13px; font-weight: 600; color: var(--brand-text);
}
.merchant-onboarding .slw-edit:hover { text-decoration: underline; }
.merchant-onboarding .slw-agree { margin-top: 20px; display: flex; align-items: flex-start; gap: 12px; }
.merchant-onboarding .slw-agree .slw-opt-t { font-weight: 500; color: rgba(20, 35, 60, .82); }
.merchant-onboarding .slw-agree a { font-weight: 600; }
.merchant-onboarding .slw-acts { margin-top: 22px; display: flex; justify-content: center; gap: 14px; }
.merchant-onboarding .slw-acts .solo-cta { margin-top: 0; min-width: 172px; justify-content: center; }
.merchant-onboarding { padding-bottom:48px; color:#0C1626; }
.merchant-onboarding [hidden] {display:none!important}
.merchant-onboarding .slw-wrap {max-width:800px}
.merchant-onboarding .slw-acts {flex-wrap:wrap}
.merchant-onboarding .slw-acts .solo-cta {min-width:140px}
.merchant-onboarding .sl-field select {appearance:auto}
.merchant-onboarding .slw-file input {cursor:pointer}
.merchant-onboarding .onboard-file {display:grid;gap:8px}
.merchant-onboarding .onboard-file .slw-edit {justify-self:start}
.merchant-onboarding .onboard-feedback {margin:18px 0 0;color:#B45309;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.merchant-onboarding .onboard-category {padding:0 13px 14px 43px}
.merchant-onboarding .onboard-kicker {display:inline-flex;color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em}
.merchant-onboarding .onboard-art-rows {display:grid;gap:16px;margin:24px 0}
.merchant-onboarding .onboard-art-rows div {display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #e8edf5}
.merchant-onboarding .onboard-art-rows span {font-size:22px;font-weight:700;color:var(--brand-text)}
.merchant-onboarding .onboard-art-rows svg {margin-left:auto;color:var(--brand-text)}
.merchant-onboarding .onboard-steps {grid-template-columns:repeat(4,1fr)}
.merchant-onboarding .onboard-history {margin:26px 0}
.merchant-onboarding .onboard-history h2 {font-size:17px}
.merchant-onboarding .onboard-history article {padding:14px 0;border-bottom:1px solid #e8edf5}
.merchant-onboarding .onboard-history time {display:block;margin-top:5px;font-size:12px;color:#61718a}
.merchant-onboarding .onboard-history p {white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.merchant-onboarding .onboard-sr {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.merchant-onboarding button:disabled {opacity:.6;cursor:wait}
.merchant-onboarding .slw-sum-fv {white-space:pre-wrap}
@media(max-width:1000px) {
 .merchant-onboarding .sl-hero {grid-template-columns:1fr 320px;gap:24px;padding:32px}
 .merchant-onboarding .sl-title {font-size:34px;line-height:1.3}
}
@media(max-width:700px) {
 .merchant-onboarding {padding:0 16px 40px}
 .merchant-onboarding .crumb {margin:16px 0;font-size:12px}
 .merchant-onboarding .sl-hero {grid-template-columns:1fr;gap:26px;padding:28px 24px;border-radius:18px}
 .merchant-onboarding .sl-title {font-size:30px;line-height:1.4}
 .merchant-onboarding .sl-sub {font-size:14px;line-height:1.75}
 .merchant-onboarding .sl-art {padding:18px}
 .merchant-onboarding .sl-sec {margin-top:32px}
 .merchant-onboarding .sl-wants {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .merchant-onboarding .sl-want {min-width:0;padding:14px 10px}
 .merchant-onboarding .sl-want-name {font-size:14px}
 .merchant-onboarding .onboard-steps,.merchant-onboarding .sl-two,.merchant-onboarding .sl-faq {grid-template-columns:1fr}
 .merchant-onboarding .sl-band {padding:24px;flex-direction:column;align-items:flex-start;gap:18px}
 .merchant-onboarding .sl-band-t {font-size:22px}
 .merchant-onboarding .slw-card {padding:26px 20px;border-radius:16px}
 .merchant-onboarding .slw-grid,.merchant-onboarding .slw-sum-grid {grid-template-columns:1fr}
 .merchant-onboarding .slw-title {font-size:26px;line-height:1.4}
 .merchant-onboarding .slw-q {font-size:18px}
 .merchant-onboarding .slw-step,.merchant-onboarding .slw-hint {font-size:12px}
 .merchant-onboarding .slw-acts {gap:8px}
 .merchant-onboarding .slw-acts .solo-cta {min-width:0;flex:1;padding:12px;font-size:13px}
 .merchant-onboarding .sl-field input,.merchant-onboarding .sl-field textarea,.merchant-onboarding .sl-field select {font-size:16px}
 .merchant-onboarding .feat-title {font-size:20px}
 .merchant-onboarding .sl-faq .info-qa {border-top:1px solid #e8edf5}
 .merchant-onboarding .sl-hero-acts {flex-wrap:wrap}
}
/* Translated copy can be longer than Chinese labels. */
.merchant-onboarding .sl-title,.merchant-onboarding .slw-q,.merchant-onboarding .slw-title {overflow-wrap:anywhere}
.merchant-onboarding .solo-cta {height:auto;min-height:44px;text-align:center;white-space:normal;line-height:1.5}
.merchant-onboarding .sl-art,.merchant-onboarding .sl-hero-copy,.merchant-onboarding .slw-sum-f {min-width:0}
.merchant-onboarding .onboard-art-rows b {flex:1;min-width:0}
.merchant-onboarding .onboard-art-rows svg {flex:none}
.merchant-onboarding .slw-sum-fv,.merchant-onboarding .slw-file-n {overflow-wrap:anywhere}

/* Keep enrollment structure while sharing the quotation-page visual language. */
.merchant-onboarding { font-size:14px; line-height:21px; color:var(--brand-ink); }
.merchant-onboarding .crumb { padding-bottom:14px; }
.merchant-onboarding :is(.sl-title,.slw-title) { font-size:22px; line-height:32px; font-weight:600; }
.merchant-onboarding .feat-title { font-size:18px; line-height:26px; font-weight:600; }
.merchant-onboarding .sl-hero {
 --seller-base:color-mix(in srgb, var(--brand-primary) 28%, #101e35);
 --seller-glow:var(--topbar-accent); --seller-light:#fff; --seller-muted:#d8e3ed;
 --seller-highlight:#f5dc9b;
 background:radial-gradient(ellipse at 96% 0%, color-mix(in srgb, var(--seller-glow) 42%, transparent), transparent 62%),
   radial-gradient(ellipse at 48% 110%, color-mix(in srgb, var(--brand-primary) 32%, transparent), transparent 62%), var(--seller-base);
 border:1px solid color-mix(in srgb, var(--seller-glow) 25%, transparent); border-radius:16px;
 box-shadow:0 10px 28px rgba(13,38,90,.09); padding:32px;
}
.merchant-onboarding .sl-hero::before {
 content:''; position:absolute; width:640px; height:640px; right:-190px; top:-370px;
 border:1px solid color-mix(in srgb, var(--seller-glow) 26%, transparent); border-radius:50%;
 box-shadow:0 0 0 44px color-mix(in srgb, var(--seller-glow) 6%, transparent), 0 0 0 88px color-mix(in srgb, var(--seller-glow) 5%, transparent);
 pointer-events:none;
}
.merchant-onboarding .sl-title { color:var(--seller-light); }
.merchant-onboarding .sl-desc { color:#61728e; font-size:14px; line-height:21px; }
.merchant-onboarding .solo-cta { border-radius:9px; font-size:13px; font-weight:500; box-shadow:none; }
.merchant-onboarding .sl-hero-acts .solo-cta { background:var(--brand-gradient); color:#fff; box-shadow:none; }
.merchant-onboarding .sl-hero-acts .solo-cta:hover { background:var(--brand-gradient-hover); color:#fff; }
.merchant-onboarding .sl-hero-acts .solo-cta-ghost { background:color-mix(in srgb, var(--seller-light) 8%, transparent); color:var(--seller-light); border:1px solid color-mix(in srgb, var(--seller-light) 32%, transparent); }
.merchant-onboarding .sl-hero-acts .solo-cta-ghost:hover { background:color-mix(in srgb, var(--seller-light) 16%, transparent); color:var(--seller-light); }
.merchant-onboarding .sl-hero-acts .solo-cta:focus-visible { outline:2px solid var(--seller-highlight); outline-offset:4px; }
@media(max-width:680px) { .merchant-onboarding :is(.sl-title,.slw-title) { font-size:20px; line-height:28px; } .merchant-onboarding .sl-hero { padding:16px; } }
.merchant-onboarding .sl-sub { color:var(--seller-muted); font-size:14px; line-height:21px; }
.merchant-onboarding .onboard-kicker { color:var(--seller-highlight); background:color-mix(in srgb, var(--seller-glow) 12%, transparent); border:1px solid color-mix(in srgb, var(--seller-glow) 28%, transparent); border-radius:6px; padding:4px 9px; }
.merchant-onboarding .sl-art { background:color-mix(in srgb, var(--seller-base) 86%, white); color:var(--seller-light); box-shadow:0 8px 24px rgba(0,0,0,.08); border:1px solid color-mix(in srgb, var(--seller-glow) 28%, transparent); }
.merchant-onboarding .sl-art-t,.merchant-onboarding .sl-art .slw-hint { color:var(--seller-muted); }
.merchant-onboarding .sl-art-dot { background:var(--seller-highlight); box-shadow:0 0 0 4px color-mix(in srgb, var(--seller-glow) 14%, transparent); }
.merchant-onboarding .onboard-art-rows div { border-color:color-mix(in srgb, var(--seller-light) 14%, transparent); }
.merchant-onboarding .onboard-art-rows :is(span,svg) { color:var(--seller-highlight); }
.merchant-onboarding .sl-orb { display:none; }

/* Decorative palettes follow the selected market, independently of UI language. */
html[data-region="BR"] .merchant-onboarding .sl-hero { --seller-base:#073e32; --seller-glow:#e7bf4f; --seller-highlight:#ffe19a; --seller-muted:#d1e7dc; }
html[data-region="TH"] .merchant-onboarding .sl-hero { --seller-base:#123e47; --seller-glow:#dfa743; --seller-highlight:#ffe0a0; --seller-muted:#d9e6e4; }
html[data-region="JP"] .merchant-onboarding .sl-hero { --seller-base:#f8f1ed; --seller-glow:#d98c9f; --seller-light:#26334f; --seller-muted:#59617a; --seller-highlight:#99445d; }
html[data-region="JP"] .merchant-onboarding .sl-hero { background:radial-gradient(ellipse at 90% 0%, #edbdcb 0%, transparent 62%), radial-gradient(ellipse at 48% 110%, #e0e5f2, transparent 62%), var(--seller-base); }

/* Application results: status first, account guidance and history below. */
.merchant-onboarding .onboard-status { margin:8px 0 48px; }
.merchant-onboarding .onboard-status-summary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; padding:30px 32px; border:1px solid #dce7f4; border-radius:16px; background:linear-gradient(115deg,#fff 45%,#eef6ff); }
.merchant-onboarding .onboard-status-heading { display:flex; align-items:center; gap:18px; min-width:0; }
.merchant-onboarding .onboard-status-icon { display:grid; place-items:center; flex:none; width:56px; height:56px; border:1px solid #cce2fa; border-radius:16px; background:#eaf4ff; color:var(--brand-text); }
.merchant-onboarding [data-status="approved"] .onboard-status-icon { background:#188461; border-color:#188461; color:#fff; box-shadow:0 4px 12px #18846126; }
.merchant-onboarding [data-status="approved"] .onboard-status-icon svg { width:36px; height:36px; stroke-width:2.6; }
.merchant-onboarding [data-status="rejected"] .onboard-status-icon { background:#fff6e6; border-color:#f1dfbb; color:#91671e; }
.merchant-onboarding .onboard-status-label { margin:0 0 4px; color:#61728e; font-size:12px; line-height:18px; }
.merchant-onboarding .onboard-store-name { margin:6px 0 0; color:#61728e; font-size:13px; font-weight:400; overflow-wrap:anywhere; }
.merchant-onboarding .onboard-status-actions { display:flex; align-items:flex-end; flex-direction:column; gap:10px; flex-wrap:wrap; }
.merchant-onboarding .onboard-status .solo-cta { box-sizing:border-box; margin-top:0; justify-content:center; padding:10px 16px; }
.merchant-onboarding .onboard-status .solo-cta:hover { transform:none; box-shadow:none; }
.merchant-onboarding .onboard-status :is(a,button,summary):focus-visible { outline:2px solid var(--brand-primary); outline-offset:4px; }
.merchant-onboarding .onboard-status-description { grid-column:1/-1; margin:0; color:#53647c; }
.merchant-onboarding .onboard-review { grid-column:1/-1; border-top:1px solid #dce7f4; padding-top:20px; }
.merchant-onboarding .onboard-status h2 { display:flex; align-items:center; gap:10px; margin:0 0 20px; font-size:15px; line-height:22px; font-weight:600; }
.merchant-onboarding .onboard-review summary { width:fit-content; cursor:pointer; font-size:12px; color:#61728e; }
.merchant-onboarding .onboard-review[open] summary { margin-bottom:12px; }
.merchant-onboarding .onboard-review p { margin:0; max-width:90ch; font-size:13px; line-height:1.8; color:#43536b; white-space:pre-wrap; overflow-wrap:anywhere; }
.merchant-onboarding .onboard-status .onboard-feedback { grid-column:1/-1; margin:0; }
.merchant-onboarding .onboard-status-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr); gap:20px; margin-top:20px; align-items:start; }
.merchant-onboarding .onboard-status-grid > section { min-width:0; margin:0; padding:26px 30px; border:1px solid #e2e8f0; border-radius:14px; background:#fff; }
.merchant-onboarding .onboard-account .slw-note { margin:0; padding:0; border:0; background:none; }
.merchant-onboarding .onboard-account p { margin:0; font-size:13px; line-height:1.85; color:#53647c; overflow-wrap:anywhere; }
.merchant-onboarding .onboard-account p + p { margin-top:12px; }
.merchant-onboarding .onboard-status .onboard-history article { position:relative; margin:0 0 0 5px; padding:0 0 26px 24px; border:0; border-left:1px solid #dce7f4; }
.merchant-onboarding .onboard-status .onboard-history article::before { content:''; position:absolute; left:-5px; top:5px; width:7px; height:7px; border:1px solid #b8c9df; border-radius:50%; background:#fff; }
.merchant-onboarding .onboard-status .onboard-history article:first-of-type::before { background:var(--brand-primary); border-color:var(--brand-primary); box-shadow:0 0 0 4px #edf5ff; }
.merchant-onboarding .onboard-status .onboard-history article.is-approved::before { content:'✓'; display:grid; place-items:center; left:-9px; top:1px; width:16px; height:16px; border:0; background:#eaf7f2; color:#188461; box-shadow:0 0 0 3px #fff; font-size:13px; line-height:16px; font-weight:700; }
.merchant-onboarding .onboard-status .onboard-history article:last-child { padding-bottom:0; border-color:transparent; }
.merchant-onboarding .onboard-history b { font-size:13px; line-height:20px; font-weight:600; }
.merchant-onboarding .onboard-status .onboard-history time { display:block; margin-top:4px; color:#61728e; font-size:12px; line-height:18px; }
.merchant-onboarding .onboard-history details { margin-top:10px; font-size:12px; color:#53647c; }
.merchant-onboarding .onboard-history summary { cursor:pointer; width:fit-content; }
.merchant-onboarding .onboard-history details p { font-size:13px; line-height:1.8; margin:10px 0 0; }
@media(max-width:900px) {
 .merchant-onboarding .onboard-status-summary { grid-template-columns:1fr; }
 .merchant-onboarding .onboard-status-grid { grid-template-columns:1fr; }
}
@media(max-width:700px) {
 .merchant-onboarding .onboard-status { margin-top:0; }
 .merchant-onboarding .onboard-status-summary { padding:22px 20px; gap:20px; }
 .merchant-onboarding .onboard-status-heading { align-items:flex-start; gap:12px; }
 .merchant-onboarding .onboard-status-icon { width:44px; height:44px; border-radius:12px; }
 .merchant-onboarding .onboard-status-actions .solo-cta { flex:1; }
 .merchant-onboarding .onboard-status-grid { gap:14px; margin-top:14px; }
 .merchant-onboarding .onboard-status-grid > section { padding:22px 20px; }
}

.merchant-onboarding .onboard-status .onboard-refresh { min-height:32px; padding:4px 2px; border:0; background:transparent; color:#61728e; font-size:12px; }
.merchant-onboarding .onboard-refresh svg { width:14px; height:14px; }
.merchant-onboarding .onboard-status h2 > svg { color:#61728e; flex:none; }
.merchant-onboarding .onboard-next-steps { list-style:none; padding:0; margin:0; }
.merchant-onboarding .onboard-next-steps li { display:flex; align-items:center; gap:16px; padding:18px 0; border-top:1px solid #edf0f5; }
.merchant-onboarding .onboard-next-steps li:first-child { padding-top:0; border:0; }
.merchant-onboarding .onboard-next-steps li:last-child { padding-bottom:0; }
.merchant-onboarding .onboard-step-icon { flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:11px; background:#eaf7f2; color:#188461; }
.merchant-onboarding .onboard-next-steps li > div { min-width:0; }
.merchant-onboarding .onboard-next-steps h3 { margin:0 0 5px; font-size:14px; line-height:21px; font-weight:600; }
.merchant-onboarding .onboard-next-steps p { font-size:12px; line-height:1.7; }
.merchant-onboarding .onboard-next-steps li:first-child p { color:var(--brand-text); }
.merchant-onboarding .onboard-step-number { margin-left:auto; padding-left:8px; color:#8795a9; font-size:12px; font-variant-numeric:tabular-nums; }
.merchant-onboarding .onboard-email { display:flex; align-items:center; gap:14px; padding:16px; background:#f6f9fd; border-radius:10px; margin-bottom:12px; }
.merchant-onboarding .onboard-email svg { color:var(--brand-text); flex:none; }
.merchant-onboarding .onboard-email div { min-width:0; }
.merchant-onboarding .onboard-email span { display:block; color:#61728e; font-size:12px; }
.merchant-onboarding .onboard-email strong { display:block; margin-top:4px; font-size:13px; font-weight:500; overflow-wrap:anywhere; }
@media(max-width:900px) {
 .merchant-onboarding .onboard-status-actions { flex-direction:row; align-items:center; }
}
@media(max-width:700px) {
 .merchant-onboarding .onboard-next-steps li { gap:12px; }
 .merchant-onboarding .onboard-step-number { display:none; }
 .merchant-onboarding .onboard-status-actions .onboard-refresh { flex:none; padding:8px; min-height:44px; }
}