.d8-payment .d8-payment-panel { padding:18px 22px; margin:18px 0; border:1px solid #cbd5e1; border-radius:8px; background:#f8fafc; color:#24364b; }
.d8-payment h2 { margin:0 0 12px; font-size:18px; color:#24364b; }
.d8-payment .d8-target { font-size:17px; font-weight:600; }
.d8-payment p { line-height:1.5; }
.d8-payment .d8-payment-note { color:#475569; margin:10px 0 0; }
.d8-payment .d8-payment-details { max-width:1100px; }
.d8-payment .d8-payment-details td { padding:10px 12px; }
.d8-payment .d8-payment-details td:first-child { width:220px; }
.d8-payment .d8-payment-details input:not([type=hidden]):not([type=checkbox]), .d8-payment .d8-payment-details select { min-height:34px; }
.d8-payment input.amount, .d8-payment input.multicurrency_amount { width:165px!important; max-width:165px!important; padding:10px; font-size:16px; text-align:right; box-sizing:border-box; font-variant-numeric:tabular-nums; }
.d8-payment .d8-selected-invoice { background:#eef4ff!important; outline:2px solid #7894c1; outline-offset:-2px; }
.d8-payment tr[hidden] { display:none!important; }
.d8-payment .d8-payment-total { font-size:20px; }
.d8-payment .d8-payment-warning { padding:10px; background:#fff7df; border-left:3px solid #b45309; color:#713f12; }
.d8-payment .d8-fill-label { margin-left:6px; font-size:12px; }
.d8-payment button.AutoFillAmount { white-space:nowrap; }
@media(max-width:650px) { .d8-payment .d8-payment-panel { padding:14px; } .d8-payment .d8-payment-details td { display:block; width:auto!important; } .d8-payment .d8-payment-total { font-size:17px; } }