/* Order sizing: account amounts remain separate from the requested position value. */
.tk:has(#sizingPanel) .fr:has(#qty){grid-template-columns:minmax(0,1fr);gap:7px;margin-bottom:9px}
.tk:has(#sizingPanel) .fr:has(#qty)>label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--dim)}
.tk:has(#sizingPanel) .fr:has(#qty) .szm{margin:0}
.tk:has(#sizingPanel) .fr:has(#qty) .stp{grid-template-columns:minmax(0,1fr) 36px 36px;background:var(--bg)}
.tk:has(#sizingPanel) #qty{height:42px;min-width:0;font-size:20px;line-height:1.2;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-.025em;padding:0 12px}
.tk:has(#sizingPanel) #szp{margin:4px 0 9px;gap:5px}
.tk:has(#sizingPanel) #szp button{height:30px;font-size:11px}
.sizing-presets-label{margin:0;color:var(--faint);font:10px/1.35 var(--ui);letter-spacing:.015em}
.tk:has(#sizingPanel) #szx{text-align:left;line-height:1.65;margin:0 0 10px;font-size:10px;color:var(--faint)}
.order-sizing{margin:0 0 12px;padding:10px;border:1px solid var(--l2);border-radius:8px;background:var(--p2);font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}
.order-sizing__summary{margin:0 0 6px;font-size:11px;line-height:1.4;color:var(--ink);font-weight:550}
.order-sizing__side{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px;min-height:25px}
.order-sizing__label{font-size:10px;color:var(--faint)}
.order-sizing__value{font-size:11px;color:var(--dim);text-align:right;white-space:nowrap}
.order-sizing__side:has(.order-sizing__adjust:not([hidden])){grid-template-columns:minmax(0,1fr) auto auto;min-height:36px}
.order-sizing__adjust{border:1px solid var(--l3);background:var(--p);border-radius:5px;color:var(--ink);font:500 10px/1.2 var(--ui);padding:6px 8px;min-height:30px;white-space:nowrap;transition:background .15s,border-color .15s}
.order-sizing__adjust:hover{background:var(--hov);border-color:var(--red)}
.order-sizing__adjust:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.order-sizing__adjust:disabled{opacity:.5;cursor:not-allowed}
.order-sizing__message{font-size:10px;line-height:1.5;color:var(--faint);margin:7px 0 0;padding-top:7px;border-top:1px solid var(--l);overflow-wrap:anywhere}
.order-sizing__message:empty{display:none}
.order-sizing[data-state=adjust] .order-sizing__message{color:var(--amb)}
.order-sizing[data-state=unavailable] .order-sizing__value{color:var(--faint)}
.order-sizing[data-state=unavailable] .order-sizing__message{color:var(--dim)}
.order-sizing[data-policy=account_margin_bbo] .order-sizing__side{display:none}
.paper-sizing-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--faint);font-size:10px}
.paper-sizing-controls[hidden]{display:none}
#paperMaxSize{flex:0 0 auto;min-height:30px;padding:6px 9px;border:1px solid var(--l3);border-radius:5px;background:var(--p);color:var(--ink);font:500 10px/1.2 var(--ui);cursor:pointer}
#paperMaxSize:hover{border-color:var(--acc);background:var(--hov)}
#paperMaxSize:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
#paperMaxSize:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px),(pointer:coarse){
 .tk:has(#sizingPanel) .fr:has(#qty) .stp{grid-template-columns:minmax(0,1fr) 44px 44px}
 .tk:has(#sizingPanel) #qty{height:46px;font-size:22px}
 .tk:has(#sizingPanel) #szp button{height:44px;font-size:12px}
 .order-sizing__adjust{min-height:44px;font-size:11px;padding:7px 9px}
 .order-sizing__side:has(.order-sizing__adjust:not([hidden])){min-height:50px}
 .order-sizing__label{font-size:11px}.order-sizing__message{font-size:11px}
 .sizing-presets-label{font-size:11px}
 .paper-sizing-controls{font-size:11px}#paperMaxSize{min-height:44px;font-size:11px}
}
@media(max-width:350px){
 .order-sizing__side:has(.order-sizing__adjust:not([hidden])){grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:4px 0}
 .order-sizing__side:has(.order-sizing__adjust:not([hidden])) .order-sizing__adjust{grid-column:1/-1;justify-self:stretch}
}
@media(prefers-reduced-motion:reduce){.order-sizing__adjust{transition:none}}

#szp button[aria-pressed="true"] { border-color: var(--acc); color: var(--ink); background: color-mix(in srgb, var(--acc) 12%, transparent); }
