/* Exact Receipt seller review — user-selected blue Option 2, 2026-08-18. */
:root {
  --review-blue: #0a84ff;
  --review-blue-strong: #0878ee;
  --review-blue-soft: #edf6ff;
  --review-ink: #151922;
  --review-muted: #778197;
  --review-line: #dce2eb;
  --review-canvas: #fff;
}

body:has(#seller-access-pending:not([hidden])) {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
  background: var(--review-canvas) !important;
  color: var(--review-ink) !important;
}

body:has(#seller-access-pending:not([hidden])) > #app {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#seller-access-view:has(#seller-access-pending:not([hidden])) {
  width: min(100%, 540px) !important;
  height: 100dvh !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--review-canvas) !important;
}

#seller-access-pending {
  display: flex !important;
  height: 100% !important;
  box-sizing: border-box !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: max(14px, env(safe-area-inset-top)) 20px max(92px, calc(82px + env(safe-area-inset-bottom))) !important;
  overflow: hidden !important;
  background: var(--review-canvas) !important;
}

#seller-access-pending::before,
#seller-access-pending .seller-review-head::after {
  display: none !important;
}

#seller-access-pending .seller-review-head {
  position: static !important;
  display: flex !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid var(--review-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#seller-access-pending .seller-review-copy {
  display: inline-flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 9px !important;
}

#seller-access-pending .seller-review-copy > i {
  color: #8490a3 !important;
  font-size: 19px !important;
}

#seller-access-pending .seller-review-copy strong {
  color: #2f3542 !important;
  font-size: 14px !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

#seller-access-pending .seller-review-state {
  display: inline-flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--review-blue) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 520 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

#seller-access-pending .seller-review-state i {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 auto !important;
  border-radius: 50% !important;
  background: currentColor !important;
}

#seller-access-pending[data-status="pending"] .seller-review-state { color: #7f8999 !important; }
#seller-access-pending[data-status="approved"] .seller-review-state { color: #20a464 !important; }
#seller-access-pending[data-status="rejected"] .seller-review-state { color: #d44b42 !important; }

#seller-access-pending .seller-access-conversation {
  position: static !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 11px !important;
  margin: 22px 0 24px !important;
  padding: 0 !important;
}

#seller-access-pending .seller-access-message-avatar {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--review-blue-soft) !important;
  box-shadow: none !important;
  object-fit: cover !important;
}

#seller-access-pending .seller-access-message-bubble {
  display: grid !important;
  min-height: 112px !important;
  box-sizing: border-box !important;
  align-content: start !important;
  padding: 17px 18px 14px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: var(--review-blue-soft) !important;
  box-shadow: none !important;
}

#seller-access-pending #seller-access-status-title {
  margin: 0 !important;
  color: var(--review-ink) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-wrap: pretty !important;
}

#seller-access-pending .seller-access-status-help {
  margin: 6px 0 0 !important;
  color: #5f6c82 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

#seller-access-pending .seller-access-operator-note {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--review-ink) !important;
  box-shadow: none !important;
}

#seller-access-pending .seller-access-operator-note[hidden] { display: none !important; }
#seller-access-pending .seller-access-operator-note::before { display: none !important; }
#seller-access-pending .seller-access-operator-note p {
  margin: 0 !important;
  color: var(--review-ink) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

#seller-access-pending:has(.seller-access-operator-note:not([hidden])) #seller-access-status-title,
#seller-access-pending:has(.seller-access-operator-note:not([hidden])) .seller-access-status-help {
  display: none !important;
}

#seller-access-pending .seller-access-message-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  margin-top: auto !important;
  padding-top: 13px !important;
  color: #8792a6 !important;
  font-size: 12px !important;
  font-weight: 450 !important;
  line-height: 1.2 !important;
}

#seller-access-pending .seller-access-message-meta span { display: none !important; }
#seller-access-pending .seller-access-message-meta time {
  overflow: hidden !important;
  max-width: 100% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#seller-access-pending .seller-access-original {
  display: block !important;
  margin: 0 !important;
  border: 0 !important;
  color: var(--review-ink) !important;
}

