.eco-payment-dialog{background:#faf7f0;border:1px solid #dfd8ca;border-radius:20px;color:#171c19;width:min(560px,calc(100vw - 40px));max-height:85vh;overflow:auto;padding:26px;box-shadow:0 24px 80px #14291d33}.eco-payment-dialog::backdrop{background:#10271db3}.eco-payment-dialog h2{font-size:21px;margin:0 0 10px}.eco-payment-dialog p{line-height:1.8;font-size:15px}.eco-payment-dialog form>div{margin:18px 0}.eco-payment-dialog button{margin:8px 0 8px 10px}.eco-payment-dialog [role=status]{font-weight:600;min-height:28px}.eco-payment-dialog [hidden]{display:none!important}.eco-dialog-close{float:left;background:transparent;border:1px solid #d7d0c4;border-radius:10px;padding:6px 14px;color:#171c19}.eco-payment-summary{border-block:1px solid #dfd8ca;padding:14px 0;font-weight:600}#merchant-billing td{vertical-align:middle}#merchant-billing .eco-bill-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid #14553c;border-radius:11px;background:#14553c;color:#fff;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}#merchant-billing .eco-bill-action svg{width:20px;height:20px}.eco-bill-status{display:inline-block;padding:6px 10px;border-radius:20px;white-space:nowrap;font-weight:600;font-size:13px}.eco-bill-collecting{background:#eee9dd;color:#4b4b40}.eco-bill-due{background:#fff0cf;color:#75500b}.eco-bill-paid,.eco-bill-no_due{background:#e5eddf;color:#21482d}.eco-bill-sample td{border-top:1px dashed #cec6b5!important;font-size:13px;color:#616357}.eco-bill-sample .eco-bill-action{background:transparent!important;color:#14553c!important}.billing-row-note{color:#62675e;font-size:14px;line-height:1.8;margin:14px 0 0}@media(max-width:650px){.eco-payment-dialog{padding:18px}#merchant-billing table{min-width:680px}#merchant-billing{overflow-x:auto}}

.eco-payment-dialog select{width:100%;margin:10px 0 18px;padding:12px;border:1px solid #cfc7b8;border-radius:12px;background:#faf7f0;color:#171c19;font:inherit}.eco-card-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.8;margin:18px 0;font-size:14px}.eco-card-consent input{width:20px;height:20px;flex-shrink:0;margin-top:5px}.eco-saved-card{display:flex;align-items:center;gap:14px;margin-top:14px;padding:18px;border:1px solid #d8d0bf;border-radius:14px;background:#faf7f0;direction:ltr}.eco-saved-card svg{width:28px;height:28px;color:#14553c}.eco-payment-dialog>label{font-weight:600}#merchant-saved-cards{background:#faf7f0}

.eco-payment-dialog .button,#merchant-saved-cards .button{appearance:none;background:#14553c;color:#fff;border:1px solid #14553c;border-radius:12px;min-height:46px;padding:11px 20px;font:700 15px/1.5 Tajawal,Arial,sans-serif;gap:8px;cursor:pointer;box-shadow:0 3px 8px #14553c14;transition:background .18s,border-color .18s;transform:none}
.eco-payment-dialog .button{width:100%;margin:10px 0 0}
.eco-payment-dialog .button:hover,#merchant-saved-cards .button:hover{background:#0c432e;border-color:#0c432e;transform:none}
.eco-payment-dialog .button.secondary{background:#faf7f0;color:#14553c;border-color:#b3c3b2;box-shadow:none;font-weight:600}
.eco-payment-dialog .button.secondary:hover{background:#eeeadd;border-color:#14553c}
.eco-payment-dialog .button:disabled,#merchant-saved-cards .button:disabled{background:#e3eadc;color:#5a7058;border-color:#d1dbc9;box-shadow:none;cursor:default;transform:none}
.eco-payment-dialog button:focus-visible,#merchant-saved-cards .button:focus-visible{outline:3px solid #8ab28b;outline-offset:3px}
.eco-payment-dialog .eco-dialog-close{appearance:none;min-height:34px;margin:0 0 10px 0;padding:5px 12px;font:600 13px/1.5 Tajawal,Arial,sans-serif;border:1px solid #c9d2c1;color:#14553c;background:#faf7f0;cursor:pointer}
.eco-payment-dialog [role=status]{font-size:14px;line-height:1.7;margin:14px 0 0;min-height:0}
.eco-payment-dialog form{margin:0}.eco-payment-dialog form>div{margin:16px 0}.eco-payment-dialog h2{line-height:1.5}

.eco-saved-card{flex-wrap:wrap}.eco-saved-card strong{flex:1}.eco-card-remove{appearance:none;padding:8px 14px;border:1px solid #cdb9ad;border-radius:10px;background:transparent;color:#8b3027;font:600 14px Tajawal,Arial,sans-serif;cursor:pointer}.eco-card-remove:hover{background:#f4e8de}.eco-card-remove:focus-visible{outline:3px solid #8ab28b;outline-offset:3px}
