*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#20242b;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.top{background:#fff;border-bottom:3px solid #f58220;padding:14px max(16px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:5}.top strong{font-size:20px;color:#e66b13}.top nav{display:flex;gap:14px;flex-wrap:wrap}.top a{color:#30343b;text-decoration:none}.wrap{max-width:1100px;margin:20px auto;padding:0 14px}.panel,.card{background:#fff;border:1px solid #e4e6eb;border-radius:12px;padding:16px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{border:1px solid #e3e5e9;border-radius:12px;padding:12px;background:#fff}.product img{width:100%;height:100px;object-fit:contain;background:#fafafa}.price{font-weight:750}.btn,button{border:0;background:#ed7518;color:white;border-radius:8px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block}.btn.secondary,button.secondary{background:#30343b}.btn.danger{background:#b42318}input,select,textarea{width:100%;padding:10px;border:1px solid #cfd4dc;border-radius:7px;margin:4px 0 12px;background:white}label{font-weight:600}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;border-bottom:1px solid #e7e8ec;padding:9px;vertical-align:top}th{background:#f8f8f9}.muted{color:#6c727f}.total{font-size:22px;font-weight:800}.notice{padding:12px;border-radius:8px;background:#fff3e8;margin-bottom:12px}.bottomcart{position:sticky;bottom:8px;background:#20242b;color:#fff;padding:14px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-top:14px}footer{text-align:center;color:#777;padding:24px}@media(min-width:700px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Mobile POS v1.1 */
.category-bar{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:4px 1px 10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.category-chip{flex:0 0 auto;border-radius:999px;padding:9px 14px;background:#fff;color:#30343b;border:1px solid #d9dce2}.category-chip.active{background:#ed7518;color:#fff;border-color:#ed7518}.product{display:flex;flex-direction:column;gap:7px;min-width:0}.product img{height:105px;border-radius:8px}.product .add-btn{width:100%;margin-top:auto}.pos-bottomcart{position:fixed;bottom:10px;left:10px;right:10px;z-index:10;box-shadow:0 4px 20px #0003;margin:0}.pos-bottomcart button{flex:0 0 auto}.wrap:has(#saleForm){padding-bottom:82px}@media(min-width:800px){.pos-bottomcart{left:calc(50% - 540px);right:calc(50% - 540px)}}

/* Logout is a POST form styled as a navigation link. */
.link-button{background:transparent;border:0;color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;text-decoration:underline}
.scanrow{display:flex;gap:8px;align-items:center}.scanrow input{flex:1;min-width:0}.scanrow button{white-space:nowrap}.scanrow video{display:block}

/* AGRIM POS Solution v12.2: responsive navigation and modern mobile POS */
.top{min-height:68px;padding-top:12px;padding-bottom:12px}.top strong{font-size:18px;line-height:1.2;max-width:calc(100% - 64px)}.top nav{align-items:center;justify-content:flex-end;gap:8px 14px}.top nav a,.top nav .link-button{font-size:14px}.nav-toggle{display:none;width:42px;height:42px;flex:0 0 42px;padding:10px;background:#20242b;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:4px}.nav-toggle span{display:block;width:19px;height:2px;background:#fff;border-radius:2px}.pos-tools{padding:14px;border-radius:16px;box-shadow:0 5px 20px #20242b08}.pos-tools .scanrow{position:relative;display:flex;align-items:center;gap:0;margin-bottom:12px}.pos-tools .scanrow input{height:46px;padding:0 52px 0 14px;border:1px solid #d9dee7;border-radius:12px;margin:0;box-shadow:none}.pos-tools .scanrow button{position:absolute;right:5px;top:5px;width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:9px;font-size:0;background:#20242b}.pos-tools .scanrow button:before{content:' ';width:16px;height:16px;border:2px solid white;border-radius:4px;display:block;background:linear-gradient(90deg,transparent 20%,white 20%,white 27%,transparent 27%,transparent 45%,white 45%,white 52%,transparent 52%,transparent 72%,white 72%,white 79%,transparent 79%)}.pos-tools .category-bar{padding:2px 1px 8px;gap:8px}.category-chip{padding:9px 16px;font-size:13px;font-weight:650}.products{gap:12px}.product{border-radius:15px;padding:12px;box-shadow:0 3px 12px #20242b08;transition:transform .15s,box-shadow .15s}.product img{height:118px;object-fit:cover;background:#f6f7f9}.product strong{font-size:14px;line-height:1.35}.product .price{font-size:15px}.product .add-btn{border-radius:10px;min-height:40px;font-weight:700}.pos-bottomcart{border-radius:15px;padding:12px 14px;bottom:12px;left:12px;right:12px;box-shadow:0 8px 28px #0003}.pos-bottomcart button{border-radius:10px;padding:10px 14px}.wrap:has(#saleForm){padding-top:12px}.wrap:has(#saleForm)>h1{display:none}#saleForm{border-radius:16px;box-shadow:0 4px 18px #20242b08}#saleForm h2{margin-top:2px;font-size:21px}#saleForm input,#saleForm select{border-radius:10px;min-height:42px}#saleForm button[type=submit]{border-radius:11px;min-height:44px;font-weight:750}
@media(max-width:760px){.top{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.top strong{font-size:17px;max-width:calc(100% - 58px)}.top strong img{max-width:38px!important;max-height:30px!important}.nav-toggle{display:flex}.top nav.app-nav{display:none;position:absolute;top:100%;left:10px;right:10px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 30px #0002;z-index:30;flex-direction:column;align-items:stretch;gap:0;max-height:70vh;overflow:auto}.top nav.app-nav.is-open{display:flex}.top nav.app-nav a,.top nav.app-nav form{padding:11px 10px;border-bottom:1px solid #f0f1f3}.top nav.app-nav .link-button{font-size:14px;text-decoration:none}.wrap{margin:12px auto;padding-left:12px;padding-right:12px}.pos-tools{padding:12px}.products{gap:10px}.product{padding:10px}.product img{height:105px}.pos-bottomcart{left:10px;right:10px;bottom:10px}.wrap:has(#saleForm){padding-bottom:86px}}
@media(min-width:761px){.nav-toggle{display:none}.top nav.app-nav{display:flex}}

/* v12.3 hotfix: enforce mobile navigation and POS search scanner layout */
@media(max-width:760px){.top{position:sticky;top:0;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important}.top nav.app-nav{display:none!important}.top nav.app-nav.is-open{display:flex!important}.nav-toggle{display:flex!important;order:2}.top>strong{min-width:0;flex:1}.pos-page .wrap>h1{display:none!important}.pos-page .scanrow{position:relative!important;display:block!important;width:100%!important}.pos-page .scanrow input{width:100%!important;padding-right:54px!important;height:46px!important;margin:0!important}.pos-page .scanrow .camera-scan{position:absolute!important;right:5px!important;top:5px!important;width:36px!important;height:36px!important;padding:7px!important;display:grid!important;place-items:center!important;font-size:0!important;border-radius:9px!important;z-index:2}.pos-page .camera-scan svg{width:21px;height:21px;display:block;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}}
@media(min-width:761px){.nav-toggle{display:none!important}.top nav.app-nav{display:flex!important}}

/* v12.4: mobile cart is collapsed until the customer taps View Cart */
.cart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-heading h2{margin-bottom:12px}.cart-close{white-space:nowrap;font-size:13px;padding:9px 11px}
#stickyCartBar[hidden]{display:none!important}
@media(max-width:760px){#saleForm.mobile-cart-collapsed{display:none!important}#saleForm.mobile-cart-open{display:block!important;scroll-margin-top:82px}.pos-bottomcart{position:fixed}.wrap:has(#saleForm){padding-bottom:90px}}
@media(min-width:761px){#saleForm.mobile-cart-collapsed,#saleForm.mobile-cart-open{display:block!important}.cart-close{display:none}}


/* AGRIM POS Solution: six-section navigation dashboards */
.dashboard-intro{margin:4px 0 18px;color:#6c727f}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-card{display:flex;flex-direction:column;gap:7px;min-height:112px;padding:16px;background:#fff;border:1px solid #e3e5e9;border-radius:14px;color:#20242b;text-decoration:none;box-shadow:0 3px 12px #20242b08;transition:border-color .15s,transform .15s}.dashboard-card:hover,.dashboard-card:focus-visible{border-color:#ed7518;outline:none}.dashboard-card strong{font-size:15px}.dashboard-card span{font-size:13px;color:#6c727f}.dashboard-card .dashboard-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff0e4;color:#d65f0b;font-weight:800;font-size:18px}.dashboard-card.disabled{opacity:.58;cursor:not-allowed;background:#f8f8f9}.dashboard-card.disabled:hover{border-color:#e3e5e9}.dashboard-card .soon{font-size:11px;color:#8a4b16;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.profile-summary{display:flex;align-items:center;gap:14px}.profile-avatar{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:#20242b;color:#fff;font-weight:800;font-size:20px}.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){.dashboard-grid{gap:10px}.dashboard-card{padding:13px;min-height:108px}.dashboard-card strong{font-size:14px}.top nav.app-nav a{display:block;width:100%;padding:12px 10px;border-bottom:1px solid #f0f1f3;font-weight:650}.top nav.app-nav a:last-child{border-bottom:0}}
@media(min-width:761px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* AGRIM POS Solution v13.0: dashboard card layout + cache refresh */
.dashboard-heading h1{margin:8px 0 18px;font-size:clamp(25px,5vw,30px);line-height:1.2;color:#20242b}
.dashboard-intro{margin:0 0 20px;color:#525b68;max-width:680px}
.dashboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;align-items:stretch}
a.dashboard-card,.dashboard-grid>.dashboard-card{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:8px!important;min-width:0;min-height:138px;padding:15px!important;background:#fff;border:1px solid #e0e3e8;border-radius:14px;color:#20242b!important;text-decoration:none!important;box-shadow:0 3px 12px #20242b0a;white-space:normal;overflow-wrap:anywhere}
a.dashboard-card:hover,a.dashboard-card:focus-visible{border-color:#ed7518;box-shadow:0 5px 16px #ed75181c;outline:2px solid transparent}
.dashboard-card .dashboard-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#fff0e4;color:#d65f0b;font-size:17px;font-weight:800}
.dashboard-card strong{display:block;font-size:15px;line-height:1.3;color:#20242b!important}
.dashboard-card>span:not(.dashboard-icon){display:block;font-size:13px;line-height:1.45;color:#68717e!important}
.dashboard-grid form.dashboard-card{width:100%;font:inherit;text-align:left}
.dashboard-grid form.dashboard-card .btn{margin-top:8px!important}
#account.panel{padding:18px;margin:0 0 14px;border-radius:14px}
@media(max-width:420px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.dashboard-grid a.dashboard-card,.dashboard-grid>.dashboard-card{padding:12px!important;min-height:136px}.dashboard-card strong{font-size:14px}.dashboard-card>span:not(.dashboard-icon){font-size:12px}}
@media(min-width:761px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* AGRIM POS v13.2: global navigation and responsive record cards */
.brand-home{display:block;min-width:0;text-decoration:none!important;color:inherit!important;flex:1}
.brand-home strong{cursor:pointer}
.sticky-back{position:sticky;top:76px;z-index:4;display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:9px 13px;border-radius:10px;background:#20242b;color:#fff!important;text-decoration:none;font-weight:700;box-shadow:0 3px 10px #20242b20}
/* Data tables become individually readable record cards; receipt printing is intentionally excluded. */
body:not(.receipt-page) .wrap table{display:block;width:100%;border:0;border-collapse:separate;border-spacing:0;background:transparent;overflow:visible}
body:not(.receipt-page) .wrap table thead{display:none}
body:not(.receipt-page) .wrap table tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px;width:100%}
body:not(.receipt-page) .wrap table tbody tr{display:flex;flex-direction:column;min-width:0;padding:12px;background:#fff;border:1px solid #e1e5eb;border-radius:14px;box-shadow:0 3px 12px #20242b0a;overflow-wrap:anywhere}
body:not(.receipt-page) .wrap table tbody td{display:grid;grid-template-columns:minmax(88px,38%) minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid #eef0f3;min-width:0;overflow-wrap:anywhere;word-break:normal}
body:not(.receipt-page) .wrap table tbody td:last-child{border-bottom:0}
body:not(.receipt-page) .wrap table tbody td:before{content:attr(data-label);font-size:12px;font-weight:750;color:#626b78;line-height:1.4}
body:not(.receipt-page) .wrap table tbody td[colspan]:before{content:none}
body:not(.receipt-page) .wrap table tbody td[colspan]{display:block}
body:not(.receipt-page) .wrap table tbody td img{max-width:100%;height:auto}
body:not(.receipt-page) .wrap table tbody td form{min-width:0!important;width:100%;grid-column:1/-1}
body:not(.receipt-page) .wrap table tbody td form input,body:not(.receipt-page) .wrap table tbody td form select{min-width:0}
@media(max-width:520px){.sticky-back{top:72px;margin-bottom:10px}.wrap{overflow-wrap:anywhere}body:not(.receipt-page) .wrap table tbody{grid-template-columns:minmax(0,1fr)}body:not(.receipt-page) .wrap table tbody td{grid-template-columns:minmax(78px,32%) minmax(0,1fr);gap:8px}}

/* AGRIM POS v13.3: compact management UI; POS and receipt remain untouched. */
body:not(.pos-page):not(.receipt-page) .wrap .panel,
body:not(.pos-page):not(.receipt-page) .wrap .card{padding:12px;margin-bottom:10px;border-radius:11px}
body:not(.pos-page):not(.receipt-page) .wrap form{min-width:0}
body:not(.pos-page):not(.receipt-page) .wrap form label{display:block;font-size:13px;line-height:1.3;margin-top:2px}
body:not(.pos-page):not(.receipt-page) .wrap form input,
body:not(.pos-page):not(.receipt-page) .wrap form select,
body:not(.pos-page):not(.receipt-page) .wrap form textarea{padding:8px 9px;margin:3px 0 8px;min-height:36px;border-radius:7px;font-size:14px}
body:not(.pos-page):not(.receipt-page) .wrap form textarea{min-height:58px}
body:not(.pos-page):not(.receipt-page) .wrap form button,
body:not(.pos-page):not(.receipt-page) .wrap form .btn{padding:8px 11px;font-size:13px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody tr{padding:9px;border-radius:11px;box-shadow:0 1px 5px #20242b08}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td{grid-template-columns:minmax(70px,30%) minmax(0,1fr);gap:7px;padding:5px 0;font-size:13px;line-height:1.35}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td:before{font-size:11px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td img{width:auto;max-width:68px;max-height:58px;object-fit:cover;border-radius:6px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td form input,
body:not(.pos-page):not(.receipt-page) .wrap table tbody td form select{margin-bottom:5px;padding:7px;min-height:32px}
body:not(.pos-page):not(.receipt-page) .wrap .grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
body:not(.pos-page):not(.receipt-page) .wrap .dashboard-grid{gap:8px}
body:not(.pos-page):not(.receipt-page) .wrap .dashboard-card{min-height:100px;padding:11px!important;gap:5px!important}
@media(max-width:520px){
 body:not(.pos-page):not(.receipt-page) .wrap{margin:8px auto;padding-left:10px;padding-right:10px}
 body:not(.pos-page):not(.receipt-page) .wrap table tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body:not(.pos-page):not(.receipt-page) .wrap table tbody tr{padding:8px;min-width:0}
 body:not(.pos-page):not(.receipt-page) .wrap table tbody td{grid-template-columns:1fr;gap:2px;padding:5px 0}
 body:not(.pos-page):not(.receipt-page) .wrap table tbody td:before{font-size:10px;text-transform:uppercase;letter-spacing:.02em}
 body:not(.pos-page):not(.receipt-page) .wrap table tbody td form{grid-column:1/-1}
 body:not(.pos-page):not(.receipt-page) .wrap form input,
 body:not(.pos-page):not(.receipt-page) .wrap form select,
 body:not(.pos-page):not(.receipt-page) .wrap form textarea{margin-bottom:7px}
}

/* AGRIM POS v13.3: compact management UI; POS and receipt remain untouched. */
body:not(.pos-page):not(.receipt-page) .wrap .panel,
body:not(.pos-page):not(.receipt-page) .wrap .card{padding:12px;margin-bottom:10px;border-radius:11px}
body:not(.pos-page):not(.receipt-page) .wrap form{min-width:0}
body:not(.pos-page):not(.receipt-page) .wrap form label{display:block;font-size:13px;line-height:1.3;margin-top:2px}
body:not(.pos-page):not(.receipt-page) .wrap form input,
body:not(.pos-page):not(.receipt-page) .wrap form select,
body:not(.pos-page):not(.receipt-page) .wrap form textarea{padding:8px 9px;margin:3px 0 8px;min-height:36px;border-radius:7px;font-size:14px}
body:not(.pos-page):not(.receipt-page) .wrap form textarea{min-height:58px}
body:not(.pos-page):not(.receipt-page) .wrap form button,
body:not(.pos-page):not(.receipt-page) .wrap form .btn{padding:8px 11px;font-size:13px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody tr{padding:9px;border-radius:11px;box-shadow:0 1px 5px #20242b08}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td{grid-template-columns:minmax(70px,30%) minmax(0,1fr);gap:7px;padding:5px 0;font-size:13px;line-height:1.35}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td:before{font-size:11px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td img{width:auto;max-width:68px;max-height:58px;object-fit:cover;border-radius:6px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td form input,
body:not(.pos-page):not(.receipt-page) .wrap table tbody td form select{margin-bottom:5px;padding:7px;min-height:32px}
body:not(.pos-page):not(.receipt-page) .wrap .grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
body:not(.pos-page):not(.receipt-page) .wrap .dashboard-grid{gap:8px}
body:not(.pos-page):not(.receipt-page) .wrap .dashboard-card{min-height:100px;padding:11px!important;gap:5px!important}
@media(max-width:520px){
 body:not(.pos-page):not(.receipt-page) .wrap{margin:8px auto;padding-left:10px;padding-right:10px}
 body:not(.pos-page):not(.receipt-page) .wrap table tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body:not(.pos-page):not(.receipt-page) .wrap table tbody tr{padding:8px;min-width:0}
 body:not(.pos-page):not(.receipt-page) .wrap table tbody td{grid-template-columns:1fr;gap:2px;padding:5px 0}
 body:not(.pos-page):not(.receipt-page) .wrap table tbody td:before{font-size:10px;text-transform:uppercase;letter-spacing:.02em}
 body:not(.pos-page):not(.receipt-page) .wrap table tbody td form{grid-column:1/-1}
 body:not(.pos-page):not(.receipt-page) .wrap form input,
 body:not(.pos-page):not(.receipt-page) .wrap form select,
 body:not(.pos-page):not(.receipt-page) .wrap form textarea{margin-bottom:7px}
}

/* AGRIM POS v13.3: compact management UI; POS and receipt remain untouched. */
body:not(.pos-page):not(.receipt-page) .wrap .panel,body:not(.pos-page):not(.receipt-page) .wrap .card{padding:12px;margin-bottom:10px;border-radius:11px}
body:not(.pos-page):not(.receipt-page) .wrap form{min-width:0}
body:not(.pos-page):not(.receipt-page) .wrap form label{display:block;font-size:13px;line-height:1.3;margin-top:2px}
body:not(.pos-page):not(.receipt-page) .wrap form input,body:not(.pos-page):not(.receipt-page) .wrap form select,body:not(.pos-page):not(.receipt-page) .wrap form textarea{padding:8px 9px;margin:3px 0 8px;min-height:36px;border-radius:7px;font-size:14px}
body:not(.pos-page):not(.receipt-page) .wrap form textarea{min-height:58px}
body:not(.pos-page):not(.receipt-page) .wrap form button,body:not(.pos-page):not(.receipt-page) .wrap form .btn{padding:8px 11px;font-size:13px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody tr{padding:9px;border-radius:11px;box-shadow:0 1px 5px #20242b08}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td{grid-template-columns:minmax(70px,30%) minmax(0,1fr);gap:7px;padding:5px 0;font-size:13px;line-height:1.35}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td:before{font-size:11px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td img{width:auto;max-width:68px;max-height:58px;object-fit:cover;border-radius:6px}
body:not(.pos-page):not(.receipt-page) .wrap table tbody td form input,body:not(.pos-page):not(.receipt-page) .wrap table tbody td form select{margin-bottom:5px;padding:7px;min-height:32px}
body:not(.pos-page):not(.receipt-page) .wrap .grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
body:not(.pos-page):not(.receipt-page) .wrap .dashboard-grid{gap:8px}
body:not(.pos-page):not(.receipt-page) .wrap .dashboard-card{min-height:100px;padding:11px!important;gap:5px!important}
@media(max-width:520px){body:not(.pos-page):not(.receipt-page) .wrap{margin:8px auto;padding-left:10px;padding-right:10px}body:not(.pos-page):not(.receipt-page) .wrap table tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body:not(.pos-page):not(.receipt-page) .wrap table tbody tr{padding:8px;min-width:0}body:not(.pos-page):not(.receipt-page) .wrap table tbody td{grid-template-columns:1fr;gap:2px;padding:5px 0}body:not(.pos-page):not(.receipt-page) .wrap table tbody td:before{font-size:10px;text-transform:uppercase;letter-spacing:.02em}body:not(.pos-page):not(.receipt-page) .wrap table tbody td form{grid-column:1/-1}body:not(.pos-page):not(.receipt-page) .wrap form input,body:not(.pos-page):not(.receipt-page) .wrap form select,body:not(.pos-page):not(.receipt-page) .wrap form textarea{margin-bottom:7px}}