.payment-methods-screen { min-width: 0; }
.payment-method-list { padding: 0; }
.payment-method-entry { padding: 1rem; display: grid; gap: .5rem; }
.payment-method-entry + .payment-method-entry { border-top: 1px solid var(--border); }
.payment-method-title { display: flex; gap: .625rem; align-items: center; min-width: 0; }
.payment-method-title svg { width: 1.375rem; height: 1.375rem; flex: none; color: var(--accent); }
.payment-method-title strong, .payment-method-entry small { overflow-wrap: anywhere; }
.payment-method-actions { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.payment-method-actions button { min-height: 2.75rem; text-align: left; }
.payment-method-delete { color: var(--danger); }
.payment-method-form { display: grid; gap: 1rem; min-width: 0; }
.payment-method-details { width: 100%; min-height: 7rem; resize: vertical; font: inherit; white-space: pre-wrap; }
.payment-method-error { margin: 0; color: var(--danger); overflow-wrap: anywhere; }
.payment-methods-screen .field select { width: 100%; min-width: 0; min-height: 2.75rem; padding: .75rem; border: 0; border-radius: .875rem; background: var(--surface); color: var(--text); }
.payment-template-options { display: grid; gap: .5rem; }
.payment-template-option { min-height: 2.75rem; display: grid; gap: .25rem; text-align: left; padding: .75rem; }
.payment-template-option small { color: var(--muted); }