.status-callout.warning {
  border-color: #f0d08a;
  background: #fff8e8;
}

.status-callout.warning > i { color: #a46800; }

.payment-option-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.payment-option-card {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fbfcff;
}

.payment-option-card h2 { margin: 14px 0 8px; font-size: 20px; }
.payment-option-card > p { min-height: 66px; color: #64738a; font-size: 11px; line-height: 1.7; }
.payment-option-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: #eaf1ff; color: #285fdc; font-size: 21px; }
.bank-details { margin: 16px 0; padding: 14px; border-radius: 12px; background: #f1f5fb; }
.bank-details div { display: flex; justify-content: space-between; gap: 14px; padding: 7px 0; border-bottom: 1px solid #dfe6f0; font-size: 10px; }
.bank-details div:last-child { border-bottom: 0; }
.bank-details dt { color: #718097; font-weight: 600; }
.bank-details dd { margin: 0; text-align: right; font-weight: 750; overflow-wrap: anywhere; }
.receipt-review-actions { display: flex; align-items: center; gap: 12px; margin: 13px 0; }
.receipt-review-actions small { color: #7e899c; font-size: 8px; overflow-wrap: anywhere; }
.feedback-card { border-color: #b8cffd; background: #f5f8ff; }
.reopen-card { border-color: #c8d8f8; }

html[data-theme="dark"] .status-callout.warning { border-color: #725a2b; background: #332a17; }
html[data-theme="dark"] .payment-option-card,
html[data-theme="dark"] .feedback-card { background: #152338; }
html[data-theme="dark"] .bank-details { background: #1a2a40; }
html[data-theme="dark"] .bank-details div { border-color: #35455d; }

@media (max-width: 900px) {
  .payment-option-grid { grid-template-columns: 1fr; }
  .payment-option-card > p { min-height: auto; }
}