/* Bezahlen im Portal mit PayPals Zahlarten (src/pay.js, 08.10.2026). PayPals Knöpfe und Kartenfelder sind Rahmen von
   PayPal; hier stehen nur Abstände, die Kartenfelder-Zeile und der Apple-Pay-Knopf (Apples eigene Darstellung). */
.pay-methods { display: grid; gap: 10px; margin: 4px 0 12px; }
.pay-methods.is-busy { opacity: 0.55; pointer-events: none; }
.pay-button, .pay-wallet { min-height: 45px; }
.pay-message { min-height: 0; }
.pay-card { display: grid; gap: 8px; padding: 14px; border-radius: var(--radius-s); background: var(--fill-2); }
.pay-card-title { margin: 0 0 2px; font-size: 16px; }
.pay-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pay-field { min-height: 48px; }
.pay-apple { display: block; width: 100%; height: 45px; border: 0; border-radius: 6px; cursor: pointer; -webkit-appearance: -apple-pay-button; appearance: -apple-pay-button; -apple-pay-button-type: pay; -apple-pay-button-style: black; }
@media (prefers-color-scheme: dark) { .pay-apple { -apple-pay-button-style: white; } }