:root {
  --ref-bg: #ffffff;
  --ref-text: #0d1727;
  --ref-muted: #6f7d91;
  --ref-line: #e4e9ef;
  --ref-soft: #f6f9fd;
  --ref-blue: #0a8cff;
  --ref-blue-soft: #eaf4ff;
  --ref-green: #20a86b;
  --ref-amber: #f4a60b;
  --ref-red: #e4584d;
  --ref-star: #ffb414;
  --ref-radius: 14px;
  --ref-screen-pad: 16px;
}

/* Paid order handoff — selected Option 2: a quiet Telegram receipt followed by one clear action. */
.result-page {
  width: min(100%, 36rem);
  margin: 0 auto;
  padding: 18px 16px calc(28px + env(safe-area-inset-bottom));
  color: #0f172a;
  overflow-x: clip;
}

.result-page-head {
  margin: 0 0 18px;
}

.result-page-head h1 {
  margin: 0;
  max-width: 18ch;
  font-size: clamp(24px, 7vw, 30px);
  line-height: 1.08;
  letter-spacing: -.025em;
  text-wrap: balance;
}

.result-page-head p {
  margin: 7px 0 0;
  color: #64748b;
  font-size: 15px;
  line-height: 1.4;
}

.result-receipt {
  position: relative;
  overflow: hidden;
  border: 1px solid #dbe5f0;
  border-radius: 14px;
  background: #fff;
}

.result-receipt::before,
.result-receipt::after {
  position: absolute;
  z-index: 2;
  top: 66px;
  width: 12px;
  height: 12px;
  border: 1px solid #dbe5f0;
  border-radius: 50%;
  background: var(--tg-theme-bg-color, #fff);
  content: '';
}

.result-receipt::before {
  left: -7px;
}

.result-receipt::after {
  right: -7px;
}

.result-receipt-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-height: 72px;
  padding: 13px 15px;
}

.result-receipt-row + .result-receipt-row {
  border-top: 1px solid #e7edf4;
}

.result-receipt-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  color: #1684f8;
  background: #edf6ff;
  font-size: 20px;
}

.result-receipt-row.is-paid .result-receipt-icon {
  color: #178b59;
  background: #eaf8f1;
}

.result-receipt-icon > img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.result-receipt-row > span:last-child {
  min-width: 0;
}

.result-receipt-row small {
  display: block;
  margin-bottom: 3px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.2;
}

.result-receipt-row b {
  display: block;
  overflow-wrap: anywhere;
  color: #111827;
  font-size: 16px;
  line-height: 1.35;
}

.result-receipt-row .result-stars {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 22px;
  font-variant-numeric: tabular-nums;
}