#seller-access-pending .seller-access-original summary {
  display: block !important;
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #313746 !important;
  cursor: default !important;
  font-size: 15px !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
  list-style: none !important;
  pointer-events: none !important;
}

#seller-access-pending .seller-access-original summary::-webkit-details-marker,
#seller-access-pending .seller-access-original summary i {
  display: none !important;
}

#seller-access-pending .seller-access-summary-title { display: none !important; }
#seller-access-pending .seller-access-summary {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--review-line) !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#seller-access-pending .seller-access-summary > button {
  display: grid !important;
  min-height: 62px !important;
  grid-template-columns: 38px minmax(0, 1fr) auto 15px !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #e5e9ef !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--review-ink) !important;
  text-align: left !important;
  box-shadow: none !important;
}

#seller-access-pending .seller-access-summary > button:last-child { border-bottom: 0 !important; }
#seller-access-pending .seller-access-summary > button:not(:disabled):active { background: #f7fbff !important; }
#seller-access-pending .seller-access-summary-icon {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  border-radius: 13px !important;
  background: var(--review-blue-soft) !important;
  color: var(--review-blue) !important;
  font-size: 19px !important;
}

#seller-access-pending .seller-access-summary > button > span:nth-child(2) {
  display: grid !important;
  min-width: 0 !important;
  gap: 4px !important;
}

#seller-access-pending .seller-access-summary small {
  color: var(--review-muted) !important;
  font-size: 12px !important;
  font-weight: 450 !important;
  line-height: 1.15 !important;
}

#seller-access-pending .seller-access-summary strong {
  overflow: hidden !important;
  color: var(--review-ink) !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#seller-access-pending .seller-access-summary em {
  display: block !important;
  color: var(--review-blue) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 520 !important;
  line-height: 1 !important;
}

#seller-access-pending .seller-access-summary > button > i:last-child {
  display: block !important;
  color: #aeb7c7 !important;
  font-size: 18px !important;
}

#seller-access-pending .seller-access-summary > button:disabled {
  opacity: 1 !important;
  cursor: default !important;
}

#seller-access-pending .seller-access-summary > button:disabled em,
#seller-access-pending .seller-access-summary > button:disabled > i:last-child {
  display: none !important;
}

#seller-access-pending .seller-access-result-actions,
#seller-access-pending #seller-access-edit {
  display: none !important;
}

body:has(#seller-access-pending:not([hidden])) .native-action-fallback {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(100%, 540px) !important;
  min-height: 91px !important;
  box-sizing: border-box !important;
  grid-template-columns: 1fr !important;
  align-content: center !important;
  justify-content: center !important;
  padding: 12px 18px max(14px, env(safe-area-inset-bottom)) !important;
  border: 0 !important;
  border-top: 1px solid #eef1f5 !important;
  background: #fff !important;
  box-shadow: 0 -10px 24px rgb(41 55 78 / 5%) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

body:has(#seller-access-pending:not([hidden])) #fallback-main {
  width: min(64%, 348px) !important;
  min-height: 48px !important;
  justify-self: center !important;
  border-radius: 13px !important;
  background: var(--review-blue-strong) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 18px rgb(10 132 255 / 18%) !important;
  pointer-events: auto !important;
}

body:has(#seller-access-pending:not([hidden])) #fallback-main:active {
  background: #006fdf !important;
  transform: translateY(1px) !important;
}

body:has(#seller-access-pending:not([hidden])) #fallback-main:focus-visible,
#seller-access-pending .seller-access-summary > button:focus-visible {
  outline: 2px solid var(--review-blue) !important;
  outline-offset: 2px !important;
}

body:has(#seller-access-pending:not([hidden])) ::selection {
  background: #cfe7ff !important;
  color: var(--review-ink) !important;
}

/* The editable application is the right-hand screen from the selected Option 2 reference. */
body:has(#seller-access-view:not([hidden]) #seller-access-form:not([hidden])) {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
  background: #fff !important;
  color: var(--review-ink) !important;
}

body:has(#seller-access-view:not([hidden]) #seller-access-form:not([hidden])) > #app {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#seller-access-view:has(#seller-access-form:not([hidden])) {
  width: min(100%, 540px) !important;
  height: 100dvh !important;
  min-height: 0 !important;
  margin-inline: auto !important;
  padding: 0 0 max(88px, calc(76px + env(safe-area-inset-bottom))) !important;
  overflow: hidden !important;
  background: #fff !important;
}

#seller-access-form:not([hidden]) {
  display: flex !important;
  height: 100% !important;
  box-sizing: border-box !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: max(16px, env(safe-area-inset-top)) 20px 18px !important;
  overflow: hidden !important;
  background: #fff !important;
}

