:root{font:15px system-ui,sans-serif;color:#203e36;background:#f3f7f5;--teal:#116b60;--line:#dbe6df}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:white;color:#29584b;font-weight:600}button:disabled{opacity:.5;cursor:default}.primary{background:var(--teal);color:white;border-color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #58b6a4;outline-offset:2px}a{color:var(--teal)}header{display:flex;align-items:center;gap:20px;background:white;border-bottom:1px solid var(--line);padding:16px 24px;flex-wrap:wrap}.tablet-brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:20px;font-weight:750}.tablet-brand>span{display:grid;place-items:center;background:var(--teal);color:white;border-radius:11px;width:44px;height:44px;font-size:20px}.tablet-brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:3px}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}.header-actions a{font-size:12px}#connection{font-size:12px;max-width:250px;line-height:1.5}.online{color:#197c4b}.offline{color:#a46712}main{max-width:1600px;margin:auto;padding:22px}.login{max-width:440px;margin:40px auto;background:white;padding:28px;border:1px solid var(--line);border-radius:16px}.login h1{font-size:25px}.login label{margin:18px 0}.login button{width:100%;margin-top:16px}label{display:block;font-size:12px;color:#617a6d}input,select,textarea{display:block;width:100%;min-width:0;border:1px solid #cbdcd2;border-radius:7px;min-height:44px;padding:10px;background:white;color:#203e36;margin-top:6px}h1{font-size:24px;margin:0 0 5px}h2{font-size:18px;margin:0}p{color:#617a6d;line-height:1.6}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.muted{font-size:12px;color:#6b8075}.notice{padding:14px;background:#fff5dd;border:1px solid #eddbad;border-radius:9px;line-height:1.5;margin-bottom:16px}.sales-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:20px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden}.panel-heading{padding:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.filters{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;padding:16px;align-items:end}.checkbox{display:flex;align-items:center;gap:8px;min-height:44px}.checkbox input{width:18px;min-height:18px;margin:0}.product-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 70px;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid #edf2ee}.product-row strong{display:block;font-size:14px}.product-row small{display:block;color:#718477;font-size:11px;margin-top:5px}.product-row .price{text-align:right;font-weight:700}.product-row .stock{color:#23764f}.product-row button{padding:10px}.list-footer{padding:16px;color:#6b8075;font-size:12px;display:flex;justify-content:space-between}.basket{padding:16px}.customer-search{position:relative;margin-bottom:14px}#customer-results{max-height:220px;overflow:auto}#customer-results button{display:block;width:100%;text-align:left;border-radius:0;border-top:0}.customer-card{background:#edf7f1;padding:12px;border-radius:8px;margin:12px 0}.customer-card strong,.customer-card small{display:block;overflow-wrap:anywhere}.customer-card small{margin-top:4px;color:#618172}.cart-line{padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 80px 28px;gap:10px;align-items:center}.cart-line small{display:block;font-size:11px;color:#6b8075;margin-top:5px}.cart-line input{margin:0}.cart-line button{padding:0;border:0;color:#9b5246}.basket-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.basket-options label:last-child{grid-column:1/-1}.total{display:flex;justify-content:space-between;font-size:23px;font-weight:750;margin:20px 0 6px}.save-order{width:100%;margin-top:12px}.queue{margin-top:22px}.queue-row{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid var(--line)}.queue-row>div{min-width:0}.queue-row strong,.queue-row small{display:block;overflow-wrap:anywhere}.queue-row small{color:#6b8075;margin-top:5px;font-size:12px}.queue-actions{display:flex;gap:8px;flex-wrap:wrap}.status{display:inline-block;font-size:12px;padding:4px 8px;background:#f1f3f1;border-radius:5px}.status.Submitted{color:#176b41;background:#e4f5ea}.status.Review{color:#9b502c;background:#fff2dd}.status.Pending{color:#356da0;background:#ecf3ff}.setup{max-width:600px;margin:30px auto;padding:28px}.setup button{margin-top:14px}#message{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);max-width:90vw;background:#173f35;color:white;border-radius:8px;padding:12px 18px;z-index:20;display:none}dialog{width:min(560px,94vw);border:1px solid var(--line);padding:24px;border-radius:14px;max-height:90dvh}dialog::backdrop{background:#183f3688}dialog form{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog h2,dialog .wide{grid-column:1/-1}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}.error{color:#b24536;white-space:pre-wrap}.confirmation-lines{width:100%;border-collapse:collapse}.confirmation-lines td,.confirmation-lines th{text-align:left;padding:8px;border-bottom:1px solid var(--line);font-size:12px}.confirmation-actions{display:flex;gap:10px;margin-top:20px}.confirmation-notice{font-size:12px;color:#5d756b}@media(max-width:1000px){.sales-layout{grid-template-columns:minmax(0,1fr) 340px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.product-row{grid-template-columns:minmax(0,1fr) 80px 54px;gap:8px}}@media(max-width:720px){header{padding:12px 16px;gap:12px}.header-actions{margin-left:0}main{padding:14px}.sales-layout{grid-template-columns:1fr}.workspace-heading{align-items:start;flex-direction:column}.product-row{padding:12px}.queue-row{align-items:start;flex-direction:column}.basket-options{grid-template-columns:1fr 1fr}input,select,textarea{font-size:16px}dialog form{grid-template-columns:1fr}dialog label{grid-column:1/-1}}@media print{body{background:white}body>header,body>main,#message{display:none!important}dialog{display:none!important}#confirmation-dialog[open]{display:block!important;position:static;max-height:none;width:100%;border:0;padding:0}dialog::backdrop{display:none}.confirmation-actions{display:none}}

@media(min-width:721px){.sales-layout>section:last-child{position:sticky;top:16px}}

/* The order completion action stays in reach, regardless of cart length. */
#app:has(.tablet-checkout-dock){padding-bottom:132px}
#cart-lines{max-height:min(36dvh,340px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.basket-settings{margin-top:16px;border:1px solid var(--line);border-radius:8px;padding:12px}
.basket-settings summary{cursor:pointer;min-height:24px;font-size:13px;font-weight:650;color:var(--teal)}
.basket-settings .basket-options{margin-top:12px}
.tablet-current-order{scroll-margin-top:16px}
.tablet-checkout-dock{position:fixed;inset:auto 0 0;z-index:10;display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr) minmax(190px,auto);align-items:center;gap:20px;padding:14px max(22px,calc((100vw - 1556px)/2));padding-bottom:max(14px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #cbdcd2;box-shadow:0 -4px 22px #133b3512}
.tablet-checkout-dock #open-current-cart{font-size:14px;text-align:left}
.tablet-checkout-dock #dock-cart-count{display:block;font-size:11px;font-weight:400;color:#6b8075;margin-top:3px}
.tablet-checkout-dock .total{margin:0 0 3px;font-size:22px;justify-content:flex-end;gap:20px}
.tablet-checkout-dock #order-total{text-align:right}
.tablet-checkout-dock #order-total>p{margin:0;font-size:13px}
.tablet-checkout-dock #save-order{min-height:50px;font-size:15px}
body:has(.tablet-checkout-dock) #message{bottom:120px}
@media(max-width:720px){.tablet-checkout-dock{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.tablet-checkout-dock #open-current-cart{grid-column:1;grid-row:1;border:0;padding:0;min-height:32px;font-size:13px}.tablet-checkout-dock #dock-cart-count{display:inline;margin-left:6px}.tablet-checkout-dock #order-total{grid-column:1;grid-row:2;text-align:left}.tablet-checkout-dock .total{font-size:19px;justify-content:flex-start;flex-wrap:wrap;gap:2px 10px}.tablet-checkout-dock .total span:first-child{font-size:11px;font-weight:500}.tablet-checkout-dock #order-total>.muted{font-size:10px}.tablet-checkout-dock #save-order{grid-column:2;grid-row:1/3;max-width:145px;min-height:50px;font-size:13px}.tablet-checkout-dock #order-total>p{font-size:11px}#app:has(.tablet-checkout-dock){padding-bottom:160px}#cart-lines{max-height:38dvh}body:has(.tablet-checkout-dock) #message{bottom:140px}}
@media print{.tablet-checkout-dock{display:none!important}}

.header-actions .tablet-modules{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:700;background:#edf7f1;text-decoration:none}

.tablet-brand .tablet-business-logo{display:block;width:auto;height:48px;max-width:180px;object-fit:contain;background:transparent}.tablet-brand.has-logo{min-height:48px}.tablet-brand-fallback-name{font-size:15px;letter-spacing:0!important}@media(max-width:540px){.tablet-brand .tablet-business-logo{height:42px;max-width:150px}}