.result-stars img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.result-composer {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.result-field {
  display: grid;
  gap: 8px;
}

.result-field > span:first-child,
.result-problem label > span {
  color: #334155;
  font-size: 14px;
  font-weight: 650;
}

.result-field-box {
  position: relative;
  display: block;
}

.result-field-box > i {
  position: absolute;
  z-index: 1;
  top: 17px;
  left: 15px;
  color: #1684f8;
  font-size: 20px;
  pointer-events: none;
}

.result-field textarea,
.result-problem textarea {
  display: block;
  width: 100%;
  min-height: 98px;
  margin: 0;
  padding: 15px 54px 32px 45px;
  resize: vertical;
  border: 1px solid #cbd8e6;
  border-radius: 14px;
  outline: none;
  color: #0f172a;
  background: #fff;
  font: inherit;
  font-size: 16px;
  line-height: 1.45;
  caret-color: #1684f8;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.result-field textarea::placeholder,
.result-problem textarea::placeholder {
  color: #64748b;
  opacity: 1;
}

.result-field textarea:focus-visible,
.result-problem textarea:focus-visible {
  border-color: #1684f8;
  box-shadow: 0 0 0 3px rgba(22, 132, 248, .14);
}

.result-field-box > small {
  position: absolute;
  right: 14px;
  bottom: 10px;
  color: #64748b;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}

.result-guide,
.result-problem,
.settlement-details {
  overflow: hidden;
  border: 1px solid #dbe5f0;
  border-radius: 14px;
  background: #fff;
}

.result-seller-name {
  color: #1684f8;
}

.result-guide > summary,
.result-problem > summary,
.settlement-details > summary {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 18px;
  gap: 9px;
  align-items: center;
  min-height: 48px;
  padding: 0 14px;
  color: #1479df;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
  list-style: none;
}

.result-guide > summary::-webkit-details-marker,
.result-problem > summary::-webkit-details-marker,
.settlement-details > summary::-webkit-details-marker {
  display: none;
}

.result-guide > summary i:last-child,
.settlement-details > summary i:last-child {
  transition: transform 160ms ease-out;
}

.result-guide[open] > summary i:last-child,
.settlement-details[open] > summary i:last-child {
  transform: rotate(180deg);
}

.result-guide > div {
  padding: 0 14px 14px 45px;
}

.result-guide h2 {
  margin: 2px 0 9px;
  color: #0f172a;
  font-size: 15px;
}

.result-guide ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.result-guide li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: #475569;
  font-size: 14px;
  line-height: 1.35;
}

.result-guide li i {
  margin-top: 1px;
  color: #23a267;
  font-size: 17px;
}

.result-primary {
  display: flex;
  width: 100%;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background: #1684f8;
  box-shadow: 0 8px 20px rgba(22, 132, 248, .2);
  font: inherit;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.result-primary:active {
  transform: translateY(1px);
  box-shadow: 0 4px 12px rgba(22, 132, 248, .2);
}

.result-primary:focus-visible,
.result-guide > summary:focus-visible,
.result-problem > summary:focus-visible,
.settlement-details > summary:focus-visible {
  outline: 3px solid rgba(22, 132, 248, .25);
  outline-offset: 2px;
}

.result-primary:disabled {
  color: #aab7c5;
  background: #e6edf4;
  box-shadow: none;
  cursor: wait;
}

.result-evidence,
.result-problem-note {
  margin-top: 18px;
  padding: 14px 15px;
  border: 1px solid #dbe5f0;
  border-radius: 14px;
  background: #fff;
}

.result-evidence > span,
.result-problem-note > span {
  display: flex;
  gap: 7px;
  align-items: center;
  color: #1479df;
  font-size: 13px;
  font-weight: 650;
}

.result-evidence p,
.result-problem-note p {
  margin: 9px 0 0;
  color: #0f172a;
  font-size: 16px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.result-evidence a {
  color: #0877df;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.result-evidence a:focus-visible {
  border-radius: 4px;
  outline: 3px solid rgba(22, 132, 248, .24);
  outline-offset: 3px;
}

.result-problem-note > span {
  color: #c35321;
}

.result-buyer-actions {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.result-problem > summary {
  grid-template-columns: 22px minmax(0, 1fr);
  color: #536579;
  text-align: left;
}

.result-problem form {
  display: grid;
  gap: 10px;
  padding: 0 12px 12px;
}

.result-problem label {
  display: grid;
  gap: 7px;
}

.result-problem textarea {
  min-height: 88px;
  padding: 13px;
}

.result-problem button {
  min-height: 44px;
  border: 0;
  border-radius: 11px;
  color: #fff;
  background: #536579;
  font: inherit;
  font-size: 15px;
  font-weight: 650;
}

.result-protection {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin: 14px 2px 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.4;
}

.result-protection i {
  margin-top: 1px;
  color: #1684f8;
  font-size: 17px;
}

.result-state {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 11px;
  margin-top: 18px;
  padding: 14px 15px;
  border-radius: 14px;
  color: #1f5d9a;
  background: #edf6ff;
}

.result-state > i {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  font-size: 20px;
}

.result-state h2,
.result-state p {
  margin: 0;
}

.result-state h2 {
  font-size: 16px;
}

.result-state p {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.4;
}

.result-page .result-state.status-confirmed {
  color: #207651 !important;
  background: #edf9f3 !important;
}

.result-page .result-state.status-expired {
  color: #a33b32 !important;
  background: #fff2f1 !important;
}

.settlement-details {
  margin-top: 16px;
  background: #f7faff;
}

.settlement-details > div {
  padding: 0 14px 10px 45px;
}

.settlement-details p {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin: 0;
  padding: 9px 0;
  border-top: 1px solid #e1e9f2;
  color: #64748b;
  font-size: 13px;
  line-height: 1.35;
}

.settlement-details p b {
  color: #0f172a;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 340px) {
  .result-page {
    padding-inline: 12px;
  }

  .result-page-head h1 {
    font-size: 24px;
  }

  .result-receipt-row {
    padding-inline: 12px;
  }

  .settlement-details > div {
    padding-left: 14px;
  }
}

:root,
html[data-appearance="dark"] {
  --bg: #ffffff;
  --bg-deep: #f3f6fa;
  --header: #ffffff;
  --surface: #ffffff;
  --section: #ffffff;
  --nav: #ffffff;
  --surface-2: #f3f7fb;
  --surface-3: #eaf0f6;
  --control: #f3f7fb;
  --line: #e4e9ef;
  --text: #0d1727;
  --muted: #6f7d91;
  --section-heading: #6f7d91;
  --link: #0a8cff;
  --hy-bg: #ffffff;
  --hy-surface: #ffffff;
  --hy-surface-soft: #f6f9fd;
  --hy-text: #0d1727;
  --hy-muted: #6f7d91;
  --hy-line: #e4e9ef;
  --hy-blue: #0a8cff;
  --hy-blue-soft: #eaf4ff;
}

html,
html[data-appearance="dark"],
body {
  color-scheme: light !important;
  background: var(--ref-bg) !important;
  color: var(--ref-text) !important;
}

body {
  padding-bottom: calc(78px + var(--safe-bottom)) !important;
  overflow-x: clip !important;
}

button,
input,
textarea,
select {
  color: var(--ref-text);
}

/* Telegram-like application chrome from the approved references. */
.app-header {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 70px !important;
  padding: calc(10px + var(--safe-top)) var(--ref-screen-pad) 10px !important;
  background: rgb(255 255 255 / 96%) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}

body:not(.has-child-route) .app-header {
  grid-template-columns: minmax(0, 1fr) auto;
}

body:not(.has-child-route) .header-back {
  display: none !important;
}

.header-back {
  display: inline-grid;
  place-items: center;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--ref-text) !important;
  box-shadow: none !important;
  font-size: 24px !important;
}

.header-back.is-placeholder {
  visibility: hidden !important;
}

.brand {
  justify-self: start;
  display: inline-flex !important;
  align-items: center;
  gap: 10px !important;
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--ref-text) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em;
}

.brand-icon {
  position: relative;
  display: inline-grid !important;
  place-items: center;
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ref-text) !important;
  box-shadow: none !important;
  font-size: 31px;
}

.brand-icon .ph-check-circle {
  position: absolute;
  right: 0;
  bottom: 2px;
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #fff;
  color: var(--ref-blue);
  font-size: 16px;
}

.header-actions {
  display: none !important;
}

/* Telegram already owns the Mini App title. Keep only useful in-app actions. */
body.telegram-host .brand {
  display: none !important;
}

body.telegram-host:not(.has-child-route) .app-header {
  display: none !important;
}

body.telegram-host.has-child-route .app-header {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
}

.profile-avatar.has-photo {
  overflow: hidden;
  background-color: #e8f3ff !important;
  background-position: center;
  background-size: cover;
  color: transparent !important;
}

.app-shell {
  width: 100%;
  max-width: 540px !important;
  margin: 0 auto;
  padding: 12px var(--ref-screen-pad) 24px !important;
}

/* Direct-browser handoff uses the same light system as the Mini App. */
.system-view {
  min-height: calc(100dvh - 92px) !important;
  padding: 28px var(--ref-screen-pad) 96px !important;
}

.system-panel {
  width: min(100%, 390px) !important;
  padding: 28px 22px !important;
  border: 1px solid var(--ref-line) !important;
  border-radius: 22px !important;
  background: #fff !important;
  color: var(--ref-text) !important;
  box-shadow: 0 12px 34px rgb(23 43 77 / 7%) !important;
}

.system-panel > img {
  width: 88px !important;
  height: 88px !important;
  border-radius: 24px !important;
}

.system-panel h1 { color: var(--ref-text) !important; }
.system-panel p,
.system-panel small { color: var(--ref-muted) !important; }
.system-panel .secondary-action {
  min-height: 50px !important;
  border: 1px solid var(--ref-line) !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: var(--ref-blue) !important;
}

.screen-heading {
  margin: 14px 0 22px !important;
}

.screen-heading h1,
.screen-title-row h1 {
  color: var(--ref-text) !important;
  font-size: clamp(26px, 7.5vw, 33px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}

.screen-heading p,
.screen-title-row p {
  color: var(--ref-muted) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

/* First run home. */
.home-onboarding {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 12px !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center;
}

.home-onboarding-art {
  width: min(76vw, 272px) !important;
  height: 210px !important;
  margin: 0 auto 12px !important;
  object-fit: contain;
  transform: scale(1.08);
  transform-origin: center;
}

.home-onboarding-copy {
  max-width: 390px;
}

.home-onboarding-copy h1 {
  margin: 0 !important;
  color: #07090c !important;
  font-size: clamp(29px, 8.1vw, 34px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}

.home-onboarding-copy p {
  max-width: 345px;
  margin: 12px auto 0 !important;
  color: var(--ref-muted) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

.home-onboarding-actions {
  display: grid;
  width: 100%;
  gap: 10px;
  margin-top: 0;
}

.home-onboarding .home-primary,
.home-onboarding .home-secondary {
  min-height: 50px !important;
}

.home-primary,
.home-secondary,
.journal-create,
.seller-start-primary,
.wallet-add-primary,
.channel-connect-card button,
.seller-access-secondary,
#request-ton-payout,
.seller-plan-card button,
.fallback-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 54px !important;
  padding: 0 18px !important;
  border-radius: 13px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.home-primary,
.journal-create,
.seller-start-primary,
.channel-connect-card button,
#request-ton-payout,
.seller-plan-card button,
.fallback-primary {
  border: 1px solid var(--ref-blue) !important;
  background: var(--ref-blue) !important;
  color: #fff !important;
}

.home-secondary,
.seller-access-secondary {
  border: 1px solid #dfe5ec !important;
  background: #fff !important;
  color: var(--ref-text) !important;
}

.home-how {
  margin: 0 !important;
  padding: 0 4px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.home-how ol {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  list-style: none;
}

.home-how ol::before {
  content: "";
  position: absolute;
  top: 28px;
  left: 18%;
  right: 18%;
  border-top: 1px dashed #93a4b8;
}

.home-how li {
  position: relative;
  display: grid !important;
  justify-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  text-align: center;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 58px auto !important;
}

.home-how li > span:first-child {
  position: relative;
  z-index: 1;
  display: grid !important;
  place-items: center;
  width: 58px !important;
  height: 58px !important;
  border: 1px solid #dce7f2 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: var(--ref-blue) !important;
  font-size: 27px !important;
}

.home-how li em {
  position: absolute;
  top: -7px;
  left: -4px;
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--ref-blue);
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.home-how li p {
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: stretch;
  margin: 0 !important;
}

.home-how li b {
  color: #263348 !important;
  font-size: 13px;
  line-height: 1.2;
}

.home-seller-access-note {
  margin-top: 12px !important;
  color: var(--ref-muted) !important;
  font-size: 13px;
}

/* Returning seller: wallet-like home, no marketing hero. */
#home-view.is-returning .home-onboarding-art,
#home-view.is-returning .home-onboarding-copy,
#home-view.is-returning .home-secondary,
#home-view.is-returning .home-how {
  display: none !important;
}
#home-view.is-returning .home-onboarding {
  padding: 2px 12px 6px !important;
  align-items: stretch;
}
#home-view.is-returning .home-onboarding-actions {
  margin: 0 0 2px;
}

/* Shared grouped-list language. */
.settings-group,
.composer-group,
.sheet-group,
.purchase-summary,
.star-sale-proof,
.timeline-panel,
.proof-panel,
.public-link-control,
.seller-plan-card,
.seller-plan-current,
.payout-guide,
.wallet-account-summary,
.wallet-choice-list,
.seller-access-use-cases,
.seller-access-result dl,
.faq-list {
  background: #fff !important;
  border: 1px solid var(--ref-line) !important;
  border-radius: var(--ref-radius) !important;
  box-shadow: none !important;
}

.settings-row,
.composer-row,
.sheet-option,
.wallet-choice,
.faq-list > details > summary,
.ledger-item {
  background: #fff !important;
  color: var(--ref-text) !important;
}

.settings-group .settings-row {
  border-bottom: 1px solid var(--ref-line) !important;
}

.settings-group .settings-row:last-child {
  border-bottom: 0 !important;
}

.settings-row b {
  color: var(--ref-text) !important;
}

.settings-row small {
  color: var(--ref-muted) !important;
}

.settings-row > .ph-caret-right,
.settings-row > .ph-arrow-square-out {
  color: #aab2bb !important;
}

.settings-icon,
.row-icon,
.seller-plan-symbol,
.channel-connect-icon {
  display: inline-grid !important;
  place-items: center;
  width: 40px !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--ref-blue-soft) !important;
  color: var(--ref-blue) !important;
  box-shadow: none !important;
  font-size: 21px !important;
}

.settings-icon.stars {
  background: #fff5dc !important;
  color: var(--ref-star) !important;
}

/* Journal: the approved flat A direction. */
.journal-action-row {
  margin: 2px 0 14px !important;
}

.journal-create {
  min-height: 50px !important;
  font-size: 16px !important;
}

.ledger-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) 44px;
  gap: 7px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  overflow: visible !important;
}

.ledger-tabs button {
  min-width: 0;
  min-height: 42px !important;
  padding: 0 8px !important;
  border: 1px solid var(--ref-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--ref-muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.ledger-tabs button[aria-selected="true"] {
  border-color: transparent !important;
  background: var(--ref-blue-soft) !important;
  color: var(--ref-blue) !important;
}

.ledger-filter-button {
  padding: 0 !important;
  font-size: 20px !important;
}

.ledger {
  display: grid !important;
  gap: 22px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.ledger-group-title {
  position: static !important;
  inset: auto !important;
  display: block !important;
  min-height: 20px;
  margin: 0 0 10px !important;
  line-height: 20px !important;
  color: var(--ref-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.ledger-rows {
  overflow: visible !important;
  border: 0 !important;
  border-top: 1px solid var(--ref-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.ledger-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 78px !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ref-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left;
}

.ledger-main,
.ledger-person,
.ledger-side {
  min-width: 0;
}

.ledger-main strong {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--ref-text) !important;
  font-size: 19px !important;
  font-weight: 650;
}

.ledger-main strong i {
  display: inline-block;
  width: 18px;
  height: 18px;
  overflow: hidden;
  background: url('/assets/telegram-star-gold-v1.webp') center / contain no-repeat;
  color: transparent !important;
  font-size: 0;
}

.ledger-main > span {
  display: block;
  overflow: hidden;
  color: var(--ref-text) !important;
  font: inherit !important;
  font-size: 15px !important;
  font-weight: 600;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ledger-main em {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: var(--ref-muted) !important;
  font-size: 12px !important;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ledger-person {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ledger-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #edf4fc;
  color: #405875;
  font-weight: 700;
}

.ledger-person b {
  display: block;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ledger-side {
  display: grid;
  justify-items: end;
  gap: 6px;
}

.ledger-side time {
  color: var(--ref-muted);
  font-size: 12px;
}

.status-stamp {
  padding: 2px 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-size: 12px !important;
}

.status-pending { color: var(--ref-amber) !important; }
.status-confirmed { color: var(--ref-green) !important; }
.status-expired { color: var(--ref-red) !important; }

/* Seller access and application status. */
.seller-access-form {
  display: grid !important;
  gap: 16px !important;
}

.seller-access-form[hidden],
.seller-access-result[hidden] {
  display: none !important;
}

.seller-access-use-cases {
  display: grid !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

.seller-access-use-cases label {
  min-height: 68px;
  padding: 0 16px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ref-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.seller-access-use-cases label:last-child { border-bottom: 0 !important; }
.seller-access-use-cases label > span { gap: 14px !important; }
.seller-access-use-cases label i { color: var(--ref-text) !important; font-size: 23px !important; }
.seller-access-use-cases input { accent-color: var(--ref-blue); }

.seller-access-description {
  gap: 8px !important;
  color: var(--ref-muted) !important;
  font-size: 14px !important;
}

.seller-link-input {
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  min-height: 54px;
  padding: 0 12px;
  border: 1px solid var(--ref-line);
  border-radius: 12px;
  color: var(--ref-muted);
}

.seller-link-input input {
  width: 100%;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.seller-access-terms {
  align-items: flex-start !important;
  color: var(--ref-muted) !important;
  font-size: 13px !important;
  line-height: 1.42;
}

.seller-access-result {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  padding: 28px 14px 8px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center;
}

.seller-access-result-art {
  width: 245px;
  height: 205px;
  object-fit: contain;
}

.seller-access-result h2 {
  margin: 4px 0 8px !important;
  color: var(--ref-text) !important;
  font-size: 28px !important;
  line-height: 1.18;
}

.seller-access-result > p {
  max-width: 330px;
  margin: 0 0 22px !important;
  color: var(--ref-muted) !important;
  font-size: 16px !important;
  line-height: 1.45;
}

.seller-access-result dl {
  width: 100%;
  margin: 0 0 22px !important;
  padding: 0 14px !important;
  overflow: hidden;
  text-align: left;
}

.seller-access-result dl > div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 68px;
  border-bottom: 1px solid var(--ref-line);
}

.seller-access-result dl > div:last-child { border-bottom: 0; }
.seller-access-result dt { display: flex; gap: 10px; color: var(--ref-muted); }
.seller-access-result dt i { color: #63758d; font-size: 20px; }
.seller-access-result dd { max-width: 180px; overflow: hidden; color: var(--ref-text); text-overflow: ellipsis; white-space: nowrap; }
.seller-access-home { min-height: 48px; border: 0; background: transparent; color: var(--ref-blue); font-size: 16px; }

/* Wallet setup and payouts. */
.wallet-account-summary {
  margin-bottom: 14px !important;
}

#wallet-view .wallet-account-summary:has(.wallet-summary-empty) {
  display: none !important;
}

.wallet-choice-list {
  display: grid;
  gap: 0;
  margin: 0 0 20px;
  padding: 0;
  overflow: hidden;
}

.wallet-choice {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto 22px;
  align-items: center;
  gap: 12px;
  min-height: 88px;
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid var(--ref-line);
  text-align: left;
}

.wallet-choice:last-child { border-bottom: 0; }
.wallet-choice > span:nth-child(2) { display: grid; min-width: 0; gap: 5px; }
.wallet-choice b { font-size: 16px; }
.wallet-choice small { color: var(--ref-muted); font-size: 13px; line-height: 1.35; }
.wallet-choice em { color: var(--ref-green); font-size: 12px; font-style: normal; }
.wallet-choice > i { color: #bdc6d1; font-size: 22px; }
.wallet-choice.is-selected { outline: 1.5px solid var(--ref-blue); outline-offset: -1px; }
.wallet-choice.is-selected > i { color: var(--ref-blue); }

.rail-boundary {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  margin: 0 !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--ref-soft) !important;
  color: var(--ref-muted) !important;
  font-size: 13px !important;
  line-height: 1.42;
}

.rail-boundary i { color: var(--ref-blue); font-size: 22px; }

#payouts-view > .screen-heading { display: none !important; }

.payout-balance-card {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 128px;
  align-items: center;
  min-height: 150px;
  margin: 8px 0 18px !important;
  padding: 18px !important;
  overflow: hidden;
  border: 1px solid #e3ebf5 !important;
  border-radius: 14px !important;
  background: #f3f8fe !important;
  box-shadow: none !important;
}

.payout-balance-card img {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 148px;
  height: 118px;
  object-fit: contain;
}

.payout-balance-copy,
.payout-held-copy {
  display: grid;
  gap: 6px;
}

.payout-balance-copy small,
.payout-held-copy small { color: var(--ref-muted); font-size: 13px; }
.payout-balance-copy strong { color: #060a11; font-size: clamp(31px, 9vw, 42px); font-weight: 500; letter-spacing: -.04em; }
.payout-balance-copy strong {
  display: flex;
  align-items: center;
  gap: 7px;
}
.payout-balance-copy strong .balance-star {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.payout-balance-copy strong small {
  align-self: flex-end;
  margin-bottom: 4px;
  color: var(--ref-text) !important;
  font-size: 13px !important;
  font-weight: 500;
  letter-spacing: 0;
}
.payout-held-copy strong { color: var(--ref-muted); font-size: 15px; }

.payout-methods {
  margin-bottom: 14px !important;
}

.payout-summary-list {
  margin-bottom: 14px !important;
  overflow: hidden;
}

.payout-summary-list .settings-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-height: 58px !important;
  padding: 11px 14px !important;
  border-bottom: 1px solid var(--ref-line) !important;
}

.payout-summary-list button.settings-row {
  grid-template-columns: 40px minmax(0, 1fr) 18px;
  gap: 10px;
}

.payout-summary-list .settings-row:last-child { border-bottom: 0 !important; }
.payout-summary-list .settings-row > span:not(.settings-icon) { color: var(--ref-muted); font-size: 14px; }
.payout-summary-list .settings-row strong { color: var(--ref-text); font-size: 16px; font-weight: 500; }
.payout-summary-list button span:nth-child(2) { display: grid; gap: 3px; }
.payout-summary-list button small { color: var(--ref-muted); }
.payout-summary-list button b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#request-ton-payout {
  min-height: 58px !important;
  margin-top: 12px;
}

#request-ton-payout .settings-icon,
#request-ton-payout > .ph-caret-right,
#request-ton-payout small {
  display: none !important;
}

#request-ton-payout b {
  color: #fff !important;
  font-size: 17px !important;
}

.payout-guide {
  margin: 14px 0 !important;
  overflow: hidden;
}

.payout-guide summary {
  min-height: 66px;
  padding: 12px 14px;
}

.payout-guide-note {
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--ref-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
}

/* Plans, profile and FAQ. */
.plan-intro { margin-bottom: 16px !important; }
.plan-intro p { margin-top: 0 !important; }
.seller-plan-current { border-color: #cfe5ff !important; background: #f1f7ff !important; }
.seller-plan-grid { display: grid !important; gap: 14px !important; }
.seller-plan-card { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; padding: 0 !important; overflow: hidden; }
.seller-plan-card[data-seller-plan="start"] { display: none !important; }
.seller-plan-card header { grid-column: 1 / -1; display: grid !important; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 84px; padding: 14px 16px !important; }
.seller-plan-card header > span:nth-child(2) { display: grid; min-width: 0; gap: 4px; }
.seller-plan-card header h2 { margin: 0 !important; color: var(--ref-text) !important; font-size: 18px !important; }
.seller-plan-card header small { color: var(--ref-muted) !important; font-size: 13px !important; }
.seller-plan-card header > strong { color: var(--ref-text) !important; font-size: 14px !important; white-space: nowrap; }
.seller-plan-card .seller-plan-fee,
.seller-plan-card > p { margin: 0 !important; padding: 0 16px 14px !important; }
.seller-plan-card .seller-plan-fee { position: static !important; display: flex !important; align-items: baseline; gap: 8px; width: auto !important; height: auto !important; border: 0 !important; background: transparent !important; }
.seller-plan-card .seller-plan-fee b { color: var(--ref-text) !important; font-size: 17px !important; }
.seller-plan-card .seller-plan-fee span { color: var(--ref-muted) !important; font-size: 12px !important; }
.seller-plan-card > p { display: none !important; }
.seller-plan-card .seller-plan-fee { grid-column: 1 !important; }
.seller-plan-card button { grid-column: 2 !important; align-self: center; width: auto !important; min-height: 38px !important; margin: 0 16px 14px 8px !important; padding: 0 14px !important; font-size: 13px !important; }

.profile-head {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin: 8px 0 24px !important;
  padding: 6px 14px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: center !important;
}

.profile-head .profile-avatar {
  width: 120px !important;
  height: 120px !important;
  margin-bottom: 12px;
  border: 4px solid #fff !important;
  border-radius: 50% !important;
  background-color: #eaf4ff !important;
  color: var(--ref-blue) !important;
  box-shadow: 0 5px 22px rgb(33 89 133 / 16%) !important;
  font-size: 36px !important;
}
.profile-head .profile-avatar.has-photo { color: transparent !important; }
.profile-head h1 { margin: 0 !important; color: var(--ref-text) !important; font-size: 26px !important; line-height: 1.2 !important; }
.profile-head p { margin: 0 !important; color: var(--ref-muted) !important; font-size: 15px !important; }
.profile-primary-settings { margin-bottom: 14px !important; }
.profile-trust { display: none !important; }

.faq-search {
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  min-height: 54px;
  margin: 8px 0 20px;
  padding: 0 14px;
  border: 1px solid var(--ref-line);
  border-radius: 13px;
  color: var(--ref-muted);
}

.faq-search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 16px;
}

.faq-list { overflow: hidden; }
.faq-list > details { border-bottom: 1px solid var(--ref-line); }
.faq-list > details:last-of-type { border-bottom: 0; }
.faq-list > details > summary {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 12px;
  min-height: 74px;
  padding: 12px 14px;
  list-style: none;
  cursor: pointer;
}
.faq-list > details > summary::-webkit-details-marker { display: none; }
.faq-list > details > summary b { font-size: 15px; font-weight: 500; }
.faq-list > details[open] > summary > i { transform: rotate(90deg); }
.faq-list > details > p { margin: 0; padding: 0 18px 18px 68px; color: var(--ref-muted); font-size: 14px; line-height: 1.5; }
.faq-independent { display: flex; gap: 10px; margin: 24px 10px 0; color: var(--ref-muted); font-size: 12px; line-height: 1.45; }

/* Channel overview stays honest: connected revenue is not faked. */
.channel-connect-card {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  margin: 0 0 22px !important;
  padding: 22px 12px 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center;
}

.channel-connect-card img {
  width: 190px;
  height: 160px;
  object-fit: contain;
}

.channel-connect-card h2 {
  margin: 6px 0 10px !important;
  color: var(--ref-text) !important;
  font-size: 29px !important;
  line-height: 1.14;
}

.channel-connect-card p {
  max-width: 330px;
  margin: 0 0 22px !important;
  color: var(--ref-muted) !important;
  font-size: 16px !important;
  line-height: 1.45;
}

.channel-connect-card button:disabled {
  opacity: 1 !important;
  background: #edf1f5 !important;
  border-color: #edf1f5 !important;
  color: #7d8998 !important;
}

/* Invoice composer and lifecycle. */
.composer-progress {
  min-height: 72px !important;
  margin-bottom: 14px !important;
  border: 1px solid var(--ref-line) !important;
  border-radius: var(--ref-radius) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.seller-template-trigger {
  min-height: 68px !important;
  margin-bottom: 18px !important;
  border: 1px solid var(--ref-line) !important;
  border-radius: var(--ref-radius) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.amount-composer {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  min-height: 185px;
  padding: 12px 0 18px !important;
  background: transparent !important;
  text-align: center;
}

.amount-composer > span:first-child {
  color: var(--ref-muted) !important;
  font-size: 13px !important;
  font-weight: 650;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.amount-input {
  justify-content: center !important;
  width: 100%;
  margin: 10px auto !important;
}

.amount-input input {
  width: calc(var(--amount-digits, 1) * .62em + 8px) !important;
  min-width: 56px;
  max-width: 290px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #0a101a !important;
  font-size: clamp(58px, 18vw, 78px) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.amount-symbol,
.telegram-stars-glyph { color: var(--ref-star) !important; }

#amount-network {
  padding: 7px 13px;
  border-radius: 999px;
  background: #eaf4ff;
  color: #116eae !important;
  font-size: 13px !important;
  font-weight: 650;
}

.settlement-preview {
  border: 1px solid var(--ref-line) !important;
  border-radius: var(--ref-radius) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.settlement-preview.is-empty {
  display: none !important;
}

.invoice-hero,
.purchase-summary {
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

.purchase-screen > .screen-heading { display: none !important; }
.purchase-summary { padding: 8px 0 0 !important; }
.purchase-summary .invoice-amount,
.invoice-hero .invoice-amount { margin: 12px auto !important; }
.purchase-summary .invoice-amount span,
.invoice-hero .invoice-amount span { color: var(--ref-text) !important; font-size: clamp(55px, 16vw, 74px) !important; }
.stars-amount {
  display: grid !important;
  grid-template-columns: auto 38px;
  grid-template-rows: auto 20px;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.stars-amount > span { grid-column: 1; grid-row: 1; }
.stars-amount > img { grid-column: 2; grid-row: 1; width: 38px; height: 38px; object-fit: contain; }
.stars-amount > small { grid-column: 1 / -1; grid-row: 2; color: #41506a !important; font-size: 14px !important; text-align: center; }
.purchase-summary .network-chip { display: none !important; }
.telegram-stars-glyph {
  display: inline-block !important;
  width: 1.1em;
  height: 1.1em;
  background: url('/assets/telegram-star-gold-v1.webp') center / contain no-repeat;
  vertical-align: -.16em;
}
.telegram-stars-glyph > i { display: none !important; }
.purchase-seller { border: 0 !important; background: transparent !important; }
.purchase-facts { margin-top: 18px !important; border: 1px solid var(--ref-line); border-radius: var(--ref-radius); overflow: hidden; }
.purchase-facts > div { min-height: 68px; padding: 12px 14px !important; border-bottom: 1px solid var(--ref-line); }
.purchase-facts > div:last-child { border-bottom: 0; }
.star-sale-proof { overflow: hidden; }
.star-sale-proof > div { min-height: 58px; border-bottom: 1px solid var(--ref-line); }
.star-sale-proof > div:last-child { border-bottom: 0; }

/* Bottom navigation: thin line icons and blue active state, no tiles. */
.app-nav {
  position: fixed !important;
  z-index: 55;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  width: min(100%, 540px) !important;
  min-height: calc(72px + var(--safe-bottom)) !important;
  padding: 7px 8px var(--safe-bottom) !important;
  border-top: 1px solid var(--ref-line) !important;
  border-radius: 0 !important;
  background: rgb(255 255 255 / 98%) !important;
  box-shadow: none !important;
  transform: translateX(-50%);
  backdrop-filter: blur(18px);
}

.app-nav button {
  display: grid !important;
  grid-template-rows: 33px 18px;
  place-items: center;
  min-width: 0;
  min-height: 56px !important;
  padding: 0 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  appearance: none;
  background: none !important;
  color: #536279 !important;
  box-shadow: none !important;
}

.app-nav button::before,
.app-nav button::after {
  display: none !important;
  content: none !important;
}

.app-nav button i {
  display: inline-grid !important;
  place-items: center;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: currentColor !important;
  box-shadow: none !important;
  font-size: 25px !important;
}

.app-nav button span {
  overflow: hidden;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-nav button[aria-current="page"] {
  background: none !important;
  color: var(--ref-blue) !important;
}

.native-action-fallback {
  background: rgb(255 255 255 / 98%) !important;
  border-top: 1px solid var(--ref-line) !important;
  box-shadow: none !important;
}

.native-action-fallback button:last-child {
  background: var(--ref-blue) !important;
  color: #fff !important;
}

.bottom-sheet {
  background: #fff !important;
  color: var(--ref-text) !important;
}

@media (max-width: 360px) {
  :root { --ref-screen-pad: 13px; }
  .app-header { grid-template-columns: 38px minmax(0, 1fr) auto; }
  .brand { gap: 6px !important; font-size: 16px !important; }
  .brand-icon { width: 32px !important; height: 32px !important; font-size: 27px; }
  .header-back { width: 38px !important; height: 38px !important; }
  .profile-head .profile-avatar { width: 108px !important; height: 108px !important; }
  .home-onboarding-art { width: min(78vw, 250px) !important; height: 195px !important; transform: scale(1.05); }
  .home-onboarding-copy h1 { font-size: 28px !important; }
  .home-onboarding-copy p { font-size: 15px !important; }
  .ledger-item { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
  .ledger-main strong { font-size: 17px !important; }
  .status-stamp { max-width: 86px; text-align: right; }
  .payout-balance-card { grid-template-columns: minmax(0, 1fr) 108px; padding: 15px !important; }
  .payout-balance-card img { width: 128px; }
  .faq-list > details > summary { grid-template-columns: 38px minmax(0, 1fr) 18px; padding-inline: 12px; }
  .seller-plan-card { grid-template-columns: minmax(0, 1fr) !important; }
  .seller-plan-card header { grid-template-columns: 40px minmax(0, 1fr) !important; }
  .seller-plan-card header > strong { grid-column: 2; }
  .seller-plan-card .seller-plan-fee { grid-column: 1 !important; padding-bottom: 9px !important; }
  .seller-plan-card button { grid-column: 1 !important; width: calc(100% - 28px) !important; margin: 0 14px 14px !important; }
}

/* v0.30.1: one active-plan signal lives inside its card; checkout becomes the plan detail page. */
#plan-view .seller-plan-current { display: none !important; }

.seller-plan-current-badge {
  display: inline-flex !important;
  width: max-content;
  min-height: 24px;
  align-items: center;
  gap: 5px;
  margin: 0 0 9px;
  padding: 3px 8px;
  border: 1px solid rgb(255 255 255 / 34%);
  border-radius: 999px;
  background: rgb(255 255 255 / 16%);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.seller-plan-current-badge i { font-size: 12px; }

.plan-checkout-screen {
  display: grid;
  gap: 14px;
  padding-bottom: 32px !important;
}

.plan-checkout-hero {
  position: relative;
  display: block !important;
  min-height: 238px;
  overflow: hidden;
  padding: 22px !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, #0b79e9 0%, #35b3f5 100%) !important;
  box-shadow: 0 14px 28px rgb(23 119 207 / 18%);
  color: #fff;
}

.plan-checkout-hero.business {
  background: linear-gradient(145deg, #353bd8 0%, #8585f6 100%) !important;
  box-shadow: 0 14px 28px rgb(76 70 210 / 18%);
}

.plan-checkout-copy {
  position: relative;
  z-index: 2;
  display: grid;
  width: 61%;
  align-content: start;
  gap: 8px;
}

.plan-checkout-copy h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 30px !important;
  letter-spacing: -.03em;
}

.plan-checkout-copy p {
  min-height: 52px;
  margin: 0 !important;
  color: rgb(255 255 255 / 82%) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

.plan-checkout-copy strong {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  color: #fff !important;
  font-size: 38px !important;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.plan-checkout-copy strong img { width: 34px !important; height: 34px !important; object-fit: contain; }

.plan-checkout-art {
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -24px;
  width: 210px;
  height: 218px;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
}

.plan-checkout-hero.business .plan-checkout-art {
  top: 4px;
  right: -20px;
  width: 196px;
  mix-blend-mode: screen;
}

.plan-checkout-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--ref-line) !important;
  border-radius: 16px !important;
  background: var(--ref-surface) !important;
}

.plan-checkout-facts > div {
  display: grid !important;
  min-height: 86px;
  grid-template-columns: 1fr !important;
  place-items: center;
  align-content: center;
  gap: 8px !important;
  padding: 12px 8px !important;
  border: 0 !important;
  text-align: center;
}

.plan-checkout-facts > div + div { border-left: 1px solid var(--ref-line) !important; }
.plan-checkout-facts i { color: var(--ref-blue) !important; font-size: 22px !important; }
.plan-checkout-facts b { font-size: 12px !important; line-height: 1.3; }

.plan-checkout-compare {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr);
  align-items: center;
  overflow: hidden;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #edf6ff !important;
}

.plan-checkout-compare > div {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 3px 8px !important;
  min-height: 0 !important;
  padding: 0 4px !important;
  border: 0 !important;
}

.plan-checkout-compare > div span { grid-column: 1 / -1; font-size: 11px !important; }
.plan-checkout-compare > i { color: var(--ref-blue); font-size: 19px; text-align: center; }
.plan-checkout-compare b { font-size: 14px !important; }
.plan-checkout-compare strong { font-size: 14px !important; }

.plan-checkout-terms {
  min-height: 62px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--ref-line) !important;
  border-radius: 16px !important;
  background: var(--ref-surface) !important;
}

.plan-checkout-terms em { display: grid; gap: 2px; }
.plan-checkout-terms em b { font-size: 13px; font-style: normal; }
.plan-checkout-terms em small { color: var(--ref-muted); font-size: 11px; font-style: normal; }

#plan-checkout-pay {
  display: flex !important;
  min-height: 56px !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0 !important;
  border-radius: 16px !important;
}

#plan-checkout-pay img { width: 23px; height: 23px; object-fit: contain; }

/* FAQ: an answer-first help surface instead of one undifferentiated settings list. */
.faq-hero {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin: 4px 0 16px;
  padding: 16px;
  border-radius: 18px;
  background: #edf6ff;
}

.faq-hero > span {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, #0d72df, #21a7f4);
  box-shadow: 0 8px 18px rgb(13 114 223 / 22%);
  color: #fff;
  font-size: 28px;
}

.faq-hero h1 { margin: 0 0 4px !important; font-size: 23px !important; letter-spacing: -.025em; }
.faq-hero p { margin: 0 !important; color: var(--ref-muted) !important; font-size: 13px !important; line-height: 1.4 !important; }

#faq-view .faq-search {
  min-height: 52px;
  margin: 0 0 18px;
  border: 0;
  border-radius: 16px;
  background: #f1f4f7;
}

.faq-section-title {
  margin: 0 4px 8px;
  color: var(--ref-muted);
  font-size: 12px;
  font-weight: 700;
}

#faq-view .faq-list { margin-bottom: 18px; border-radius: 16px !important; }
#faq-view .faq-list > details > summary { min-height: 68px; }
#faq-view .faq-list > details[open] { background: #f7fbff; }
#faq-view .faq-list > details[open] > summary b { color: var(--ref-blue); }
#faq-view .faq-list > details > p { padding-bottom: 16px; }
#faq-view .faq-list > .settings-row { min-height: 68px; background: #f7fbff; color: var(--ref-blue); }
#faq-view .faq-independent { margin-top: 4px; padding: 0 8px 20px; }

@media (max-width: 360px) {
  .plan-checkout-hero { min-height: 218px; padding: 18px !important; }
  .plan-checkout-copy { width: 64%; }
  .plan-checkout-copy h1 { font-size: 27px !important; }
  .plan-checkout-copy strong { font-size: 33px !important; }
  .plan-checkout-art { right: -44px; width: 184px; }
  .plan-checkout-facts b { font-size: 11px !important; }
  .plan-checkout-compare { grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr); padding-inline: 8px !important; }
  .faq-hero { grid-template-columns: 50px minmax(0, 1fr); padding: 14px; }
  .faq-hero > span { width: 50px; height: 50px; border-radius: 15px; }
}

/* v0.30 product-card pass: Telegram Wallet clarity with Plati Po Miru tariff depth. */
.ledger-search-row {
  grid-template-columns: minmax(0, 1fr) !important;
}

.home-balance-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  min-height: 112px !important;
  padding: 16px !important;
  overflow: hidden;
  border: 1px solid #d7e8fa !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #f7fbff 0%, #e9f4ff 100%) !important;
  box-shadow: 0 10px 26px rgb(24 113 181 / 10%) !important;
}

.home-balance-coin {
  position: relative;
  z-index: 1;
  width: 58px !important;
  height: 58px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgb(32 91 139 / 13%) !important;
}

.home-balance-coin img { width: 43px; height: 43px; object-fit: contain; }
.home-balance-card .c3-account-copy { position: relative; z-index: 1; gap: 3px !important; }
.home-balance-card .c3-account-copy > small { color: #60748b !important; font-size: 12px !important; }
.home-balance-amount { display: inline-flex; align-items: center; gap: 6px; }
.home-balance-amount b { color: #0b1724 !important; font-size: 29px !important; font-weight: 650 !important; letter-spacing: -.035em; }
.home-balance-amount img { width: 24px; height: 24px; object-fit: contain; }
.home-balance-card .c3-account-copy em { color: #5d7690 !important; font-size: 12px !important; }
.home-balance-action { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; color: #6c8299; }
.home-balance-action .c3-account-proof {
  display: grid !important;
  place-items: center;
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  background: #168eea !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgb(22 142 234 / 22%) !important;
}

/* Invoice composer: one currency mark, one grouped task, one concise consent row. */
#new-view .amount-composer {
  min-height: 194px !important;
  margin-bottom: 14px !important;
  padding-top: 22px !important;
}

#new-view .amount-input {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
}

#new-view .amount-input input {
  width: calc(var(--amount-digits, 1) * .62em + 8px) !important;
  max-width: 248px !important;
}

.amount-star-coin {
  display: inline-block !important;
  flex: 0 0 44px;
  width: 44px !important;
  height: 44px !important;
  background: url('/assets/telegram-star-gold-v1.webp') center / contain no-repeat !important;
  filter: drop-shadow(0 4px 8px rgb(185 121 0 / 18%));
}

#new-view .composer-group {
  border: 1px solid #dde6ef !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgb(42 75 103 / 7%) !important;
}

#new-view .composer-row .row-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: #eef7ff !important;
  color: var(--ref-blue) !important;
}

.marketplace-terms {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 58px !important;
  margin: 14px 0 0 !important;
  padding: 8px 10px 8px 12px !important;
  border: 1px solid var(--ref-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

.marketplace-terms label {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  cursor: pointer;
}

.marketplace-terms label > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.marketplace-terms label > span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1.5px solid #aeb9c5;
  border-radius: 7px;
  color: transparent;
  font-size: 15px;
}

.marketplace-terms label > input:checked + span {
  border-color: var(--ref-blue);
  background: var(--ref-blue);
  color: #fff;
}

.marketplace-terms label > input:focus-visible + span { outline: 3px solid rgb(22 142 234 / 24%); outline-offset: 2px; }
.marketplace-terms label b { color: var(--ref-text) !important; font-size: 13px !important; font-weight: 560 !important; line-height: 1.3 !important; }
.marketplace-terms > button {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 40px;
  padding: 0 7px 0 10px;
  border: 0;
  border-radius: 10px;
  background: #eef7ff;
  color: var(--ref-blue);
  font: inherit;
  font-size: 12px;
  font-weight: 650;
}

.markdown-sheet {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  max-height: min(86vh, 760px) !important;
  padding-bottom: calc(12px + var(--safe-bottom)) !important;
}
.markdown-sheet[hidden] { display: none !important; }
.markdown-sheet-header { padding-bottom: 12px !important; }
.markdown-copy { overflow-y: auto; padding: 4px 18px 16px; color: var(--ref-text); overscroll-behavior: contain; }
.markdown-copy h2 { margin: 20px 0 8px; font-size: 19px; line-height: 1.25; letter-spacing: -.02em; }
.markdown-copy h3 { margin: 18px 0 7px; font-size: 16px; line-height: 1.3; }
.markdown-copy p, .markdown-copy li { color: #536477; font-size: 14px; line-height: 1.55; }
.markdown-copy p { margin: 0 0 12px; }
.markdown-copy ul { display: grid; gap: 8px; margin: 0 0 14px; padding-left: 20px; }
.markdown-copy strong { color: var(--ref-text); }
.markdown-loading { padding: 40px 0; text-align: center; }
.markdown-error { display: flex; align-items: center; gap: 10px; padding: 14px; border-radius: 12px; background: #fff4f2; color: #b22d20 !important; }
.markdown-error i { font-size: 22px; }
.markdown-sheet-actions { padding: 8px 16px 0; border-top: 1px solid var(--ref-line); }
.markdown-sheet-actions button { width: 100%; min-height: 48px; border: 0; border-radius: 12px; background: var(--ref-blue); color: #fff; font: inherit; font-weight: 650; }

/* Payouts and wallet: one coherent money destination model. */
.star-amount { display: inline-flex; align-items: center; gap: 7px; font-variant-numeric: tabular-nums; }
.star-amount img { width: 28px; height: 28px; object-fit: contain; }
.star-amount.compact { gap: 4px; }
.star-amount.compact img { width: 17px; height: 17px; }
.payout-balance-copy strong > .star-amount,
.payout-held-copy strong > .star-amount { font-size: inherit; }
.payout-balance-copy strong .payout-main-amount img,
.payout-held-copy strong .payout-main-amount img { width: 35px; height: 35px; }

.payout-wallet-card {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 82px;
  padding: 13px 14px;
  border: 1px solid #dbe7f2;
  border-radius: 16px;
  background: linear-gradient(135deg, #fff 0%, #f2f8ff 100%);
  color: var(--ref-text);
  text-align: left;
  box-shadow: 0 8px 22px rgb(36 82 119 / 7%);
}
.payout-wallet-coin { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 16px; background: #eaf5ff; }
.payout-wallet-coin .payment-icon { width: 40px !important; height: 40px !important; }
.payout-wallet-copy { display: grid; min-width: 0; gap: 2px; }
.payout-wallet-copy small { color: var(--ref-muted); font-size: 12px; }
.payout-wallet-copy b { overflow: hidden; color: var(--ref-text); font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.payout-wallet-copy em { overflow: hidden; color: #698097; font-size: 11px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.payout-wallet-state { padding: 5px 8px; border-radius: 999px; background: #eef2f6; color: #718093; font-size: 10.5px; font-style: normal; white-space: nowrap; }
.payout-wallet-state.is-connected { background: #e7f8ef; color: #159356; }
.payout-wallet-card > .ph-caret-right { color: #8797a8; font-size: 18px; }

.wallet-page-heading { margin-bottom: 15px !important; }
.wallet-hero-card {
  position: relative;
  display: grid !important;
  grid-template-rows: auto 1fr auto;
  min-height: 240px !important;
  padding: 18px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, #0d72df 0%, #21a7f4 100%) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgb(15 112 200 / 22%) !important;
}
.wallet-hero-card::after {
  position: absolute;
  right: -26px;
  top: 44px;
  width: 170px;
  height: 150px;
  background: url('/assets/stars-payout-wallet-v2.webp') center / contain no-repeat;
  content: '';
  opacity: .95;
  pointer-events: none;
}
.wallet-hero-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }
#wallet-summary-icon { display: grid; place-items: center; width: 52px !important; height: 52px !important; border-radius: 17px !important; background: rgb(255 255 255 / 94%) !important; box-shadow: 0 8px 20px rgb(8 70 129 / 18%) !important; }
#wallet-summary-icon .payment-icon { width: 42px !important; height: 42px !important; }
.wallet-summary-badge { position: static !important; padding: 6px 10px !important; border: 1px solid rgb(255 255 255 / 28%) !important; border-radius: 999px !important; background: rgb(5 74 143 / 22%) !important; color: #fff !important; font-size: 11px !important; backdrop-filter: blur(8px); }
.wallet-summary-badge.is-verified { background: rgb(20 137 84 / 78%) !important; }
.wallet-hero-copy { position: relative; z-index: 1; align-self: end; width: 64%; padding: 18px 0 14px; }
.wallet-hero-copy small { display: block; margin-bottom: 6px; color: rgb(255 255 255 / 72%); font-size: 12px; }
.wallet-hero-copy h2 { margin: 0 0 5px !important; color: #fff !important; font-size: 22px !important; line-height: 1.15 !important; letter-spacing: -.025em; }
.wallet-hero-copy p { overflow: hidden; margin: 0 !important; color: rgb(255 255 255 / 82%) !important; font-size: 13px !important; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.wallet-add-primary { position: relative; z-index: 1; width: 100% !important; min-height: 46px !important; border: 1px solid rgb(255 255 255 / 28%) !important; border-radius: 14px !important; background: rgb(255 255 255 / 94%) !important; color: #087ad7 !important; box-shadow: 0 8px 18px rgb(5 73 137 / 14%) !important; }
.wallet-choice-list { gap: 10px !important; margin-top: 16px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.wallet-choice { min-height: 82px !important; padding: 13px !important; border: 1px solid var(--ref-line) !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 7px 20px rgb(41 76 106 / 6%) !important; }
.wallet-choice + .wallet-choice { margin-top: 10px; }
.wallet-choice.is-selected { outline: 2px solid var(--ref-blue) !important; outline-offset: -2px !important; }
.wallet-security-card { margin-top: 16px !important; padding: 14px !important; border: 0 !important; border-radius: 14px !important; background: #eef7ff !important; color: #506a82 !important; }

/* Tariff catalog: expressive product cards, live text and truthful prices. */
#plan-view { padding-bottom: 104px !important; }
.plan-intro { margin: 0 2px 14px !important; }
.plan-intro h1 { margin: 0 0 5px !important; color: var(--ref-text) !important; font-size: 27px !important; letter-spacing: -.03em; }
.plan-intro p { margin: 0 !important; font-size: 13px !important; line-height: 1.4 !important; }
.seller-plan-current {
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  min-height: 66px !important;
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f0f4f8 !important;
}
.seller-plan-current-icon { width: 40px !important; height: 40px !important; font-size: 21px !important; }
.seller-plan-current strong { font-size: 16px !important; }
.seller-plan-current em { font-size: 11px !important; }
.seller-plan-grid { display: grid !important; gap: 12px !important; }
.seller-plan-card,
.seller-plan-card[data-seller-plan="start"] {
  position: relative;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr auto !important;
  min-height: 214px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 22px !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgb(22 52 87 / 18%) !important;
  isolation: isolate;
}
.seller-plan-card.start { background: linear-gradient(145deg, #111c2c 0%, #2d3b51 100%) !important; }
.seller-plan-card.pro { background: linear-gradient(145deg, #0b79e9 0%, #35b3f5 100%) !important; }
.seller-plan-card.business { background: linear-gradient(145deg, #353bd8 0%, #8585f6 100%) !important; }
.seller-plan-card.is-current { outline: 3px solid #f2b72d !important; outline-offset: -3px; }
.seller-plan-card header {
  position: relative;
  z-index: 2;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  min-height: 0 !important;
  width: 58%;
  padding: 18px !important;
}
.seller-plan-card header h2 { margin: 0 0 6px !important; color: #fff !important; font-size: 24px !important; letter-spacing: -.03em; }
.seller-plan-card header small { display: block; color: rgb(255 255 255 / 78%) !important; font-size: 12px !important; line-height: 1.4 !important; }
.seller-plan-art {
  position: absolute;
  z-index: 1;
  top: -6px;
  right: -24px;
  width: 185px;
  height: 152px;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
}
.seller-plan-card.start .seller-plan-art,
.seller-plan-card.business .seller-plan-art { mix-blend-mode: screen; }
.seller-plan-card.pro .seller-plan-art { top: -20px; right: -8px; width: 164px; height: 166px; }
.seller-plan-strip {
  position: relative;
  z-index: 3;
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 68px;
  margin: 0 7px 7px;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 28%);
  border-radius: 17px;
  background: rgb(4 29 62 / 28%);
  backdrop-filter: blur(12px);
}
.seller-plan-strip > span { display: grid; grid-template-columns: auto auto 1fr; align-content: center; justify-content: center; gap: 2px 5px; padding: 10px 9px; text-align: center; }
.seller-plan-strip > span + span { border-left: 1px solid rgb(255 255 255 / 22%); }
.seller-plan-strip b { color: #fff; font-size: 18px; line-height: 1; }
.seller-plan-strip img { width: 19px; height: 19px; object-fit: contain; }
.seller-plan-strip small { grid-column: 1 / -1; color: rgb(255 255 255 / 78%) !important; font-size: 10px !important; line-height: 1.25; }
.seller-plan-card:not(.start) .seller-plan-strip > span:nth-child(2) small { display: none !important; }
.seller-plan-card > button {
  position: absolute !important;
  z-index: 4;
  top: 15px !important;
  right: 14px !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid rgb(255 255 255 / 38%) !important;
  border-radius: 12px !important;
  background: rgb(255 255 255 / 18%) !important;
  color: #fff !important;
  font-size: 11px !important;
  backdrop-filter: blur(10px);
}
.seller-plan-card > button[hidden] { display: none !important; }
.seller-plan-terms { display: none !important; }
.seller-plan-orders { margin-bottom: 16px; }

/* Bottom navigation capsule modeled on the selected Telegram service reference. */
.app-shell { padding-bottom: calc(94px + var(--safe-bottom)) !important; }
.app-nav.app-nav-capsule {
  left: 50% !important;
  bottom: calc(8px + var(--safe-bottom)) !important;
  width: min(calc(100% - 20px), 520px) !important;
  min-height: 68px !important;
  padding: 5px !important;
  border: 1px solid #e1e6eb !important;
  border-radius: 24px !important;
  background: #f1f3f5 !important;
  box-shadow: 0 10px 28px rgb(25 46 67 / 18%) !important;
  backdrop-filter: blur(18px);
}
.app-nav.app-nav-capsule button {
  grid-template-rows: 31px 17px !important;
  min-height: 56px !important;
  border-radius: 19px !important;
  color: #566274 !important;
  transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}
.app-nav.app-nav-capsule button[aria-current="page"] {
  background: #fff !important;
  color: var(--ref-blue) !important;
  box-shadow: 0 4px 12px rgb(30 60 89 / 11%) !important;
}
.app-nav.app-nav-capsule button i { font-size: 23px !important; }
.app-nav.app-nav-capsule button span { font-size: 10.5px !important; }

@media (max-width: 360px) {
  .home-balance-card { grid-template-columns: 50px minmax(0, 1fr) auto !important; gap: 10px !important; padding: 13px !important; }
  .home-balance-coin { width: 50px !important; height: 50px !important; }
  .home-balance-coin img { width: 38px; height: 38px; }
  .home-balance-amount b { font-size: 25px !important; }
  .marketplace-terms { grid-template-columns: 1fr !important; }
  .marketplace-terms > button { justify-content: center; width: 100%; }
  .payout-wallet-card { grid-template-columns: 44px minmax(0, 1fr) 18px; }
  .payout-wallet-state { display: none; }
  .wallet-hero-copy { width: 70%; }
  .wallet-hero-card::after { right: -46px; opacity: .82; }
  .seller-plan-card,
  .seller-plan-card[data-seller-plan="start"] { min-height: 206px !important; }
  .seller-plan-art { right: -36px; width: 164px; }
  .seller-plan-card header { width: 62%; padding: 16px !important; }
  .seller-plan-card header h2 { font-size: 22px !important; }
  .seller-plan-strip b { font-size: 16px; }
  .seller-plan-card > button { top: 12px !important; right: 10px !important; max-width: 92px; }
  .app-nav.app-nav-capsule { width: calc(100% - 14px) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .app-nav.app-nav-capsule button { transition: none; }
}

#plan-view .seller-plan-terms,
#plan-view > .section-header,
#plan-view .seller-plan-orders {
  display: none !important;
}

.plan-checkout-screen {
  padding-top: 4px;
}
.plan-checkout-hero {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 4px 0 20px;
  text-align: center;
}
.plan-checkout-hero .seller-plan-symbol {
  width: 72px !important;
  height: 72px !important;
  font-size: 34px !important;
}
.plan-checkout-hero h1 {
  margin: 0;
  color: var(--ref-text);
  font-size: 25px;
}
.plan-checkout-hero strong {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ref-text);
  font-size: 42px;
  font-weight: 520;
  letter-spacing: -.035em;
}
.plan-checkout-hero strong img { width: 34px; height: 34px; }
.plan-checkout-facts,
.plan-checkout-compare {
  overflow: hidden;
  margin-bottom: 16px;
  border: 1px solid var(--ref-line);
  border-radius: 14px;
  background: #fff;
}
.plan-checkout-facts > div {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  min-height: 49px;
  padding: 0 14px;
  border-bottom: 1px solid var(--ref-line);
}
.plan-checkout-facts > div:last-child { border-bottom: 0; }
.plan-checkout-facts i { color: var(--ref-text); font-size: 18px; }
.plan-checkout-facts b { color: var(--ref-text); font-size: 15px; font-weight: 500; }
.plan-checkout-compare > div {
  display: grid;
  grid-template-columns: minmax(96px, 1fr) minmax(0, 1fr) auto;
  align-items: center;
  min-height: 52px;
  padding: 0 14px;
  border-bottom: 1px solid var(--ref-line);
}
.plan-checkout-compare > div:last-child { border-bottom: 0; }
.plan-checkout-compare span { color: var(--ref-muted); font-size: 13px; }
.plan-checkout-compare b { color: var(--ref-text); font-size: 14px; font-weight: 500; }
.plan-checkout-compare strong { color: var(--ref-text); font-size: 15px; }
.plan-checkout-compare > div:last-child strong { color: #14a85a; }
.plan-checkout-terms {
  margin: 4px 0 18px !important;
  padding-inline: 8px !important;
  border: 0 !important;
  background: transparent !important;
}
.plan-checkout-terms input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.plan-checkout-terms > span {
  display: grid !important;
  place-items: center;
  width: 20px !important;
  height: 20px !important;
  border: 1px solid #9aa7b5 !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: transparent !important;
}
.plan-checkout-terms input:checked + span {
  border-color: var(--ref-blue) !important;
  background: var(--ref-blue) !important;
  color: #fff !important;
}
#plan-checkout-pay { margin-bottom: 12px !important; }
.plan-checkout-screen .composer-trust {
  justify-content: center;
  color: var(--ref-muted) !important;
  font-size: 12px !important;
}

.fallback-primary[hidden],
.secondary-action[hidden],
.wallet-add-primary[hidden] {
  display: none !important;
}

html[data-appearance="dark"] .ledger-tabs,
html[data-appearance="dark"] .ledger-tabs button {
  background: #f7f9fc !important;
  color: var(--ref-muted) !important;
}
html[data-appearance="dark"] .ledger-tabs button[aria-selected="true"] {
  background: #e5f2ff !important;
  color: var(--ref-blue) !important;
}

#profile-view .profile-display-settings .settings-row {
  grid-template-columns: 36px minmax(0, 1fr) auto 16px !important;
}
#profile-view .profile-display-settings em {
  color: var(--ref-muted) !important;
  font-size: 13px !important;
  font-style: normal !important;
  white-space: nowrap;
}
#profile-view > .settings-group:last-child .settings-row small {
  display: none !important;
}

@media (min-width: 541px) {
  body { background: #f6f8fb !important; }
  .app-header,
  .app-shell,
  .app-nav { box-shadow: 0 0 0 1px rgb(18 36 56 / 5%) !important; }
  .app-header,
  .app-shell { background: #fff !important; }
}

/* Atlas v2 fidelity pass: one Telegram-native component system across every route. */
body.telegram-host.has-child-route .app-header {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  min-height: calc(58px + var(--safe-top)) !important;
  padding: var(--safe-top) var(--ref-screen-pad) 0 !important;
  border-bottom: 1px solid var(--ref-line) !important;
  background: #fff !important;
  backdrop-filter: none !important;
}

body.telegram-host.has-child-route .header-back {
  display: inline-grid !important;
  visibility: visible !important;
}

body.telegram-host.has-child-route .brand {
  display: inline-flex !important;
  pointer-events: none;
}

body.telegram-host.has-child-route .brand-icon {
  display: none !important;
}

body.telegram-host.has-child-route .brand span:last-child {
  display: block !important;
  overflow: hidden;
  color: var(--ref-text) !important;
  font-size: 18px !important;
  font-weight: 650 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-route="plan"].telegram-host.has-child-route .brand {
  display: none !important;
}

body.telegram-host.has-child-route .app-shell {
  padding-top: 18px !important;
}

/* New invoice: the compact three-field composition from board 03. */
#new-view > .screen-heading,
#new-view .composer-progress,
#new-view .seller-template-trigger,
#new-view .payment-method-locked,
#new-view > .text-action {
  display: none !important;
}

#new-view .invoice-composer {
  gap: 0 !important;
}

#new-view .amount-composer {
  min-height: 212px !important;
  margin: 0 0 18px !important;
  padding: 26px 12px 18px !important;
}

#new-view .amount-input input {
  width: min(250px, 72vw) !important;
  font-size: clamp(58px, 18vw, 78px) !important;
  font-weight: 520 !important;
}

#new-view .amount-composer > span:first-child {
  color: var(--ref-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
}

#new-view .composer-group {
  overflow: hidden;
  border-radius: 14px !important;
}

#new-view .composer-row {
  min-height: 72px !important;
  padding: 11px 14px !important;
}

#new-view .composer-row .row-copy small {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#new-view .settlement-preview {
  margin-top: 16px !important;
}

/* Invoice journal: real search, a calm segment control and readable ledger rows. */
.journal-action-row {
  margin: 0 0 14px !important;
}

.journal-create {
  border-radius: 12px !important;
  background: var(--ref-blue) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.ledger-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  gap: 9px;
  margin-bottom: 10px;
}

.ledger-search {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  min-height: 46px;
  padding: 0 13px;
  border: 1px solid var(--ref-line);
  border-radius: 12px;
  background: #f7f9fc;
  color: var(--ref-muted);
}

.ledger-search i { font-size: 20px; }
.ledger-search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ref-text);
  font: inherit;
  font-size: 15px;
}

.ledger-filter-button {
  display: grid !important;
  place-items: center;
  min-height: 46px !important;
  padding: 0 !important;
  border: 1px solid var(--ref-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--ref-text) !important;
  font-size: 21px !important;
}

.ledger-filter-button[aria-selected="true"] {
  border-color: #a8d3ff !important;
  background: var(--ref-blue-soft) !important;
  color: var(--ref-blue) !important;
}

.ledger-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin: 0 0 18px !important;
  padding: 3px !important;
  border: 1px solid var(--ref-line) !important;
  border-radius: 13px !important;
  background: #f7f9fc !important;
}

.ledger-tabs button {
  min-height: 36px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
}

.ledger-tabs button[aria-selected="true"] {
  background: #e5f2ff !important;
  color: var(--ref-blue) !important;
}

.ledger { gap: 18px !important; }
.ledger-rows { border-top: 0 !important; }
.ledger-item {
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 82px !important;
  padding: 13px 2px !important;
}
.ledger-main > span { font-size: 15px !important; }
.ledger-main em,
.ledger-side time { color: var(--ref-muted) !important; font-size: 12px !important; }
.ledger-side { align-items: flex-end !important; }
.status-stamp { max-width: 118px; font-size: 12px !important; }

/* Payouts: the board 07 balance, segment, wallet, CTA and history hierarchy. */
.payout-balance-card {
  min-height: 142px !important;
  margin-bottom: 8px !important;
}
.payout-held-copy { display: none !important; }
.payout-balance-card.shows-held .payout-balance-copy { display: none !important; }
.payout-balance-card.shows-held .payout-held-copy {
  display: grid !important;
}
.payout-balance-card.shows-held .payout-held-copy strong {
  color: var(--ref-text) !important;
  font-size: clamp(31px, 9vw, 42px) !important;
  font-weight: 500 !important;
}

.payout-balance-tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
  margin: 0 0 14px;
  padding: 3px;
  border-radius: 12px;
  background: #f3f6fa;
}
.payout-balance-tabs button {
  min-height: 38px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--ref-muted);
  font: inherit;
  font-size: 13px;
}
.payout-balance-tabs button[aria-selected="true"] {
  background: #e5f2ff;
  color: var(--ref-blue);
}

.payout-summary-list .settings-row.static,
.payout-guide {
  display: none !important;
}
.payout-summary-list { margin-bottom: 10px !important; }
.payout-summary-list button.settings-row { min-height: 62px !important; }
#request-ton-payout {
  min-height: 50px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--ref-blue) !important;
  color: #fff !important;
}
.payout-methods { margin-bottom: 22px !important; border: 0 !important; }

/* Tariffs: three spacious, single-scan rows from board 08. */
.plan-intro {
  margin: 0 4px 18px !important;
  color: var(--ref-muted) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}
.seller-plan-current {
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 82px !important;
  margin: 0 0 14px !important;
  padding: 14px !important;
  border-color: #cfe5ff !important;
  border-radius: 14px !important;
  background: #f1f7ff !important;
}
.seller-plan-current-icon {
  display: grid !important;
  place-items: center;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: var(--ref-blue) !important;
  font-size: 27px !important;
}
.seller-plan-current > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.seller-plan-current small { order: 2; color: var(--ref-muted) !important; font-size: 12px !important; }
.seller-plan-current strong { order: 1; color: var(--ref-text) !important; font-size: 18px !important; }
.seller-plan-current em { order: 3; overflow: hidden; color: var(--ref-muted) !important; font-size: 12px !important; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.seller-plan-current > b {
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #dcecff !important;
  color: var(--ref-blue) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.seller-plan-grid { gap: 14px !important; }
.seller-plan-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 102px !important;
  padding: 0 !important;
  border-radius: 14px !important;
}
.seller-plan-card header {
  grid-column: 1 !important;
  grid-row: 1 / span 2;
  grid-template-columns: 50px minmax(0, 1fr) !important;
  align-content: center;
  min-height: 100px !important;
  padding: 14px !important;
}
.seller-plan-card .seller-plan-symbol {
  width: 50px !important;
  height: 50px !important;
  font-size: 24px !important;
}
.seller-plan-card header h2 { font-size: 18px !important; }
.seller-plan-card header small { line-height: 1.3 !important; }
.seller-plan-card header > strong {
  grid-column: 2;
  color: var(--ref-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.seller-plan-card .seller-plan-fee {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end !important;
  justify-self: end;
  display: grid !important;
  gap: 0 !important;
  padding: 14px 14px 3px 0 !important;
  text-align: right;
}
.seller-plan-card .seller-plan-fee b { font-size: 15px !important; }
.seller-plan-card .seller-plan-fee span { display: none !important; }
.seller-plan-card button {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start !important;
  min-height: 36px !important;
  margin: 3px 14px 14px 8px !important;
  border-radius: 10px !important;
  background: var(--ref-blue) !important;
  color: #fff !important;
}
.seller-plan-card button i { display: none !important; }
.seller-plan-terms { margin-top: 18px !important; }

/* Profile: actual Telegram photo, centered identity and compact grouped settings. */
.profile-head {
  margin: 14px 0 22px !important;
  padding-top: 0 !important;
}
.profile-head .profile-avatar {
  width: 136px !important;
  height: 136px !important;
  margin-bottom: 10px !important;
  box-shadow: 0 5px 18px rgb(33 89 133 / 12%) !important;
}
.profile-head h1,
.profile-head p {
  align-self: center !important;
  justify-self: center !important;
  width: 100%;
  text-align: center !important;
}
.profile-head h1 { font-size: 24px !important; }
.profile-primary-settings { margin-bottom: 12px !important; }
#profile-view .settings-group { border-radius: 14px !important; }
#profile-view .settings-row {
  min-height: 54px !important;
  padding: 7px 12px !important;
}
#profile-view .settings-icon {
  width: 36px !important;
  height: 36px !important;
  font-size: 19px !important;
}
#profile-view .settings-row b { font-size: 15px !important; font-weight: 540 !important; }
#profile-view .settings-row small { font-size: 12px !important; }

/* Bottom navigation: identical footprint and optical centering on all screens. */
.app-nav {
  min-height: calc(68px + var(--safe-bottom)) !important;
  padding: 5px 6px var(--safe-bottom) !important;
}
.app-nav button {
  grid-template-rows: 31px 17px !important;
  min-height: 54px !important;
}
.app-nav button i { font-size: 23px !important; line-height: 1 !important; }
.app-nav button span { font-size: 10.5px !important; }

@media (max-width: 360px) {
  .profile-head .profile-avatar { width: 118px !important; height: 118px !important; }
  .ledger-item {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }
  .seller-plan-card { grid-template-columns: minmax(0, 1fr) 104px !important; }
  .seller-plan-card header { grid-template-columns: 44px minmax(0, 1fr) !important; }
  .seller-plan-card .seller-plan-symbol { width: 44px !important; height: 44px !important; }
  .seller-plan-card button { grid-column: 2 !important; width: auto !important; margin: 3px 10px 12px 6px !important; padding-inline: 10px !important; }
  .seller-plan-card .seller-plan-fee { grid-column: 2 !important; padding-right: 10px !important; }
}

/* v0.30.1: lock the selected Plati Po Miru tariff language after the shared Atlas rules. */
#plan-view .seller-plan-grid,
#plan-view .seller-plan-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Plan confirmation is a compact native row, never a detached checkbox and italic copy. */
.plan-checkout-terms {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  margin: 8px 0 12px !important;
  padding: 8px 2px !important;
  cursor: pointer;
}

.plan-checkout-terms em {
  color: var(--ref-text) !important;
  font-size: 13px !important;
  font-style: normal !important;
  line-height: 1.35 !important;
}

#plan-view { width: auto !important; min-width: 0 !important; }

#plan-view .plan-intro {
  margin: 0 2px 14px !important;
  color: var(--ref-muted) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

#plan-view .seller-plan-current {
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  gap: 10px !important;
  min-height: 66px !important;
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f0f4f8 !important;
}

#plan-view .seller-plan-current-icon {
  width: 40px !important;
  height: 40px !important;
  font-size: 21px !important;
}

#plan-view .seller-plan-current strong { font-size: 16px !important; }
#plan-view .seller-plan-current em { font-size: 11px !important; }
#plan-view .seller-plan-grid { gap: 12px !important; }

#plan-view .seller-plan-card,
#plan-view .seller-plan-card[data-seller-plan="start"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(138px, 1fr) auto !important;
  min-height: 214px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 22px !important;
}

#plan-view .seller-plan-card header {
  position: relative !important;
  z-index: 2 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 58% !important;
  min-height: 0 !important;
  padding: 18px !important;
}

#plan-view .seller-plan-card header h2 {
  margin: 0 0 6px !important;
  color: #fff !important;
  font-size: 24px !important;
}

#plan-view .seller-plan-card header small {
  display: block !important;
  color: rgb(255 255 255 / 82%) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

#plan-view .seller-plan-card > button {
  position: absolute !important;
  z-index: 4 !important;
  top: 15px !important;
  right: 14px !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  max-width: 112px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid rgb(255 255 255 / 38%) !important;
  border-radius: 12px !important;
  background: rgb(255 255 255 / 18%) !important;
  color: #fff !important;
  font-size: 11px !important;
  backdrop-filter: blur(10px);
}

#plan-view .seller-plan-card > button[hidden] { display: none !important; }

#plan-view .seller-plan-card:not(.start) .seller-plan-strip {
  grid-template-columns: minmax(0, 1fr) minmax(54px, .62fr) minmax(72px, .78fr) !important;
}

#plan-view .seller-plan-strip > button {
  display: flex !important;
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 0 !important;
  border-left: 1px solid rgb(255 255 255 / 22%) !important;
  border-radius: 0 !important;
  background: rgb(255 255 255 / 8%) !important;
  color: #fff !important;
  font: inherit !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

#plan-view .seller-plan-strip > button[hidden] { display: none !important; }

/* The amount and its official Stars mark behave as one optically centered unit. */
#new-view .amount-input {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

#new-view .amount-input input {
  width: calc(var(--amount-digits, 1) * .62em + 8px) !important;
  min-width: 48px !important;
  max-width: 248px !important;
  padding: 0 !important;
  text-align: center !important;
}

.activity-icon.stars img { width: 30px; height: 30px; object-fit: contain; }
.activity-row b > .star-amount,
.ledger-main strong > .star-amount { font-size: inherit; font-weight: inherit; }

/* Compact Telegram widths must never reveal a horizontal crop. */
#home-view,
#home-view .home-onboarding,
#home-view .home-onboarding-actions,
#home-view .home-balance-card,
#plan-view {
  max-width: 100% !important;
  overflow-x: clip;
  box-sizing: border-box;
}

@media (max-width: 360px) {
  .home-onboarding-actions button,
  .home-balance-card { width: 100% !important; max-width: 100% !important; }
  .home-balance-card { grid-template-columns: 50px minmax(0, 1fr) 18px !important; }
  .home-balance-action { gap: 0 !important; }
  .home-balance-action .c3-account-proof { display: none !important; }
  .home-balance-card .c3-account-copy em { white-space: normal !important; line-height: 1.25 !important; }

  #plan-view .seller-plan-card,
  #plan-view .seller-plan-card[data-seller-plan="start"] {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(134px, 1fr) auto !important;
    min-height: 206px !important;
  }
  #plan-view .seller-plan-card header {
    display: block !important;
    grid-template-columns: none !important;
    width: 60% !important;
    padding: 16px !important;
  }
  #plan-view .seller-plan-card header h2 { font-size: 22px !important; }
  #plan-view .seller-plan-card > button {
    top: 12px !important;
    right: 10px !important;
    width: auto !important;
    max-width: 88px !important;
    margin: 0 !important;
    padding: 0 9px !important;
  }
  #plan-view .seller-plan-current > b { padding-inline: 7px !important; }
  #plan-view .seller-plan-current,
  #plan-view .seller-plan-grid { width: calc(100% - var(--ref-screen-pad)) !important; }
  #plan-view .seller-plan-card:not(.start) .seller-plan-strip {
    grid-template-columns: minmax(0, 1fr) 54px 78px !important;
  }
}

/* v0.30.2 final lock: compact tariff facts and one official Stars mark. */
#new-view .amount-star-coin {
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px;
}

#plan-view:not([hidden]) {
  display: flex !important;
  min-height: calc(100dvh - 126px);
  flex-direction: column;
}

#plan-view .seller-plan-grid {
  flex: 1 0 auto;
  grid-auto-rows: minmax(188px, 1fr);
}

#plan-view .seller-plan-card,
#plan-view .seller-plan-card[data-seller-plan="start"] {
  min-height: 188px !important;
  grid-template-rows: minmax(120px, 1fr) auto !important;
}

#plan-view .seller-plan-strip,
#plan-view .seller-plan-card:not(.start) .seller-plan-strip {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr) auto !important;
  min-height: 56px !important;
  margin: 0 7px 7px !important;
}

#plan-view .seller-plan-card.is-current .seller-plan-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#plan-view .seller-plan-strip > span {
  display: flex !important;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 5px !important;
  padding: 9px 8px !important;
  white-space: nowrap;
}

#plan-view .seller-plan-strip > span + span {
  border-left: 1px solid rgb(255 255 255 / 22%) !important;
}

#plan-view .seller-plan-strip b {
  flex: 0 0 auto;
  font-size: 17px !important;
}