#seller-access-form .seller-form-progress {
  display: flex !important;
  min-height: 32px !important;
  box-sizing: border-box !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 0 29px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  list-style: none !important;
}

#seller-access-form .seller-form-progress li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 !important;
  color: #7f8999 !important;
  font-size: 14px !important;
  font-weight: 520 !important;
}

#seller-access-form .seller-form-progress li + li::before {
  content: "" !important;
  position: static !important;
  width: 48px !important;
  height: 1px !important;
  margin: 0 17px !important;
  background: #dfe4ec !important;
}

#seller-access-form .seller-form-progress span {
  display: grid !important;
  width: 23px !important;
  height: 23px !important;
  flex: 0 0 auto !important;
  place-items: center !important;
  border: 1.5px solid #bdc7d4 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #7f8999 !important;
  font-size: 12px !important;
}

#seller-access-form .seller-form-progress li:first-child {
  background: transparent !important;
  color: var(--review-blue) !important;
}

#seller-access-form .seller-form-progress li:first-child span {
  border-color: var(--review-blue) !important;
  background: var(--review-blue) !important;
  color: #fff !important;
}

#seller-access-form .seller-form-progress small {
  overflow: hidden !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#seller-access-form .seller-form-head {
  display: block !important;
  min-height: 0 !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
  color: var(--review-ink) !important;
  overflow: visible !important;
}

#seller-access-form .seller-form-head::after,
#seller-access-form .seller-form-head > span,
#seller-access-form .seller-form-time { display: none !important; }
#seller-access-form .seller-form-head > div { position: static !important; }
#seller-access-form .seller-form-head h1 {
  margin: 0 !important;
  color: var(--review-ink) !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.14 !important;
  letter-spacing: -.02em !important;
}
#seller-access-form .seller-form-head p {
  display: none !important;
}

#seller-access-form #seller-access-category-step,
#seller-access-form #seller-access-link-step {
  position: static !important;
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#seller-access-form .seller-access-use-cases {
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
#seller-access-form .seller-access-use-cases legend {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}
#seller-access-form .seller-access-use-cases label,
#seller-access-form .seller-access-use-cases label:last-child {
  min-height: 58px !important;
  border: 1px solid var(--review-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  overflow: hidden !important;
}
#seller-access-form .seller-access-use-cases label > span {
  min-height: 58px !important;
  grid-template-columns: 38px minmax(0, 1fr) 22px !important;
  gap: 11px !important;
  padding: 8px 12px !important;
}
#seller-access-form .seller-access-use-cases label > span > i:first-child {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  background: var(--review-blue-soft) !important;
  color: var(--review-blue) !important;
  font-size: 18px !important;
}
#seller-access-form .seller-access-use-cases label b {
  color: var(--review-ink) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
#seller-access-form .seller-access-use-cases label small {
  color: var(--review-muted) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}
#seller-access-form .seller-access-use-cases input:checked + span {
  background: #f5f9ff !important;
  box-shadow: inset 0 0 0 1px var(--review-blue) !important;
}
#seller-access-form .seller-access-use-cases input:checked + span > i:first-child {
  background: var(--review-blue-soft) !important;
  color: var(--review-blue) !important;
}
#seller-access-form .seller-access-use-cases input:checked + span b,
#seller-access-form .seller-access-use-cases input:checked + span .seller-access-choice-check { color: var(--review-blue) !important; }

