/* Manual deposit calculator. Builds on calc.css (panel, inputs, result card) and the --rt-* colour variables. */
/* Same reset as .rt-calc-amt in calc.css, so the theme's own input styling (borders, padding, height) does not leak in. */
.rt-mcalc .rt-calc-input .rt-mcalc-in{flex:1 1 auto;min-width:0;width:100%;height:auto;min-height:0;margin:0;padding:9px 0;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;color:inherit;font:inherit;font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums}
/* Keep the unit badge ("S$", "Months", "% p.a.") on one line instead of letting it wrap letter by letter. */
.rt-mcalc .rt-calc-input .rt-calc-cur{flex:0 0 auto;white-space:nowrap;writing-mode:horizontal-tb}
.rt-mcalc-panel{align-items:flex-end}
.rt-mcalc-field{flex:1 1 180px}
.rt-mcalc .rt-mcalc-btn{all:unset;box-sizing:border-box;cursor:pointer;flex:0 0 auto;padding:11px 22px;border-radius:8px;background:var(--rt-head,#14233B);color:var(--rt-head-text,#fff);font-size:15px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.03em;text-align:center}
.rt-mcalc .rt-mcalc-btn:hover{background:var(--rt-accent,#0B5D66)}
.rt-mcalc .rt-mcalc-btn:focus-visible{outline:2px solid var(--rt-accent,#0B5D66);outline-offset:2px}
.rt-mcalc .rt-mcalc-out{margin-top:14px}
.rt-mcalc .rt-mcalc-out .rt-calc-card{grid-template-columns:1fr auto auto}
.rt-mcalc .rt-mcalc-note{margin:10px 2px 0;font-size:13px;opacity:.75}
@media (max-width:600px){
.rt-mcalc-field{flex:1 1 100%}
.rt-mcalc .rt-mcalc-btn{flex:1 1 100%}
.rt-mcalc .rt-mcalc-out .rt-calc-card{grid-template-columns:1fr 1fr}
.rt-mcalc .rt-mcalc-out .rt-calc-bank{grid-column:1 / -1}
.rt-mcalc .rt-mcalc-out .rt-calc-fig{align-items:flex-start}
}