#plan-view .seller-plan-strip img {
  flex: 0 0 18px;
  width: 18px !important;
  height: 18px !important;
}

#plan-view .seller-plan-strip small,
#plan-view .seller-plan-card:not(.start) .seller-plan-strip > span:nth-child(2) small {
  display: inline !important;
  grid-column: auto !important;
  overflow: hidden;
  color: rgb(255 255 255 / 78%) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#plan-view .seller-plan-strip small::before {
  content: "·";
  margin-right: 5px;
}

#plan-view .seller-plan-strip > button {
  position: static !important;
  display: inline-flex !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  min-width: 72px;
  min-height: 38px !important;
  align-self: center;
  justify-self: end;
  margin: 0 7px 0 5px !important;
  padding: 0 11px !important;
  border: 1px solid rgb(255 255 255 / 34%) !important;
  border-radius: 12px !important;
  background: rgb(255 255 255 / 18%) !important;
  color: #fff !important;
  font-size: 11px !important;
  white-space: nowrap;
}

#plan-view .seller-plan-strip > button[hidden] { display: none !important; }

@media (max-width: 360px) {
  #plan-view .seller-plan-strip,
  #plan-view .seller-plan-card:not(.start) .seller-plan-strip {
    grid-template-columns: minmax(0, 1.15fr) 50px 68px !important;
  }
  #plan-view .seller-plan-card.is-current .seller-plan-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #plan-view .seller-plan-strip > span { gap: 3px !important; padding-inline: 5px !important; }
  #plan-view .seller-plan-strip b { font-size: 15px !important; }
  #plan-view .seller-plan-strip img { flex-basis: 16px; width: 16px !important; height: 16px !important; }
  #plan-view .seller-plan-strip small { font-size: 9px !important; }
  #plan-view .seller-plan-strip > button { min-width: 62px; margin-inline: 3px 5px !important; padding-inline: 7px !important; }
}