#seller-access-form .seller-access-description {
  display: grid !important;
  gap: 8px !important;
  margin-top: 19px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #56647a !important;
  font-size: 13px !important;
  font-weight: 560 !important;
}
#seller-access-form .seller-link-input {
  min-height: 52px !important;
  padding: 0 13px !important;
  border: 1px solid var(--review-line) !important;
  border-radius: 13px !important;
  background: #fff !important;
}
#seller-access-form .seller-link-input:focus-within {
  border-color: var(--review-blue) !important;
  box-shadow: 0 0 0 2px rgb(10 132 255 / 12%) !important;
}
#seller-access-form .seller-link-input input { font-size: 16px !important; }
#seller-access-form .seller-access-terms {
  min-height: 54px !important;
  margin: 14px 0 0 !important;
  padding: 0 12px !important;
  border: 1px solid var(--review-line) !important;
  border-radius: 13px !important;
  background: #fff !important;
}
#seller-access-form .seller-access-terms em { font-size: 12px !important; }

body:has(#seller-access-view:not([hidden]) #seller-access-form:not([hidden])) .native-action-fallback {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(100%, 540px) !important;
  min-height: 88px !important;
  box-sizing: border-box !important;
  grid-template-columns: 1fr !important;
  align-content: center !important;
  padding: 12px 18px max(14px, env(safe-area-inset-bottom)) !important;
  border: 0 !important;
  border-top: 1px solid #eef1f5 !important;
  background: #fff !important;
  box-shadow: 0 -10px 24px rgb(41 55 78 / 5%) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}
body:has(#seller-access-view:not([hidden]) #seller-access-form:not([hidden])) #fallback-main {
  width: min(70%, 360px) !important;
  min-height: 48px !important;
  justify-self: center !important;
  border-radius: 13px !important;
  background: var(--review-blue-strong) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 18px rgb(10 132 255 / 18%) !important;
  pointer-events: auto !important;
}

@media (max-height: 720px) {
  #seller-access-view:has(#seller-access-form:not([hidden])) { overflow-y: auto !important; }
  #seller-access-form:not([hidden]) { height: auto !important; min-height: 100dvh !important; overflow: visible !important; }
}

@media (max-width: 350px) {
  #seller-access-pending { padding-inline: 15px !important; }
  #seller-access-pending .seller-review-head { min-height: 58px !important; padding-inline: 14px !important; }
  #seller-access-pending .seller-review-copy { gap: 8px !important; }
  #seller-access-pending .seller-review-copy strong,
  #seller-access-pending .seller-review-state { font-size: 13px !important; }
  #seller-access-pending .seller-review-state { gap: 6px !important; }
  #seller-access-pending .seller-access-conversation { grid-template-columns: 46px minmax(0, 1fr) !important; gap: 9px !important; margin-block: 24px 23px !important; }
  #seller-access-pending .seller-access-message-avatar { width: 46px !important; height: 46px !important; }
  #seller-access-pending .seller-access-message-bubble { min-height: 132px !important; padding: 17px 16px 14px !important; }
  #seller-access-pending .seller-access-operator-note p,
  #seller-access-pending #seller-access-status-title { font-size: 15px !important; }
  #seller-access-pending .seller-access-summary > button { min-height: 70px !important; grid-template-columns: 38px minmax(0, 1fr) auto 14px !important; gap: 9px !important; padding-inline: 10px !important; }
  #seller-access-pending .seller-access-summary-icon { width: 38px !important; height: 38px !important; }
  #seller-access-pending .seller-access-summary em { font-size: 12px !important; }
  body:has(#seller-access-pending:not([hidden])) #fallback-main { width: min(72%, 250px) !important; }
}

@media (max-height: 660px) {
  body:has(#seller-access-pending:not([hidden])) > #app,
  #seller-access-view:has(#seller-access-pending:not([hidden])) {
    overflow-y: auto !important;
  }

  #seller-access-pending {
    height: auto !important;
    min-height: 100dvh !important;
    overflow: visible !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  #seller-access-pending .seller-access-message-bubble {
    animation: review-message-arrive 210ms cubic-bezier(.22, 1, .36, 1) both;
  }
}

