.live-bonus-calculator{border:1px solid #c7d8e1;border-radius:12px;background:#f4f8fa;padding:24px;margin:24px 0;color:#163746}
.live-bonus-calculator [hidden]{display:none!important}
.live-bonus-calculator .live-bonus-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.live-bonus-calculator label{display:block;font-weight:700;margin-bottom:6px;color:#163746}
.live-bonus-calculator input,.live-bonus-calculator select{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #8ba8b8;border-radius:6px;background:#fff;color:#102b3c;font:inherit;min-height:46px}
.live-bonus-calculator input:focus,.live-bonus-calculator select:focus{outline:3px solid #8dc9ec;outline-offset:2px}
.live-bonus-calculator .live-bonus-hint{display:block;font-size:.9em;margin-top:5px}
.live-bonus-calculator button{display:inline-block;margin-top:20px;padding:13px 24px;background:#143f56;color:#fff;border:0;border-radius:6px;font:inherit;font-weight:700;cursor:pointer}
.live-bonus-calculator .live-bonus-result{margin-top:24px;padding:20px;border-left:4px solid #28789e;border-radius:6px;background:#fff}
.live-bonus-calculator .live-bonus-result.is-blocked{border-left-color:#a4671a}
.live-bonus-calculator dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0}
.live-bonus-calculator dt{font-weight:400}.live-bonus-calculator dd{font-weight:700;margin:0;overflow-wrap:anywhere}
.live-bonus-calculator .live-bonus-note{margin:16px 0 0}
@media(max-width:640px){.live-bonus-calculator{padding:16px}.live-bonus-calculator .live-bonus-fields,.live-bonus-calculator dl{grid-template-columns:1fr}.live-bonus-calculator dd{margin:0 0 8px}}