#plan-checkout-view .plan-checkout-copy {
  width: 100% !important;
  justify-items: start !important;
  text-align: left !important;
}

#plan-checkout-view .plan-checkout-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 56%) 1fr;
  align-items: center !important;
  justify-items: stretch !important;
  text-align: left !important;
}

#plan-checkout-view .plan-checkout-copy p {
  min-height: 0 !important;
  max-width: 15rem;
}

#plan-checkout-view .plan-checkout-art {
  top: 2px !important;
  right: -18px !important;
  width: 202px !important;
}

#plan-checkout-view .plan-checkout-hero.business .plan-checkout-art {
  top: 10px !important;
  right: -22px !important;
  width: 194px !important;
}

@media (max-width: 360px) {
  #plan-checkout-view .plan-checkout-hero { grid-template-columns: minmax(0, 58%) 1fr; }
  #plan-checkout-view .plan-checkout-copy p { font-size: 11px !important; }
  #plan-checkout-view .plan-checkout-art { right: -34px !important; width: 184px !important; }
}

/* The whole product card opens its detail page; no nested visual CTA. */
#plan-view .seller-plan-strip,
#plan-view .seller-plan-card:not(.start) .seller-plan-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#plan-view .seller-plan-card:not(.is-current) { cursor: pointer; }

