/* Standalone payment estimator — scoped to .tw-estimator so it's safe to drop
   anywhere (inventory pages, etc.). Uses theme tokens with hard fallbacks. */
.tw-estimator{--eline:#D4DAE4;background:#fff;border:1px solid var(--eline);border-radius:14px;padding:18px;font-family:var(--body,system-ui,-apple-system,sans-serif)}
.tw-estimator .tw-est-title{font:700 12px/1.2 var(--mono,monospace);text-transform:uppercase;letter-spacing:.08em;color:var(--navy-2,#2E5AA8);margin-bottom:12px}
.tw-estimator .tw-est-tabs{display:flex;gap:6px;margin-bottom:12px}
.tw-estimator .tw-est-tabs button{flex:1;border:1.5px solid var(--eline);background:#fff;color:var(--navy,#16315E);border-radius:8px;padding:9px;font:700 12.5px/1 var(--body,sans-serif);cursor:pointer}
.tw-estimator .tw-est-tabs button.on{background:var(--navy,#16315E);color:#fff;border-color:var(--navy,#16315E)}
.tw-estimator .tw-est-out{display:flex;align-items:baseline;gap:5px;margin-bottom:11px}
.tw-estimator .tw-est-out .amt{font:800 32px/1 var(--disp,sans-serif);color:var(--ink,#0C1016);letter-spacing:.01em}
.tw-estimator .tw-est-out .per{font:600 14px/1 var(--body,sans-serif);color:var(--muted,#5C6675)}
.tw-estimator .tw-est-ctrls{display:flex;gap:8px;flex-wrap:wrap}
.tw-estimator .tw-est-f{flex:1;min-width:74px;display:flex;flex-direction:column;gap:4px}
.tw-estimator .tw-est-f>span{font:700 9.5px/1 var(--mono,monospace);text-transform:uppercase;letter-spacing:.07em;color:var(--navy-2,#2E5AA8)}
.tw-estimator .tw-est-f select{border:1.5px solid var(--eline);border-radius:7px;padding:8px 6px;font:600 12.5px/1 var(--body,sans-serif);color:var(--ink,#0C1016);background:#fff;width:100%}
.tw-estimator .tw-est-f select:focus{outline:0;border-color:var(--navy-2,#2E5AA8)}
.tw-estimator .tw-est-disc{font-size:11px;color:var(--muted,#5C6675);line-height:1.5;margin-top:10px}
.tw-estimator .tw-est-disc b{color:var(--navy,#16315E);font-family:var(--mono,monospace)}