/*
 * Full product theme for the new-home variant.
 * The legacy UI is untouched because every rule is scoped to `.next-ui-theme`,
 * which is added and removed together with the home variant switch.
 */

.phone.next-ui-theme {
  --ink: #18212d;
  --muted: #68727e;
  --line: #dce1e7;
  --soft: #f0f2f5;
  --paper: #fff;
  --modern-primary: #0056F5;
  --modern-primary-bright: #0E84FF;
  --modern-secondary: #2B5484;
  --modern-canvas: #F5F6F8;
  --modern-surface: #fff;
  --modern-surface-soft: #f0f2f5;
  --modern-border: #dce1e7;
  --modern-border-strong: #c8cfd8;
  --modern-shadow: 0 8px 24px rgba(20, 30, 43, .06);
  --modern-shadow-raised: 0 14px 32px rgba(20, 30, 43, .1);
  --modern-radius-sm: 12px;
  --modern-radius-md: 16px;
  --modern-radius-lg: 20px;
  --modern-radius-xl: 24px;
  color: var(--ink);
  background: var(--modern-canvas);
  color-scheme: light;
  accent-color: var(--modern-primary);
}

.phone.next-ui-theme :is(button, input, select, textarea) {
  -webkit-tap-highlight-color: transparent;
}

.phone.next-ui-theme :is(button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(14, 132, 255, .22);
  outline-offset: 2px;
}

.phone.next-ui-theme :is(.login-screen, .app-shell, .screen-stack, .app-screen) {
  background: var(--modern-canvas);
}

/* App shell, header and page rhythm */
.phone.next-ui-theme .app-header {
  height: 74px;
  padding: 12px 18px;
  border-bottom: 1px solid transparent;
  background: rgba(245, 246, 248, .9);
  box-shadow: none;
  -webkit-backdrop-filter: blur(20px) saturate(145%);
  backdrop-filter: blur(20px) saturate(145%);
}

.phone.next-ui-theme .app-header.has-scrolled-content {
  border-bottom-color: var(--modern-border);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

.phone.next-ui-theme .profile {
  gap: 10px;
}

.phone.next-ui-theme .profile > span {
  width: 42px;
  height: 42px;
  border: 1px solid var(--modern-border);
  border-radius: 50%;
  color: var(--modern-secondary);
  background: #fafbfc;
  box-shadow: 0 5px 14px rgba(20, 30, 43, .06);
}

.phone.next-ui-theme .profile > span > svg {
  width: 21px;
  height: 21px;
  stroke-width: 1.8;
}

.phone.next-ui-theme .profile small,
.phone.next-ui-theme :is(.page-heading, .page-intro, .next-page-intro) > span,
.phone.next-ui-theme :is(.page-heading, .page-intro, .next-page-intro) > p {
  color: var(--muted);
}

.phone.next-ui-theme .header-actions {
  gap: 7px;
}

.phone.next-ui-theme .header-actions button {
  width: 38px;
  height: 38px;
  border: 1px solid var(--modern-border);
  border-radius: 13px;
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: 0 4px 12px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .app-screen {
  padding: 20px 18px 128px;
  scroll-padding-top: 18px;
}

.phone.next-ui-theme .app-screen.focused-screen {
  padding-bottom: 40px;
}

.phone.next-ui-theme :is(#screen-home, #screen-business) {
  padding-bottom: 150px;
}

.phone.next-ui-theme :is(.page-heading, .page-intro, .next-page-intro) {
  margin: 18px 0 24px;
}

.phone.next-ui-theme :is(.page-heading, .page-intro, .next-page-intro) h1 {
  margin-top: 2px;
  color: var(--ink);
}

.phone.next-ui-theme :is(.page-intro, .next-page-intro) > p:first-child,
.phone.next-ui-theme .next-page-intro > span:first-child,
.phone.next-ui-theme .page-heading > div > p:first-child,
.phone.next-ui-theme .transfer-title > p:first-child,
.phone.next-ui-theme .login-heading > span:first-child,
.phone.next-ui-theme .welcome-copy > p:first-child,
.phone.next-ui-theme .success-login-step > p:first-child,
.phone.next-ui-theme .bottom-sheet > header small {
  color: var(--modern-secondary);
  font-family:"Vazirmatn Regular",Tahoma,sans-serif;
  letter-spacing: 0;
}

.phone.next-ui-theme .focused-header {
  min-height: 44px;
  margin-bottom: 12px;
}

.phone.next-ui-theme .focused-header > button:first-child {
  min-height: 40px;
  padding: 0 2px;
  color: var(--modern-secondary);
}

.phone.next-ui-theme .focused-header > button:last-child:not(:first-child),
.phone.next-ui-theme .focused-header-help {
  min-height: 38px;
  padding: 0 11px;
  border: 1px solid var(--modern-border) !important;
  border-radius: var(--modern-radius-sm) !important;
  color: var(--modern-secondary);
  background: var(--modern-surface) !important;
  box-shadow: none;
}

.phone.next-ui-theme :is(.home-section, .accounts-subsection, .management-section, .service-list-section, .next-home-section, .next-destination-section, .next-more-group) {
  margin-top: 26px;
}

.phone.next-ui-theme :is(.section-header, .next-home-section-header, .service-list-section > header, .next-destination-section > header, .next-more-group > header) {
  margin-bottom: 11px;
}

.phone.next-ui-theme :is(.section-header, .next-home-section-header, .service-list-section > header) button,
.phone.next-ui-theme :is(.recipient-heading, .smart-route > header) button {
  color: var(--modern-secondary);
}

/* Shared raised surfaces */
.phone.next-ui-theme :is(
  .next-home-account,
  .next-home-activity,
  .next-home-task-list,
  .next-home-scf-card,
  .next-home-cashflow-summary,
  .next-home-tool-grid > button,
  .next-payment-primary,
  .next-payment-upcoming,
  .next-business-summary,
  .next-business-destination-grid > button,
  .next-business-scf-entry,
  .next-connected-links,
  .next-more-group > div,
  .total-summary,
  .account-detail-hero,
  .wide-account-switch,
  .statement-summary,
  .selected-recipient,
  .smart-route,
  .transfer-details-switch,
  .security-banner,
  .first-transfer-guide,
  .health-service-grid > button,
  .health-recommendation,
  .health-my-care,
  .cashflow-detail-summary,
  .cashflow-calculation,
  .energy-hero,
  .energy-meter,
  .energy-auto-pay,
  .expense-status-grid > article,
  .receive-identity-card,
  .receive-choice-note,
  .receive-iban-card,
  .receive-use-case,
  .invoice-state-hero,
  .invoice-party-card,
  .invoice-document,
  .invoice-total-card,
  .invoice-link-card,
  .invoice-payment-receipt,
  .scf-status-card,
  .scf-quote-card,
  .scf-eligibility-hero,
  .scf-funded-details,
  .cards-empty-state,
  .cards-pending-requests
) {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme :is(.next-home-account, .next-home-activity, .next-home-task-list, .next-home-scf-card, .next-home-cashflow-summary) {
  border-color: var(--modern-border);
}

.phone.next-ui-theme .next-home-account {
  padding: 16px;
  background: var(--modern-surface);
}

.phone.next-ui-theme .next-home-feature-list {
  width: calc(100% + 36px);
  margin-right: -18px;
  margin-left: -18px;
  padding: 2px 18px 9px;
  gap: 10px;
  overflow-x: auto;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  scroll-padding-inline: 18px;
  overscroll-behavior-inline: contain;
}

.phone.next-ui-theme .next-home-features {
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.phone.next-ui-theme .next-home-feature-list > button {
  min-height: 144px;
  padding: 15px;
  flex-basis: 86%;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: 18px;
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: none;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.phone.next-ui-theme .next-home-feature-list > button:only-child {
  flex-basis: 100%;
}

.phone.next-ui-theme .next-home-feature-icon {
  width: 40px;
  height: 40px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .next-home-feature-list button > span:nth-child(2) {
  min-height: 112px;
}

.phone.next-ui-theme .next-home-feature-list small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .next-home-feature-list strong {
  margin: 4px 0 3px;
  color: var(--modern-secondary);
}

.phone.next-ui-theme .next-home-feature-list i {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.75;
}

.phone.next-ui-theme .next-home-feature-list b {
  width: 100%;
  margin-top: auto;
  padding: 8px 0 0;
  border-top: 1px solid var(--modern-border);
  border-bottom: 0;
  color: var(--modern-secondary);
  font-family:"Vazirmatn ExtraBold",Tahoma,sans-serif;
}

.phone.next-ui-theme .next-home-feature-list > button:active {
  transform: translateY(1px);
  border-color: var(--modern-border-strong);
  box-shadow: none;
}

.phone.next-ui-theme .next-home-balance > div strong,
.phone.next-ui-theme :is(.total-summary, .statement-summary, .cashflow-detail-summary) strong {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .next-home-account-actions {
  margin-top: 19px;
  padding-top: 15px;
  border-top-color: var(--modern-border);
}

.phone.next-ui-theme :is(.next-home-account-actions, .quick-actions, .detail-quick-actions) button > span {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}

.phone.next-ui-theme :is(.next-home-account-actions, .quick-actions, .detail-quick-actions) button:first-child > span {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .next-home-activity {
  padding: 16px 15px 6px;
}

.phone.next-ui-theme .next-home-activity-list,
.phone.next-ui-theme .next-home-activity-list > button {
  border-color: var(--modern-border);
}

.phone.next-ui-theme :is(.next-home-activity-list, .next-home-task-list, .next-connected-links, .next-more-group > div) > button {
  background: transparent;
}

.phone.next-ui-theme :is(.next-home-activity-list, .next-home-task-list) button > span:first-child,
.phone.next-ui-theme :is(.next-business-destination-grid, .next-home-tool-grid) button > span:first-child {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

/* Standard cards and row groups across account, card and activity screens */
.phone.next-ui-theme :is(
  .row-list,
  .management-list,
  .cards-list,
  .detail-list,
  .recipient-list,
  .business-row-list,
  .account-activity-list,
  .identifiers-list,
  .route-options,
  .destination-sheet-details
) {
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme :is(.row-list, .management-list, .cards-list, .recipient-list, .business-row-list, .account-activity-list) > :is(button, article),
.phone.next-ui-theme .detail-list > div,
.phone.next-ui-theme .route-options > button,
.phone.next-ui-theme .destination-sheet-details > div {
  border: 0;
  border-bottom: 1px solid var(--modern-border);
  background: var(--modern-surface);
}

.phone.next-ui-theme :is(.row-list, .management-list, .cards-list, .recipient-list, .business-row-list, .account-activity-list) > :is(button, article):last-child,
.phone.next-ui-theme .detail-list > div:last-child,
.phone.next-ui-theme .route-options > button:last-child,
.phone.next-ui-theme .destination-sheet-details > div:last-child {
  border-bottom: 0;
}

.phone.next-ui-theme :is(.account-row, .card-list-row, .recipient-row, .event-row, .management-list > button, .business-row-list > button) {
  min-height: 72px;
  padding-right: 12px;
  padding-left: 12px;
}

.phone.next-ui-theme :is(.account-icon, .round-symbol, .avatar, .management-icon, .row-symbol, .service-mark, .connector-icon) {
  border-color: var(--modern-border-strong);
  border-radius: 13px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme :is(.management-list, .card-list-row, .recipient-row, .event-row, .business-row-list) > button > svg,
.phone.next-ui-theme :is(.management-list, .card-list-row, .recipient-row, .event-row, .business-row-list) > svg {
  color: var(--muted);
}

.phone.next-ui-theme .total-summary {
  margin: 22px 0 18px;
  padding: 16px;
}

.phone.next-ui-theme .account-detail-hero {
  margin: 12px 0 15px;
  padding: 18px 17px 17px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .account-detail-hero > div:first-child > span {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .account-detail-hero h1 {
  margin: 13px 0 3px;
  color: var(--ink);
  font-size: 23px;
  line-height: 1.5;
}

.phone.next-ui-theme .account-detail-hero p {
  margin-bottom: 19px;
  color: var(--muted);
}

.phone.next-ui-theme .account-detail-hero > small {
  display: block;
  margin-bottom: 3px;
  color: var(--muted);
}

.phone.next-ui-theme .account-detail-hero > div:last-child {
  color: var(--ink);
}

.phone.next-ui-theme .account-detail-hero > div:last-child strong {
  font-size: 28px;
  letter-spacing: -.025em;
}

.phone.next-ui-theme .account-detail-hero i,
.phone.next-ui-theme .connection-chip {
  border-color: #cfe7da;
  color: #24714e;
  background: #edf7f1;
}

.phone.next-ui-theme .detail-quick-actions {
  margin: 0 0 28px;
  gap: 9px;
}

.phone.next-ui-theme .detail-quick-actions button,
.phone.next-ui-theme .control-grid button,
.phone.next-ui-theme .card-number-actions button {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: 0 5px 15px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .detail-quick-actions button {
  min-height: 68px;
}

.phone.next-ui-theme .detail-quick-actions button > span {
  color: currentColor;
  background: transparent;
}

.phone.next-ui-theme .management-section {
  margin-top: 28px;
}

.phone.next-ui-theme .management-section > header {
  margin: 0 2px 10px;
}

.phone.next-ui-theme .management-section h2,
.phone.next-ui-theme .account-danger-zone h2 {
  color: var(--ink);
  font-size: 16px;
  line-height: 1.6;
}

.phone.next-ui-theme .management-section header p {
  margin-top: 1px;
  color: var(--muted);
  line-height: 1.7;
}

.phone.next-ui-theme .management-list {
  border-radius: var(--modern-radius-lg);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .management-list > button {
  min-height: 70px;
  padding-right: 13px;
  padding-left: 13px;
}

.phone.next-ui-theme .management-list .management-icon {
  border: 0;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .account-danger-zone {
  margin-top: 34px;
}

.phone.next-ui-theme .account-danger-zone > button {
  margin-top: 10px;
  border-color: #ead2d2;
  background: #fffafa;
  box-shadow: none;
}

.phone.next-ui-theme :is(.detail-quick-actions button:first-child, .control-grid button.active, .card-number-actions button:first-child) {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

/* Account card detail: light product surface with blue reserved for actions. */
.phone.next-ui-theme #screen-card-detail .physical-card {
  width: min(100%, 400px);
  margin: 16px auto 20px;
  padding: 20px 22px;
  border: 1px solid var(--modern-border-strong);
  border-radius: var(--modern-radius-xl);
  color: var(--ink);
  background: linear-gradient(145deg, #ffffff 0%, #f3f5f8 100%);
  box-shadow: 0 14px 32px rgba(20, 30, 43, .1), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.phone.next-ui-theme #screen-card-detail .physical-card::before {
  width: 170px;
  height: 170px;
  left: -104px;
  bottom: -124px;
  display: block;
  border-color: rgba(43, 84, 132, .07);
  box-shadow: 0 0 0 20px rgba(43, 84, 132, .035), 0 0 0 40px rgba(43, 84, 132, .02);
}

.phone.next-ui-theme #screen-card-detail .physical-card::after {
  width: 116px;
  height: 116px;
  top: -76px;
  right: -45px;
  display: block;
  background: rgba(14, 132, 255, .045);
}

.phone.next-ui-theme #screen-card-detail .physical-card > .card-top > span {
  color: var(--ink);
}

.phone.next-ui-theme #screen-card-detail .physical-card > .card-top > i {
  border: 1px solid #cfe7da;
  color: #24714e;
  background: #edf7f1;
}

.phone.next-ui-theme #screen-card-detail .physical-card.frozen > .card-top > i {
  border-color: var(--modern-border-strong);
  color: var(--muted);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme #screen-card-detail .physical-card .chip {
  border-color: #aeb7c1;
  background: linear-gradient(135deg, #f8f9fa, #dfe3e7);
}

.phone.next-ui-theme #screen-card-detail .physical-card .chip::before {
  background: #8e98a3;
}

.phone.next-ui-theme #screen-card-detail .physical-card .chip::after {
  border-color: #8e98a3;
}

.phone.next-ui-theme #screen-card-detail .physical-card > .card-hardware > svg {
  color: var(--modern-secondary);
}

.phone.next-ui-theme #screen-card-detail .physical-card > #card-detail-number {
  color: #203f64;
  text-shadow: none;
}

.phone.next-ui-theme #screen-card-detail .physical-card .card-holder small {
  color: var(--muted);
}

.phone.next-ui-theme #screen-card-detail .physical-card .card-holder strong {
  color: var(--ink);
}

.phone.next-ui-theme #screen-card-detail .physical-card .card-brand {
  color: var(--modern-secondary);
}

.phone.next-ui-theme #screen-card-detail .physical-card .card-brand > em::before,
.phone.next-ui-theme #screen-card-detail .physical-card .card-brand > em::after {
  background: var(--modern-primary-bright);
}

.phone.next-ui-theme #screen-card-detail .card-number-actions {
  margin: 0 0 20px;
  gap: 9px;
}

.phone.next-ui-theme #screen-card-detail .card-number-actions button {
  min-height: 46px;
}

.phone.next-ui-theme #screen-card-detail .detail-list {
  border-radius: var(--modern-radius-lg);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme #screen-card-detail .detail-list > div {
  min-height: 50px;
  padding-right: 13px;
  padding-left: 13px;
}

.phone.next-ui-theme #screen-card-detail .detail-list dt {
  color: var(--muted);
}

.phone.next-ui-theme #screen-card-detail .detail-list dd {
  color: var(--ink);
}

.phone.next-ui-theme #screen-card-detail .control-grid {
  margin-top: 20px;
  gap: 8px;
}