#plan-view .seller-plan-card-link {
  position: absolute !important;
  z-index: 5;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  color: transparent !important;
  opacity: 0;
}

#plan-view .seller-plan-card-link[hidden] { display: none !important; }
#plan-view .seller-plan-card:has(.seller-plan-card-link:focus-visible) {
  outline: 3px solid #fff !important;
  outline-offset: -6px;
}
#plan-view .seller-plan-card:not(.is-current):active { transform: scale(.992); }

@media (max-width: 360px) {
  #plan-view .seller-plan-strip,
  #plan-view .seller-plan-card:not(.start) .seller-plan-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* v0.30.3: the tariff product itself is the hit target. */
#plan-view .seller-plan-card > button.seller-plan-card-link {
  position: absolute !important;
  z-index: 8 !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

/* New invoice: one compact amount card, one task group and one consent row. */
#new-view .invoice-composer { gap: 14px !important; }

#new-view .amount-composer {
  position: relative;
  min-height: 172px !important;
  margin: 2px 0 0 !important;
  padding: 22px 14px 20px !important;
  overflow: hidden;
  border: 1px solid #dbe9f7;
  border-radius: 24px;
  background:
    radial-gradient(circle at 74% 48%, rgb(255 206 48 / 18%) 0 12%, transparent 28%),
    linear-gradient(145deg, #f7fbff 0%, #eaf5ff 100%);
  box-shadow: 0 12px 30px rgb(42 91 136 / 9%);
}

#new-view .amount-composer > span:first-child {
  color: #607993 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}

#new-view .amount-input { margin: 8px auto 0 !important; }
#new-view .amount-input input {
  color: #111c2b !important;
  font-size: clamp(62px, 18vw, 78px) !important;
  font-weight: 650 !important;
}
#new-view .amount-star-coin {
  flex-basis: 48px !important;
  width: 48px !important;
  height: 48px !important;
  filter: drop-shadow(0 7px 12px rgb(183 119 0 / 22%));
}

#new-view .composer-group {
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgb(37 71 105 / 8%) !important;
}

#new-view .composer-row {
  min-height: 72px !important;
  grid-template-columns: 44px minmax(0, 1fr) 22px !important;
  gap: 11px !important;
  padding: 10px 13px !important;
}

#new-view .composer-row .row-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  background: #eaf5ff !important;
  color: #0787ed !important;
}

#new-view .composer-row .row-copy { gap: 3px !important; }
#new-view .composer-row .row-copy > b {
  color: #6e8399 !important;
  font-size: 11px !important;
  letter-spacing: 0 !important;
}
#new-view .composer-row .row-copy strong,
#new-view .composer-row input {
  overflow: hidden;
  color: #111c2b !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#new-view .composer-row .row-copy small {
  overflow: hidden;
  color: #73879a !important;
  font-size: 11px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#new-view .marketplace-terms {
  min-height: 64px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgb(37 71 105 / 6%);
}
#new-view .marketplace-terms > span { font-size: 12px !important; line-height: 1.25 !important; }
#new-view .marketplace-terms > button {
  min-height: 44px !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  white-space: nowrap;
}
#new-view .composer-trust { margin-top: -4px !important; padding-inline: 6px !important; }