@keyframes review-message-arrive {
  from { opacity: .01; transform: translateY(5px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  #seller-access-pending *,
  #seller-access-pending *::before,
  #seller-access-pending *::after {
    animation: none !important;
    transition: none !important;
  }
}

/* Seller application journey — one decision per screen, 2026-08-18. */
#seller-access-form:not([hidden]) {
  display: flex !important;
  height: 100% !important;
  box-sizing: border-box !important;
  flex-direction: column !important;
  padding: max(24px, env(safe-area-inset-top)) 22px 20px !important;
  background: #fff !important;
}

#seller-access-form [hidden],
#seller-access-form #seller-access-category-step[hidden],
#seller-access-form #seller-access-link-step[hidden] {
  display: none !important;
}

#seller-access-form .seller-form-head {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

#seller-access-form .seller-form-progress {
  display: grid !important;
  width: 100% !important;
  min-height: 4px !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#seller-access-form .seller-form-progress span {
  display: block !important;
  width: 100% !important;
  height: 4px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #e7edf5 !important;
}

#seller-access-form[data-step="1"] .seller-form-progress span:first-child,
#seller-access-form[data-step="2"] .seller-form-progress span {
  background: var(--review-blue) !important;
}

#seller-access-form .seller-form-head > div:last-child {
  position: static !important;
  display: block !important;
}

#seller-access-form .seller-form-head h1 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: #121722 !important;
  font-size: clamp(29px, 8vw, 34px) !important;
  font-weight: 720 !important;
  line-height: 1.06 !important;
  letter-spacing: -.025em !important;
  text-wrap: balance !important;
}

#seller-access-form .seller-form-head p {
  display: block !important;
  max-width: 34ch !important;
  margin: 10px 0 0 !important;
  color: #6c778a !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

#seller-access-form #seller-access-category-step,
#seller-access-form #seller-access-link-step {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#seller-access-form .seller-access-use-cases {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid #e6ebf1 !important;
  border-bottom: 1px solid #e6ebf1 !important;
}

#seller-access-form .seller-access-use-cases legend {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

#seller-access-form .seller-access-use-cases label,
#seller-access-form .seller-access-use-cases label:last-child {
  min-height: 78px !important;
  border: 0 !important;
  border-bottom: 1px solid #e6ebf1 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

#seller-access-form .seller-access-use-cases label:last-child { border-bottom: 0 !important; }

#seller-access-form .seller-access-use-cases label > span {
  min-height: 78px !important;
  grid-template-columns: 46px minmax(0, 1fr) 26px !important;
  gap: 13px !important;
  margin: 0 -10px !important;
  padding: 10px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color 170ms ease-out !important;
}

#seller-access-form .seller-access-use-cases label > span > i:first-child {
  display: grid !important;
  width: 46px !important;
  height: 46px !important;
  place-items: center !important;
  border-radius: 15px !important;
  background: #eff6ff !important;
  color: var(--review-blue) !important;
  font-size: 21px !important;
}

#seller-access-form .seller-access-use-cases label b {
  color: #171c25 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

#seller-access-form .seller-access-use-cases label small {
  margin-top: 4px !important;
  color: #7a8597 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

#seller-access-form .seller-access-use-cases input:checked + span {
  background: #f1f7ff !important;
  box-shadow: none !important;
}

#seller-access-form .seller-access-use-cases input:checked + span > i:first-child {
  background: var(--review-blue) !important;
  color: #fff !important;
}

#seller-access-form .seller-access-choice-check {
  color: #b5bfcc !important;
  font-size: 24px !important;
}

#seller-access-form .seller-access-use-cases input:checked + span .seller-access-choice-check {
  color: var(--review-blue) !important;
}

#seller-access-form .seller-access-selected-format {
  display: grid !important;
  min-height: 68px !important;
  grid-template-columns: 42px minmax(0, 1fr) auto 18px !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 3px 0 28px !important;
  padding: 10px 2px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #e3e9f0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #171c25 !important;
  text-align: left !important;
}

