/* The document owns vertical scrolling. Only open dialogs scroll separately. */
html{height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;scroll-padding-block:20px}
body{height:auto;max-height:none;overflow:visible;font-family:'Segoe UI Variable Text','Segoe UI',Arial,sans-serif;font-weight:500}
main,.workspace-content,#app,.counter-layout,.counter-center{height:auto;max-height:none;min-height:0;overflow:visible}
.sidebar{height:auto;max-height:none;overflow:visible;align-self:start;border-radius:20px 0 0 20px}
.counter-layout{min-height:calc(100dvh - 95px)}
.order-panel{position:static;height:auto;min-height:calc(100dvh - 48px);max-height:none;overflow:visible;border-radius:0 20px 20px 0}
.order-lines{flex:none;height:auto;min-height:120px;max-height:none;overflow:visible}
.order-payment{flex:none;position:static;overflow:visible}
.table-wrap{max-width:100%;overflow-x:auto;overflow-y:visible}
.detail-drawer{height:100dvh;max-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.drawer-body{height:auto;max-height:none;overflow:visible}
dialog:not(.detail-drawer){max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}

/* Variable/system sans text has a fuller stroke than the prior geometric face. */
button,input,select,textarea,label{font-family:inherit;font-weight:500}
input,select,textarea{font-size:14px}
h1,h2,h3,.counter-title h1,.recent-heading h2,.catalog-heading h2,.order-panel .section-head h2,.title h1,.report-heading h2,.drawer-head h2,.receipt-dialog h2,.reset-dialog h2{font-weight:600;letter-spacing:-.45px}
nav button,nav button.active,.new-order,.primary,.checkout,.section-head h2,.product-card-name,.cart-heading b,.category-tabs button.selected{font-weight:600}
.product-card-name{line-height:1.45}
.product-card-bottom>strong,.recent-sale strong,.metric strong,.cart-row strong,.total,.order-totals .total,.statement .strong,dd{font-weight:650}
.brand strong,.session-label b,.branch b{font-weight:600}
.recent-sale,.recent-sale-ref,.recent-sale small,.sale-state,.fitment-label,.product-availability,.catalog-meta,.catalog-heading p,.order-panel .section-head p,.order-payment label,.allocation label,.allocation>span,.cart-row label,.payment-note,.nav-label,.aside-bottom button{font-weight:500}
.sku-label,.cart-heading small,.serial-label,.tag,.receipt-meta b{font-weight:500}
.detail-drawer{font-family:'Segoe UI Variable Text','Segoe UI',Arial,sans-serif;font-weight:500}
.statement .row,.report-notes p,.muted,.drawer-body p{font-weight:500}
.statement .strong,.statement .final-total{font-weight:650}
.allocation select,.cart-row input,.order-payment input,.order-payment select{font-family:inherit;font-weight:500}
.total>span:first-child,.empty h3{font-weight:600}

/* A tall sidebar must join document flow rather than hide its lower controls. */
@media(max-height:760px){.sidebar{position:static;top:auto;min-height:0}.order-panel{position:static;min-height:0}.counter-layout{min-height:0}}
@media(max-width:800px){.sidebar{height:auto;min-height:0;border-radius:14px 14px 0 0}.order-panel{height:auto;min-height:0;max-height:none;border-radius:0 0 14px 14px}.counter-layout{min-height:0}.order-lines{max-height:none;overflow:visible}}