/* v0.30.4: tariff detail reads like a compact Telegram product page. */
#plan-checkout-view:not([hidden]) {
  display: grid !important;
  gap: 18px !important;
  padding-bottom: calc(116px + var(--safe-bottom)) !important;
}

#plan-checkout-view .plan-checkout-hero {
  min-height: 222px !important;
  margin: 0 !important;
  padding: 22px !important;
  border-radius: 24px !important;
}

#plan-checkout-view .plan-checkout-copy {
  align-content: center !important;
  gap: 9px !important;
}

#plan-checkout-view .plan-checkout-copy h1 {
  font-size: 32px !important;
  line-height: 1.05 !important;
}

#plan-checkout-view .plan-checkout-copy p {
  max-width: 14rem !important;
  color: rgb(255 255 255 / 84%) !important;
  font-size: 12px !important;
  line-height: 1.38 !important;
}

#plan-checkout-view .plan-checkout-copy strong {
  margin-top: 9px !important;
  font-size: 40px !important;
}

#plan-checkout-view .plan-checkout-included,
#plan-checkout-view .plan-checkout-change,
#plan-checkout-view .plan-checkout-payment {
  display: grid;
  gap: 11px;
}

#plan-checkout-view .plan-checkout-included > h2,
#plan-checkout-view .plan-checkout-change > h2,
#plan-checkout-view .plan-checkout-payment > h2 {
  margin: 0 2px !important;
  color: #111c2b !important;
  font-size: 18px !important;
  font-weight: 720 !important;
  letter-spacing: -.015em;
}

#plan-checkout-view .plan-checkout-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#plan-checkout-view .plan-checkout-benefits article {
  display: grid;
  min-width: 0;
  min-height: 108px;
  align-content: start;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
  background: #f2f7fc;
}

#plan-checkout-view .plan-checkout-benefits article > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: #fff;
  color: #0787ed;
  box-shadow: 0 5px 14px rgb(28 94 150 / 9%);
}

#plan-checkout-view .plan-checkout-benefits article > span i { font-size: 20px; }
#plan-checkout-view .plan-checkout-benefits article > div { display: grid; gap: 3px; min-width: 0; }
#plan-checkout-view .plan-checkout-benefits b {
  color: #101b29;
  font-size: 13px;
  line-height: 1.25;
}
#plan-checkout-view .plan-checkout-benefits small {
  color: #6f8194;
  font-size: 10.5px;
  line-height: 1.32;
}

#plan-checkout-view .plan-checkout-change {
  padding: 15px;
  border-radius: 20px;
  background: #edf6ff;
}

#plan-checkout-view .plan-checkout-compare {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) !important;
  gap: 6px;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

#plan-checkout-view .plan-checkout-compare > div {
  display: grid !important;
  min-width: 0;
  min-height: 64px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-content: center;
  gap: 3px 6px !important;
  padding: 10px 11px !important;
  border: 0 !important;
  border-radius: 15px;
  background: rgb(255 255 255 / 58%);
}

#plan-checkout-view .plan-checkout-compare > div:last-child {
  background: #fff;
  box-shadow: 0 8px 20px rgb(30 100 158 / 9%);
}

#plan-checkout-view .plan-checkout-compare > div span {
  grid-column: 1 / -1;
  color: #6f8194 !important;
  font-size: 10px !important;
}
#plan-checkout-view .plan-checkout-compare > i { color: #0787ed; font-size: 18px; text-align: center; }
#plan-checkout-view .plan-checkout-compare b,
#plan-checkout-view .plan-checkout-compare strong { font-size: 14px !important; }
#plan-checkout-view .plan-checkout-compare > div:last-child strong { color: #11a55a !important; }

#plan-checkout-view .plan-checkout-change > p {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 2px 3px 0;
  color: #506a83;
  font-size: 11px;
  line-height: 1.35;
}
#plan-checkout-view .plan-checkout-change > p i { color: #0787ed; font-size: 18px; }

#plan-checkout-view .plan-checkout-payment {
  padding: 15px;
  border-radius: 20px;
  background: #f6f8fb;
}

#plan-checkout-view .plan-checkout-payment-rows {
  overflow: hidden;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 7px 20px rgb(32 69 105 / 7%);
}

#plan-checkout-view .plan-checkout-payment-rows > div {
  display: grid;
  min-height: 53px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
}
#plan-checkout-view .plan-checkout-payment-rows > div + div { border-top: 1px solid #e8eef4; }
#plan-checkout-view .plan-checkout-payment-rows span { color: #64798f; font-size: 12px; }
#plan-checkout-view .plan-checkout-payment-rows b { color: #172331; font-size: 12px; text-align: right; }
#plan-checkout-view .plan-checkout-payment-rows strong {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #111c2b;
  font-size: 16px;
  font-variant-numeric: tabular-nums;
}
#plan-checkout-view .plan-checkout-payment-rows strong img { width: 20px; height: 20px; object-fit: contain; }

#plan-checkout-view .plan-checkout-terms {
  min-height: 52px !important;
  margin: 0 !important;
  padding: 8px 2px 0 !important;
  background: transparent !important;
}

#plan-checkout-view .plan-checkout-dock {
  position: fixed;
  z-index: 40;
  bottom: 0;
  left: 50%;
  display: grid;
  width: min(100%, 34rem);
  gap: 5px;
  padding: 9px var(--ref-screen-pad) calc(8px + var(--safe-bottom));
  transform: translateX(-50%);
  border-top: 1px solid #dfe7ef;
  background: rgb(255 255 255 / 97%);
  box-shadow: 0 -12px 30px rgb(38 67 95 / 12%);
  backdrop-filter: blur(14px);
}

#plan-checkout-view #plan-checkout-pay {
  display: flex !important;
  min-height: 54px !important;
  margin: 0 !important;
  border-radius: 17px !important;
  box-shadow: 0 8px 20px rgb(0 126 235 / 20%);
  font-size: 16px !important;
  font-weight: 720 !important;
}

#plan-checkout-view .plan-checkout-dock .composer-trust {
  justify-content: center;
  margin: 0 !important;
  color: #6e8193 !important;
  font-size: 10px !important;
}

body.has-child-route[data-route="plan-checkout"] {
  padding-bottom: 0 !important;
}

body.has-child-route[data-route="plan-checkout"] .app-shell {
  padding-bottom: 0 !important;
}

@media (max-width: 360px) {
  #plan-checkout-view:not([hidden]) { gap: 14px !important; }
  #plan-checkout-view .plan-checkout-hero { min-height: 204px !important; padding: 18px !important; }
  #plan-checkout-view .plan-checkout-copy h1 { font-size: 28px !important; }
  #plan-checkout-view .plan-checkout-copy strong { font-size: 35px !important; }
  #plan-checkout-view .plan-checkout-benefits { gap: 8px; }
  #plan-checkout-view .plan-checkout-benefits article { min-height: 104px; padding: 11px; }
  #plan-checkout-view .plan-checkout-benefits b { font-size: 12px; }
  #plan-checkout-view .plan-checkout-benefits small { font-size: 9.5px; }
  #plan-checkout-view .plan-checkout-change,
  #plan-checkout-view .plan-checkout-payment { padding: 12px; }
  #plan-checkout-view .plan-checkout-compare { grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr) !important; gap: 4px; }
  #plan-checkout-view .plan-checkout-compare > div { padding-inline: 8px !important; }
  #plan-checkout-view .plan-checkout-payment-rows > div { padding-inline: 10px; }
  #plan-checkout-view .plan-checkout-payment-rows b { max-width: 145px; }
}

/* v0.30.5: one commission story and a genuinely floating purchase action. */
#plan-checkout-view:not([hidden]) {
  gap: 16px !important;
  padding-bottom: calc(92px + var(--safe-bottom)) !important;
}

#plan-checkout-view .plan-checkout-hero {
  min-height: 214px !important;
  box-shadow: 0 18px 38px rgb(23 119 207 / 22%) !important;
}

#plan-checkout-view .plan-checkout-economy {
  position: relative;
  display: grid;
  gap: 16px;
  overflow: hidden;
  padding: 18px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 94% 4%, rgb(46 139 232 / 42%) 0, rgb(46 139 232 / 0%) 43%),
    #0c203a;
  color: #fff;
  box-shadow: 0 16px 34px rgb(19 55 91 / 20%);
}

#plan-checkout-view .plan-checkout-economy header {
  display: grid;
  gap: 6px;
  max-width: 390px;
}

#plan-checkout-view .plan-checkout-economy h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 23px !important;
  font-weight: 750 !important;
  letter-spacing: -.025em;
  line-height: 1.12;
}

#plan-checkout-view .plan-checkout-economy header p {
  margin: 0 !important;
  color: #c6d9ed !important;
  font-size: 12px;
  line-height: 1.4;
}

#plan-checkout-view .plan-checkout-economy .plan-checkout-compare {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr) !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

#plan-checkout-view .plan-checkout-economy .plan-checkout-compare > div {
  display: grid !important;
  min-height: 70px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-content: center;
  gap: 4px 8px !important;
  padding: 11px 12px !important;
  border: 0 !important;
  border-radius: 15px;
  background: rgb(255 255 255 / 10%) !important;
}

#plan-checkout-view .plan-checkout-economy .plan-checkout-compare > div:last-child {
  background: #fff !important;
  color: #0c203a;
  box-shadow: 0 10px 22px rgb(0 0 0 / 18%);
}

#plan-checkout-view .plan-checkout-economy .plan-checkout-compare span {
  grid-column: 1 / -1;
  color: #9fb9d4 !important;
  font-size: 10px !important;
}

#plan-checkout-view .plan-checkout-economy .plan-checkout-compare > div:last-child span { color: #70849a !important; }
#plan-checkout-view .plan-checkout-economy .plan-checkout-compare b,
#plan-checkout-view .plan-checkout-economy .plan-checkout-compare strong {
  color: #fff !important;
  font-size: 15px !important;
}
#plan-checkout-view .plan-checkout-economy .plan-checkout-compare > div:last-child b { color: #0c203a !important; }
#plan-checkout-view .plan-checkout-economy .plan-checkout-compare > div:last-child strong { color: #14a85a !important; }

#plan-checkout-view .plan-checkout-economy .plan-checkout-compare > i {
  position: relative;
  z-index: 2;
  display: grid;
  width: 34px;
  height: 34px;
  align-self: center;
  justify-self: center;
  place-items: center;
  border-radius: 50%;
  background: #2a93f0;
  color: #fff !important;
  box-shadow: 0 8px 18px rgb(0 0 0 / 18%);
}

#plan-checkout-view .plan-checkout-economy footer {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding-top: 1px;
  color: #ffd76a;
  font-size: 11px;
  line-height: 1.35;
}
#plan-checkout-view .plan-checkout-economy footer i { font-size: 18px; }

#plan-checkout-view .plan-checkout-scope {
  display: grid;
  gap: 12px;
  padding: 4px 2px 0;
}

#plan-checkout-view .plan-checkout-scope-lead {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

#plan-checkout-view .plan-checkout-scope-lead > span {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  border-radius: 16px;
  background: #eaf5ff;
  color: #0787ed;
}
#plan-checkout-view .plan-checkout-scope-lead > span i { font-size: 24px; }
#plan-checkout-view .plan-checkout-scope-lead > div { display: grid; gap: 3px; }
#plan-checkout-view .plan-checkout-scope-lead b { color: #111c2b; font-size: 16px; line-height: 1.2; }
#plan-checkout-view .plan-checkout-scope-lead small { color: #667b91; font-size: 11px; line-height: 1.35; }

#plan-checkout-view .plan-checkout-scope-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 16px;
  background: #f1f6fb;
}

#plan-checkout-view .plan-checkout-scope-meta > span {
  display: flex;
  min-width: 0;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 10px;
  color: #147ecf;
}
#plan-checkout-view .plan-checkout-scope-meta > span + span { border-left: 1px solid #dbe7f2; }
#plan-checkout-view .plan-checkout-scope-meta i { flex: 0 0 auto; font-size: 18px; }
#plan-checkout-view .plan-checkout-scope-meta b { overflow: hidden; color: #172331; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }

#plan-checkout-view .plan-checkout-payment {
  gap: 10px !important;
  padding: 15px !important;
  border-radius: 18px !important;
  background: #f6f8fb !important;
}

#plan-checkout-view .plan-checkout-payment > h2 {
  margin: 0 0 1px !important;
  color: #111c2b !important;
  font-size: 18px !important;
}

#plan-checkout-view .plan-checkout-payment-rows {
  box-shadow: none !important;
}

#plan-checkout-view .plan-checkout-terms {
  padding-top: 7px !important;
}

#plan-checkout-view .plan-checkout-payment .composer-trust {
  justify-content: flex-start;
  margin: -2px 0 0 32px !important;
  color: #6e8193 !important;
  font-size: 10px !important;
}

#plan-checkout-view .plan-checkout-dock {
  position: fixed !important;
  z-index: 45 !important;
  bottom: 0 !important;
  left: 50% !important;
  display: block !important;
  width: min(100%, 34rem) !important;
  padding: 0 var(--ref-screen-pad) calc(14px + var(--safe-bottom)) !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  pointer-events: none;
}

#plan-checkout-view #plan-checkout-pay {
  min-height: 58px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 19px !important;
  background: #071f49 !important;
  color: #fff !important;
  box-shadow: 0 16px 30px rgb(7 31 73 / 34%) !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  pointer-events: auto;
}

#plan-checkout-view #plan-checkout-pay:active { transform: translateY(1px) scale(.995); }

body.has-child-route[data-route="plan-checkout"],
body.has-child-route[data-route="plan-checkout"] .app-shell {
  padding-bottom: 0 !important;
}

@media (max-width: 360px) {
  #plan-checkout-view:not([hidden]) { gap: 13px !important; }
  #plan-checkout-view .plan-checkout-hero { min-height: 198px !important; padding: 17px !important; }
  #plan-checkout-view .plan-checkout-economy { gap: 13px; padding: 15px; border-radius: 19px; }
  #plan-checkout-view .plan-checkout-economy h2 { font-size: 20px !important; }
  #plan-checkout-view .plan-checkout-economy .plan-checkout-compare { grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) !important; }
  #plan-checkout-view .plan-checkout-economy .plan-checkout-compare > div { min-height: 64px !important; padding-inline: 9px !important; }
  #plan-checkout-view .plan-checkout-economy .plan-checkout-compare > i { width: 30px; height: 30px; font-size: 15px; }
  #plan-checkout-view .plan-checkout-scope-lead { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; }
  #plan-checkout-view .plan-checkout-scope-lead > span { width: 44px; height: 44px; border-radius: 14px; }
  #plan-checkout-view .plan-checkout-scope-lead b { font-size: 14px; }
  #plan-checkout-view .plan-checkout-scope-meta > span { gap: 5px; padding-inline: 7px; }
  #plan-checkout-view .plan-checkout-scope-meta b { font-size: 11px; }
  #plan-checkout-view .plan-checkout-payment { padding: 12px !important; }
  #plan-checkout-view .plan-checkout-payment .composer-trust { margin-left: 30px !important; }
}

/* v0.30.7: the fee rail is factual, without sales persuasion. */
#plan-checkout-view .plan-checkout-economy { gap: 12px; }
#plan-checkout-view .plan-checkout-economy header { max-width: none; }
#plan-checkout-view .plan-checkout-economy h2 {
  font-size: 18px !important;
  letter-spacing: -.015em;
}

/* v0.30.8: a calm product sheet replaces the competing dark sales banner. */
#plan-checkout-view:not([hidden]) {
  gap: 14px !important;
  padding-bottom: calc(82px + var(--safe-bottom)) !important;
}

#plan-checkout-view .plan-checkout-sheet {
  display: grid;
  gap: 11px;
  padding: 15px;
  border: 1px solid #e2eaf2;
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 10px 28px rgb(30 74 116 / 8%);
}

#plan-checkout-view .plan-checkout-sheet > h2 {
  margin: 0 2px !important;
  color: #111c2b !important;
  font-size: 17px !important;
  font-weight: 740 !important;
  letter-spacing: -.015em;
}

#plan-checkout-view .plan-checkout-sheet-rows {
  overflow: hidden;
  border: 1px solid #e7edf4;
  border-radius: 16px;
  background: #fbfdff;
}

#plan-checkout-view .plan-checkout-sheet-rows > div {
  display: grid;
  min-height: 52px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 0 13px 0 9px;
}

#plan-checkout-view .plan-checkout-sheet-rows > div + div { border-top: 1px solid #e7edf4; }
#plan-checkout-view .plan-checkout-sheet-rows > div > span {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

#plan-checkout-view .plan-checkout-sheet-rows i {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 11px;
  background: #eaf5ff;
  color: #0787ed;
  font-size: 18px;
}

#plan-checkout-view .plan-checkout-sheet-rows b {
  overflow: hidden;
  color: #253548;
  font-size: 13px;
  font-weight: 620;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#plan-checkout-view .plan-checkout-sheet-rows strong {
  color: #111c2b;
  font-size: 13px;
  font-weight: 720;
  white-space: nowrap;
}