#seller-access-form .seller-access-selected-format > span:first-child {
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: #eff6ff !important;
  color: var(--review-blue) !important;
  font-size: 20px !important;
}

#seller-access-form .seller-access-selected-format > span:nth-child(2) {
  display: grid !important;
  gap: 3px !important;
}

#seller-access-form .seller-access-selected-format small {
  color: #7a8597 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

#seller-access-form .seller-access-selected-format strong {
  overflow: hidden !important;
  color: #171c25 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#seller-access-form .seller-access-selected-format em {
  color: var(--review-blue) !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 600 !important;
}

#seller-access-form .seller-access-selected-format > i:last-child {
  color: #a9b3c1 !important;
  font-size: 18px !important;
}

#seller-access-form .seller-access-description {
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #4f5c70 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

#seller-access-form .seller-link-input {
  min-height: 62px !important;
  grid-template-columns: 27px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 0 17px !important;
  border: 1px solid #dce3ec !important;
  border-radius: 15px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

#seller-access-form .seller-link-input:focus-within {
  border-color: var(--review-blue) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgb(10 132 255 / 10%) !important;
}

#seller-access-form .seller-link-input > i { color: var(--review-blue) !important; }
#seller-access-form .seller-link-input input {
  font-size: 16px !important;
  font-weight: 560 !important;
}

/* iOS zooms a WebView when any focused form control computes below 16px. */
#seller-access-form :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100% !important;
  touch-action: manipulation;
}

#seller-access-form .seller-access-terms {
  min-height: 58px !important;
  margin: 18px 0 0 !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#seller-access-form .seller-access-terms em {
  color: #687489 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

#seller-access-form .seller-access-terms > span { border-radius: 7px !important; }

body:has(#seller-access-view:not([hidden]) #seller-access-form:not([hidden])) #fallback-main {
  width: min(66%, 320px) !important;
  min-height: 50px !important;
  border-radius: 15px !important;
}

#seller-access-form[data-step="2"] .seller-form-head { margin-bottom: 18px !important; }

@media (max-width: 350px) {
  #seller-access-form:not([hidden]) { padding-inline: 18px !important; }
  #seller-access-form .seller-form-progress { margin-bottom: 26px !important; }
  #seller-access-form .seller-form-head h1 { font-size: 28px !important; }
  #seller-access-form .seller-form-head p { font-size: 14px !important; }
  #seller-access-form .seller-access-use-cases label,
  #seller-access-form .seller-access-use-cases label > span { min-height: 72px !important; }
  #seller-access-form .seller-access-use-cases label > span { grid-template-columns: 42px minmax(0, 1fr) 24px !important; gap: 11px !important; }
  #seller-access-form .seller-access-use-cases label > span > i:first-child { width: 42px !important; height: 42px !important; }
  body:has(#seller-access-view:not([hidden]) #seller-access-form:not([hidden])) #fallback-main { width: min(74%, 250px) !important; }
}

@media (prefers-reduced-motion: no-preference) {
  #seller-access-form .seller-access-step:not([hidden]) {
    animation: seller-step-reveal 190ms cubic-bezier(.22, 1, .36, 1) both;
  }
}

@keyframes seller-step-reveal {
  from { opacity: .01; transform: translateY(7px); }
  to { opacity: 1; transform: none; }
}

/* The seller CTA floats on the canvas; the host bar must not become a second surface. */
body:has(#seller-access-view:not([hidden]) #seller-access-form:not([hidden])) .native-action-fallback {
  bottom: calc(22px + env(safe-area-inset-bottom)) !important;
  width: min(60%, 288px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(#seller-access-view:not([hidden]) #seller-access-form:not([hidden])) #fallback-main {
  width: 100% !important;
  min-height: 48px !important;
}

@media (max-width: 350px) {
  body:has(#seller-access-view:not([hidden]) #seller-access-form:not([hidden])) .native-action-fallback {
    width: min(68%, 228px) !important;
  }
}