/* Natural-height sections keep the input and footer from overlapping. */
body .main{padding:7px;min-height:100vh}
#pdv.view.active{height:auto;min-height:calc(100vh - 14px)}
.legacy-pos{display:flex;flex-direction:column;height:calc(100vh - 14px);min-height:620px;gap:7px}
.legacy-top{flex-shrink:0;min-height:33px;height:auto;flex-wrap:wrap;padding:7px 8px}
.legacy-title{flex-shrink:0;height:auto;min-height:48px;margin:0;padding:12px 16px}
.legacy-main{display:grid;grid-template-columns:minmax(0,27fr) minmax(240px,30fr) minmax(0,43fr);flex:1;min-height:330px;height:auto;overflow:hidden}
.legacy-main>*{min-width:0}
.legacy-brand{height:auto;max-height:260px;align-self:start;margin:14px;aspect-ratio:1.3}
.legacy-brand img{max-height:100%;width:100%;height:100%;object-fit:contain}
.legacy-fields{height:auto;padding:10px 14px;overflow:auto}
.legacy-fields label{font-size:clamp(18px,2vw,27px);letter-spacing:.02em;white-space:nowrap;margin:5px 0 7px}
.legacy-field{height:auto;min-height:44px;padding:7px 10px;font-size:clamp(22px,2.3vw,28px)}
.legacy-code{margin-top:12px;line-height:1.35}
#product-code-entry{min-width:0;font-size:14px!important}
.legacy-quick{display:none}
.legacy-list{grid-row:auto;min-height:0;overflow:auto}
.legacy-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;flex-shrink:0;min-height:0;gap:10px 14px;padding:10px 12px 7px}
.legacy-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 12px;font-size:clamp(10px,1.1vw,12px)}
.legacy-help span{min-width:0;line-height:1.3}
.legacy-total strong{font-size:clamp(24px,3vw,36px)}
.legacy-pay{grid-column:1/-1;width:100%;margin:0}
.legacy-sync{grid-column:1/-1;margin:0;padding-top:6px;overflow-wrap:anywhere}
.product-picker{width:min(760px,100%);max-height:90vh;display:flex;flex-direction:column}
.product-picker .picker-search{margin:12px 20px;padding:12px;font:inherit;min-width:0}
.picker-results{overflow:auto;min-height:0;padding:0 20px 16px}
.picker-product{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:12px;text-align:left;width:100%;border:1px solid #ccc;background:#fff;padding:12px;font:inherit;cursor:pointer}
.picker-product.selected{background:#dcecff;border-color:#0957a4}
@media(max-width:900px){.legacy-main{grid-template-columns:minmax(0,24fr) minmax(235px,32fr) minmax(0,44fr)}.legacy-brand{margin:8px}.legacy-help{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-fields{padding:8px 10px}}
@media(max-width:700px){.legacy-brand{display:none}.legacy-main{grid-template-columns:minmax(210px,42fr) minmax(0,58fr)}.legacy-top{font-size:11px}.legacy-total label{font-size:11px}.legacy-help{font-size:10px}.legacy-title{font-size:16px}.legacy-pos{min-height:650px}.legacy-total{text-align:right;margin:0}}
@media(max-width:480px){.legacy-pos{height:auto;min-height:100vh}.legacy-main{display:flex;flex-direction:column;overflow:visible}.legacy-fields{overflow:visible}.legacy-list{min-height:200px;max-height:300px;height:auto}.legacy-bottom{grid-template-columns:1fr}.legacy-total{grid-row:1}.legacy-help{display:grid}.legacy-sync{display:block}}