/* Compact calculator: retain the existing single, two-column workspace. */
.layout-transfer #panel-calculator .calculator-layout{width:min(860px,100%);max-width:860px;border-radius:16px;box-shadow:none;background:var(--surface)}
.layout-transfer #panel-calculator .calculator-card{padding:24px;background:transparent;box-shadow:none}
.layout-transfer #panel-calculator .calculator-section-heading{gap:10px;margin-bottom:20px}
.layout-transfer #panel-calculator .calculator-section-heading h2{font-size:18px;font-weight:600;line-height:24px}
.layout-transfer #panel-calculator .calculator-modes{margin-bottom:20px;padding:4px;gap:4px;border-radius:10px;background:transparent}
.layout-transfer #panel-calculator .calculator-modes button{border-radius:7px;min-height:44px;font-size:12px}
.layout-transfer #panel-calculator .calculator-modes button.is-active{background:#355d80;color:#fff;box-shadow:none}
.layout-transfer #panel-calculator .calculator-field{font-weight:500;gap:7px}
.layout-transfer #panel-calculator .calculator-input-wrap{border-radius:9px;height:44px}
.layout-transfer #panel-calculator .calculator-cost-field .calculator-input-wrap{height:50px}
.layout-transfer #panel-calculator .calculator-input-wrap input{text-align:left;font-variant-numeric:tabular-nums}
.layout-transfer #panel-calculator .calculator-input-wrap input::placeholder{font-size:13px}
.layout-transfer #panel-calculator .calculator-copy{min-height:42px;border-radius:9px;font-size:13px}
.layout-transfer #panel-calculator .calculator-settings{margin-top:22px;padding-top:16px}
.layout-transfer #panel-calculator .calculator-supplier-compare{background:transparent;border-radius:0;border:0;border-top:1px solid var(--border);padding:14px 0}
@media(max-width:840px){.layout-transfer #panel-calculator .calculator-layout{max-width:620px}}
@media(max-width:600px){.layout-transfer #panel-calculator .calculator-card{padding:20px 16px}.layout-transfer #panel-calculator .calculator-panel-body{padding:16px 14px 96px}}
/* In-app confirmation. Opening and cancelling never submit a payment. */
.keybuy-payment-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:24px;border:1px solid var(--border,#40566b);border-radius:16px;background:var(--surface,#253344);color:var(--text,#e7edf5);font-family:inherit;box-shadow:0 24px 80px #0005}
.keybuy-payment-dialog::backdrop{background:#07111bc0}
.keybuy-payment-dialog h2{font-size:20px;line-height:1.3;margin:0 0 10px;font-weight:600}
.keybuy-confirm-product{font-size:14px;line-height:1.5;margin:0 0 20px;overflow-wrap:anywhere}
.keybuy-payment-dialog dl{margin:0;border-top:1px solid var(--border,#40566b)}
.keybuy-payment-dialog dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--border,#40566b);font-size:13px;line-height:1.5}
.keybuy-payment-dialog dt{color:var(--text2,#b5c1cf)}
.keybuy-payment-dialog dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:500}
.keybuy-confirm-note{font-size:12px;line-height:1.6;color:var(--text2,#b5c1cf);margin:16px 0 24px}
.keybuy-confirm-actions{display:flex;justify-content:flex-end;gap:10px}
.keybuy-confirm-actions button{font:inherit;font-size:13px;min-height:42px;padding:10px 16px;border-radius:9px;border:1px solid var(--border,#40566b);background:transparent;color:var(--text,#e7edf5);cursor:pointer}
.keybuy-confirm-actions .keybuy-confirm-submit{background:#3075ce;color:#fff;border-color:#3075ce}
.keybuy-confirm-actions button:focus-visible{outline:2px solid var(--accent,#80bcfa);outline-offset:3px}
@media(max-width:420px){.keybuy-payment-dialog{padding:20px}.keybuy-payment-dialog dl>div{grid-template-columns:110px minmax(0,1fr);gap:12px}.keybuy-confirm-actions{flex-direction:column-reverse}.keybuy-confirm-actions button{width:100%}}

/* One focus border on the field; align text with the usual inner inset. */
.layout-transfer #panel-calculator .calculator-input-wrap{padding:0 44px 0 14px}
.layout-transfer #panel-calculator .calculator-input-wrap input{font-size:18px;font-weight:500;border:0;box-shadow:none}
.layout-transfer #panel-calculator .calculator-input-wrap input:focus,
.layout-transfer #panel-calculator .calculator-input-wrap input:focus-visible{outline:none!important;box-shadow:none!important}
.layout-transfer #panel-calculator .calculator-input-wrap input::placeholder{font-size:14px;font-weight:400;letter-spacing:normal}