.phone.next-ui-theme #screen-card-detail .control-grid button {
  min-height: 68px;
  border-radius: var(--modern-radius-md);
}

.phone.next-ui-theme #screen-card-detail .control-grid button > span {
  color: var(--modern-secondary);
}

.phone.next-ui-theme #screen-card-detail .control-grid button.active > span {
  color: #fff;
}

.phone.next-ui-theme #screen-card-detail .danger-row {
  min-height: 54px;
  margin-top: 22px;
  border-color: #ead2d2;
  color: #9b3b3b;
  background: #fffafa;
  box-shadow: none;
}

.phone.next-ui-theme .account-danger-zone > button,
.phone.next-ui-theme .danger-row {
  padding: 12px;
  border: 1px solid #e7d3d3;
  border-radius: var(--modern-radius-md);
  color: #8f3333;
  background: #fffafa;
}

.phone.next-ui-theme .cards-empty-state {
  min-height: 270px;
  margin-top: 14px;
  padding: 30px 24px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-style: solid;
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .cards-empty-state > span {
  width: 62px;
  height: 62px;
  margin: 0 0 18px;
  border: 1px solid #dbe3ec;
  border-radius: 20px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  box-shadow: 0 8px 20px rgba(43, 84, 132, .08);
}

.phone.next-ui-theme .cards-empty-state > span svg {
  width: 27px;
  height: 27px;
}

.phone.next-ui-theme .cards-empty-state h2 {
  margin: 0 0 7px;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.6;
}

.phone.next-ui-theme .cards-empty-state p {
  max-width: 290px;
  margin: 0;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.8;
}

.phone.next-ui-theme .cards-empty-state button {
  min-height: 48px;
  margin-top: 22px;
  padding: 0 24px;
  border: 1px solid var(--modern-primary);
  border-radius: var(--modern-radius-md);
  color: #fff;
  background: var(--modern-primary);
  box-shadow: 0 9px 20px rgba(0, 86, 245, .16);
  font-size: 9px;
  font-family:"Vazirmatn Black",Tahoma,sans-serif;
  transition: transform .16s ease, box-shadow .16s ease;
}

.phone.next-ui-theme .cards-empty-state button:active {
  transform: translateY(1px);
  box-shadow: 0 4px 12px rgba(0, 86, 245, .14);
}

.phone.next-ui-theme .cards-pending-requests {
  margin: 14px 0 0;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .cards-pending-requests > header {
  min-height: 66px;
  padding: 13px 15px;
  border-bottom: 1px solid var(--modern-border);
  background: var(--modern-surface);
}

.phone.next-ui-theme .cards-pending-requests > header > div {
  gap: 2px;
}

.phone.next-ui-theme .cards-pending-requests h2 {
  color: var(--ink);
  font-size: 10px;
  line-height: 1.6;
}

.phone.next-ui-theme .cards-pending-requests header p {
  color: var(--muted);
  font-size: 8px;
  line-height: 1.7;
}

.phone.next-ui-theme .cards-pending-requests header > b {
  min-width: 30px;
  height: 30px;
  border: 1px solid var(--modern-border);
  border-radius: 10px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  font-size: 8px;
}

.phone.next-ui-theme .cards-pending-requests > button {
  min-height: 92px;
  padding: 14px 15px;
  grid-template-columns: 68px minmax(0, 1fr) 18px;
  gap: 12px;
  border: 0;
  background: var(--modern-surface);
  transition: background-color .16s ease;
}

.phone.next-ui-theme .cards-pending-requests > button:active {
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .pending-card-thumb {
  height: 46px;
  padding: 8px 9px;
  position: relative;
  align-items: flex-end;
  justify-content: flex-end;
  border: 1px solid var(--modern-border);
  border-radius: 14px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  box-shadow: none;
  font-size: 6px;
  font-family:"Vazirmatn Black",Tahoma,sans-serif;
}

.phone.next-ui-theme .pending-card-thumb::before {
  content: "";
  width: 14px;
  height: 9px;
  position: absolute;
  top: 8px;
  right: 9px;
  border: 1px solid currentColor;
  border-radius: 3px;
  opacity: .82;
}

.phone.next-ui-theme .cards-pending-requests button > span:nth-child(2) {
  gap: 2px;
}

.phone.next-ui-theme .cards-pending-requests button small {
  color: var(--muted);
  font-size: 7px;
  line-height: 1.65;
}

.phone.next-ui-theme .cards-pending-requests button strong {
  margin: 1px 0 0;
  color: var(--ink);
  font-size: 9px;
  line-height: 1.6;
}

.phone.next-ui-theme .cards-pending-requests button i {
  color: var(--muted);
  font-size: 7px;
  line-height: 1.6;
}

.phone.next-ui-theme .cards-pending-requests button > svg {
  width: 16px;
  height: 16px;
  color: var(--modern-secondary);
}

.phone.next-ui-theme .attention-list {
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .attention-item,
.phone.next-ui-theme .attention-main {
  border-color: var(--modern-border);
  background: var(--modern-surface);
}

.phone.next-ui-theme .attention-icon {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .attention-item.urgent .attention-icon {
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .attention-action,
.phone.next-ui-theme .attention-all-button {
  color: var(--modern-secondary);
  border-bottom-color: var(--modern-secondary);
}

.phone.next-ui-theme .page-heading > button {
  border-color: var(--modern-border);
  border-radius: 13px;
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: 0 4px 12px rgba(20, 30, 43, .04);
}

/* Buttons and explicit actions */
.phone.next-ui-theme .primary-button {
  min-height: 54px;
  border: 1px solid var(--modern-primary);
  border-radius: var(--modern-radius-md);
  color: #fff;
  background: var(--modern-primary);
  box-shadow: 0 9px 20px rgba(0, 86, 245, .16);
}

.phone.next-ui-theme .primary-button:active {
  transform: translateY(1px);
  box-shadow: 0 4px 12px rgba(0, 86, 245, .14);
}

.phone.next-ui-theme .secondary-button {
  min-height: 52px;
  border: 1px solid var(--modern-border-strong);
  border-radius: var(--modern-radius-md);
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: none;
}

.phone.next-ui-theme :is(.primary-button, .secondary-button):disabled {
  opacity: .42;
  box-shadow: none;
}

.phone.next-ui-theme :is(.account-manage-link, .recipient-heading button, .section-header button, .service-list-section > header button, .next-home-section-header > button) {
  border-bottom-color: var(--modern-secondary);
  color: var(--modern-secondary);
}

.phone.next-ui-theme .address-confirm-action,
.phone.next-ui-theme .profile-form > .address-confirm-action,
.phone.next-ui-theme .postal-search-field > div > button,
.phone.next-ui-theme .alternate-address-query > button {
  border-color: var(--modern-primary) !important;
  color: #fff !important;
  background: var(--modern-primary) !important;
}

/* Text fields, search, amount and selectors */
.phone.next-ui-theme :is(input, select, textarea) {
  color: var(--ink);
  caret-color: var(--modern-primary);
}

.phone.next-ui-theme :is(input, textarea)::placeholder {
  color: #929ba6;
}

.phone.next-ui-theme :is(
  .field > div,
  .invoice-field > div,
  .search-field,
  .otp-input-wrap,
  .device-pin-fields input
) {
  min-height: 54px;
  border: 1px solid var(--modern-border-strong);
  border-radius: 15px;
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: 0 3px 10px rgba(20, 30, 43, .035);
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.phone.next-ui-theme :is(.field > div, .invoice-field > div, .search-field, .otp-input-wrap):focus-within {
  border-color: var(--modern-primary);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(14, 132, 255, .12);
}

.phone.next-ui-theme .field {
  margin-bottom: 17px;
}

.phone.next-ui-theme .field > span,
.phone.next-ui-theme .invoice-field > span {
  margin-bottom: 7px;
  color: var(--ink);
  font-family:"Vazirmatn ExtraBold",Tahoma,sans-serif;
}

.phone.next-ui-theme .field > small,
.phone.next-ui-theme .invoice-field > small {
  margin-top: 6px;
  color: var(--muted);
}

.phone.next-ui-theme .search-field > svg,
.phone.next-ui-theme .field > div > svg:first-child {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .transfer-amount-card {
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .transfer-amount-card .amount-entry {
  min-height: 228px;
  padding: 34px 14px 22px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.phone.next-ui-theme .transfer-amount-card .source-switch {
  min-height: 72px;
  margin: 0;
  padding: 12px 16px;
  position: relative;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.phone.next-ui-theme .transfer-amount-card .source-switch::before {
  content: "";
  height: 1px;
  position: absolute;
  top: 0;
  right: 18px;
  left: 18px;
  background: var(--modern-border);
  transform: scaleY(.5);
  transform-origin: top;
  pointer-events: none;
}

.phone.next-ui-theme .amount-entry input {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .amount-suggestions button {
  border-color: var(--modern-border-strong);
  border-radius: 11px;
  color: var(--modern-secondary);
  background: var(--modern-surface);
}

.phone.next-ui-theme .amount-suggestions button.active {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

/* Segmented controls, selectable cards and switches */
.phone.next-ui-theme :is(.period-tabs, .activity-tabs, .destination-tabs) {
  padding: 4px;
  border: 1px solid var(--modern-border);
  border-radius: 14px;
  background: #e9edf2;
}

.phone.next-ui-theme :is(.period-tabs, .activity-tabs, .destination-tabs) button {
  min-height: 38px;
  border-radius: 10px;
  color: var(--muted);
  background: transparent;
}

.phone.next-ui-theme :is(.period-tabs, .activity-tabs, .destination-tabs) button.active {
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: 0 3px 10px rgba(20, 30, 43, .08);
}

.phone.next-ui-theme :is(.pos-type-options > button, .card-address-option, .delivery-option, .deposit-option, .biometric-card, .recovery-method-option, .card-design-option) {
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
}

.phone.next-ui-theme :is(.pos-type-options > button.selected, .card-address-option.selected, .delivery-option.selected, .deposit-option.selected, .biometric-card.selected, .recovery-method-option.selected, .recovery-method-option.is-selected, .card-design-option.selected) {
  border-color: var(--modern-primary);
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: 0 0 0 2px rgba(14, 132, 255, .12);
}

.phone.next-ui-theme :is(.pos-type-options > button.selected, .card-address-option.selected, .delivery-option.selected, .deposit-option.selected, .biometric-card.selected, .recovery-method-option.selected, .recovery-method-option.is-selected) > :is(i, b, span:first-child),
.phone.next-ui-theme .route-options > button.selected > span:first-child {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .route-options > button.selected {
  color: var(--modern-secondary);
  background: #f7f9fc;
  box-shadow: inset 3px 0 0 var(--modern-primary);
}

.phone.next-ui-theme :is(.energy-auto-pay, .scf-confirmation, .save-recipient-toggle) input,
.phone.next-ui-theme input[type="checkbox"],
.phone.next-ui-theme input[type="radio"] {
  accent-color: var(--modern-primary);
}

.phone.next-ui-theme .invoice-review-confirm > span,
.phone.next-ui-theme .scf-confirmation > span,
.phone.next-ui-theme .consent-row > span {
  border-color: var(--modern-border-strong);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
}

.phone.next-ui-theme .invoice-review-confirm input:checked + span,
.phone.next-ui-theme .consent-row input:checked + span {
  border-color: var(--modern-primary);
  background: #f7f9fc;
}

.phone.next-ui-theme .invoice-review-confirm input:checked + span b,
.phone.next-ui-theme .consent-row input:checked + span b {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

/* Statement and transfer */
.phone.next-ui-theme .statement-summary {
  padding: 17px;
  border-bottom: 1px solid var(--modern-border);
}

.phone.next-ui-theme .statement-summary > p {
  padding-top: 12px;
  border-top: 1px solid var(--modern-border);
}

.phone.next-ui-theme .transfer-header button {
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}

.phone.next-ui-theme .stepper i {
  background: #d8dde4;
}

.phone.next-ui-theme .stepper i.active {
  background: var(--modern-primary);
}

.phone.next-ui-theme .selected-recipient {
  margin-bottom: 14px;
  padding: 11px 12px;
  border-bottom: 1px solid var(--modern-border);
}

.phone.next-ui-theme .selected-recipient > span:first-child,
.phone.next-ui-theme .review-person > span {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .smart-route-main > span {
  color: #fff;
  background: var(--modern-secondary);
}

.phone.next-ui-theme .smart-route-main i {
  border-color: var(--modern-primary);
  color: var(--modern-primary);
  background: #fff;
}

.phone.next-ui-theme .smart-source-note,
.phone.next-ui-theme .smart-route > p,
.phone.next-ui-theme .security-banner {
  color: var(--muted);
}

.phone.next-ui-theme .security-banner svg,
.phone.next-ui-theme .smart-source-note svg {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .success-mark {
  border: 0;
  color: #fff;
  background: var(--modern-primary);
  box-shadow: 0 10px 24px rgba(0, 86, 245, .18);
}

/* Business tools, invoices, cash flow, energy and SCF */
.phone.next-ui-theme .business-primary-action {
  min-height: 72px;
  padding: 13px 14px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .045);
}

.phone.next-ui-theme .business-primary-action > span {
  width: 38px;
  height: 38px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .business-primary-action strong {
  color: var(--ink);
}

.phone.next-ui-theme .business-primary-action small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .business-primary-action:active {
  transform: translateY(1px);
  border-color: var(--modern-border-strong);
  background: var(--modern-surface-soft);
  box-shadow: 0 2px 8px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .expense-status-grid {
  gap: 10px;
}

.phone.next-ui-theme .expense-status-grid > article {
  padding: 14px;
}

.phone.next-ui-theme :is(.invoice-progress, .invoice-comparison, .invoice-status-timeline, .scf-timeline) {
  border-color: var(--modern-border);
}

.phone.next-ui-theme :is(.invoice-progress, .invoice-status-timeline, .scf-timeline) li.done > i,
.phone.next-ui-theme :is(.operation-timeline, .card-delivery-timeline) li.done i {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme :is(.invoice-progress, .invoice-status-timeline, .scf-timeline) li.active > i,
.phone.next-ui-theme :is(.operation-timeline, .card-delivery-timeline) li.active i {
  border-color: var(--modern-primary);
  color: var(--modern-primary);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(14, 132, 255, .12);
}

.phone.next-ui-theme :is(.invoice-state-hero, .scf-status-card, .scf-eligibility-hero) > span:first-child {
  color: #fff;
  background: var(--modern-secondary);
}

.phone.next-ui-theme .invoice-link-card button,
.phone.next-ui-theme .receive-iban-card button {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}

.phone.next-ui-theme :is(.cashflow-forecast, .receive-identity-card, .receive-iban-card, .energy-hero, .scf-eligibility-hero) {
  border-color: var(--modern-secondary);
  color: #fff;
  background: var(--modern-secondary);
  box-shadow: 0 12px 28px rgba(43, 84, 132, .16);
}

.phone.next-ui-theme :is(.cashflow-forecast, .receive-identity-card, .receive-iban-card, .energy-hero, .scf-eligibility-hero) :is(small, p, span) {
  color: rgba(255, 255, 255, .74);
}

.phone.next-ui-theme .service-summary-hero {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .service-summary-hero > div {
  padding: 17px 16px 15px;
}

.phone.next-ui-theme .service-summary-hero > div span,
.phone.next-ui-theme .service-summary-hero > div small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .service-summary-hero > div strong {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .service-summary-hero footer {
  padding: 11px 16px;
  border-top: 1px solid var(--modern-border);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .service-summary-hero footer span {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .service-summary-hero footer span + span {
  padding-right: 14px;
  border-right: 1px solid var(--modern-border);
}

.phone.next-ui-theme .service-summary-hero footer b {
  color: var(--modern-secondary);
}

.phone.next-ui-theme :is(.receive-identity-card, .receive-iban-card) > strong,
.phone.next-ui-theme .energy-hero strong {
  color: #fff;
}

.phone.next-ui-theme .scf-quote-card > header,
.phone.next-ui-theme :is(.invoice-document, .invoice-payment-receipt) > header {
  color: #fff;
  background: var(--modern-secondary);
}

.phone.next-ui-theme :is(.scf-quote-card, .invoice-document, .invoice-payment-receipt) > header :is(small, span) {
  color: rgba(255, 255, 255, .72);
}

.phone.next-ui-theme .invoice-explainer {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .invoice-definition-note {
  margin-top: 17px;
  padding: 14px;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 11px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .invoice-definition-note > span {
  width: 40px;
  height: 40px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .invoice-definition-note > span svg {
  width: 19px;
  height: 19px;
}

.phone.next-ui-theme .invoice-definition-note strong {
  color: var(--ink);
}

.phone.next-ui-theme .invoice-definition-note p {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .invoice-definition-note button {
  min-height: 30px;
  padding: 4px 0;
  border: 0;
  color: var(--modern-secondary);
  background: transparent;
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
  text-decoration: none;
}

.phone.next-ui-theme .invoice-explainer > header {
  padding: 13px;
  border-bottom: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .invoice-explainer > header > span {
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-primary);
  background: var(--modern-surface);
}

.phone.next-ui-theme .invoice-explainer > header small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .invoice-explainer > header strong {
  color: var(--ink);
}

.phone.next-ui-theme .invoice-explainer ol {
  padding: 4px 13px;
}

.phone.next-ui-theme .invoice-explainer li {
  border-bottom-color: var(--modern-border);
}

.phone.next-ui-theme .invoice-explainer li > i {
  border-color: var(--modern-border);
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .invoice-explainer li strong {
  color: var(--ink);
}

.phone.next-ui-theme .invoice-explainer li small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-status-card.funded {
  border-color: var(--modern-secondary);
  color: #fff;
  background: var(--modern-secondary);
}

.phone.next-ui-theme .scf-status-card.funded :is(small, p) {
  color: rgba(255, 255, 255, .72);
}

.phone.next-ui-theme .scf-status-card.funded > span {
  color: var(--modern-secondary);
  background: #fff;
}

.phone.next-ui-theme :is(.invoice-comparison article.emphasis, .invoice-decision article.emphasis) {
  border-color: var(--modern-border-strong);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .045);
}

.phone.next-ui-theme .invoice-comparison article,
.phone.next-ui-theme .invoice-decision article {
  border-color: var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
}

.phone.next-ui-theme :is(.invoice-comparison, .invoice-decision) article.emphasis > span {
  color: var(--modern-primary);
  font-family:"Vazirmatn ExtraBold",Tahoma,sans-serif;
}

.phone.next-ui-theme :is(.invoice-comparison, .invoice-decision) article.emphasis > p {
  color: var(--muted);
}

.phone.next-ui-theme .invoice-plain-note {
  border: 1px solid var(--modern-border);
  color: var(--muted);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .invoice-plain-note svg {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .invoice-progress > i > b {
  background: var(--modern-primary);
}

.phone.next-ui-theme :is(.scf-explainer > span, .scf-invoice > i, .receive-method-guide i, .receive-facts article > span) {
  color: #fff;
  background: var(--modern-secondary);
}

.phone.next-ui-theme .scf-invoice.selected {
  border-color: var(--modern-primary);
  box-shadow: 0 0 0 2px rgba(14, 132, 255, .12);
}

.phone.next-ui-theme .scf-money-flow .result {
  color: #fff;
  background: var(--modern-secondary);
}

.phone.next-ui-theme .scf-requirements li.done i {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .pos-type-options button > span {
  color: #fff;
  background: var(--modern-secondary);
}

.phone.next-ui-theme .invoice-state-hero {
  margin: 18px 0 22px;
  padding: 20px 16px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .invoice-state-hero > span:first-child {
  width: 50px;
  height: 50px;
  margin-bottom: 13px;
  border: 1px solid var(--modern-border);
  border-radius: 16px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .invoice-state-hero > span:first-child svg {
  width: 22px;
  height: 22px;
}

.phone.next-ui-theme .invoice-state-hero > p {
  color: var(--modern-secondary);
  font-family:"Vazirmatn Regular",Tahoma,sans-serif;
  letter-spacing: 0;
}

.phone.next-ui-theme .invoice-state-hero h1 {
  color: var(--ink);
}

.phone.next-ui-theme .invoice-state-hero small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .invoice-decision {
  display: grid;
  gap: 10px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.phone.next-ui-theme .invoice-decision > header {
  padding: 0 2px 7px;
  border: 0;
  color: var(--ink);
  background: transparent;
}

.phone.next-ui-theme .invoice-decision > header small {
  color: var(--muted);
  font-family:"Vazirmatn Regular",Tahoma,sans-serif;
}

.phone.next-ui-theme .invoice-decision > header h2 {
  color: var(--ink);
}

.phone.next-ui-theme .invoice-decision article,
.phone.next-ui-theme .invoice-decision article.emphasis {
  padding: 14px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .invoice-decision article > span {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .invoice-decision article.emphasis > span {
  color: var(--modern-primary);
}

.phone.next-ui-theme .invoice-decision article > strong {
  color: var(--ink);
}

.phone.next-ui-theme .invoice-decision article > p,
.phone.next-ui-theme .invoice-decision article.emphasis > p {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .invoice-decision article > button {
  min-height: 44px;
  border: 1px solid var(--modern-border-strong);
  border-radius: 12px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  font-family:"Vazirmatn ExtraBold",Tahoma,sans-serif;
}

.phone.next-ui-theme .invoice-decision article.emphasis > button {
  border-color: var(--modern-primary);
  color: var(--modern-primary);
  background: var(--modern-surface);
}

.phone.next-ui-theme .cashflow-detail-summary {
  padding: 17px;
}

.phone.next-ui-theme .cashflow-calculation {
  padding: 16px;
}

.phone.next-ui-theme .next-home-cashflow-breakdown > span > i,
.phone.next-ui-theme .energy-meter > div i {
  background: var(--modern-secondary);
}

.phone.next-ui-theme .next-home-cashflow-breakdown > span.in > i {
  background: var(--modern-primary-bright);
}

.phone.next-ui-theme .next-home-cashflow-equation,
.phone.next-ui-theme .next-home-cashflow-low,
.phone.next-ui-theme .cashflow-calculation-note,
.phone.next-ui-theme .connector-consent,
.phone.next-ui-theme .invoice-plain-note,
.phone.next-ui-theme .scf-legal-note,
.phone.next-ui-theme .operation-safe-note {
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-sm);
  color: var(--muted);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .energy-mark {
  color: var(--modern-secondary);
  background: #fff;
}

.phone.next-ui-theme .scf-case-filters button {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}

.phone.next-ui-theme .scf-case-filters button.active {
  border-color: var(--modern-secondary);
  color: #fff;
  background: var(--modern-secondary);
}

.phone.next-ui-theme .scf-case-row {
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

/* Health and connected services */
.phone.next-ui-theme .health-hero {
  margin: 18px 0 0;
  padding: 20px 18px 16px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  gap: 13px;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-xl);
  color: var(--ink);
  background: linear-gradient(145deg, var(--modern-surface) 0%, #f7f9fc 100%);
  box-shadow: 0 9px 28px rgba(20, 30, 43, .06);
}

.phone.next-ui-theme .health-hero-mark {
  width: 43px;
  height: 43px;
  margin: 0;
  position: relative;
  z-index: 1;
  border: 1px solid #cfdaE7;
  border-radius: 14px;
  color: var(--modern-secondary);
  background: #edf3f9;
}

.phone.next-ui-theme .health-hero-mark svg {
  width: 20px;
}

.phone.next-ui-theme .health-hero > div:nth-of-type(1) {
  min-width: 0;
  position: relative;
  z-index: 1;
}

.phone.next-ui-theme .health-hero p {
  margin-bottom: 5px;
  color: var(--modern-secondary);
}

.phone.next-ui-theme .health-hero h1 {
  font-size: 23px;
  line-height: 1.4;
}

.phone.next-ui-theme .health-hero > div > span {
  color: var(--modern-muted);
}

.phone.next-ui-theme .health-trust {
  grid-column: 1 / -1;
  margin-top: 3px;
  padding-top: 13px;
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--modern-border);
  color: var(--modern-muted);
}

.phone.next-ui-theme .health-trust span {
  color: var(--modern-muted) !important;
}

.phone.next-ui-theme .health-trust span:first-child {
  color: var(--modern-secondary) !important;
  font-family:"Vazirmatn ExtraBold",Tahoma,sans-serif;
}

.phone.next-ui-theme .health-trust svg {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .health-service-grid {
  gap: 10px;
}

.phone.next-ui-theme .health-service-grid > button {
  padding: 13px;
}

.phone.next-ui-theme .health-service-grid > button:first-child {
  color: var(--ink);
  background: var(--modern-surface);
}

.phone.next-ui-theme .health-service-grid > button > span,
.phone.next-ui-theme .health-date {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .health-recommendation button {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .health-my-care {
  padding: 15px;
}

.phone.next-ui-theme .health-care-row {
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .health-hero::after {
  width: 124px;
  height: 124px;
  top: -62px;
  left: -48px;
  border-color: rgba(47, 95, 151, .12);
}

/* Bottom sheets and transient feedback */
.phone.next-ui-theme .sheet-backdrop {
  background: rgba(20, 30, 43, .28);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.phone.next-ui-theme .bottom-sheet {
  padding: 19px 18px max(20px, env(safe-area-inset-bottom));
  border: 1px solid var(--modern-border);
  border-bottom: 0;
  border-radius: 28px 28px 0 0;
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 -18px 42px rgba(20, 30, 43, .14);
}

.phone.next-ui-theme .bottom-sheet > header {
  margin-bottom: 17px;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--modern-border);
}

.phone.next-ui-theme .bottom-sheet > header > button {
  width: 38px;
  height: 38px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

/* Informational sheets: use the same calm cards and brand accents as new home. */
.phone.next-ui-theme .snapshot-info-button {
  border-color: var(--modern-border) !important;
  color: var(--modern-primary);
  background: var(--modern-surface-soft) !important;
  font-family: inherit;
  box-shadow: none;
}

.phone.next-ui-theme .snapshot-info-button:focus-visible {
  outline-color: rgba(14, 132, 255, .22);
}

.phone.next-ui-theme .business-snapshot-info-sheet > .snapshot-info-lead,
.phone.next-ui-theme .scf-home-info-sheet > .scf-role-intro {
  margin: 0 0 13px;
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.85;
}

.phone.next-ui-theme .snapshot-info-points {
  gap: 8px;
}

.phone.next-ui-theme .snapshot-info-points article {
  min-height: 61px;
  padding: 11px 12px;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: 0 4px 14px rgba(20, 30, 43, .035);
}

.phone.next-ui-theme .snapshot-info-points article > span,
.phone.next-ui-theme .scf-role-steps li > i {
  border: 1px solid var(--modern-border);
  border-radius: 10px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
  font-family:"Vazirmatn Black",Tahoma,sans-serif;
}

.phone.next-ui-theme :is(.snapshot-info-points, .scf-role-steps) strong {
  color: var(--ink);
}

.phone.next-ui-theme :is(.snapshot-info-points, .scf-role-steps) small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .snapshot-info-position,
.phone.next-ui-theme .scf-role-finance {
  margin-top: 11px;
  padding: 11px 12px;
  border: 1px solid var(--modern-border);
  border-right: 3px solid var(--modern-primary);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme :is(.snapshot-info-position, .scf-role-finance) strong {
  color: var(--ink);
}

.phone.next-ui-theme :is(.snapshot-info-position, .scf-role-finance) p {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .business-snapshot-info-sheet > .snapshot-info-disclaimer,
.phone.next-ui-theme .scf-home-info-sheet > .scf-role-note {
  margin-top: 10px;
  padding: 10px 11px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--muted);
  background: var(--modern-surface);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-home-info-sheet {
  max-height: 90%;
}

.phone.next-ui-theme .scf-home-info-sheet .scf-role-map {
  gap: 8px;
}

.phone.next-ui-theme .scf-home-info-sheet .scf-role-map article {
  padding: 11px;
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: 0 4px 14px rgba(20, 30, 43, .035);
}

.phone.next-ui-theme .scf-home-info-sheet .scf-role-map article > span {
  padding: 3px 7px;
  border: 1px solid var(--modern-border);
  border-radius: 8px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .scf-home-info-sheet .scf-role-map article:last-child > span {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .scf-home-info-sheet .scf-role-map article strong {
  color: var(--ink);
}

.phone.next-ui-theme .scf-home-info-sheet .scf-role-map article small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-home-info-sheet .scf-role-map > i {
  width: 20px;
  height: 20px;
  align-self: center;
  border-radius: 50%;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  font-size: 10px;
}

.phone.next-ui-theme .scf-role-steps {
  margin-top: 11px;
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: 0 4px 14px rgba(20, 30, 43, .035);
}

.phone.next-ui-theme .scf-role-steps li {
  padding: 10px 11px;
  border-bottom-color: var(--modern-border);
}

.phone.next-ui-theme :is(.business-snapshot-info-sheet, .scf-home-info-sheet) > .primary-button {
  margin-top: 14px;
  border-radius: var(--modern-radius-md);
}

.phone.next-ui-theme :is(.sheet-account-list, .identifiers-list, .route-options, .service-picker) {
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-md);
}

.phone.next-ui-theme :is(.default-account-entry, .sheet-account-row, .service-picker > button, .identifiers-list article) {
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--ink);
  background: var(--modern-surface);
}

.phone.next-ui-theme .default-account-entry {
  border-style: dashed;
}

.phone.next-ui-theme .destination-sheet-person {
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .destination-sheet-person > span {
  color: #fff;
  background: var(--modern-primary);
}

/* Smart transfer destination and its supporting information sheets. */
.phone.next-ui-theme .transfer-screen .transfer-title {
  margin-top: 2px;
}

.phone.next-ui-theme .transfer-screen .transfer-title p {
  margin-bottom: 5px;
  color: var(--modern-secondary);
  font-family:"Vazirmatn Regular",Tahoma,sans-serif;
}

.phone.next-ui-theme .transfer-screen .transfer-title h1 {
  color: var(--ink);
  line-height: 1.35;
}

.phone.next-ui-theme .transfer-screen .transfer-title > span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.75;
}

.phone.next-ui-theme .transfer-view > .smart-destination-field {
  margin-top: 22px;
  margin-bottom: 11px;
  padding-right: 12px;
  padding-left: 8px;
}

.phone.next-ui-theme .smart-destination-field input {
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .smart-destination-field > .destination-help-button {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  border: 1px solid var(--modern-border);
  border-radius: 11px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
  font-size: 12px;
}

.phone.next-ui-theme .destination-detection {
  min-height: 36px;
  margin: 0 2px 13px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 11px;
  row-gap: 2px;
  align-items: start;
  color: var(--muted);
}

.phone.next-ui-theme .destination-detection > span {
  grid-row: 1 / 3;
  align-self: center;
  padding: 5px 8px;
  border: 1px solid #d9e6f5;
  border-radius: 9px;
  color: var(--modern-secondary);
  background: #f2f6fb;
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
}

.phone.next-ui-theme .destination-detection strong {
  grid-column: 2;
  grid-row: 1;
  color: var(--ink);
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
  line-height: 1.55;
}

.phone.next-ui-theme .destination-detection small {
  grid-column: 2;
  grid-row: 2;
  margin-right: 0;
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.65;
}

.phone.next-ui-theme .smart-destination-action {
  min-height: 82px;
  margin-bottom: 21px;
  padding: 12px;
  grid-template-columns: 44px minmax(0, 1fr) 18px;
  gap: 11px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.phone.next-ui-theme .smart-destination-action:hover {
  border-color: var(--modern-border-strong);
  box-shadow: var(--modern-shadow-raised);
}

.phone.next-ui-theme .smart-destination-action:active {
  transform: translateY(1px);
}

.phone.next-ui-theme .smart-destination-action > span:first-child {
  width: 44px;
  height: 44px;
  border: 1px solid var(--modern-border);
  border-radius: 14px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
}

.phone.next-ui-theme .smart-destination-action small {
  color: var(--muted);
  font-family:"Vazirmatn SemiBold",Tahoma,sans-serif;
}

.phone.next-ui-theme .smart-destination-action strong {
  color: var(--ink);
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
}

.phone.next-ui-theme .smart-destination-action i {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .smart-destination-action > svg {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .first-transfer-guide {
  margin: 12px 0 21px;
  padding: 13px;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--modern-border);
  border-right: 3px solid var(--modern-primary);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .first-transfer-guide > span {
  padding: 4px 8px;
  border: 1px solid var(--modern-border);
  border-radius: 8px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .first-transfer-guide strong {
  color: var(--ink);
}

.phone.next-ui-theme .first-transfer-guide p {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .recipient-heading {
  margin-top: 21px;
  margin-bottom: 9px;
  align-items: center;
}

.phone.next-ui-theme .recipient-heading strong {
  color: var(--ink);
}

.phone.next-ui-theme .recipient-heading button {
  border-bottom: 0;
  color: var(--modern-secondary);
}

.phone.next-ui-theme .recipient-list {
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-lg);
  box-shadow: 0 6px 18px rgba(20, 30, 43, .045);
}

.phone.next-ui-theme .recipient-list .recipient-row {
  min-height: 73px;
  border-bottom-color: var(--modern-border);
}

.phone.next-ui-theme .recipient-list .recipient-row .avatar {
  border: 1px solid var(--modern-border-strong);
  border-radius: 13px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .recipient-list .recipient-row > span:nth-child(2) {
  min-width: 0;
}

.phone.next-ui-theme .recipient-list .recipient-row > span:nth-child(2) small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .recipient-list .recipient-row > span:last-child {
  padding: 4px 7px;
  border: 0;
  border-radius: 8px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .recipient-empty {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--muted);
  background: var(--modern-surface);
}

.phone.next-ui-theme .identifiers-sheet .identifiers-caption {
  margin: 0 0 14px !important;
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .identifiers-sheet .identifiers-list {
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .identifiers-sheet .identifiers-list article {
  min-height: 72px;
  padding: 11px 12px;
  border: 0;
  border-bottom: 1px solid var(--modern-border);
  border-radius: 0;
  background: transparent;
}

.phone.next-ui-theme .identifiers-sheet .identifiers-list article:last-child {
  border-bottom: 0;
}

.phone.next-ui-theme .identifiers-sheet .identifiers-list small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .identifiers-sheet .identifiers-list strong {
  color: var(--ink);
  font-family:"Vazirmatn SemiBold",Tahoma,sans-serif;
}

.phone.next-ui-theme .identifiers-sheet .identifiers-list article > div {
  gap: 7px;
}

.phone.next-ui-theme .identifiers-sheet .identifiers-list button {
  width: 39px;
  height: 39px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .identifiers-sheet .identifiers-list button:first-child {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .transfer-help-sheet .transfer-help-list {
  margin-top: 0;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .transfer-help-sheet .transfer-help-list article {
  min-height: 68px;
  padding: 10px 12px;
  border-bottom-color: var(--modern-border);
}

.phone.next-ui-theme .transfer-help-sheet .transfer-help-list article > span {
  width: 38px;
  height: 38px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .transfer-help-sheet .transfer-help-list article > span svg {
  width: 19px;
  height: 19px;
}

.phone.next-ui-theme .transfer-help-sheet .transfer-help-list strong {
  color: var(--ink);
}

.phone.next-ui-theme .transfer-help-sheet .transfer-help-list small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .transfer-help-sheet > .sheet-intro {
  margin: 12px 0 0 !important;
  padding: 10px 12px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--muted);
  background: var(--modern-surface-soft);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .toast {
  border: 1px solid var(--modern-border);
  border-radius: 16px;
  color: var(--ink);
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--modern-shadow-raised);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(18px) saturate(130%);
}

.phone.next-ui-theme .toast > svg {
  color: var(--modern-primary);
}

/* Login and onboarding inherit the same design language when the new theme is stored. */
.phone.next-ui-theme .login-screen {
  padding: 0;
  background: #fff;
}

.phone.next-ui-theme .login-step {
  padding: 22px 18px calc(30px + env(safe-area-inset-bottom, 0px));
  background: #fff;
}

.phone.next-ui-theme .login-lockup,
.phone.next-ui-theme .new-account-entry,
.phone.next-ui-theme :is(.review-channels, .device-pin-panel, .operation-ticket, .review-ticket, .opened-account-card, .contract-summary, .customer-found, .card-address-panel, .postal-result) {
  border-color: var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .new-account-entry {
  padding: 12px;
}

.phone.next-ui-theme .new-account-entry button,
.phone.next-ui-theme .login-text-button,
.phone.next-ui-theme .login-inline-actions button {
  color: var(--modern-secondary);
}

.phone.next-ui-theme :is(.otp-symbol, .activation-success-mark, .account-opened-mark, .operation-status-mark, .queue-mark, .recovery-mark) {
  border-color: var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .new-complete-step .activation-success-mark {
  width: 82px;
  height: 82px;
  margin-bottom: 22px;
  border: 1px solid var(--modern-border);
  border-radius: 26px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
  box-shadow: 0 8px 22px rgba(20, 30, 43, .06);
}

.phone.next-ui-theme .new-complete-step .activation-success-mark > svg {
  width: 32px;
  height: 32px;
}

.phone.next-ui-theme .new-complete-step .activation-success-mark :is(i, b) {
  display: none;
}

.phone.next-ui-theme .account-opened-step .account-opened-mark {
  width: 88px;
  height: 88px;
  margin-bottom: 25px;
  border: 1px solid #d9e6f5;
  border-radius: 28px;
  color: var(--modern-secondary);
  background: linear-gradient(145deg, #fff 0%, #eef4fb 100%);
  box-shadow: 0 12px 30px rgba(43, 84, 132, .14), 0 0 0 8px rgba(43, 84, 132, .055);
  animation: account-success-in .42s cubic-bezier(.2, .8, .2, 1) both;
}

.phone.next-ui-theme .account-opened-step .account-opened-mark > svg {
  width: 35px;
  height: 35px;
  stroke-width: 2.2;
}

.phone.next-ui-theme .account-opened-step .account-opened-mark :is(i, b) {
  display: none;
}

@keyframes account-success-in {
  from {
    opacity: 0;
    transform: translateY(7px) scale(.92);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.phone.next-ui-theme .success-login-step > p {
  color: var(--modern-secondary);
  font-family:"Vazirmatn Regular",Tahoma,sans-serif;
  letter-spacing: 0;
}

.phone.next-ui-theme #login-step-reset-success {
  padding-top: clamp(72px, 15vh, 140px);
  justify-content: flex-start;
}

.phone.next-ui-theme #login-step-reset-success .activation-success-mark {
  flex: 0 0 auto;
  margin: 0 auto 24px;
}

.phone.next-ui-theme #login-step-reset-success > p {
  margin: 0 0 6px;
  font-size: 9px;
}

.phone.next-ui-theme #login-step-reset-success > h2 {
  margin: 0;
  color: var(--ink);
  font-size: 27px;
  line-height: 1.45;
}

.phone.next-ui-theme #login-step-reset-success > span {
  max-width: 330px;
  margin: 8px auto 0;
  display: block;
  color: var(--muted);
  font-size: 9px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.9;
}

.phone.next-ui-theme #reset-success-login {
  width: 100%;
  max-width: 360px;
  min-height: 54px;
  margin: 28px auto 0;
  flex: 0 0 auto;
}

@media (max-height: 760px) {
  .phone.next-ui-theme #login-step-reset-success {
    padding-top: 58px;
  }
}

.phone.next-ui-theme .new-complete-step > h2 {
  margin-top: 4px;
  color: var(--ink);
}

.phone.next-ui-theme .new-complete-step > span {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .completion-list {
  width: 100%;
  margin: 24px 0 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.phone.next-ui-theme .completion-list > span {
  min-height: 64px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-content: center;
  align-items: center;
  column-gap: 10px;
  border: 1px solid var(--modern-border);
  border-radius: 14px;
  background: var(--modern-surface);
  box-shadow: 0 4px 14px rgba(20, 30, 43, .035);
}

.phone.next-ui-theme .completion-list > span:last-child {
  border-bottom: 1px solid var(--modern-border);
}

.phone.next-ui-theme .completion-list > span > i {
  width: 32px;
  height: 32px;
  border: 1px solid var(--modern-border);
  border-radius: 11px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .completion-list > span > i svg {
  width: 15px;
  height: 15px;
}

.phone.next-ui-theme .completion-list strong {
  color: var(--ink);
  font-size: 8.5px;
}

.phone.next-ui-theme .completion-list small {
  color: var(--muted);
  font-size: 6.5px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme :is(.review-ticket, .opened-account-card) > header {
  color: #fff;
  background: var(--modern-secondary);
}

.phone.next-ui-theme .contract-summary > header {
  color: var(--ink);
  background: var(--modern-surface-soft);
  border-bottom: 1px solid var(--modern-border);
}

.phone.next-ui-theme .contract-summary > header small {
  color: var(--muted);
}

.phone.next-ui-theme .contract-summary > button {
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme :is(.review-ticket, .opened-account-card) > header small {
  color: rgba(255, 255, 255, .72);
}

.phone.next-ui-theme :is(.operation-ticket header > i, .action-badge, .next-card-prompt > span, .postal-result > span) {
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .customer-found > span,
.phone.next-ui-theme .otp-symbol > i,
.phone.next-ui-theme .biometric-card.selected > i,
.phone.next-ui-theme .device-methods .biometric-card.selected > i {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .login-topbar > button {
  border-color: var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}

.phone.next-ui-theme .login-lockup > i {
  border-color: var(--modern-secondary);
  color: var(--modern-secondary);
}

.phone.next-ui-theme :is(.review-timeline, .operation-timeline, .card-delivery-timeline) li.done > i {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .password-strength > div i.active,
.phone.next-ui-theme .login-progress i > b {
  background: var(--modern-primary);
}

.phone.next-ui-theme .physical-card-preview.design-black {
  background: var(--modern-secondary);
}

/* Corrective pass: flatter flows, clearer grouping and purpose-built status icons. */
.phone .modern-status-icon {
  display: none;
}

.phone.next-ui-theme .legacy-status-glyph {
  display: none !important;
}

.phone.next-ui-theme .modern-status-icon {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.phone.next-ui-theme .round-symbol .modern-status-icon,
.phone.next-ui-theme .row-symbol .modern-status-icon {
  width: 19px;
  height: 19px;
}

.phone.next-ui-theme :is(.operation-timeline, .card-delivery-timeline, .invoice-status-timeline, .scf-timeline, .scf-requirements) i .modern-status-icon {
  width: 14px;
  height: 14px;
}

.phone.next-ui-theme .operation-status-mark .modern-status-icon {
  width: 34px;
  height: 34px;
}

.phone.next-ui-theme :is(.operation-status-mark.pending, .operation-status-mark.system) {
  border: 1px solid var(--modern-border);
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .operation-status-mark.success {
  border: 1px solid var(--modern-border);
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .operation-status-mark.error {
  border: 1px solid #e7d3d3;
  color: #a8463b;
  background: #fff8f7;
}

.phone.next-ui-theme .operation-status-mark::after {
  border-color: var(--modern-border);
}

/* One shared visual for primary success confirmations across the app. */
.phone.next-ui-theme .review-approved-step .review-approved-mark,
.phone.next-ui-theme .success-login-step .activation-success-mark,
.phone.next-ui-theme .account-opened-step .account-opened-mark,
.phone.next-ui-theme .success-view .success-mark,
.phone.next-ui-theme .customer-operation-step .operation-status-mark.success {
  width: 82px;
  height: 82px;
  position: relative;
  display: grid;
  place-items: center;
  border: 1px solid #d8e3ef;
  border-radius: 26px;
  color: var(--modern-secondary);
  background: linear-gradient(145deg, #fff 0%, #f0f5fa 100%);
  box-shadow: 0 10px 26px rgba(43, 84, 132, .1), 0 0 0 6px rgba(43, 84, 132, .045);
  animation: account-success-in .42s cubic-bezier(.2, .8, .2, 1) both;
}

.phone.next-ui-theme :is(.review-approved-step, .success-login-step, .account-opened-step) .activation-success-mark > svg,
.phone.next-ui-theme .success-view .success-mark > svg,
.phone.next-ui-theme .customer-operation-step .operation-status-mark.success .modern-status-icon {
  width: 31px;
  height: 31px;
  stroke-width: 2.2;
}

.phone.next-ui-theme :is(.review-approved-step, .success-login-step, .account-opened-step) .activation-success-mark :is(i, b),
.phone.next-ui-theme .customer-operation-step .operation-status-mark.success::after {
  display: none;
}

.phone.next-ui-theme .customer-operation-step .operation-status-mark.success > span {
  display: grid;
  place-items: center;
}

@media (prefers-reduced-motion: reduce) {
  .phone.next-ui-theme .review-approved-step .review-approved-mark,
  .phone.next-ui-theme .success-login-step .activation-success-mark,
  .phone.next-ui-theme .account-opened-step .account-opened-mark,
  .phone.next-ui-theme .success-view .success-mark,
  .phone.next-ui-theme .customer-operation-step .operation-status-mark.success {
    animation: none;
  }
}

/* Customer request status and correction flow */
.phone.next-ui-theme .customer-operation-step {
  background: var(--modern-canvas);
}

.phone.next-ui-theme .customer-operation-step .login-heading > span {
  color: var(--modern-secondary);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .customer-operation-step .login-heading > p {
  color: var(--muted);
  font-family:"Vazirmatn Regular",Tahoma,sans-serif;
  line-height: 1.85;
}

.phone.next-ui-theme .customer-operation-step .operation-ticket {
  margin: 18px 0 14px;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .customer-operation-step .operation-ticket > header {
  min-height: 68px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--modern-border);
  background: #f8fafc;
}

.phone.next-ui-theme .customer-operation-step .operation-ticket > header small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .customer-operation-step .operation-ticket > header strong {
  color: var(--ink);
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
  direction: ltr;
  text-align: right;
}

.phone.next-ui-theme .customer-operation-step .operation-ticket > header > i {
  padding: 6px 10px;
  border: 1px solid #d9e6f5;
  border-radius: 10px;
  color: var(--modern-secondary);
  background: #eef4fb;
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
}

.phone.next-ui-theme .customer-operation-step .operation-issues {
  padding: 0 16px;
}

.phone.next-ui-theme .customer-operation-step .operation-issues > header {
  min-height: 62px;
  padding: 11px 0;
  border-bottom: 1px solid var(--modern-border);
  background: transparent;
}

.phone.next-ui-theme .customer-operation-step .operation-issues > header strong {
  color: var(--ink);
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
}

.phone.next-ui-theme .customer-operation-step .operation-issues > header small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.65;
}

.phone.next-ui-theme .customer-operation-step .operation-issues article {
  min-height: 88px;
  padding: 14px 0;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 12px;
  border-bottom: 1px solid var(--modern-border);
}

.phone.next-ui-theme .customer-operation-step .operation-issues article:last-child {
  border-bottom: 0;
}

.phone.next-ui-theme .customer-operation-step .operation-issues article > span {
  width: 36px;
  height: 36px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
}

.phone.next-ui-theme .customer-operation-step .operation-issues article strong {
  color: var(--ink);
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
}

.phone.next-ui-theme .customer-operation-step .operation-issues article small {
  color: var(--muted);
  font-family:"Vazirmatn Regular",Tahoma,sans-serif;
  line-height: 1.8;
}

.phone.next-ui-theme .customer-operation-step .operation-issues article > b {
  padding: 5px 8px;
  border: 1px solid var(--modern-border);
  border-radius: 9px;
  color: var(--modern-secondary);
  background: #f2f6fb;
  font-family:"Vazirmatn SemiBold",Tahoma,sans-serif;
}

.phone.next-ui-theme .customer-operation-step .operation-ticket > footer {
  min-height: 50px;
  padding: 0 16px;
  border-top: 1px solid var(--modern-border);
  color: var(--muted);
  background: #f8fafc;
}

.phone.next-ui-theme .customer-operation-step .operation-ticket > footer b {
  color: var(--ink);
  font-family:"Vazirmatn SemiBold",Tahoma,sans-serif;
}

.phone.next-ui-theme .customer-operation-step .operation-progress-card {
  margin-bottom: 14px;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .customer-operation-step .operation-progress-card > header {
  min-height: 58px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--modern-border);
  background: #f8fafc;
}

.phone.next-ui-theme .customer-operation-step .operation-progress-card > header strong {
  color: var(--ink);
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
}

.phone.next-ui-theme .customer-operation-step .operation-progress-card > header small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .customer-operation-step .operation-timeline li:not(:last-child)::after {
  background: var(--modern-border);
}

.phone.next-ui-theme .customer-operation-step .operation-timeline li.error i {
  border-color: #e7d3d3;
  color: #a8463b;
  background: #fff8f7;
}

.phone.next-ui-theme .customer-operation-step .operation-resolution-actions {
  gap: 9px;
  margin-bottom: 16px;
}

.phone.next-ui-theme .customer-operation-step[data-operation-scenario="system-error"] .operation-issues {
  padding: 10px 14px 14px;
}

.phone.next-ui-theme .customer-operation-step[data-operation-scenario="system-error"] .operation-issues > header {
  min-height: 56px;
  padding: 7px 2px 10px;
  border-bottom: 0;
}

.phone.next-ui-theme .customer-operation-step[data-operation-scenario="system-error"] .operation-issues article {
  min-height: 76px;
  margin-top: 8px;
  padding: 11px 12px;
  border: 1px solid var(--modern-border);
  border-radius: 14px;
  background: #f8fafc;
}

.phone.next-ui-theme .customer-operation-step[data-operation-scenario="system-error"] .operation-issues article:last-child {
  border-bottom: 1px solid var(--modern-border);
}

.phone.next-ui-theme .customer-operation-step[data-operation-scenario="system-error"] .operation-issues article > span {
  border-color: #d9e6f5;
  background: #eef4fb;
}

.phone.next-ui-theme .customer-operation-step[data-operation-scenario="system-error"] .operation-issues article > b {
  border-color: transparent;
  background: var(--modern-surface);
}

/* Postal card tracking */
.phone.next-ui-theme .card-tracking-step .postal-code-card {
  min-height: 76px;
  margin: 16px 0;
  padding: 12px 14px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .card-tracking-step .postal-code-card > span {
  gap: 3px;
}

.phone.next-ui-theme .card-tracking-step .postal-code-card small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .card-tracking-step .postal-code-card strong {
  margin-top: 0;
  color: var(--ink);
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
  letter-spacing: .035em;
}

.phone.next-ui-theme .card-tracking-step .postal-code-card button {
  height: 40px;
  padding: 0 12px;
  gap: 6px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
  transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.phone.next-ui-theme .card-tracking-step .postal-code-card button:hover {
  border-color: #d9e6f5;
  background: #eef4fb;
}

.phone.next-ui-theme .card-tracking-step .postal-code-card button:active {
  transform: translateY(1px);
}

.phone.next-ui-theme .card-tracking-step .postal-code-card button svg {
  width: 16px;
  height: 16px;
}

.phone.next-ui-theme .account-activity-list {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.phone.next-ui-theme .event-group {
  margin-top: 18px;
}

.phone.next-ui-theme .event-group:first-child {
  margin-top: 0;
}

.phone.next-ui-theme .event-group > header {
  margin: 0;
  padding: 0 3px 9px;
}

.phone.next-ui-theme .event-group > .event-list {
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .activity-tabs {
  margin-bottom: 24px;
  padding: 4px;
  gap: 2px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: #e9edf3;
}

.phone.next-ui-theme .activity-tabs button {
  min-height: 40px;
  border-radius: 12px;
  color: var(--muted);
  background: transparent;
}

.phone.next-ui-theme .activity-tabs button.active {
  color: var(--modern-secondary);
  background: var(--modern-surface);
  box-shadow: 0 3px 10px rgba(20, 30, 43, .08);
}

.phone.next-ui-theme .event-row .round-symbol {
  border: 0;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .login-lockup {
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.phone.next-ui-theme .login-lockup .brand-placeholder {
  width: 58px;
  height: 38px;
  border-radius: 0;
  background: transparent url("assets/logo-biz-mark.svg") center / contain no-repeat !important;
  box-shadow: none;
}

.phone.next-ui-theme .login-lockup > i {
  border-color: var(--modern-primary);
  color: var(--modern-secondary);
  background: #fff;
}

.phone.next-ui-theme .new-account-entry {
  border: 1px solid var(--modern-border);
  background: #fff;
  box-shadow: none;
}

/* Onboarding overview: a calm, scannable route instead of the legacy black list. */
.phone.next-ui-theme .new-customer-welcome .new-journey-map {
  margin: 20px 0 14px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: 0 6px 20px rgba(20, 30, 43, .045);
}

.phone.next-ui-theme .new-customer-welcome .new-journey-map > header {
  min-height: 48px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--modern-border);
  background: var(--modern-surface);
}

.phone.next-ui-theme .new-customer-welcome .new-journey-map > header strong {
  color: var(--ink);
  font-size: 8.5px;
}

.phone.next-ui-theme .new-customer-welcome .new-journey-map > header small {
  padding: 4px 8px;
  border-radius: 999px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  font-size: 6px;
  font-family:"Vazirmatn ExtraBold",Tahoma,sans-serif;
}

.phone.next-ui-theme .new-customer-welcome .new-journey-map article {
  min-height: 60px;
  padding: 10px 14px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  border: 0;
  border-bottom: 1px solid var(--modern-border);
  border-radius: 0;
  background: var(--modern-surface);
}

.phone.next-ui-theme .new-customer-welcome .new-journey-map article:last-child {
  border-bottom: 0;
}

.phone.next-ui-theme .new-customer-welcome .new-journey-map article > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
  font-size: 8px;
  font-family:"Vazirmatn Black",Tahoma,sans-serif;
}

.phone.next-ui-theme .new-customer-welcome .new-journey-map article > div {
  min-width: 0;
  gap: 2px;
}

.phone.next-ui-theme .new-customer-welcome .new-journey-map article strong {
  color: var(--ink);
  font-size: 8.2px;
}

.phone.next-ui-theme .new-customer-welcome .new-journey-map article small {
  color: var(--muted);
  font-size: 6.2px;
  line-height: 1.65;
}

.phone.next-ui-theme .ready-note {
  min-height: 66px;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .ready-note > svg {
  width: 36px;
  height: 36px;
  padding: 9px;
  align-self: center;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-primary);
  background: var(--modern-surface);
}

.phone.next-ui-theme .ready-note > span {
  min-width: 0;
  gap: 3px;
}

.phone.next-ui-theme .ready-note strong {
  color: var(--ink);
  font-size: 7.6px;
  line-height: 1.55;
}

.phone.next-ui-theme .ready-note small {
  color: var(--muted);
  font-size: 6.2px;
  line-height: 1.7;
}

/* Password recovery method picker: clear choices without legacy black tiles. */
.phone.next-ui-theme .recovery-method-options {
  margin-top: 18px;
  gap: 10px;
}

.phone.next-ui-theme .recovery-method-options > header {
  min-height: 32px;
  padding: 0 2px 2px;
}

.phone.next-ui-theme .recovery-method-options h3 {
  color: var(--ink);
  font-size: 9.2px;
}

.phone.next-ui-theme .recovery-method-options header small {
  color: var(--muted);
  font-size: 6.2px;
}

.phone.next-ui-theme .recovery-method-option {
  min-height: 84px;
  padding: 11px 12px;
  grid-template-columns: 42px minmax(0, 1fr) 28px;
  gap: 11px;
  border: 1px solid var(--modern-border);
  border-radius: 18px;
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .035);
  transition: border-color .18s, box-shadow .18s, transform .16s;
}

.phone.next-ui-theme .recovery-method-option:hover,
.phone.next-ui-theme .recovery-method-option:focus-visible {
  border-color: var(--modern-primary);
  background: var(--modern-surface);
  box-shadow: 0 0 0 3px rgba(14, 132, 255, .1);
}

.phone.next-ui-theme .recovery-method-option:active {
  transform: scale(.985);
}

.phone.next-ui-theme .recovery-method-option > span {
  width: 42px;
  height: 42px;
  border: 1px solid var(--modern-border);
  border-radius: 13px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .recovery-method-option > span svg {
  width: 19px;
  height: 19px;
}

.phone.next-ui-theme .recovery-method-option > div {
  gap: 3px;
}

.phone.next-ui-theme .recovery-method-option strong {
  color: var(--ink);
  font-size: 8.5px;
}

.phone.next-ui-theme .recovery-method-option small {
  color: var(--muted);
  font-size: 6.25px;
  line-height: 1.65;
}

.phone.next-ui-theme .recovery-method-option b {
  width: max-content;
  margin-top: 2px;
  padding: 3px 7px;
  border: 1px solid var(--modern-border);
  border-radius: 999px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  font-size: 5.8px;
}

.phone.next-ui-theme .recovery-method-option > i {
  width: 28px;
  height: 28px;
  border: 1px solid var(--modern-border);
  border-radius: 10px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  transition: border-color .18s, color .18s, background .18s;
}

.phone.next-ui-theme .recovery-method-option > i svg {
  width: 13px;
  height: 13px;
}

.phone.next-ui-theme .recovery-method-option:is(:hover, :focus-visible) > i {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .recovery-method-option.is-loading,
.phone.next-ui-theme .recovery-method-option.is-loading:hover {
  border-color: var(--modern-border-strong);
  background: var(--modern-surface-soft);
  box-shadow: none;
}

.phone.next-ui-theme .recovery-method-option.is-loading > i::after {
  border-color: var(--modern-border-strong);
  border-top-color: var(--modern-primary);
}

/* White service heroes need explicit foregrounds; modern icons replace glyphs only in this theme. */
.phone.next-ui-theme .receive-identity-card {
  margin-top: 19px;
  padding: 16px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .receive-identity-card > small {
  color: var(--muted);
}

.phone.next-ui-theme .receive-identity-card > strong {
  color: var(--ink);
}

.phone.next-ui-theme .receive-identity-card > span {
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  font-family:"Vazirmatn ExtraBold",Tahoma,sans-serif;
}

.phone.next-ui-theme .receive-identity-card > button {
  min-height: 40px;
  border: 1px solid var(--modern-primary);
  border-radius: 12px;
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .receive-iban-card {
  margin-top: 19px;
  padding: 16px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .receive-iban-card > small {
  color: var(--muted);
}

.phone.next-ui-theme .receive-iban-card > strong {
  color: var(--ink);
}

.phone.next-ui-theme .receive-iban-card > span {
  margin: 13px 0;
  padding: 11px 12px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  font-family:"Vazirmatn SemiBold",Tahoma,sans-serif;
  text-align: center;
}

.phone.next-ui-theme .receive-iban-card > div {
  gap: 9px;
}

.phone.next-ui-theme .receive-iban-card button {
  min-height: 41px;
  border: 1px solid var(--modern-primary);
  border-radius: 12px;
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .receive-iban-card button:last-child {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}

.phone.next-ui-theme .receive-method-grid {
  margin-top: 12px;
  gap: 9px;
}

.phone.next-ui-theme .receive-method-grid > button {
  min-height: 102px;
  padding: 13px;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 3px 10px;
  border: 1px solid var(--modern-border);
  border-radius: 18px;
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .035);
  transition: border-color .18s, box-shadow .18s, transform .16s;
}

.phone.next-ui-theme .receive-method-grid > button:is(:hover, :focus-visible) {
  border-color: var(--modern-primary);
  box-shadow: 0 0 0 3px rgba(14, 132, 255, .1);
}

.phone.next-ui-theme .receive-method-grid > button:active {
  transform: scale(.985);
}

.phone.next-ui-theme .receive-method-grid > button > span {
  width: 38px;
  height: 38px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .legacy-receive-glyph,
.phone.next-ui-theme .legacy-energy-glyph {
  display: none;
}

.phone.next-ui-theme .modern-receive-icon,
.phone.next-ui-theme .modern-energy-icon {
  width: 19px;
  height: 19px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.phone.next-ui-theme .receive-method-grid strong {
  color: var(--ink);
  font-size: 8.2px;
}

.phone.next-ui-theme .receive-method-grid small {
  color: var(--muted);
  font-size: 5.8px;
  line-height: 1.6;
}

.phone.next-ui-theme .energy-hero {
  min-height: 112px;
  margin-top: 18px;
  padding: 17px;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 13px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .energy-mark {
  width: 52px;
  height: 52px;
  border: 1px solid var(--modern-border);
  border-radius: 15px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .energy-hero div {
  min-width: 0;
  gap: 1px;
}

.phone.next-ui-theme .energy-hero small {
  color: var(--muted);
}

.phone.next-ui-theme .energy-hero strong {
  margin: 3px 0;
  color: var(--ink);
}

.phone.next-ui-theme .energy-hero strong i {
  color: var(--muted);
}

.phone.next-ui-theme .energy-hero p {
  color: var(--muted);
}

.phone.next-ui-theme .energy-hero p b {
  color: var(--modern-primary);
}

/* POS review rhythm: prevent stacked component margins from creating uneven gaps. */
.phone.next-ui-theme #receive-screen-content > .pos-review-intro {
  margin: 16px 0 20px;
}

.phone.next-ui-theme #receive-screen-content > .pos-review-summary {
  min-height: 94px;
  margin: 0 0 16px;
  padding: 15px;
}

.phone.next-ui-theme #receive-screen-content > .pos-review-timeline {
  margin: 0 0 22px;
  padding: 6px 13px;
}

.phone.next-ui-theme #receive-screen-content > .pos-review-timeline li {
  min-height: 56px;
}

.phone.next-ui-theme #receive-screen-content > .pos-review-action {
  margin: 0;
}

/* OTP fields stay distinctly Persian and readable despite the global control-size rule. */
.phone.next-ui-theme .otp-input-wrap {
  min-height: 64px;
  padding: 0 18px;
}

.phone.next-ui-theme .otp-input-wrap input {
  font-family:"Vazirmatn Regular", Tahoma, sans-serif !important;
  font-size: 24px !important;
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
  font-variant-numeric: tabular-nums;
  line-height: 1 !important;
  letter-spacing: .3em;
  text-indent: .3em;
  color: var(--ink);
  caret-color: var(--modern-primary);
}

.phone.next-ui-theme .card-serial-field > div {
  min-height: 60px;
}

.phone.next-ui-theme #card-serial {
  font-family:"Vazirmatn Regular", Tahoma, sans-serif !important;
  font-size: 19px !important;
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
  font-variant-numeric: tabular-nums;
  line-height: 1 !important;
  letter-spacing: .12em;
  color: var(--ink);
  caret-color: var(--modern-primary);
}

.phone.next-ui-theme .card-serial-help-button {
  min-height: 66px;
  margin-top: 18px;
  padding: 10px 12px;
  grid-template-columns: 40px minmax(0, 1fr) 24px;
  gap: 10px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
  transition: border-color .18s, box-shadow .18s, transform .16s;
}

.phone.next-ui-theme .card-serial-help-button:is(:hover, :focus-visible) {
  border-color: var(--modern-primary);
  background: var(--modern-surface);
  box-shadow: 0 0 0 3px rgba(14, 132, 255, .1);
}

.phone.next-ui-theme .card-serial-help-button:active {
  transform: scale(.988);
}

.phone.next-ui-theme .card-serial-help-button > span:first-child {
  width: 40px;
  height: 40px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .card-serial-help-button > span:first-child svg {
  width: 18px;
  height: 18px;
}

.phone.next-ui-theme .card-serial-help-button > span:nth-child(2) {
  gap: 2px;
}

.phone.next-ui-theme .card-serial-help-button strong {
  color: var(--ink);
}

.phone.next-ui-theme .card-serial-help-button small {
  color: var(--muted);
}

.phone.next-ui-theme .card-serial-help-button > svg {
  width: 16px;
  height: 16px;
  color: var(--modern-secondary);
}

.phone.next-ui-theme .registry-disclosure {
  margin-bottom: 20px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .registry-disclosure summary {
  min-height: 72px;
  padding: 11px 12px;
  grid-template-columns: 40px minmax(0, 1fr) 28px;
  gap: 10px;
  border-radius: inherit;
}

.phone.next-ui-theme .registry-disclosure summary:focus-visible {
  outline: 3px solid rgba(14, 132, 255, .18);
  outline-offset: -3px;
}

.phone.next-ui-theme .registry-disclosure summary > span:first-child {
  width: 40px;
  height: 40px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .registry-disclosure summary > span:first-child svg {
  width: 18px;
  height: 18px;
}

.phone.next-ui-theme .registry-disclosure summary > span:nth-child(2) {
  min-width: 0;
  gap: 2px;
}

.phone.next-ui-theme .registry-disclosure summary strong {
  color: var(--ink);
}

.phone.next-ui-theme .registry-disclosure summary small {
  color: var(--muted);
}

.phone.next-ui-theme .registry-disclosure summary > svg {
  width: 28px;
  height: 28px;
  padding: 7px;
  border-radius: 9px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
  transition: color .18s, background .18s, transform .18s ease;
}

.phone.next-ui-theme .registry-disclosure[open] summary {
  border-bottom: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md) var(--modern-radius-md) 0 0;
  background: #fafbfc;
}

.phone.next-ui-theme .registry-disclosure[open] summary > svg {
  color: #fff;
  background: var(--modern-primary);
  transform: rotate(180deg);
}

.phone.next-ui-theme .registry-disclosure dl {
  margin: 0 14px;
  padding: 4px 0;
  border-top: 0;
}

.phone.next-ui-theme .registry-disclosure dl > div {
  min-height: 44px;
  border-bottom-color: var(--modern-border);
}

.phone.next-ui-theme .registry-disclosure dt {
  color: var(--muted);
}

.phone.next-ui-theme .registry-disclosure dd {
  color: var(--ink);
}

.phone.next-ui-theme .registry-disclosure > button {
  min-height: 42px;
  margin: 0 14px 12px;
  border-top: 1px solid var(--modern-border);
  color: var(--modern-secondary);
}

/* Form values use the real Vazirmatn Medium face; code and amount fields stay one step stronger. */
.phone.next-ui-theme :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  font-family:"Vazirmatn Regular", Tahoma, sans-serif !important;
  font-size: 15px !important;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif !important;
}

.phone.next-ui-theme .otp-input-wrap input {
  font-size: 24px !important;
  font-family:"Vazirmatn SemiBold",Tahoma,sans-serif !important;
}

.phone.next-ui-theme #card-serial {
  font-size: 19px !important;
  font-family:"Vazirmatn SemiBold",Tahoma,sans-serif !important;
}

.phone.next-ui-theme #amount-input {
  font-size: 29px !important;
  font-family:"Vazirmatn Black",Tahoma,sans-serif !important;
}

.phone.next-ui-theme .welcome-copy {
  margin-top: 38px;
}

.phone.next-ui-theme .login-heading {
  margin: 30px 0 22px;
}

.phone.next-ui-theme .login-heading.centered {
  margin: 20px 0 22px;
}

.phone.next-ui-theme .correction-preserved-note,
.phone.next-ui-theme .correction-operator-message {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--ink);
  background: var(--modern-surface-soft);
  box-shadow: none;
}

.phone.next-ui-theme :is(.profile-correction-banner, .delivery-issue-note) {
  margin: 12px 0 15px;
  padding: 12px;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme :is(.profile-correction-banner, .delivery-issue-note) > span {
  width: 34px;
  height: 34px;
  border: 1px solid var(--modern-border);
  border-radius: 11px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme :is(.profile-correction-banner, .delivery-issue-note) strong {
  color: var(--ink);
}

.phone.next-ui-theme :is(.profile-correction-banner, .delivery-issue-note) small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .correction-preserved-note > svg {
  color: var(--modern-secondary);
}

.phone.next-ui-theme :is(.correction-preserved-note, .correction-operator-message) :is(small, p) {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .correction-task-list {
  gap: 11px;
}

.phone.next-ui-theme .correction-task-card {
  min-height: 144px;
  padding: 13px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .correction-task-card:is(:hover, :focus-visible) {
  border-color: var(--modern-border-strong);
  background: var(--modern-surface);
  box-shadow: 0 8px 22px rgba(20, 30, 43, .07);
}

.phone.next-ui-theme .correction-task-number {
  border: 1px solid var(--modern-border);
  border-radius: 10px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .correction-task-content > small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .correction-task-content > strong,
.phone.next-ui-theme .correction-task-content > ul strong {
  color: var(--ink);
}

.phone.next-ui-theme .correction-task-content > ul small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .correction-task-content > b {
  padding: 4px 8px;
  border: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .correction-task-route {
  border-top-color: var(--modern-border);
}

.phone.next-ui-theme .correction-task-route small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .correction-task-route strong,
.phone.next-ui-theme .correction-task-route svg {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .correction-task-card.is-complete {
  border-color: var(--modern-border-strong);
  background: var(--modern-surface);
}

.phone.next-ui-theme .correction-task-card.is-complete .correction-task-number {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .correction-task-card.is-complete .correction-task-content > b {
  border-color: var(--modern-border);
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .correction-plan-footnote {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .compact-heading {
  margin: 24px 0 18px;
}

.phone.next-ui-theme :is(.review-ticket, .opened-account-card) > header {
  color: var(--ink);
  background: var(--modern-surface-soft);
  border-bottom: 1px solid var(--modern-border);
}

.phone.next-ui-theme :is(.review-ticket, .opened-account-card) > header small {
  color: var(--muted);
}

.phone.next-ui-theme :is(.review-ticket, .opened-account-card) > header :is(i, b) {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
}

.phone.next-ui-theme .account-opened-step .opened-account-card {
  margin: 22px 0 14px;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: 20px;
  background: var(--modern-surface);
  box-shadow: 0 8px 24px rgba(20, 30, 43, .055);
}

.phone.next-ui-theme .account-opened-step .opened-account-card > header {
  min-height: 66px;
  padding: 12px 14px;
}

.phone.next-ui-theme .account-opened-step .opened-account-card > header > span {
  gap: 2px;
}

.phone.next-ui-theme .account-opened-step .opened-account-card > header small {
  font-size: 7px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .account-opened-step .opened-account-card > header strong {
  font-size: 10px;
}

.phone.next-ui-theme .account-opened-step .opened-account-card > header i {
  min-height: 26px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--modern-border-strong);
  border-radius: 9px;
  color: var(--modern-secondary);
  background: #fff;
  font-size: 6.5px;
}

.phone.next-ui-theme .account-opened-step .opened-account-card > div {
  min-height: 72px;
  padding: 11px 14px;
  display: grid;
  grid-template-columns: max-content 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  align-items: center;
  column-gap: 9px;
  row-gap: 3px;
  border-bottom: 1px solid var(--modern-border);
}

.phone.next-ui-theme .account-opened-step .opened-account-card > div small {
  grid-column: 1 / -1;
  grid-row: 1;
  color: var(--muted);
  font-size: 7px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .account-opened-step .opened-account-card > div strong {
  grid-column: 1;
  grid-row: 2;
  color: var(--ink);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  letter-spacing: .08em;
}

.phone.next-ui-theme .account-opened-step .opened-account-card > div button {
  width: 32px;
  height: 32px;
  grid-column: 2;
  grid-row: 2;
  display: grid;
  place-items: center;
  border: 1px solid var(--modern-border);
  border-radius: 10px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .account-opened-step .opened-account-card > div button svg {
  width: 14px;
  height: 14px;
}

.phone.next-ui-theme .account-opened-step .opened-account-card > footer {
  min-height: 62px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 0;
}

.phone.next-ui-theme .account-opened-step .opened-account-card > footer span {
  min-width: 0;
  padding: 11px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  text-align: right;
}

.phone.next-ui-theme .account-opened-step .opened-account-card > footer span + span {
  border-right: 1px solid var(--modern-border);
}

.phone.next-ui-theme .account-opened-step .opened-account-card > footer small {
  color: var(--muted);
  font-size: 7px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .account-opened-step .opened-account-card > footer b {
  color: var(--ink);
  font-size: 9px;
  font-variant-numeric: tabular-nums;
}

.phone.next-ui-theme .account-opened-step .next-card-prompt {
  min-height: 64px;
  padding: 11px 12px;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--modern-border);
  border-radius: 16px;
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .account-opened-step .next-card-prompt > span {
  width: 37px;
  height: 37px;
  border: 1px solid #d8e3ef;
  border-radius: 12px;
  color: var(--modern-secondary);
  background: #edf3f9;
}

.phone.next-ui-theme .account-opened-step .next-card-prompt strong {
  color: var(--ink);
  font-size: 9px;
  line-height: 1.7;
}

.phone.next-ui-theme .contract-summary {
  overflow: hidden;
  box-shadow: none;
}

.phone.next-ui-theme .contract-summary > header b {
  border-color: var(--modern-border-strong);
  color: var(--modern-secondary);
  background: var(--modern-surface);
}

.phone.next-ui-theme .contract-summary > button {
  border-top: 1px solid var(--modern-border);
  color: var(--modern-secondary);
  background: #fff;
}

.phone.next-ui-theme .national-card-back-guide {
  border: 1px solid var(--modern-border-strong);
  border-radius: var(--modern-radius-lg);
  background: linear-gradient(145deg, #fff, #f4f6f9);
  box-shadow: 0 8px 24px rgba(20, 30, 43, .06);
}

.phone.next-ui-theme .guide-card-chip {
  border-color: var(--modern-secondary);
  background: #e9edf3;
}

.phone.next-ui-theme .guide-card-serial {
  border: 2px solid var(--modern-primary);
  color: var(--modern-secondary);
}

.phone.next-ui-theme .guide-card-pointer {
  background: var(--modern-primary);
}

.phone.next-ui-theme .guide-card-pointer::after {
  background: var(--modern-primary);
}

.phone.next-ui-theme .card-serial-sheet-copy {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .face-scan {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: #fff;
  box-shadow: 0 8px 24px rgba(20, 30, 43, .06);
}

.phone.next-ui-theme .face-camera {
  border-radius: var(--modern-radius-md);
}

.phone.next-ui-theme .face-camera-toolbar > span {
  border-color: rgba(255, 255, 255, .38);
  background: rgba(20, 30, 43, .38);
  box-shadow: none;
}

.phone.next-ui-theme .face-scan.scanning {
  border-color: var(--modern-primary);
  box-shadow: 0 0 0 3px rgba(14, 132, 255, .12);
}

.phone.next-ui-theme .face-camera .face-frame > i {
  background: var(--modern-primary-bright);
  box-shadow: 0 0 12px rgba(14, 132, 255, .8);
}

.phone.next-ui-theme .face-camera .face-frame > b {
  color: var(--modern-primary);
}

.phone.next-ui-theme .face-camera .face-frame > b::after {
  content: "";
  width: 16px;
  height: 9px;
  border-bottom: 3px solid currentColor;
  border-left: 3px solid currentColor;
  transform: rotate(-45deg) translate(1px, -1px);
}

.phone.next-ui-theme .liveness-points span {
  border-color: var(--modern-border);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .liveness-points b {
  border-color: var(--modern-primary);
  color: var(--modern-primary);
  background: #fff;
}

.phone.next-ui-theme .verified-person {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: #fff;
  box-shadow: none;
}

.phone.next-ui-theme .verified-person > span {
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-secondary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .verified-person > span svg {
  width: 19px;
  height: 19px;
}

.phone.next-ui-theme .verified-person > b {
  color: var(--modern-primary);
}

.phone.next-ui-theme .verified-person > b svg {
  color: var(--modern-primary);
}

.phone.next-ui-theme #new-financial-form .activity-context {
  min-height: 82px;
  margin: 0 0 22px;
  padding: 12px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
}

.phone.next-ui-theme #new-financial-form .activity-context > span {
  width: 40px;
  height: 40px;
}

.phone.next-ui-theme #new-financial-form .activity-context > div {
  min-width: 0;
  gap: 1px;
}

.phone.next-ui-theme #new-financial-form .activity-context > div :is(strong, small, i) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phone.next-ui-theme #new-financial-form .activity-context > b {
  min-width: max-content;
  align-self: center;
  color: var(--modern-primary);
}

.phone.next-ui-theme #new-financial-form .annual-activity-field {
  margin: 0 0 20px;
}

.phone.next-ui-theme #new-financial-form .annual-activity-field > span {
  position: static;
  display: block;
  margin: 0 2px 10px;
  color: var(--ink);
  line-height: 1.65;
}

.phone.next-ui-theme #new-financial-form .annual-activity-field > div {
  min-height: 58px;
  border-color: var(--modern-border-strong);
  border-radius: var(--modern-radius-md);
  background: #fff;
}

.phone.next-ui-theme #new-financial-form .annual-activity-field > div:focus-within {
  border-color: var(--modern-primary);
  box-shadow: 0 0 0 3px rgba(14, 132, 255, .12);
}

.phone.next-ui-theme #new-financial-form .annual-activity-field > div > svg:first-child {
  color: var(--modern-primary);
}

.phone.next-ui-theme #new-financial-form .annual-activity-field > small {
  display: block;
  margin: 8px 2px 0;
  color: var(--muted);
  line-height: 1.75;
}

/* Result-notification settings */
.phone.next-ui-theme .review-channels {
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .review-channels > header {
  min-height: 45px;
  padding: 10px 12px;
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .review-channels > header strong {
  color: var(--ink);
  font-size: 8px;
}

.phone.next-ui-theme .review-channels > header small {
  color: var(--muted);
  font-size: 6.5px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .review-sms,
.phone.next-ui-theme .review-channels .review-notify > span {
  min-height: 59px;
  padding: 9px 12px;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  border: 0;
  border-top: 1px solid var(--modern-border);
  border-radius: 0;
  background: var(--modern-surface);
}

.phone.next-ui-theme .review-sms > b,
.phone.next-ui-theme .review-channels .review-notify b {
  width: 34px;
  height: 34px;
  border: 1px solid var(--modern-border);
  border-radius: 11px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .review-sms > b svg,
.phone.next-ui-theme .review-channels .review-notify b svg {
  width: 17px;
  height: 17px;
}

.phone.next-ui-theme .review-sms > span,
.phone.next-ui-theme .review-channels .review-notify > span > span {
  min-width: 0;
  gap: 2px;
}

.phone.next-ui-theme .review-sms strong,
.phone.next-ui-theme .review-channels .review-notify strong {
  color: var(--ink);
  font-size: 8px;
}

.phone.next-ui-theme .review-sms small,
.phone.next-ui-theme .review-channels .review-notify small {
  color: var(--muted);
  font-size: 6.5px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .review-sms > i {
  gap: 4px;
  color: var(--modern-primary);
  font-size: 6.5px;
  font-family:"Vazirmatn Bold",Tahoma,sans-serif;
}

.phone.next-ui-theme .review-sms > i svg {
  width: 12px;
  height: 12px;
}

.phone.next-ui-theme .review-channels .review-notify > span > i {
  width: 40px;
  height: 23px;
  border: 1px solid var(--modern-border-strong);
  border-radius: 999px;
  background: #dce1e7;
  box-shadow: none;
}

.phone.next-ui-theme .review-channels .review-notify > span > i::after {
  width: 17px;
  height: 17px;
  top: 2px;
  right: 2px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(20, 30, 43, .24);
}

.phone.next-ui-theme .review-channels .review-notify input:checked + span > i {
  border-color: var(--modern-primary);
  background: var(--modern-primary);
}

.phone.next-ui-theme .review-channels .review-notify input:checked + span > i::after {
  transform: translateX(-17px);
}

.phone.next-ui-theme .review-channels .review-notify input:focus-visible + span > i {
  box-shadow: 0 0 0 3px rgba(14, 132, 255, .18);
}

/* SCF workspace: neutral surfaces, explicit contrast in every scenario. */
.phone.next-ui-theme .scf-screen .scf-eligibility-hero {
  margin-top: 18px;
  padding: 17px 16px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .scf-screen .scf-eligibility-hero > span:first-child {
  padding: 0;
  color: var(--muted);
  background: transparent;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-screen .scf-eligibility-hero > strong {
  margin: 5px 0;
  color: var(--modern-secondary);
}

.phone.next-ui-theme .scf-screen .scf-eligibility-hero > small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.75;
}

.phone.next-ui-theme .scf-screen .scf-explainer {
  margin-top: 13px;
  padding: 13px;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 11px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .scf-screen .scf-explainer > span {
  width: 38px;
  height: 38px;
  border: 1px solid var(--modern-border);
  border-radius: 12px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .scf-screen .scf-explainer strong,
.phone.next-ui-theme .scf-screen .scf-explainer dt {
  color: var(--ink);
}

.phone.next-ui-theme .scf-screen .scf-explainer p,
.phone.next-ui-theme .scf-screen .scf-explainer dd {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-screen .scf-explainer .scf-role-map {
  gap: 7px;
}

.phone.next-ui-theme .scf-screen .scf-explainer .scf-role-map div {
  padding: 9px 10px;
  border: 0;
  border-radius: 12px;
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .scf-screen .scf-invoice-list {
  margin-top: 24px;
}

.phone.next-ui-theme .scf-screen .scf-invoice-list > header :is(h2, small) {
  color: var(--ink);
}

.phone.next-ui-theme .scf-screen .scf-invoice-list > header small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-screen .scf-invoice {
  min-height: 78px;
  padding: 11px 12px;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 4px 14px rgba(20, 30, 43, .035);
}

.phone.next-ui-theme .scf-screen .scf-invoice.selected {
  border-color: var(--modern-primary);
  box-shadow: 0 0 0 2px rgba(14, 132, 255, .1), 0 5px 16px rgba(20, 30, 43, .04);
}

.phone.next-ui-theme .scf-screen .scf-invoice > i {
  width: 34px;
  height: 34px;
  border: 1px solid var(--modern-border);
  border-radius: 11px;
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .scf-screen .scf-invoice :is(strong, small, em) {
  color: var(--ink);
}

.phone.next-ui-theme .scf-screen .scf-invoice :is(small, em) {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.65;
  white-space: normal;
}

.phone.next-ui-theme .scf-screen .scf-invoice > b {
  color: #17633f;
  background: #e6f4ec;
  white-space: nowrap;
}

.phone.next-ui-theme .scf-screen .scf-invoice.disabled {
  opacity: 1;
  background: #fbfbfc;
}

.phone.next-ui-theme .scf-screen .scf-invoice.disabled > i {
  color: var(--muted);
}

.phone.next-ui-theme .scf-screen .scf-invoice.disabled > b {
  color: var(--muted);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .scf-screen .scf-legal-note {
  margin-top: 12px;
  padding: 11px 12px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-sm);
  color: var(--muted);
  background: var(--modern-surface-soft);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-screen .scf-legal-note svg {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .scf-screen .scf-quote-card {
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .scf-screen .scf-quote-card > header {
  padding: 17px 16px;
  color: var(--ink);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .scf-screen .scf-quote-card > header span,
.phone.next-ui-theme .scf-screen .scf-quote-card > header small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-screen .scf-quote-card > header strong {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .scf-screen .scf-money-flow {
  border-bottom-color: var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface);
}

.phone.next-ui-theme .scf-screen .scf-money-flow small,
.phone.next-ui-theme .scf-screen .scf-money-flow > i {
  color: var(--muted);
}

.phone.next-ui-theme .scf-screen .scf-money-flow b {
  color: var(--ink);
}

.phone.next-ui-theme .scf-screen .scf-money-flow .result {
  color: var(--modern-secondary);
  background: #eaf0f7;
}

.phone.next-ui-theme .scf-screen .scf-money-flow .result :is(small, b) {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .scf-screen .scf-quote-card dl div,
.phone.next-ui-theme .scf-screen .scf-funded-details div {
  border-bottom-color: var(--modern-border);
}

.phone.next-ui-theme .scf-screen :is(.scf-quote-card dt, .scf-funded-details dt) {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-screen :is(.scf-quote-card dd, .scf-funded-details dd) {
  color: var(--ink);
}

.phone.next-ui-theme .scf-screen .scf-confirmation {
  min-height: 68px;
  margin-top: 10px;
  padding: 11px 12px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 4px 14px rgba(20, 30, 43, .03);
}

.phone.next-ui-theme .scf-screen .scf-confirmation input {
  width: 19px;
  height: 19px;
  accent-color: var(--modern-primary);
}

.phone.next-ui-theme .scf-screen .scf-confirmation span {
  color: var(--ink);
  background: transparent;
}

.phone.next-ui-theme .scf-screen .scf-confirmation strong {
  color: var(--ink);
}

.phone.next-ui-theme .scf-screen .scf-confirmation small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.65;
}

.phone.next-ui-theme .scf-screen .scf-status-card,
.phone.next-ui-theme .scf-screen .scf-status-card.funded,
.phone.next-ui-theme .scf-screen .scf-status-card.approved,
.phone.next-ui-theme .scf-screen .scf-status-card.needs-info,
.phone.next-ui-theme .scf-screen .scf-status-card.declined {
  margin-top: 18px;
  padding: 15px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: var(--modern-shadow);
}

.phone.next-ui-theme .scf-screen .scf-status-card > span,
.phone.next-ui-theme .scf-screen .scf-status-card.funded > span,
.phone.next-ui-theme .scf-screen .scf-status-card.approved > span,
.phone.next-ui-theme .scf-screen .scf-status-card.needs-info > span,
.phone.next-ui-theme .scf-screen .scf-status-card.declined > span {
  border: 1px solid var(--modern-border);
  color: var(--modern-primary);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .scf-screen .scf-status-card.needs-info > span,
.phone.next-ui-theme .scf-screen .scf-status-card.declined > span {
  border-color: #eadfc9;
  color: #6e4b0b;
  background: #fff5df;
}

.phone.next-ui-theme .scf-screen .scf-status-card :is(small, p),
.phone.next-ui-theme .scf-screen .scf-status-card.funded :is(small, p) {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-screen .scf-status-card h2 {
  color: var(--ink);
}

.phone.next-ui-theme .scf-screen .scf-status-card h2.sensitive {
  color: var(--modern-secondary);
}

.phone.next-ui-theme .scf-screen .scf-timeline {
  margin: 14px 0;
  padding: 12px;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .035);
}

.phone.next-ui-theme .scf-screen .scf-timeline li:not(:last-child)::after {
  background: var(--modern-border);
}

.phone.next-ui-theme .scf-screen .scf-timeline li > i {
  border-color: var(--modern-border-strong);
  color: var(--muted);
  background: var(--modern-surface);
}

.phone.next-ui-theme .scf-screen .scf-timeline li.done > i {
  border-color: var(--modern-primary);
  color: #fff;
  background: var(--modern-primary);
}

.phone.next-ui-theme .scf-screen .scf-timeline li.active > i {
  border-color: var(--modern-primary);
  color: var(--modern-primary);
  background: #fff;
}

.phone.next-ui-theme .scf-screen .scf-timeline li.active > i::after {
  background: var(--modern-primary);
}

.phone.next-ui-theme .scf-screen .scf-timeline :is(strong, small) {
  color: var(--ink);
}

.phone.next-ui-theme .scf-screen .scf-timeline small {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-screen .scf-funded-details,
.phone.next-ui-theme .scf-screen .scf-requirements,
.phone.next-ui-theme .scf-screen .scf-requested-evidence {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  color: var(--ink);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .035);
}

.phone.next-ui-theme .scf-screen .scf-requested-evidence :is(p, small) {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .scf-screen .scf-requirements > header {
  border-bottom: 1px solid var(--modern-border);
  color: var(--ink);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .scf-screen .scf-requirements header small,
.phone.next-ui-theme .scf-screen .scf-requirements li {
  color: var(--muted);
}

.phone.next-ui-theme .scf-screen .scf-requirements li.done {
  color: var(--ink);
}

.phone.next-ui-theme .scf-screen .scf-case-summary {
  border-color: var(--modern-border);
  background: var(--modern-surface-soft);
}

.phone.next-ui-theme .scf-screen .scf-case-summary article {
  color: var(--ink);
  background: var(--modern-surface);
}

.phone.next-ui-theme .scf-screen .scf-case-summary article.action {
  color: #6e4b0b;
  background: #fff5df;
}

.phone.next-ui-theme .scf-screen .scf-case-row :is(strong, b) {
  color: var(--ink);
}

.phone.next-ui-theme .scf-screen .scf-case-row :is(small, i) {
  color: var(--muted);
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

/* Card issuance: group status content and keep a consistent page rhythm. */
.phone.next-ui-theme :is(#login-step-new-card-request, .card-tracking-step) {
  background: var(--modern-canvas);
}

.phone.next-ui-theme .card-tracking-step {
  padding-top: 18px;
  padding-bottom: calc(26px + env(safe-area-inset-bottom, 0px));
}

.phone.next-ui-theme .card-tracking-step > .login-topbar {
  min-height: 44px;
  margin-bottom: 14px;
}

.phone.next-ui-theme .card-tracking-step > .login-topbar > button {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(20, 30, 43, .035);
}

.phone.next-ui-theme .card-tracking-step .tracking-reference {
  min-width: 0;
  margin-left: auto;
  gap: 2px;
  align-items: flex-start;
  text-align: right;
}

.phone.next-ui-theme .card-tracking-step .tracking-reference small {
  color: var(--muted);
  font-size: 7px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
}

.phone.next-ui-theme .card-tracking-step .tracking-reference strong {
  color: var(--ink);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  letter-spacing: .025em;
}

.phone.next-ui-theme .card-tracking-step .tracking-card-mini {
  width: 250px;
  min-height: 148px;
  margin: 4px auto 20px;
  padding: 15px 16px;
  transform: none;
  border-color: #24476f;
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(43, 84, 132, .15);
}

.phone.next-ui-theme .card-tracking-step .tracking-card-mini > strong {
  font-size: 12px;
}

.phone.next-ui-theme .card-tracking-status-card {
  margin: 0 0 14px;
  padding: 0 14px 14px;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-lg);
  background: var(--modern-surface);
  box-shadow: 0 6px 20px rgba(20, 30, 43, .045);
}

.phone.next-ui-theme .card-tracking-status-card > .login-heading {
  margin: 0 -14px 4px;
  padding: 15px 14px 14px;
  border-bottom: 1px solid var(--modern-border);
  background: var(--modern-surface-soft);
  text-align: right;
}

.phone.next-ui-theme .card-tracking-status-card > .login-heading > span {
  margin: 0 0 3px;
  display: block;
  color: var(--modern-secondary);
  font-size: 7.5px;
  font-family:"Vazirmatn SemiBold",Tahoma,sans-serif;
}

.phone.next-ui-theme .card-tracking-status-card > .login-heading h2 {
  margin: 0;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.55;
  letter-spacing: -.025em;
}

.phone.next-ui-theme .card-tracking-status-card > .login-heading p {
  max-width: 100%;
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 8px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.8;
}

.phone.next-ui-theme .card-tracking-status-card .postal-code-card {
  min-height: 68px;
  margin: 12px 0 4px;
  padding: 10px 11px;
  border-radius: 14px;
  background: var(--modern-surface-soft);
  box-shadow: none;
}

.phone.next-ui-theme .card-tracking-status-card .postal-code-card strong {
  font-size: 8px;
}

.phone.next-ui-theme .card-tracking-status-card .card-delivery-timeline {
  margin: 4px 0 0;
  padding: 9px 2px 0;
}

.phone.next-ui-theme .card-tracking-status-card .card-delivery-timeline li {
  min-height: 58px;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.phone.next-ui-theme .card-tracking-status-card .card-delivery-timeline li:not(:last-child)::after {
  top: 29px;
  right: 14px;
  bottom: 0;
  background: var(--modern-border-strong);
}

.phone.next-ui-theme .card-tracking-status-card .card-delivery-timeline li > i {
  width: 29px;
  height: 29px;
  border-color: var(--modern-border-strong);
  color: var(--muted);
  background: var(--modern-surface);
  font-size: 7px;
}

.phone.next-ui-theme .card-tracking-status-card .card-delivery-timeline li > span {
  min-width: 0;
  padding-top: 2px;
  gap: 2px;
  text-align: right;
}

.phone.next-ui-theme .card-tracking-status-card .card-delivery-timeline strong {
  color: var(--ink);
  font-size: 8.5px;
  line-height: 1.6;
}

.phone.next-ui-theme .card-tracking-status-card .card-delivery-timeline small {
  margin: 0;
  color: var(--muted);
  font-size: 6.5px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.65;
}

.phone.next-ui-theme .card-tracking-step .delivery-address-summary {
  margin: 0 0 14px;
  padding: 13px 14px;
  overflow: hidden;
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .035);
  text-align: right;
}

.phone.next-ui-theme .card-tracking-step .delivery-address-summary header {
  min-height: 25px;
  gap: 12px;
}

.phone.next-ui-theme .card-tracking-step .delivery-address-summary header strong {
  color: var(--ink);
  font-size: 9px;
}

.phone.next-ui-theme .card-tracking-step .delivery-address-summary header button {
  flex: 0 0 auto;
  padding: 3px 0;
  border-bottom-color: var(--modern-secondary);
  color: var(--modern-secondary);
  font-size: 6.5px;
}

.phone.next-ui-theme .card-tracking-step .delivery-address-summary p {
  margin: 7px 0 4px;
  color: var(--ink);
  font-size: 7.5px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.85;
}

.phone.next-ui-theme .card-tracking-step .delivery-address-summary small {
  display: block;
  color: var(--muted);
  font-size: 6.5px;
  font-family:"Vazirmatn Medium",Tahoma,sans-serif;
  line-height: 1.8;
}

.phone.next-ui-theme .card-tracking-step .delivery-issue-note {
  margin: 0 0 14px;
  border-color: #ead6d2;
  border-radius: var(--modern-radius-md);
  background: #fff8f7;
  box-shadow: none;
}

.phone.next-ui-theme .card-tracking-step .login-actions {
  margin-top: 2px;
  padding: 0 0 2px;
}

.phone.next-ui-theme .card-tracking-step .login-actions .primary-button {
  min-height: 52px;
}

.phone.next-ui-theme .card-tracking-step .login-actions .login-text-button {
  min-height: 38px;
  margin-top: 3px;
}

.phone.next-ui-theme #login-step-new-card-request .compact-heading {
  margin-top: 24px;
}

.phone.next-ui-theme #login-step-new-card-request .card-design-picker,
.phone.next-ui-theme #login-step-new-card-request .card-address-panel {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius-md);
  background: var(--modern-surface);
  box-shadow: 0 5px 16px rgba(20, 30, 43, .035);
}

.phone.next-ui-theme #login-step-new-card-request .card-design-picker {
  margin-bottom: 16px;
  padding: 12px;
}

.phone.next-ui-theme #login-step-new-card-request .delivery-heading {
  margin: 18px 2px 8px;
}

.phone.next-ui-theme #login-step-new-card-request .card-address-panel {
  margin-top: 12px;
}

@media (max-width: 390px) {
  .phone.next-ui-theme .app-header {
    padding-right: 14px;
    padding-left: 14px;
  }

  .phone.next-ui-theme .app-screen {
    padding-right: 15px;
    padding-left: 15px;
  }

  .phone.next-ui-theme .login-step {
    padding-right: 16px;
    padding-left: 16px;
  }

  .phone.next-ui-theme :is(.page-heading, .page-intro, .next-page-intro) {
    margin-bottom: 21px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .phone.next-ui-theme *,
  .phone.next-ui-theme *::before,
  .phone.next-ui-theme *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}