/* [project]/src/components/seller/seller.css [app-client] (css) */
.zs-price {
  font-family: var(--nc-font-mono);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  gap: 2px;
  font-size: 12.5px;
  display: grid;
}

.zs-price small {
  color: var(--nc-muted);
  font-size: 11.5px;
}

.zs-rating {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.zs-rating svg {
  width: 24px;
  height: 24px;
  color: var(--nc-sun);
  fill: var(--nc-sun);
}

.zs-offer-filter {
  flex: 0 300px;
  min-width: 0;
}

.zs-offer-filter select {
  width: 100%;
}

.zs-narrow {
  max-width: 920px;
}

.zs-steps {
  border: 1px solid var(--lk-line);
  background: var(--lk-bg);
  border-radius: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
}

.zs-steps li {
  min-width: 0;
  color: var(--lk-ink-3);
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  display: flex;
}

.zs-steps li + li {
  border-left: 1px solid var(--lk-line);
}

.zs-steps li > span:last-child {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.zs-steps strong {
  font-weight: 500;
}

.zs-steps small {
  color: var(--lk-ink-2);
  font-size: 12px;
}

.zs-steps .n {
  border: 1px solid var(--lk-line-2);
  font-variant-numeric: tabular-nums;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  display: grid;
}

.zs-steps .n svg {
  width: 14px;
  height: 14px;
}

.zs-steps [data-state="done"] {
  color: var(--lk-ink-2);
}

.zs-steps [data-state="done"] .n {
  background: color-mix(in srgb, var(--lk-brand) 16%, transparent);
  color: var(--lk-brand);
  border-color: #0000;
}

.zs-steps [data-state="current"], .zs-steps [data-state="attention"] {
  color: var(--lk-ink);
}

.zs-steps [data-state="current"] .n {
  border-color: var(--lk-ink);
  background: var(--lk-ink);
  color: var(--lk-bg);
}

.zs-steps [data-state="attention"] .n {
  border-color: var(--nc-sun, #c98a00);
  color: var(--nc-sun, #c98a00);
}

.zs-apply {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.zs-apply .lk-sec:first-child {
  margin-top: 0;
}

.zs-apply .ctl > .lk-field {
  width: 100%;
}

.zs-apply textarea.lk-field {
  resize: vertical;
  min-height: 112px;
  padding: 8px 10px;
  line-height: 1.5;
  display: block;
}

.zs-apply .lab label {
  cursor: default;
}

.zs-sec-lead {
  max-width: 72ch;
  color: var(--lk-ink-3);
  margin: -4px 0 10px;
  font-size: 12.5px;
}

.zs-submitbar {
  z-index: 5;
  border: 1px solid var(--lk-line-2);
  background: var(--lk-bg);
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px 16px;
  margin-top: 20px;
  padding: 12px 12px 12px 16px;
  display: flex;
  position: sticky;
  bottom: 12px;
  box-shadow: 0 8px 28px -14px #00000059;
}

.zs-submitbar p {
  min-width: 0;
  color: var(--lk-ink-3);
  flex: 280px;
  font-size: 12.5px;
}

@media (max-width: 767px) {
  .zs-steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .zs-steps li + li {
    border-left: 0;
    border-top: 1px solid var(--lk-line);
  }

  .zs-submitbar {
    bottom: calc(10px + env(safe-area-inset-bottom));
  }

  .zs-submitbar .lk-btn {
    flex: 100%;
    min-height: 44px;
  }
}

.zs-status-cell {
  justify-items: start;
  gap: 4px;
  min-width: 0;
  display: grid;
}

.zs-progress {
  gap: 3px;
  min-width: 120px;
  display: grid;
}

.zs-progress small, .zs-reason-line {
  color: var(--nc-muted);
  font-size: 12px;
}

.zs-reason-line {
  color: var(--nc-err);
}

.zs-bar {
  background: var(--nc-surface-3);
  border-radius: 2px;
  height: 4px;
  display: block;
  overflow: hidden;
}

.zs-bar i {
  border-radius: inherit;
  background: var(--nc-accent-ink);
  height: 100%;
  transition: width .4s var(--nc-ease);
  display: block;
}

.zs-tags {
  flex-wrap: wrap;
  gap: 4px 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.zs-tag {
  border: 1px solid var(--nc-line);
  max-width: 100%;
  color: var(--nc-ink-2);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.5;
  display: inline-flex;
}

.zs-tag b {
  color: var(--nc-ink);
  font-weight: 500;
}

.zs-tag svg {
  flex: none;
  width: 13px;
  height: 13px;
}

.zs-tag[data-severity="warning"] {
  border-color: color-mix(in srgb, var(--nc-warn) 45%, transparent);
  background: var(--nc-warn-bg);
}

.zs-tag[data-severity="warning"] svg {
  color: var(--nc-warn);
}

.zs-tag-more {
  color: var(--nc-muted);
}

.zs-mod-comment {
  border-left: 3px solid var(--nc-line-strong, var(--nc-line));
  background: var(--nc-surface-3);
  border-radius: 0 6px 6px 0;
  padding: 10px 12px;
  font-size: 13.5px;
}

.zs-mod-comment p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 4px 0 0;
}

.zs-tags[data-detailed] {
  gap: 0;
  display: grid;
}

.zs-tags[data-detailed] .zs-tag {
  border: 0;
  border-top: 1px solid var(--nc-line);
  background: none;
  border-radius: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 2px 8px;
  padding: 9px 0;
  font-size: 13.5px;
  display: grid;
}

.zs-tags[data-detailed] .zs-tag:first-child {
  border-top: 0;
}

.zs-tags[data-detailed] .zs-tag > span, .zs-tags[data-detailed] .zs-tag > small {
  grid-column: 1 / -1;
}

:is(.zs-tags[data-detailed] .zs-tag:has(svg) > span, .zs-tags[data-detailed] .zs-tag:has(svg) > small) {
  grid-column: 2;
}

.zs-tags[data-detailed] .zs-tag svg {
  margin-top: 3px;
}

.zs-tags[data-detailed] small {
  color: var(--nc-muted);
  font-size: 12px;
}

.zs-reasons {
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.zs-reasons li {
  border-left: 3px solid var(--nc-err);
  background: var(--nc-err-bg);
  border-radius: 0 6px 6px 0;
  gap: 3px;
  padding: 10px 12px;
  display: grid;
}

.zs-reasons p {
  color: var(--nc-ink-2);
  font-size: 13px;
}

.zs-reasons[data-soft] li {
  border-left-color: var(--nc-warn);
  background: var(--nc-warn-bg);
}

.zs-runsteps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.zs-runsteps li {
  border-top: 1px solid var(--nc-line);
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  padding: 8px 0;
  font-size: 13.5px;
  display: grid;
}

.zs-runsteps li:first-child {
  border-top: 0;
}

.zs-runstep-mark {
  width: 20px;
  height: 20px;
  color: var(--nc-faint);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.zs-runstep-mark svg {
  width: 14px;
  height: 14px;
}

.zs-runsteps [data-status="passed"] .zs-runstep-mark {
  background: var(--nc-ok-bg);
  color: var(--nc-ok);
}

.zs-runsteps [data-status="failed"] .zs-runstep-mark {
  background: var(--nc-err-bg);
  color: var(--nc-err);
}

.zs-runsteps [data-status="error"] .zs-runstep-mark {
  background: var(--nc-warn-bg);
  color: var(--nc-warn);
}

.zs-runsteps [data-status="running"] .zs-runstep-mark {
  color: var(--nc-accent-ink);
}

.zs-runsteps [data-status="pending"], .zs-runsteps [data-status="skipped"] {
  color: var(--nc-muted);
}

.zs-runstep-body {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.zs-runstep-body small {
  color: var(--nc-muted);
  font-size: 12px;
}

.zs-evidence {
  font-family: var(--nc-font-mono);
  overflow-wrap: anywhere;
}

.zs-runstep-side {
  color: var(--nc-muted);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 12px;
}

.zs-spin {
  animation: 1s linear infinite zs-spin;
}

@keyframes zs-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .zs-spin {
    animation: none;
  }

  .zs-bar i {
    transition: none;
  }
}

.zs-seg-scroll {
  scrollbar-width: none;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

.zs-seg-scroll .nc-seg {
  white-space: nowrap;
  flex-wrap: nowrap;
}

.zc-pad > .zs-seg-scroll {
  margin-top: 10px;
}

.zs-select {
  flex: 0 220px;
  min-width: 0;
}

.zs-select select {
  width: 100%;
}

.zs-more {
  justify-content: center;
  display: flex;
}

.zs-addsteps {
  color: var(--nc-muted);
  gap: 6px;
  margin: 0 0 14px;
  padding: 0;
  font-size: 12.5px;
  list-style: none;
  display: flex;
}

.zs-addsteps li {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.zs-addsteps li + li:before {
  content: "";
  background: var(--nc-line-strong);
  width: 16px;
  height: 1px;
  margin-right: 2px;
}

.zs-addsteps .n {
  border: 1px solid var(--nc-line-strong);
  font-variant-numeric: tabular-nums;
  border-radius: 50%;
  place-items: center;
  width: 20px;
  height: 20px;
  display: grid;
}

.zs-addsteps .n svg {
  width: 12px;
  height: 12px;
}

.zs-addsteps [data-state="current"] {
  color: var(--nc-ink);
}

.zs-addsteps [data-state="current"] .n {
  border-color: var(--nc-ink);
  background: var(--nc-ink);
  color: var(--nc-surface);
}

.zs-addsteps [data-state="done"] .n {
  background: var(--nc-ok-bg);
  color: var(--nc-ok);
  border-color: #0000;
}

.zs-choices {
  gap: 8px;
  display: grid;
}

.zs-choice {
  border: 1px solid var(--nc-line);
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 10px 12px;
  display: flex;
}

.zs-choice:has(input:checked) {
  border-color: var(--nc-ink);
}

.zs-choice > span {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.zs-choice small {
  color: var(--nc-muted);
  overflow-wrap: anywhere;
  font-size: 12px;
}

.zs-pick {
  gap: 8px;
  display: grid;
}

.zs-pick-search {
  width: 100%;
}

.zs-pick-list {
  border: 1px solid var(--nc-line);
  border-radius: 8px;
  max-height: min(56vh, 520px);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  overflow-y: auto;
}

.zs-pick-list > li + li {
  border-top: 1px solid var(--nc-line);
}

.zs-pick-list > li.zc-muted {
  padding: 12px;
}

.zs-pick-row {
  cursor: pointer;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 6px 12px;
  display: flex;
}

.zs-pick-row:has(input:checked) {
  background: var(--nc-accent-soft);
}

.zs-pick-logo {
  border: 1px solid var(--nc-line);
  background: var(--nc-surface);
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
}

.zs-pick-name {
  flex: auto;
  gap: 1px;
  min-width: 0;
  display: grid;
}

.zs-pick-name strong {
  font-weight: 500;
}

.zs-pick-name small {
  color: var(--nc-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  overflow: hidden;
}

.zs-pick-note {
  color: var(--nc-muted);
  flex: none;
  font-size: 11.5px;
}

.zs-add-rows {
  gap: 12px;
  display: grid;
}

.zs-add-row {
  border: 1px solid var(--nc-line);
  border-radius: 8px;
  gap: 12px;
  padding: 12px 14px;
  display: grid;
}

.zs-add-row[data-error] {
  border-color: var(--nc-err);
}

.zs-add-row > header {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.zs-add-row > header strong {
  overflow-wrap: anywhere;
  flex: auto;
  min-width: 0;
  font-weight: 500;
}

.zs-submit-toggle {
  background: var(--nc-surface-2);
  cursor: pointer;
  border-radius: 8px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}

.zs-submit-toggle > span {
  gap: 2px;
  display: grid;
}

.zs-submit-toggle strong {
  font-weight: 500;
}

.zs-submit-toggle small {
  color: var(--nc-muted);
  font-size: 12.5px;
}

.zs-offer-fields {
  gap: 16px;
  min-width: 0;
  display: grid;
}

.zs-offer-fields[data-compact] {
  gap: 12px;
}

.zs-price-fields {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px 12px;
  display: grid;
}

@media (max-width: 640px) {
  .zs-price-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.zs-back {
  color: var(--nc-muted);
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  font-size: 13px;
  text-decoration: none;
  display: inline-flex;
}

.zs-back:hover {
  color: var(--nc-ink);
}

.zs-back svg {
  width: 15px;
  height: 15px;
}

.zs-model-lead {
  flex-wrap: wrap;
  gap: 4px 12px;
  display: flex;
}

.zs-model-lead code {
  overflow-wrap: anywhere;
}

.zs-model-lead > span + span:before, .zs-model-lead > code + span:before {
  content: "·";
  color: var(--nc-faint);
  margin-right: 12px;
}

.zs-model-grid {
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  display: grid;
}

@media (max-width: 1100px) {
  .zs-model-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.zs-tight {
  gap: 10px;
}

.zs-sub {
  color: var(--nc-muted);
  letter-spacing: .02em;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
}

.zs-revs {
  border: 1px solid var(--nc-line);
  border-radius: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}

.zs-revs > span {
  border-left: 3px solid var(--nc-ok);
  gap: 2px;
  padding: 10px 14px;
  display: grid;
}

.zs-revs > span + span {
  border-left-color: var(--nc-info);
}

.zs-revs > span[data-tone="err"] {
  border-left-color: var(--nc-err);
}

.zs-revs b {
  font-weight: 500;
}

.zs-revs small {
  color: var(--nc-muted);
  font-size: 12px;
}

@media (max-width: 640px) {
  .zs-revs {
    grid-template-columns: minmax(0, 1fr);
  }

  .zs-revs > span + span {
    border-top: 1px solid var(--nc-line);
  }
}

.zs-history {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.zs-history li + li {
  border-top: 1px solid var(--nc-line);
}

.zs-history a {
  min-height: 44px;
  color: inherit;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  text-decoration: none;
  display: flex;
}

.zs-history a:hover b {
  text-decoration: underline;
}

.zs-history a > span:first-child {
  gap: 1px;
  min-width: 0;
  display: grid;
}

.zs-history b {
  font-weight: 500;
}

.zs-history small {
  color: var(--nc-muted);
  font-size: 12px;
}

.zs-journey {
  --zs-on-sun: #1f1800;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.zs-journey li {
  border-radius: var(--nc-r-md);
  background: var(--nc-surface-3);
  min-width: 0;
  color: var(--nc-ink);
  align-content: start;
  gap: 3px;
  padding: 16px 16px 18px;
  display: grid;
}

.zs-journey li[data-state="done"] {
  background: var(--nc-primary);
  color: var(--nc-on-primary);
}

.zs-journey li[data-state="active"] {
  background: var(--nc-accent-soft);
  box-shadow: inset 0 0 0 2px var(--nc-primary);
}

.zs-journey li[data-state="attention"] {
  background: var(--nc-sun);
  color: var(--zs-on-sun);
}

.zs-journey li[data-state="todo"] {
  box-shadow: inset 0 0 0 1px var(--nc-line-strong);
  background: none;
}

.zs-journey-mark {
  background: color-mix(in srgb, currentColor 15%, transparent);
  width: 30px;
  height: 30px;
  font: 500 13px/1 var(--nc-font-mono);
  border-radius: 50%;
  place-items: center;
  margin-bottom: 8px;
  display: grid;
}

.zs-journey-mark svg {
  width: 16px;
  height: 16px;
}

.zc .zs-journey strong {
  color: inherit;
  font-size: 15px;
  font-weight: 600;
}

.zc .zs-journey small {
  color: inherit;
  overflow-wrap: anywhere;
  font-size: 12.5px;
}

@media (max-width: 860px) {
  .zs-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .zs-journey {
    grid-template-columns: minmax(0, 1fr);
  }
}

.zs-pub {
  --zs-on-sun: #1f1800;
  border-radius: var(--nc-r-md);
  background: var(--nc-surface-3);
  color: var(--nc-ink);
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 18px;
  padding: 18px 20px;
  display: flex;
}

.zs-pub[data-state="on"] {
  background: var(--nc-primary);
  color: var(--nc-on-primary);
}

.zs-pub[data-state="ready"] {
  background: color-mix(in srgb, var(--nc-accent-2) 45%, var(--nc-surface));
}

.zs-pub[data-state="blocked"] {
  background: var(--nc-sun);
  color: var(--zs-on-sun);
}

.zs-pub-icon {
  background: color-mix(in srgb, currentColor 15%, transparent);
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
}

.zs-pub-icon svg {
  width: 24px;
  height: 24px;
}

.zs-pub-text {
  flex: 260px;
  gap: 3px;
  min-width: 0;
  display: grid;
}

.zc .zs-pub-text strong {
  color: inherit;
  font: 400 23px/1.18 var(--nc-font-display);
  letter-spacing: -.02em;
}

.zc .zs-pub-text p {
  max-width: 62ch;
  color: inherit;
  font-size: 13.5px;
}

.zs-band {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.zs-band li {
  min-width: 0;
  position: relative;
}

.zs-band a {
  border-radius: var(--nc-r-md);
  background: var(--nc-surface-3);
  height: 100%;
  color: var(--nc-ink);
  transition: transform var(--nc-fast) var(--nc-ease);
  align-content: start;
  gap: 2px;
  padding: 16px 18px 18px;
  text-decoration: none;
  display: grid;
}

.zs-band a:hover {
  transform: translateY(-2px);
}

.zs-band li[data-fill="soft"] a {
  background: color-mix(in srgb, var(--nc-accent-2) 45%, var(--nc-surface));
}

.zs-band li[data-fill="strong"] a {
  background: var(--nc-primary);
  color: var(--nc-on-primary);
}

.zs-band span:not(.nc-skeleton) {
  font-size: 14px;
  font-weight: 500;
}

.zs-band b {
  color: inherit;
  font: 400 46px/1.08 var(--nc-font-display);
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.zc .zs-band small {
  color: inherit;
  font-size: 12.5px;
}

.zs-band-arrow {
  width: 16px;
  height: 16px;
  color: var(--nc-muted);
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}

.zs-band-alert {
  border-radius: var(--nc-r-sm);
  background: var(--nc-sun);
  color: #1f1800;
  justify-self: start;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.zs-band-alert svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.zs-sale {
  background: var(--nc-primary);
  color: var(--nc-on-primary);
  border-radius: 999px;
  align-items: center;
  padding: 1px 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.zs-sale[data-state="paused"] {
  background: var(--nc-surface-3);
  color: var(--nc-ink);
}

.zs-sale[data-state="suspended"] {
  background: var(--nc-sun);
  color: #1f1800;
}

@media (max-width: 860px) {
  .zs-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .zs-band-arrow {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zs-band a {
    transition: none;
  }

  .zs-band a:hover {
    transform: none;
  }
}

.zs-mark {
  width: var(--s, 26px);
  height: var(--s, 26px);
  border: 1px solid var(--nc-line);
  background: var(--nc-surface);
  border-radius: 7px;
  flex: none;
  place-items: center;
  display: inline-grid;
}

.zs-model-cell {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.zs-title-mark {
  align-items: center;
  gap: 12px;
  display: inline-flex;
}

.zs-model-cell .zc-cell-main {
  min-width: 150px;
}

.zs-art {
  max-width: 100%;
  color: var(--nc-ink);
  flex: none;
  display: inline-block;
}

.zs-art svg {
  width: 100%;
  height: 100%;
  animation: .3s both zs-fade;
  display: block;
}

html[data-theme="dark"] .zs-art {
  --ill-fill: #8fd566;
  --ill-soft: #8fd56629;
}

@keyframes zs-fade {
  from {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zs-art svg {
    animation: none;
  }
}

.zs-contact {
  gap: 8px;
  display: grid;
}

.zs-contact-seg {
  border: 1px solid var(--lk-line);
  background: var(--lk-bg);
  border-radius: 8px;
  flex-wrap: wrap;
  gap: 2px;
  width: max-content;
  max-width: 100%;
  padding: 2px;
  display: inline-flex;
}

.zs-contact-seg label {
  min-height: 28px;
  color: var(--lk-ink-2);
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  padding: 0 12px;
  font-weight: 500;
  transition: background-color .18s, color .18s, box-shadow .18s;
  display: inline-flex;
  position: relative;
}

.zs-contact-seg label[data-on] {
  background: var(--lk-panel);
  color: var(--lk-ink);
  box-shadow: 0 0 0 1px var(--lk-line-2);
}

.zs-contact-seg label:has(:focus-visible) {
  outline: 2px solid var(--lk-brand);
  outline-offset: 1px;
}

.zs-contact-seg input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.zs-endpoint-note {
  background: color-mix(in srgb, var(--lk-brand) 9%, transparent);
  color: var(--lk-ink-2);
  border-radius: 6px;
  margin-top: 8px;
  padding: 8px 10px;
  font-size: 12.5px;
}

.zs-endpoint-error {
  color: var(--lk-err);
  margin-top: 6px;
  font-size: 12.5px;
}

.zs-status-card {
  border: 1px solid var(--lk-line);
  background: var(--lk-panel);
  box-shadow: var(--lk-panel-shadow);
  animation: zs-rise .3s var(--lk-ease) both;
  border-radius: 8px;
  align-items: center;
  gap: 20px;
  padding: 18px 20px;
  display: flex;
}

.zs-status-card strong {
  font-size: 15px;
  font-weight: 600;
  display: block;
}

.zs-status-card p {
  max-width: 60ch;
  color: var(--lk-ink-2);
  margin-top: 4px;
}

@media (max-width: 600px) {
  .zs-status-card {
    flex-direction: column;
    align-items: flex-start;
  }
}

.zs-live {
  color: var(--nc-muted);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}

.zs-live:before {
  content: "";
  background: var(--nc-muted);
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.zs-live[data-on]:before {
  background: var(--nc-accent-ink);
  animation: 1.4s ease-in-out infinite zs-pulse;
}

.zs-check {
  gap: 10px;
  display: grid;
}

.zs-check > .zs-bar {
  width: 100%;
}

.zs-verdict {
  animation: zs-rise .35s var(--lk-ease) both;
  border: 1px solid #0000;
  border-radius: 8px;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  display: flex;
}

.zs-verdict strong {
  font-weight: 600;
  display: block;
}

.zs-verdict p {
  color: var(--nc-muted);
  margin-top: 2px;
  font-size: 13px;
}

.zs-verdict[data-verdict="pass"] {
  border-color: color-mix(in srgb, var(--nc-ok) 30%, transparent);
  background: color-mix(in srgb, var(--nc-ok) 8%, transparent);
}

.zs-verdict[data-verdict="fail"] {
  border-color: color-mix(in srgb, var(--nc-err) 30%, transparent);
  background: color-mix(in srgb, var(--nc-err) 7%, transparent);
}

.zs-verdict[data-verdict="inconclusive"] {
  border-color: color-mix(in srgb, var(--nc-warn) 30%, transparent);
  background: color-mix(in srgb, var(--nc-warn) 7%, transparent);
}

@media (max-width: 600px) {
  .zs-verdict {
    flex-direction: column;
    align-items: flex-start;
  }
}

.zs-runsteps li {
  transition: background-color .25s, color .25s;
}

.zs-runsteps [data-status="running"] {
  background: linear-gradient(90deg, color-mix(in srgb, var(--nc-accent-ink) 7%, transparent), transparent 70%);
}

.zs-runsteps :is([data-status="passed"], [data-status="failed"], [data-status="unknown"], [data-status="error"]) .zs-runstep-mark {
  animation: zs-pop .3s var(--lk-ease) both;
}

.zs-runsteps [data-status="unknown"] .zs-runstep-mark {
  background: var(--nc-warn-bg);
  color: var(--nc-warn);
}

@keyframes zs-pop {
  from {
    opacity: 0;
    transform: scale(.4);
  }

  70% {
    transform: scale(1.12);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes zs-rise {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes zs-pulse {
  50% {
    opacity: .35;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zs-status-card, .zs-verdict, .zs-runsteps .zs-runstep-mark, .zs-live:before {
    animation: none !important;
  }

  .zs-runsteps li {
    transition: none;
  }
}

.zs-check > .zs-bar i {
  background: var(--lk-brand);
}

.zs-head-acts {
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.zs-status-cell {
  animation: .25s both zs-fade;
}

.zs-check .zs-tag {
  animation: zs-rise .3s var(--lk-ease) both;
}

@media (prefers-reduced-motion: reduce) {
  .zs-status-cell, .zs-check .zs-tag {
    animation: none;
  }
}

.zs-tier-now {
  border: 1px solid var(--nc-line);
  background: var(--nc-surface-2);
  border-radius: 12px;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  padding: 14px 16px;
  display: flex;
}

.zs-tier-now strong {
  font-size: 15px;
  font-weight: 600;
  display: block;
}

.zs-tier-now p {
  max-width: 64ch;
  color: var(--nc-ink-2);
  margin: 4px 0 0;
  font-size: 13.5px;
}

.zs-tier-now img {
  flex: none;
}

.zs-tier-empty {
  border: 1.5px dashed var(--nc-line-strong);
  border-radius: 50%;
  flex: none;
  width: 48px;
  height: 48px;
}

.zs-tiers {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.zs-tiers li {
  border-top: 1px solid var(--nc-line);
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 16px;
  padding: 12px 0;
  display: grid;
}

.zs-tiers li:first-child {
  border-top: 0;
}

.zs-tier-mark {
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
}

.zs-tier-name {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.zs-tier-name > span {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  display: flex;
}

.zs-tier-name strong {
  font-weight: 600;
}

.zs-tier-name small {
  color: var(--nc-muted);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

.zs-tier-terms {
  gap: 20px;
  margin: 0;
  display: flex;
}

.zs-tier-terms div {
  gap: 2px;
  display: grid;
}

.zs-tier-terms dt {
  color: var(--nc-muted);
  font-size: 12px;
}

.zs-tier-terms dd {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin: 0;
}

@media (max-width: 600px) {
  .zs-tiers li {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .zs-tier-terms {
    grid-column: 2;
  }

  .zs-tier-now {
    align-items: flex-start;
  }
}

.zs-phone-only {
  display: none;
}

@media (max-width: 720px) {
  .zs-phone-only {
    display: inline;
  }
}

.zs-paths-title {
  color: var(--nc-ink);
  margin: 8px 0 12px;
  font-size: 16px;
  font-weight: 600;
}

.zs-paths {
  border-top: 1px solid var(--nc-line);
  margin-bottom: 28px;
  display: grid;
}

.zs-path {
  border-bottom: 1px solid var(--nc-line);
  grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr);
  align-items: center;
  gap: 20px;
  padding: 16px 0;
  display: grid;
}

.zs-path h3 {
  color: var(--nc-ink);
  font-size: 14px;
  font-weight: 600;
}

.zs-path p {
  color: var(--nc-muted);
  margin-top: 2px;
  font-size: 13px;
  line-height: 1.45;
}

.zs-path[data-tone="warn"] h3 {
  color: var(--nc-warn);
}

.zs-path ol {
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.zs-path li {
  border: 1px solid var(--nc-line);
  color: var(--nc-ink);
  background: var(--nc-surface-2);
  border-radius: 8px;
  flex: 150px;
  padding: 10px 12px;
  font-size: 12.5px;
  line-height: 1.35;
}

.zs-path li[data-kind="message"] {
  color: var(--nc-muted);
  background: none;
}

.zs-path li[data-kind="disclosed"] {
  border-color: color-mix(in srgb, var(--nc-ok) 55%, transparent);
}

.zs-path li[data-kind="hidden"] {
  border-style: dashed;
  border-color: var(--nc-warn);
  color: var(--nc-warn);
  background: color-mix(in srgb, var(--nc-warn) 8%, transparent);
}

.zs-rules {
  gap: 28px;
  display: grid;
}

.zs-rules h2 {
  color: var(--nc-ink);
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
}

.zs-rules ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.zs-rules li {
  border-top: 1px solid var(--nc-line);
  max-width: 72ch;
  padding: 12px 0;
}

.zs-rules strong {
  color: var(--nc-ink);
  font-weight: 500;
}

.zs-rules p {
  color: var(--nc-muted);
  margin-top: 3px;
  font-size: 13.5px;
  line-height: 1.5;
}

.zs-rules small {
  color: var(--nc-warn);
  margin-top: 4px;
  font-size: 12.5px;
  display: block;
}

.zs-rule-results {
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.zs-rule-results li {
  min-height: 32px;
  color: var(--nc-ink);
  grid-template-columns: 16px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: grid;
}

.zs-rule-results svg {
  width: 15px;
  height: 15px;
  color: var(--nc-muted);
}

.zs-rule-results small {
  color: var(--nc-muted);
  font-size: 12.5px;
}

.zs-rule-results li[data-state="met"] svg {
  color: var(--nc-ok);
}

.zs-rule-results li[data-state="warning"] svg, .zs-rule-results li[data-state="warning"] small {
  color: var(--nc-warn);
}

.zs-rule-results li[data-state="failed"] svg, .zs-rule-results li[data-state="failed"] small {
  color: var(--nc-err);
}

@media (max-width: 640px) {
  .zs-path {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .zs-path li {
    flex-basis: 100%;
  }
}

/*# sourceMappingURL=src_components_seller_seller_202l0fd80s9fj.css.map*/