/* Compact review and payment records: paired labels and values share a row. */
#fxReview {max-width:780px;margin:10px 0}
#fxReview .review-section {padding:0;background:white;border:0}
#fxReview h4 {margin:0;padding:8px 10px;background:#075c79;color:white;font-size:14px}
#fxReview dl,.pay-workspace dl,.receipt dl {
 display:grid!important;grid-template-columns:minmax(130px,42%) minmax(0,58%)!important;
 gap:0!important;margin:8px 0!important;border:1px solid #76aebc;border-radius:6px;overflow:hidden;
 font-size:13px;line-height:1.35;
}
#fxReview dt,#fxReview dd,.pay-workspace dt,.pay-workspace dd,.receipt dt,.receipt dd {
 margin:0!important;padding:6px 9px!important;border-bottom:1px solid #a4cbd4;
 text-align:left!important;overflow-wrap:anywhere;min-width:0;
}
#fxReview dt,.pay-workspace dt,.receipt dt {background:#e9f5fa;border-right:2px solid #59a9bd;color:#164458}
#fxReview dd,.pay-workspace dd,.receipt dd {background:#f5fbf7;font-weight:700;color:#173d34}
#fxReview dt:nth-of-type(even),.pay-workspace dt:nth-of-type(even),.receipt dt:nth-of-type(even) {background:#e6f3ec}
#fxReview dd:nth-of-type(even),.pay-workspace dd:nth-of-type(even),.receipt dd:nth-of-type(even) {background:#fff9e9}
#fxReview dt:last-of-type,#fxReview dd:last-of-type,.pay-workspace dt:last-of-type,.pay-workspace dd:last-of-type,.receipt dt:last-of-type,.receipt dd:last-of-type {border-bottom:0}
.pay-workspace,.receipt {box-sizing:border-box;width:calc(100% - 24px);max-width:800px!important;margin:14px auto!important;padding:16px!important;border-radius:10px!important;font-size:13px;line-height:1.4}
.pay-workspace h1,.receipt h1 {font-size:22px!important;margin:4px 0}
.pay-workspace h2,.receipt h2 {font-size:16px!important;margin:8px 0}
.pay-head,.receipt-head {gap:12px!important;padding-bottom:8px!important}
.pay-head img,.receipt-head img {width:135px!important}
.pay-workspace p,.receipt p {margin:7px 0}
.pay-grid {gap:10px!important;margin:10px 0!important}
.pay-card {padding:9px!important;border-color:#69aabb!important;border-radius:7px!important}
.pay-workspace .reference,.pay-workspace .warning,.receipt .status {padding:8px 10px!important;margin:9px 0!important;font-size:13px!important;border-radius:6px!important}
.payment-actions,.receipt .actions {gap:8px!important;margin-top:10px!important}
.pay-workspace .button,.receipt .button {padding:8px 12px!important;font-size:13px!important;min-height:36px}
.receipt .contact {margin-top:12px!important;padding-top:8px!important}
body.simple-journey .journey-page[data-page="3"] .simple-intro {margin-bottom:10px;padding-bottom:6px}
body.simple-journey .journey-page[data-page="3"] .simple-consent {margin:10px 0;font-size:13px}
@media(max-width:600px){
 .pay-grid{grid-template-columns:1fr!important}
 #fxReview dl,.pay-workspace dl,.receipt dl{font-size:12px;grid-template-columns:minmax(110px,42%) minmax(0,58%)!important}
 .pay-workspace .button,.receipt .button{min-height:44px}
}
@media print{.receipt{width:100%;max-width:none!important;margin:0!important;padding:0!important}.receipt dl{break-inside:avoid}}

/* Keep the FX review, payment prompt and report within a readable width. */
#fxRequestForm .journey-page[data-page="3"] {max-width:800px;margin:auto}
#fxRequestForm label[hidden] {display:none!important}
#fxReview {width:100%;max-width:760px}
#fxReview dl {margin:0!important}
.pay-card dl {display:grid!important;grid-template-columns:minmax(110px,42%) minmax(0,58%)!important;gap:0!important}
.pay-card {min-width:0}
.pay-head h1 {font-size:22px!important}
.pay-workspace .pay-grid {grid-template-columns:1fr!important}
#fxRequestForm .journey-page[data-page="3"] h2 {font-size:20px}
@media print {.pay-workspace,.receipt{max-width:100%!important}.actions{display:none!important}}

.receipt-actions {gap:8px!important;margin-top:10px!important}