#plan-checkout-view .plan-checkout-sheet-rows > div:nth-child(2) strong { color: #0787ed; }

#plan-checkout-view .plan-checkout-switch {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  padding: 8px;
  border-radius: 16px;
  background: #eef7ff;
}

#plan-checkout-view .plan-checkout-switch > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 2px 6px;
  padding: 7px 9px;
}

#plan-checkout-view .plan-checkout-switch > div:last-child {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 15px rgb(28 94 153 / 8%);
}

#plan-checkout-view .plan-checkout-switch span {
  grid-column: 1 / -1;
  color: #71869a;
  font-size: 9px;
}

#plan-checkout-view .plan-checkout-switch b,
#plan-checkout-view .plan-checkout-switch strong {
  color: #172331;
  font-size: 13px;
  font-weight: 720;
}

#plan-checkout-view .plan-checkout-switch > div:last-child strong { color: #0787ed; }
#plan-checkout-view .plan-checkout-switch > i {
  color: #0787ed;
  font-size: 17px;
  text-align: center;
}

#plan-checkout-view .plan-checkout-dock {
  bottom: calc(12px + var(--safe-bottom)) !important;
  width: min(calc(100% - 40px), 30rem) !important;
  padding: 0 !important;
}

#plan-checkout-view .plan-checkout-dock #plan-checkout-pay {
  min-height: 50px !important;
  border-radius: 17px !important;
  font-size: 15px !important;
  box-shadow: 0 14px 28px rgb(7 31 73 / 28%) !important;
}

@media (max-width: 360px) {
  #plan-checkout-view .plan-checkout-sheet { padding: 12px; border-radius: 18px; }
  #plan-checkout-view .plan-checkout-sheet-rows > div { padding-right: 10px; }
  #plan-checkout-view .plan-checkout-sheet-rows b,
  #plan-checkout-view .plan-checkout-sheet-rows strong { font-size: 12px; }
  #plan-checkout-view .plan-checkout-switch { gap: 3px; padding: 6px; }
  #plan-checkout-view .plan-checkout-switch > div { padding-inline: 7px; }
  #plan-checkout-view .plan-checkout-dock { width: min(calc(100% - 32px), 30rem) !important; }
}

/* v0.30.9: reliable touch targets, native Telegram chrome and compact review status. */
body.telegram-native-host.telegram-host .app-header,
body.telegram-native-host.telegram-host.has-child-route .app-header {
  display: none !important;
}

body.telegram-native-host.telegram-host .app-shell,
body.telegram-native-host.telegram-host.has-child-route .app-shell {
  padding-top: 14px !important;
}

#new-view .amount-input {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 108px !important;
  margin: 6px auto 0 !important;
}

#new-view .amount-input input {
  position: relative;
  z-index: 1;
  display: block !important;
  box-sizing: content-box !important;
  width: calc(var(--amount-digits, 1) * 1ch + .45ch) !important;
  min-width: 1ch !important;
  max-width: 5.5ch !important;
  height: 108px !important;
  padding: 0 !important;
  overflow: visible !important;
  caret-color: #0787ed;
  cursor: text;
  text-align: center !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums !important;
}

#new-view .amount-star-coin {
  position: static !important;
  z-index: 2;
  top: auto !important;
  left: auto !important;
  flex: 0 0 48px !important;
  margin: 0 !important;
  pointer-events: none !important;
  transform: none !important;
}

.seller-access-result {
  display: grid !important;
  gap: 14px !important;
  align-items: stretch !important;
  padding: 0 0 8px !important;
  text-align: left !important;
}

.seller-access-result[hidden] { display: none !important; }

.seller-access-result-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 116px;
  align-items: center;
  gap: 8px;
  min-height: 176px;
  padding: 20px 14px 18px 20px;
  overflow: hidden;
  border: 1px solid #dce9f6;
  border-radius: 22px;
  background: linear-gradient(145deg, #f7fbff, #edf6ff);
}

.seller-access-result-copy { display: grid; min-width: 0; gap: 8px; }

.seller-access-status-pill {
  display: inline-flex;
  width: fit-content;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #fff4d9;
  color: #a76b00;
  font-size: 12px;
  font-weight: 700;
}

.seller-access-result[data-status="approved"] .seller-access-status-pill { background: #e4f8ec; color: #16834a; }
.seller-access-result[data-status="rejected"] .seller-access-status-pill { background: #ffebeb; color: #c23d3d; }
.seller-access-result[data-status="info_requested"] .seller-access-status-pill { background: #e8f3ff; color: #087fd7; }

.seller-access-result h2 {
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 1.13 !important;
}

.seller-access-result .seller-access-result-copy > p {
  max-width: none;
  margin: 0 !important;
  color: var(--ref-muted) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.seller-access-result-copy time { color: #7c8fa2; font-size: 12px; }

.seller-access-result-art {
  width: 116px !important;
  height: 116px !important;
  object-fit: contain;
  filter: saturate(1.08) contrast(1.03);
}

.seller-access-operator-note {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  padding: 14px;
  border: 1px solid #cfe5fa;
  border-radius: 18px;
  background: #eef7ff;
}

.seller-access-operator-note[hidden] { display: none !important; }
.seller-access-operator-note > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 14px;
  background: #fff;
  color: #0787ed;
  font-size: 21px;
}
.seller-access-operator-note > div { display: grid; gap: 4px; }
.seller-access-operator-note b { color: var(--ref-text); font-size: 13px; }
.seller-access-operator-note p { margin: 0 !important; color: #4e667e !important; font-size: 13px !important; line-height: 1.45 !important; }

.seller-access-result dl {
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid var(--ref-line);
  border-radius: 18px;
  background: #fff;
}

.seller-access-result dl > div { min-height: 62px !important; }
.seller-access-result-actions { display: grid; gap: 6px; }
.seller-access-result-actions .seller-access-secondary { min-height: 50px !important; border-color: transparent !important; background: #0787ed !important; color: #fff !important; }
.seller-access-result-actions .seller-access-home { min-height: 44px; font-size: 14px; }

@media (max-width: 360px) {
  .seller-access-result-hero { grid-template-columns: minmax(0, 1fr) 92px; padding-left: 16px; }
  .seller-access-result-art { width: 92px !important; height: 92px !important; }
  .seller-access-result h2 { font-size: 21px !important; }
}

/* v0.30.11: keep invoice detail aligned, grow the amount field with digits, and space profile blocks. */
#detail-view.invoice-screen {
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

#detail-view .invoice-hero,
#detail-view .star-sale-proof,
#detail-view .verification-strip {
  width: 100% !important;
  margin-inline: 0 !important;
  box-sizing: border-box;
}

#detail-view .invoice-hero {
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
}

#profile-view .profile-display-settings {
  margin-bottom: 16px !important;
}

.profile-head .profile-avatar {
  position: relative !important;
  overflow: hidden !important;
}

.profile-head .profile-avatar img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

/* v0.30.13: never paint the tariff catalog unless that screen is the active route. */
#plan-view[hidden],
#plan-checkout-view[hidden] {
  display: none !important;
}

#plan-view:not([hidden]) {
  display: grid !important;
  min-height: 0 !important;
  height: auto !important;
  flex: none !important;
  align-content: start !important;
  gap: 12px !important;
  padding-bottom: 8px !important;
}

#plan-view .seller-plan-grid {
  flex: none !important;
  width: 100% !important;
  grid-auto-rows: auto !important;
  gap: 12px !important;
}

#plan-view .seller-plan-card,
#plan-view .seller-plan-card[data-seller-plan="start"] {
  min-height: 168px !important;
  grid-template-rows: 112px auto !important;
}

#plan-view .seller-plan-card[data-route] {
  cursor: pointer;
}

#plan-view .seller-plan-card[data-route]:focus-visible {
  outline: 3px solid rgb(255 255 255 / 90%);
  outline-offset: -6px;
}

#plan-view .seller-plan-card > button.seller-plan-card-link,
#plan-view .seller-plan-card-link {
  display: none !important;
}

#plan-view .seller-plan-card > button.seller-plan-card-link[hidden] {
  display: none !important;
}

.plan-operator-note,
.plan-checkout-operator-note {
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #d7e7f6;
  border-radius: 16px;
  background: #eef7ff;
  color: #33536d;
  font-size: 13px;
  line-height: 1.45;
}

.plan-operator-note[hidden],
.plan-checkout-operator-note[hidden] {
  display: none !important;
}

#plan-checkout-view.is-preview {
  padding-bottom: 16px !important;
}

#plan-checkout-view.is-preview .plan-checkout-dock,
#plan-checkout-view .plan-checkout-dock[hidden],
#plan-checkout-view.is-preview .composer-trust,
#plan-checkout-view.is-preview .plan-checkout-terms {
  display: none !important;
}

@media (max-width: 360px) {
  #plan-view .seller-plan-grid { width: 100% !important; }
  #plan-view .seller-plan-card,
  #plan-view .seller-plan-card[data-seller-plan="start"] {
    min-height: 156px !important;
    grid-template-rows: 104px auto !important;
  }
}

/* v0.30.14: stable iOS forms and one coherent seller-application journey. */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip !important;
  -webkit-text-size-adjust: 100%;
}

/* v0.30.15: contextual actions float like compact Telegram controls. */
.native-action-fallback {
  right: auto !important;
  bottom: calc(12px + var(--safe-bottom)) !important;
  left: 50% !important;
  width: min(68%, 23rem) !important;
  min-width: 15.5rem;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.native-action-fallback button {
  min-height: 46px !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 22px rgb(16 87 145 / 18%) !important;
}

#plan-checkout-view .plan-checkout-dock {
  bottom: calc(12px + var(--safe-bottom)) !important;
  width: min(68%, 23rem) !important;
  min-width: 15.5rem;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 360px) {
  .native-action-fallback,
  #plan-checkout-view .plan-checkout-dock {
    width: 74% !important;
    min-width: 14.5rem;
  }
}

.app-shell,
.screen,
form,
fieldset,
label,
.row-copy,
.note-field,
.seller-link-input {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

input:not([type="checkbox"]):not([type="radio"]):not(#receipt-amount),
textarea,
select {
  max-width: 100%;
  font-size: 16px !important;
}

#new-view .composer-row input {
  min-width: 0 !important;
  width: 100% !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

#new-view .composer-row,
#new-view .composer-row .row-copy,
#new-view .composer-row .note-field {
  max-width: 100%;
  overflow: hidden;
}

.seller-access-screen {
  width: 100%;
  max-width: 560px;
  margin-inline: auto;
}

.seller-access-form {
  gap: 18px !important;
  padding-bottom: 8px;
}

.seller-access-intro {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid #dce8f3;
  border-radius: 18px;
  background: #f4f9ff;
}

.seller-access-intro > span {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 16px;
  background: #fff;
  color: var(--ref-blue);
  box-shadow: 0 7px 18px rgb(42 91 136 / 10%);
  font-size: 28px;
}

.seller-access-intro h1 {
  margin: 0 !important;
  color: var(--ref-text) !important;
  font-size: clamp(22px, 6vw, 28px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em;
}

.seller-access-intro p {
  margin: 6px 0 0 !important;
  color: var(--ref-muted) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.seller-access-use-cases {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--ref-line) !important;
  border-radius: 16px !important;
  background: #fff;
}

.seller-access-use-cases legend {
  width: 100%;
  padding: 0 2px 10px !important;
  color: var(--ref-muted);
  font-size: 13px;
  font-weight: 650;
}

.seller-access-use-cases label {
  display: block !important;
  min-height: 60px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ref-line) !important;
  background: #fff !important;
}

.seller-access-use-cases label:last-child { border-bottom: 0 !important; }
.seller-access-use-cases input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.seller-access-use-cases label > span {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 24px;
  min-height: 60px !important;
  align-items: center;
  gap: 11px !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ref-text) !important;
  box-shadow: none !important;
}

.seller-access-use-cases label > span > i:first-child {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  background: #eef7ff;
  color: var(--ref-blue) !important;
  font-size: 22px !important;
}

.seller-access-use-cases label b {
  font-size: 15px;
  font-weight: 650;
  line-height: 1.25;
}

.seller-access-choice-check {
  color: #c6d0da !important;
  font-size: 22px !important;
}

.seller-access-use-cases input:checked + span {
  background: #f3f9ff !important;
  color: var(--ref-text) !important;
}

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

.seller-access-use-cases input:focus-visible + span {
  outline: 2px solid var(--ref-blue);
  outline-offset: -2px;
}

.seller-access-description {
  display: grid !important;
  gap: 7px !important;
  color: var(--ref-muted) !important;
  font-size: 13px !important;
  font-weight: 650;
}

.seller-access-description > small {
  padding-inline: 2px;
  color: #7b8da0;
  font-size: 12px;
  font-weight: 450;
  line-height: 1.35;
}

.seller-link-input {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  min-height: 56px !important;
  padding: 0 13px !important;
  border-color: #d9e3ed !important;
  border-radius: 15px !important;
  background: #fff;
}

.seller-link-input:focus-within {
  border-color: var(--ref-blue) !important;
  box-shadow: 0 0 0 3px rgb(10 140 255 / 12%);
}

.seller-link-input input {
  min-width: 0;
  padding: 0 !important;
  font-size: 16px !important;
}

.seller-link-input input::placeholder { color: #95a4b4; opacity: 1; }

.seller-access-terms {
  min-height: 58px;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--ref-line);
  border-radius: 15px;
  background: #fff;
}

.seller-access-terms em {
  color: #5f7287 !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
}

.seller-access-result {
  display: grid !important;
  gap: 14px !important;
  width: 100%;
  padding: 0 0 8px !important;
  text-align: left !important;
}

.seller-access-result-hero {
  min-height: 184px;
  grid-template-columns: minmax(0, 1fr) 112px !important;
  padding: 20px 12px 20px 18px !important;
  border: 1px solid #d8e7f4 !important;
  border-radius: 20px !important;
  background: #eef7ff !important;
  box-shadow: none !important;
}

.seller-access-result h2 {
  max-width: 13ch;
  font-size: 25px !important;
  letter-spacing: -.025em;
}

.seller-access-result-art {
  width: 112px !important;
  height: 112px !important;
}

.seller-access-progress {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 13px 10px;
  border: 1px solid var(--ref-line);
  border-radius: 16px;
  background: #fff;
  list-style: none;
}

.seller-access-progress li {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 6px;
  min-width: 0;
  color: #91a0b0;
  text-align: center;
}

.seller-access-progress li:not(:last-child)::after {
  position: absolute;
  top: 16px;
  left: calc(50% + 20px);
  width: calc(100% - 40px);
  height: 1px;
  background: #dbe3eb;
  content: "";
}

.seller-access-progress li > span {
  z-index: 1;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid #d6e0e9;
  border-radius: 50%;
  background: #fff;
  font-size: 15px;
}

