:root { --brand-gold: #FFD700; --brand-dark-slate: #1C262B; --brand-muted-gray: #5f6368; }
.record-payment-form { box-sizing: border-box; font: 500 13px/1.5 'Montserrat', sans-serif; color: var(--brand-dark-slate); background: #fff; border: 1px solid #dadce0; border-radius: 8px; padding: 24px; box-shadow: 0 1px 3px rgba(0,0,0,.04); overflow-wrap: anywhere; }
.record-payment-form [hidden] { display: none !important; }
.record-payment-form h2 { font-size: 16px; font-weight: 600; margin: 0; }
.record-payment-form .record-payment-amount { text-align: center; padding: 20px 0; border-bottom: 1px solid #f1f3f4; margin-bottom: 20px; }
.record-payment-form .record-payment-amount p { font-size: 11px; font-weight: 700; color: var(--brand-muted-gray); text-transform: uppercase; letter-spacing: .07em; margin: 0 0 6px; }
.record-payment-form .record-payment-amount strong { font-size: 38px; font-weight: 700; line-height: 1.1; }
.record-payment-form .record-payment-review { padding: 0 0 16px; }
.record-payment-form .record-payment-review p { color: var(--brand-muted-gray); }
.record-payment-form [role=status]:empty { display: none; }
.record-payment-form h3 { font-size: 15px; font-weight: 600; }
.record-payment-form label { display: block; margin: 16px 0; }
.record-payment-form label[hidden] { display: none; }
.record-payment-form label span { display: block; margin-bottom: 6px; font-weight: 600; }
.record-payment-form input:not([type=checkbox]), .record-payment-form select, .record-payment-form textarea { box-sizing: border-box; width: 100%; padding: 8px 10px; border: 1px solid #ccc; border-radius: 6px; background: #fff; font: inherit; }
.record-payment-form textarea { min-height: 64px; resize: vertical; }
.record-payment-form dt { color: var(--brand-muted-gray); margin-top: 8px; }
.record-payment-form dd { margin: 2px 0 0; }
.record-payment-form .record-payment-actions { display: flex; justify-content: flex-end; gap: 16px; padding-top: 8px; }
.record-payment-form button { padding: 8px 16px; border-radius: 6px; font: 600 13px 'Montserrat', sans-serif; cursor: pointer; width: auto; margin: 0; }
.record-payment-form .btn { background: var(--brand-gold); color: var(--brand-dark-slate); border: none; }
.record-payment-form .btn:hover { background: #e6c200; }
.record-payment-form .btn-outline { background: transparent; color: var(--brand-muted-gray); border: 1px solid #dadce0; }
.record-payment-form .btn-outline:hover { background: #f1f3f4; color: var(--brand-dark-slate); }
.record-payment-form button:disabled { background: #f1f3f4; color: #a8abaf; cursor: not-allowed; opacity: 1; border: none; }
.record-payment-form .input-empty { background: #fffde7 !important; border-color: #f4b400 !important; }
.record-payment-form .input-empty:focus { background: #fff !important; border-color: #f29900 !important; }