.auto-amount-field {position:relative; padding:10px; border:1px solid var(--color-warning); border-radius:10px; background:var(--color-surface-subtle)}
.auto-amount-field>small {float:right; color:var(--color-warning); font-size:11px; font-weight:700}
.amount-confirm-backdrop {position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:var(--space-5); background:var(--color-overlay); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px)}
.amount-confirm {width:min(620px,100%); max-height:calc(100vh - 48px); overflow:auto; padding:var(--space-5); border:1px solid var(--color-border); border-radius:var(--radius-modal); background:var(--color-surface); box-shadow:var(--shadow-modal)}
.amount-confirm h2 {margin:8px 0}
.amount-confirm>p {color:var(--muted,var(--color-text-secondary)); line-height:1.65}
.amount-confirm-list {margin:22px 0; border:1px solid var(--line,var(--color-border)); border-radius:12px; overflow:hidden}
.amount-confirm-list article {display:flex; justify-content:space-between; gap:20px; padding:15px 16px; border-bottom:1px solid var(--line,var(--color-border))}
.amount-confirm-list article:last-child {border-bottom:0}
.amount-confirm-list article>div {display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px}
.amount-confirm-list span {color:var(--muted,var(--color-text-secondary))}
.amount-confirm-list b {margin-left:5px; color:var(--ink,var(--color-text))}
.amount-confirm-total {display:flex; align-items:center; justify-content:space-between; padding:16px; border-radius:10px; background:var(--color-surface-muted)}
.amount-confirm-total strong {font-size:20px}
.amount-confirm-warning {padding:12px 14px; border:1px solid var(--color-warning-border); border-radius:10px; background:var(--color-warning-soft); color:var(--color-warning)!important}
.amount-confirm .actions {justify-content:flex-end}
@media(max-width:640px){.amount-confirm {padding:22px}.amount-confirm-list article {flex-direction:column}.amount-confirm-list article>div {justify-content:flex-start}}