/* Source geometry: 375px logical width. Source status y44 is removed. */
.settlement-page-header { position: absolute; inset: 0 0 auto; height: calc(44 * var(--u) + var(--safe-top)); z-index: 20; background: #fff; }
.settlement-page-header h1 { position: absolute; top: var(--safe-top); left: 0; width: 100%; height: calc(44 * var(--u)); display: grid; place-items: center; margin: 0; font-size: calc(18 * var(--u)); line-height: calc(27 * var(--u)); font-weight: 600; pointer-events: none; outline: none; }
.settlement-support { position: absolute; right: calc(5 * var(--u)); top: var(--safe-top); width: calc(44 * var(--u)); height: calc(44 * var(--u)); }
.settlement-support img { position: absolute; left: calc(8 * var(--u)); top: calc(8.667 * var(--u)); width: calc(28 * var(--u)); height: calc(26.667 * var(--u)); }
.on-settlement .page-scroll { background: #f4f4f4; }
.on-settlement button:focus-visible, .on-settlement input:focus-visible { outline-color: #0069fc; }
.on-settlement ::selection { background: #cfe3ff; color: #242424; }
#settlement-view { min-height: 100%; padding-top: calc(44 * var(--u) + var(--safe-top)); background: #f4f4f4; color: #242424; }
.settlement-content { position: relative; min-height: calc(536 * var(--u)); }
.settlement-risk { position: relative; height: calc(42 * var(--u)); background: #fef8f3; font-size: calc(14.3 * var(--u)); line-height: calc(20 * var(--u)); white-space: nowrap; color: #25201d; }
.settlement-risk img { position: absolute; left: calc(15 * var(--u)); top: calc(12 * var(--u)); width: calc(18 * var(--u)); height: calc(18 * var(--u)); }
.settlement-risk > span { position: absolute; left: calc(40 * var(--u)); top: calc(11 * var(--u)); }
.settlement-risk button { position: absolute; right: calc(12 * var(--u)); top: 0; width: calc(68 * var(--u)); height: 100%; color: #1569c2; font-size: inherit; line-height: inherit; }
.settlement-quota { position: relative; height: calc(48 * var(--u)); font-size: calc(14 * var(--u)); line-height: calc(18 * var(--u)); }
.settlement-quota-label { position: absolute; left: calc(17 * var(--u)); top: calc(6 * var(--u)); color: #666; }
.settlement-quota-values { position: absolute; left: calc(82 * var(--u)); top: calc(6 * var(--u)); font-weight: 600; }
.settlement-quota-values p { margin: 0; white-space: nowrap; }
.settlement-quota-values p span { font-family: Arial, sans-serif; }
.settlement-card { background: #fff; border-radius: calc(4 * var(--u)); }
.settlement-row { display: flex; align-items: center; justify-content: space-between; height: calc(52 * var(--u)); padding: 0 calc(16 * var(--u)); font-size: calc(16 * var(--u)); line-height: calc(24 * var(--u)); }
.settlement-label { font-weight: 600; white-space: nowrap; }
.settlement-account { position: absolute; left: calc(10 * var(--u)); top: calc(90 * var(--u)); width: calc(355 * var(--u)); }
.settlement-account-number { display: flex; align-items: baseline; gap: calc(6 * var(--u)); font-family: Arial, sans-serif; color: #666; }
.settlement-account-mask { letter-spacing: calc(1 * var(--u)); }
.settlement-balance { position: absolute; left: calc(18 * var(--u)); top: calc(147 * var(--u)); height: calc(26 * var(--u)); display: flex; align-items: center; gap: calc(6 * var(--u)); margin: 0; color: #666; font-size: calc(13 * var(--u)); line-height: calc(20 * var(--u)); white-space: nowrap; }
.settlement-balance span:last-child { color: var(--accent-red); }
.settlement-currency-card { position: absolute; left: calc(10 * var(--u)); top: calc(184 * var(--u)); width: calc(355 * var(--u)); height: calc(105 * var(--u)); }
.settlement-currency { border-bottom: calc(1 * var(--u)) solid #f5f5f5; height: calc(53 * var(--u)); }
.settlement-amount-row { position: relative; }
.settlement-amount-row input { position: absolute; left: calc(132 * var(--u)); top: 0; width: calc(142 * var(--u)); height: 100%; min-width: 0; border: 0; border-radius: calc(2 * var(--u)); padding: 0; background: transparent; color: #242424; font-size: calc(15 * var(--u)); line-height: calc(24 * var(--u)); caret-color: #0069fc; }
.settlement-amount-row input::placeholder { color: #666; opacity: 1; }
.settlement-all { width: calc(56 * var(--u)); height: 100%; color: #1569c2; font-size: calc(13 * var(--u)); line-height: calc(20 * var(--u)); white-space: nowrap; }
.settlement-source { position: absolute; left: calc(10 * var(--u)); top: calc(297.333 * var(--u)); width: calc(355 * var(--u)); text-align: left; }
.settlement-source-value { display: flex; align-items: center; gap: calc(5 * var(--u)); color: #666; }
.settlement-source-value svg { width: calc(10 * var(--u)); height: calc(18 * var(--u)); stroke-width: 1.4; color: #242424; }
.settlement-next { position: absolute; left: calc(18 * var(--u)); top: calc(389 * var(--u)); width: calc(339 * var(--u)); height: calc(44 * var(--u)); border-radius: calc(4 * var(--u)); color: #fff; background: #0069fc; font-size: calc(16 * var(--u)); line-height: calc(24 * var(--u)); font-weight: 600; }
.settlement-next:disabled { opacity: .5; cursor: default; }
.settlement-note { position: absolute; left: calc(15 * var(--u)); top: calc(468 * var(--u)); height: calc(24 * var(--u)); display: flex; align-items: center; gap: calc(6 * var(--u)); margin: 0; font-size: calc(13 * var(--u)); line-height: calc(20 * var(--u)); color: #666; white-space: nowrap; }
.settlement-note button { height: calc(44 * var(--u)); color: #1569c2; }
