.pay{gap:var(--space-4);display:grid}.pay-remaining{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-panel);background:var(--surface-2);display:flex}.pay-remaining strong{font-size:var(--fs-2xl);font-weight:800}.pay-amount,.pay-cash{gap:var(--space-3);display:grid}.pay-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.pay-hint,.pay-note{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.7}.pay-change{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-panel);border:1px dashed var(--border-strong);display:flex}.pay-change strong{font-size:var(--fs-xl);font-weight:800}.pay-change[data-short] strong{color:var(--danger-ink)}.pay-error{color:var(--danger-ink);font-weight:500}.pay-done{justify-items:center;gap:var(--space-2);padding:var(--space-6) 0;text-align:center;display:grid}.pay-done svg{block-size:4rem;inline-size:4rem;color:var(--success)}.pay-done__title{font-size:var(--fs-xl);font-weight:700}.pay-done__change{font-size:var(--fs-lg);color:var(--primary-ink);font-weight:700}