.recharge-bonus-dialog { box-sizing:border-box; width:min(560px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:24px; border:1px solid #dce1ed; border-radius:18px; background:#fff; color:#27304b; box-shadow:0 20px 80px #17224133; }
.recharge-bonus-dialog::backdrop { background:#111a3c70; }
.recharge-bonus-dialog form, .recharge-bonus-dialog fieldset { display:grid; gap:16px; margin:0; }
.recharge-bonus-dialog header, .recharge-bonus-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.recharge-bonus-dialog h2 { margin:0 0 8px; font-size:20px; }
.recharge-bonus-dialog p { margin:0; line-height:1.65; overflow-wrap:anywhere; }
.recharge-bonus-dialog label { display:grid; gap:8px; font-size:14px; min-width:0; }
.recharge-bonus-dialog fieldset { padding:0; border:0; min-width:0; }
.recharge-bonus-dialog input, .recharge-bonus-dialog select { box-sizing:border-box; width:100%; min-width:0; border:1px solid #ced5e4; border-radius:8px; padding:10px; background:white; color:#27304b; font:inherit; }
.recharge-bonus-dialog button { cursor:pointer; padding:9px 16px; border:1px solid #d7dceb; border-radius:8px; }
.recharge-bonus-dialog footer button { white-space:nowrap; flex-shrink:0; }
.recharge-bonus-dialog footer .primary-button { flex:1; width:auto; }
.recharge-bonus-dates { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.recharge-bonus-example { background:#f1edff; color:#5840bd; padding:12px; border-radius:8px; }
.recharge-bonus-note { color:#68738a; font-size:12px; }
.recharge-bonus-dialog [data-message] { color:#b83243; font-size:13px; }
.recharge-bonus-dialog [hidden] { display:none; }
#billingRechargeBonus { grid-column:1 / -1; font-size:12px; line-height:1.6; color:#6350b4; overflow-wrap:anywhere; }
@media (max-width:480px) { .recharge-bonus-dialog { padding:18px; } .recharge-bonus-dates { grid-template-columns:1fr; } }