.seller-access-progress b {
  overflow: hidden;
  max-width: 100%;
  font-size: 11px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-access-result[data-status="pending"] .seller-access-progress [data-access-step="sent"],
.seller-access-result[data-status="pending"] .seller-access-progress [data-access-step="review"],
.seller-access-result[data-status="info_requested"] .seller-access-progress [data-access-step="sent"],
.seller-access-result[data-status="info_requested"] .seller-access-progress [data-access-step="review"],
.seller-access-result[data-status="approved"] .seller-access-progress li,
.seller-access-result[data-status="rejected"] .seller-access-progress li {
  color: var(--ref-blue);
}

.seller-access-result[data-status="approved"] .seller-access-progress li { color: var(--ref-green); }
.seller-access-result[data-status="rejected"] .seller-access-progress [data-access-step="decision"] { color: var(--ref-red); }

.seller-access-progress li[aria-current="step"] > span {
  border-color: var(--ref-blue);
  background: var(--ref-blue);
  color: #fff;
  box-shadow: 0 5px 14px rgb(10 140 255 / 22%);
}

.seller-access-operator-note {
  border: 1px solid #cbdff2 !important;
  border-radius: 16px !important;
  background: #f0f7ff !important;
}

.seller-access-summary {
  overflow: hidden;
  padding: 0 14px !important;
  border-radius: 16px !important;
}

.seller-access-summary dd {
  max-width: 58%;
  overflow: hidden;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
}

.seller-access-result-actions {
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

.seller-access-result-actions .seller-access-secondary {
  min-height: 50px !important;
  border-radius: 14px !important;
}

.seller-access-result-actions .seller-access-home {
  min-height: 44px !important;
  color: var(--ref-blue) !important;
}

@media (max-width: 360px) {
  .seller-access-intro { grid-template-columns: 46px minmax(0, 1fr); padding: 14px; }
  .seller-access-intro > span { width: 46px; height: 46px; border-radius: 14px; font-size: 24px; }
  .seller-access-intro h1 { font-size: 22px !important; }
  .seller-access-result-hero { grid-template-columns: minmax(0, 1fr) 88px !important; padding-left: 15px !important; }
  .seller-access-result-art { width: 88px !important; height: 88px !important; }
  .seller-access-result h2 { font-size: 22px !important; }
  .seller-access-progress { padding-inline: 6px; }
  .seller-access-progress b { font-size: 10px; }
}

/* v0.30.16: seller access follows the approved Telegram-native dialog flow. */
.seller-access-screen {
  padding-top: 14px !important;
  padding-bottom: 96px !important;
}

.seller-access-form {
  display: grid !important;
  gap: 24px !important;
  padding: 0 !important;
}

.seller-access-form > h1 {
  margin: 0 !important;
  color: var(--ref-text) !important;
  font-size: clamp(26px, 7vw, 31px) !important;
  font-weight: 720 !important;
  line-height: 1.16 !important;
  letter-spacing: -.025em !important;
}

.seller-access-form-progress {
  display: grid;
  grid-template-columns: auto minmax(26px, 72px) auto;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0;
  padding: 4px 0 2px;
  list-style: none;
}

.seller-access-form-progress > li:not([data-form-step]) {
  height: 1px;
  background: #dce3eb;
}

.seller-access-form-progress [data-form-step] {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #8d9aaa;
}

.seller-access-form-progress [data-form-step] span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #ccd5df;
  border-radius: 50%;
  background: #fff;
  font-size: 14px;
  font-weight: 650;
}

.seller-access-form-progress [data-form-step] b {
  font-size: 14px;
  font-weight: 620;
}

.seller-access-form-progress [data-form-step][aria-current="step"] {
  color: var(--ref-blue);
}

.seller-access-form-progress [data-form-step][aria-current="step"] span {
  border-color: var(--ref-blue);
  background: var(--ref-blue);
  color: #fff;
}

.seller-access-step[hidden] {
  display: none !important;
}

.seller-access-use-cases {
  display: grid !important;
  gap: 10px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.seller-access-use-cases label,
.seller-access-use-cases label:last-child {
  min-height: 78px !important;
  overflow: hidden;
  border: 1px solid #dce3eb !important;
  border-radius: 13px !important;
  background: #fff !important;
}

.seller-access-use-cases label > span {
  grid-template-columns: 48px minmax(0, 1fr) 26px !important;
  min-height: 78px !important;
  gap: 12px !important;
  padding: 10px 14px !important;
}

.seller-access-use-cases label > span > i:first-child {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: #eef6ff !important;
  font-size: 22px !important;
}

.seller-access-use-cases label > span > span {
  display: grid;
  min-width: 0;
  min-height: 0 !important;
  gap: 4px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.seller-access-use-cases label b {
  font-size: 16px !important;
  font-weight: 660 !important;
}

.seller-access-use-cases label small {
  overflow: hidden;
  color: #7a8797;
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-access-use-cases input:checked + span {
  outline: 1.5px solid var(--ref-blue) !important;
  outline-offset: -1.5px !important;
  background: #fff !important;
}

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

#seller-access-link-step {
  display: grid;
  gap: 18px;
}

.seller-access-description {
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 560 !important;
}

.seller-link-input {
  min-height: 60px !important;
  border-radius: 13px !important;
}

.seller-access-terms {
  min-height: 58px !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.seller-access-terms em {
  color: #4f6072 !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
}

.seller-access-result {
  display: grid !important;
  gap: 28px !important;
  padding: 0 !important;
}

.seller-access-status-strip {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  padding: 0 13px;
  border: 1px solid #dce3eb;
  border-radius: 13px;
  background: #fff;
}

.seller-access-status-strip > span,
.seller-access-status-strip > em {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}

.seller-access-status-strip > span {
  color: #2c3642;
}

.seller-access-status-strip > span i {
  color: #8493a4;
  font-size: 20px;
}

.seller-access-status-strip strong {
  overflow: hidden;
  font-size: 14px;
  font-weight: 560;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-access-status-strip > em {
  flex: 0 0 auto;
  color: var(--ref-blue);
  font-size: 13px;
  font-style: normal;
}

.seller-access-status-strip > em i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}

.seller-access-result[data-status="pending"] .seller-access-status-strip > em { color: var(--ref-amber); }
.seller-access-result[data-status="approved"] .seller-access-status-strip > em { color: var(--ref-green); }
.seller-access-result[data-status="rejected"] .seller-access-status-strip > em { color: var(--ref-red); }

.seller-access-status-help {
  margin: -14px 4px 0 !important;
  color: var(--ref-muted) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.seller-access-result[data-status="info_requested"] .seller-access-status-help {
  display: none;
}

.seller-access-operator-note {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  width: min(94%, 420px);
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.seller-access-operator-note > span {
  width: 54px !important;
  height: 54px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #e9f3ff !important;
  color: var(--ref-blue) !important;
  box-shadow: none !important;
  font-size: 28px !important;
}

.seller-access-operator-note > div {
  gap: 8px !important;
  padding: 16px 18px !important;
  border-radius: 14px 14px 14px 4px;
  background: #f0f6fd;
}

.seller-access-operator-note p {
  color: #17212d !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.seller-access-operator-note time {
  color: #8a97a7;
  font-size: 12px;
}

.seller-access-result .seller-access-summary-title {
  margin: 0 0 -16px !important;
  color: var(--ref-text) !important;
  font-size: 16px !important;
  font-weight: 560 !important;
}

.seller-access-summary {
  display: block !important;
  width: 100%;
  overflow: hidden;
  border: 1px solid #dce3eb;
  border-radius: 14px;
  background: #fff;
}

.seller-access-summary > button {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto 14px;
  width: 100%;
  min-height: 76px;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border: 0;
  border-bottom: 1px solid #e3e8ee;
  background: #fff;
  color: var(--ref-text);
  text-align: left;
}

.seller-access-summary > button:last-child { border-bottom: 0; }

.seller-access-summary-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  background: #eef6ff;
  color: var(--ref-blue);
  font-size: 19px;
}

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

.seller-access-summary small {
  color: #8290a0;
  font-size: 11px;
}

.seller-access-summary strong {
  overflow: hidden;
  font-size: 13px;
  font-weight: 590;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seller-access-summary em {
  color: var(--ref-blue);
  font-size: 12px;
  font-style: normal;
}

.seller-access-summary > button > i {
  color: #9aa8b7;
  font-size: 15px;
}

.seller-access-summary > button:disabled {
  cursor: default;
}

.seller-access-summary > button:disabled em,
.seller-access-summary > button:disabled > i {
  display: none;
}

.seller-access-result-actions {
  display: none !important;
}

.native-action-fallback[data-route="seller-access"] #fallback-main {
  border-color: var(--ref-blue) !important;
  background: var(--ref-blue) !important;
  color: #fff !important;
}

@media (max-width: 360px) {
  .seller-access-screen { padding-inline: 14px !important; }
  .seller-access-form { gap: 20px !important; }
  .seller-access-form > h1 { font-size: 25px !important; }
  .seller-access-form-progress { gap: 8px; }
  .seller-access-use-cases label > span {
    grid-template-columns: 42px minmax(0, 1fr) 24px !important;
    padding-inline: 11px !important;
  }
  .seller-access-use-cases label > span > i:first-child {
    width: 40px !important;
    height: 40px !important;
  }
  .seller-access-operator-note { width: 92%; }
  .seller-access-summary > button {
    grid-template-columns: 38px minmax(0, 1fr) auto 13px;
    gap: 7px;
    padding-inline: 9px;
  }
}

/* v0.30.23: pixel-ratio match for the user-approved seller flow, option 2. */
.seller-access-screen {
  width: 100% !important;
  padding-inline: 0 !important;
}

.seller-access-form,
.seller-access-result {
  width: 100% !important;
  max-width: none !important;
  justify-items: stretch !important;
  align-content: start !important;
}

.seller-access-form-progress {
  width: min(65%, 248px) !important;
  justify-self: center !important;
  grid-template-columns: auto minmax(34px, 1fr) auto !important;
  gap: 10px !important;
}

.seller-access-form > h1 {
  width: 100%;
}

.seller-access-use-cases label,
.seller-access-use-cases label:last-child,
.seller-access-use-cases label > span {
  min-height: 84px !important;
}

.seller-access-use-cases label > span {
  grid-template-columns: 50px minmax(0, 1fr) 28px !important;
  gap: 13px !important;
  padding: 11px 14px !important;
}

.seller-access-use-cases label > span > span {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
}

.seller-access-use-cases label > span > span > b,
.seller-access-use-cases label > span > span > small {
  grid-column: 1 !important;
}

.seller-access-use-cases label > span > i:first-child {
  width: 48px !important;
  height: 48px !important;
}

.seller-link-input {
  min-height: 66px !important;
}

.seller-access-status-strip,
.seller-access-summary-title,
.seller-access-summary {
  width: 100% !important;
  max-width: none !important;
  justify-self: stretch !important;
  box-sizing: border-box;
}

.seller-access-status-strip {
  min-height: 62px !important;
  padding-inline: 14px !important;
}

.seller-access-status-strip strong {
  font-size: 15px !important;
}

.seller-access-status-strip > em {
  font-size: 14px !important;
}

.seller-access-operator-note {
  width: min(96%, 496px) !important;
  grid-template-columns: 60px minmax(0, 1fr) !important;
  justify-self: center !important;
  gap: 14px !important;
}

.seller-access-operator-note > span {
  width: 60px !important;
  height: 60px !important;
  overflow: hidden;
  background: transparent !important;
}

.seller-access-operator-note > span img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seller-access-operator-note > div {
  min-height: 118px;
  align-content: space-between;
  padding: 18px 20px !important;
  box-sizing: border-box;
}

.seller-access-operator-note p {
  font-size: 16px !important;
  line-height: 1.48 !important;
}

.seller-access-result .seller-access-summary-title {
  margin: 0 0 -17px !important;
  font-size: 17px !important;
  text-align: left !important;
}

.seller-access-summary > button {
  min-height: 82px !important;
  grid-template-columns: 44px minmax(0, 1fr) auto 14px !important;
  gap: 7px !important;
  padding: 10px !important;
}

.seller-access-summary-icon {
  width: 42px !important;
  height: 42px !important;
  font-size: 20px !important;
}

.seller-access-summary small {
  font-size: 12px !important;
}

.seller-access-summary strong {
  font-size: 13px !important;
}

.seller-access-summary em {
  font-size: 12px !important;
}

.native-action-fallback[data-route="seller-access"] {
  width: clamp(210px, 62%, 350px) !important;
  min-width: 0 !important;
}

.native-action-fallback[data-route="seller-access"] button {
  min-height: 48px !important;
  font-size: 15px !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

@media (max-width: 360px) {
  .seller-access-screen { padding-inline: 0 !important; }
  .seller-access-form-progress { width: 70% !important; }
  .seller-access-use-cases label,
  .seller-access-use-cases label:last-child,
  .seller-access-use-cases label > span { min-height: 80px !important; }
  .seller-access-use-cases label > span {
    grid-template-columns: 40px minmax(0, 1fr) 22px !important;
    gap: 8px !important;
    padding-inline: 9px !important;
  }
  .seller-access-use-cases label > span > i:first-child {
    width: 40px !important;
    height: 40px !important;
    font-size: 19px !important;
  }
  .seller-access-use-cases label b { font-size: 14px !important; }
  .seller-access-use-cases label small { font-size: 11px !important; }
  .seller-access-status-strip {
    gap: 6px !important;
    padding-inline: 10px !important;
  }
  .seller-access-status-strip > span,
  .seller-access-status-strip > em { gap: 6px !important; }
  .seller-access-status-strip strong { font-size: 13px !important; }
  .seller-access-status-strip > em { font-size: 12px !important; }
  .seller-access-operator-note {
    width: 96% !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 11px !important;
  }
  .seller-access-operator-note > span {
    width: 54px !important;
    height: 54px !important;
  }
  .seller-access-operator-note > div {
    min-height: 108px;
    padding: 15px 16px !important;
  }
  .seller-access-summary > button {
    grid-template-columns: 38px minmax(0, 1fr) auto 11px !important;
    gap: 5px !important;
    padding-inline: 7px !important;
  }
  .seller-access-summary-icon {
    width: 38px !important;
    height: 38px !important;
  }
  .seller-access-summary strong { font-size: 12px !important; }
  .seller-access-summary strong {
    overflow: visible !important;
    line-height: 1.24 !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
  .seller-access-summary em { font-size: 11px !important; }
}

/* v0.30.24: faithful compact adaptation of the user-selected Option 2. */
body.telegram-host {
  scrollbar-width: none;
}

body.telegram-host::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.seller-access-screen {
  padding-top: 25px !important;
}

.seller-access-form {
  gap: 18px !important;
}

.seller-access-form-progress {
  width: min(72%, 258px) !important;
  padding-block: 0 !important;
}

.seller-access-form-progress [data-form-step] span {
  width: 28px !important;
  height: 28px !important;
  font-size: 13px !important;
}

.seller-access-form-progress [data-form-step] b {
  font-size: 13px !important;
}

.seller-access-form > h1 {
  font-size: clamp(20px, 5.7vw, 23px) !important;
  line-height: 1.2 !important;
  letter-spacing: -.018em !important;
  white-space: nowrap;
}

.seller-access-use-cases {
  gap: 9px !important;
}

.seller-access-use-cases label,
.seller-access-use-cases label:last-child,
.seller-access-use-cases label > span {
  min-height: 66px !important;
}

.seller-access-use-cases label > span {
  grid-template-columns: 44px minmax(0, 1fr) 24px !important;
  gap: 11px !important;
  padding: 8px 12px !important;
}

.seller-access-use-cases label > span > i:first-child {
  width: 42px !important;
  height: 42px !important;
  font-size: 20px !important;
}

.seller-access-use-cases label b {
  font-size: 15px !important;
  line-height: 1.22 !important;
}

.seller-access-use-cases label small {
  font-size: 12px !important;
}

#seller-access-link-step {
  gap: 14px !important;
}

.seller-access-description {
  gap: 8px !important;
  font-size: 13px !important;
}

.seller-link-input {
  min-height: 54px !important;
}

.seller-access-terms {
  min-height: 48px !important;
  padding-block: 6px !important;
}

.seller-access-terms em {
  font-size: 12px !important;
}

.seller-access-result {
  gap: 24px !important;
}

.seller-access-status-strip {
  min-height: 44px !important;
  padding-inline: 13px !important;
}

.seller-access-status-strip > span i {
  font-size: 17px !important;
}

.seller-access-status-strip strong,
.seller-access-status-strip > em {
  font-size: 13px !important;
}

.seller-access-operator-note {
  width: min(94%, 440px) !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 12px !important;
}

.seller-access-operator-note > span {
  width: 48px !important;
  height: 48px !important;
}

.seller-access-operator-note > div {
  min-height: 104px !important;
  padding: 14px 17px !important;
}

.seller-access-operator-note p {
  font-size: 15px !important;
  line-height: 1.42 !important;
}

.seller-access-result .seller-access-summary-title {
  margin-bottom: -14px !important;
  font-size: 15px !important;
}

.seller-access-summary > button {
  min-height: 66px !important;
  grid-template-columns: 38px minmax(0, 1fr) auto 13px !important;
  padding: 8px 10px !important;
}

.seller-access-summary-icon {
  width: 36px !important;
  height: 36px !important;
  font-size: 18px !important;
}

.seller-access-summary small,
.seller-access-summary em {
  font-size: 11px !important;
}

.seller-access-summary strong {
  font-size: 13px !important;
}

.native-action-fallback[data-route="seller-access"] {
  bottom: calc(13px + var(--safe-bottom)) !important;
  width: clamp(200px, 60%, 330px) !important;
}

.native-action-fallback[data-route="seller-access"] button {
  min-height: 46px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
}

body.telegram-native-host.telegram-host .seller-access-screen {
  padding-top: 25px !important;
}

@media (max-width: 360px) {
  .seller-access-screen { padding-inline: 0 !important; }
  .seller-access-form { gap: 16px !important; }
  .seller-access-form > h1 { font-size: 20px !important; }
  .seller-access-use-cases label,
  .seller-access-use-cases label:last-child,
  .seller-access-use-cases label > span { min-height: 64px !important; }
  .seller-access-use-cases label > span {
    grid-template-columns: 40px minmax(0, 1fr) 22px !important;
    gap: 8px !important;
    padding-inline: 9px !important;
  }
  .seller-access-use-cases label > span > i:first-child {
    width: 38px !important;
    height: 38px !important;
  }
  .seller-access-use-cases label b { font-size: 13px !important; }
  .seller-access-use-cases label small { font-size: 10.5px !important; }
  .seller-access-status-strip strong,
  .seller-access-status-strip > em { font-size: 12px !important; }
  .seller-access-operator-note {
    width: 94% !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 9px !important;
  }
  .seller-access-operator-note > span {
    width: 44px !important;
    height: 44px !important;
  }
  .seller-access-operator-note > div {
    min-height: 98px !important;
    padding: 13px 14px !important;
  }
  .seller-access-operator-note p { font-size: 13px !important; }
  .seller-access-summary > button {
    min-height: 64px !important;
    grid-template-columns: 34px minmax(0, 1fr) auto 11px !important;
    padding-inline: 7px !important;
  }
  .seller-access-summary-icon {
    width: 32px !important;
    height: 32px !important;
  }
}