.pay-app { max-width: 36rem; }
.pay-card {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #d9dee5);
    border-radius: var(--card-radius, 12px);
    padding: 1.25rem;
}
.pay-card label { display: block; font-weight: 600; margin: 1rem 0 0.25rem; }
.pay-card input[type="email"] {
    width: 100%;
    font: inherit;
    padding: 0.6rem 0.7rem;
    border: 1px solid var(--border, #c8ced6);
    border-radius: 8px;
}
.pay-list { list-style: none; margin: 0; padding: 0; }
.pay-item { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; justify-content: space-between; padding: 0.75rem 0; border-top: 1px solid var(--border, #d9dee5); }
.pay-item:first-child { border-top: 0; }
.pay-desc { margin: 0.25rem 0 0; opacity: 0.8; }
.pay-amount { font-size: 1.6rem; font-weight: 700; margin: 0 0 1rem; }
.pay-status { min-height: 1.4rem; margin: 0.6rem 0 0; }
.pay-status.is-error { color: #b42318; }