/* V21 Enterprise Final: audit fixes for sticky menus, scan modal, images and invoice */
:root{--v21-green:#0f5132;--v21-bg:#f6f8fb;--v21-line:#d9dee8;--v21-ink:#14213d}
html,body{width:100%;max-width:100%;overflow-x:hidden!important;background:var(--v21-bg)!important}.app-shell,.app-shell.v20{max-width:100vw;overflow-x:hidden!important}.app-shell.v20 .page{max-width:1500px!important;width:100%!important;overflow:visible!important;padding-top:20px!important}.topbar{position:sticky!important;top:0!important;z-index:4500!important;background:rgba(255,255,255,.98)!important;box-shadow:0 2px 12px rgba(15,23,42,.06)!important}.top-inner{max-width:1500px!important}.nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;white-space:nowrap!important;gap:10px!important;max-width:72vw!important;padding-bottom:3px!important}.nav .btn{flex:0 0 auto!important;white-space:nowrap!important}.customer-v20-page{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:18px!important;overflow:visible!important;align-items:start!important}.customer-v20-main{min-width:0!important;overflow:visible!important}.v20-sticky-control{position:sticky!important;top:74px!important;z-index:4300!important;background:rgba(246,248,251,.99)!important;border:1px solid var(--v21-line)!important;box-shadow:0 12px 28px rgba(15,23,42,.12)!important;overflow:visible!important}.v20-head-row{margin-bottom:8px!important}.v20-head-row .btn[onclick*="scanAddModal"]{display:none!important}.v20-scan-row{grid-template-columns:minmax(0,1fr) 82px 132px 118px!important}.v20-category-row{position:sticky!important;top:175px!important;z-index:4200!important;background:rgba(246,248,251,.99)!important;border:1px solid var(--v21-line)!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;padding:8px!important;margin:8px 0 0!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:thin!important}.v20-category-row .chip{flex:0 0 auto!important}.v20-products{padding-top:10px!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;gap:16px!important;align-items:stretch!important}.v20-product-card{min-height:460px!important;height:auto!important;overflow:visible!important}.v20-product-card .product-img{height:172px!important;width:100%!important;object-fit:contain!important;background:#fff!important;border-radius:14px!important;padding:6px!important}.v20-meta{min-height:120px!important;overflow:visible!important}.v20-price-box{margin-top:6px!important}.v20-card-actions{margin-top:auto!important}.v20-cart{position:sticky!important;top:86px!important;max-height:calc(100dvh - 104px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important}.v20-cart .v20-bottom-submit{position:sticky!important;bottom:0!important;background:#fff!important;z-index:4300!important;box-shadow:0 -10px 22px rgba(15,23,42,.12)!important}.v20-floating-submit{z-index:4800!important}.modal{z-index:9000!important;align-items:center!important;justify-items:center!important;background:rgba(15,23,42,.72)!important}.modal-card{z-index:9100!important;width:min(1040px,94vw)!important;max-width:1040px!important;max-height:88dvh!important;overflow:auto!important;border-radius:22px!important}.modal-card .v20-scan-row{grid-template-columns:minmax(0,1fr) 88px 126px 110px!important}.modal-card h1{font-size:clamp(28px,4vw,46px)!important}.scan-video{display:block;width:100%!important;max-height:340px!important;object-fit:contain!important}.scan-video.hidden{display:none!important}.v21-scan-help{border:1px dashed var(--v21-line);padding:12px;border-radius:14px;color:#667085;background:#fafafa;margin-top:12px}.cart-item{grid-template-columns:68px minmax(0,1fr)!important;align-items:start!important}.cart-item .thumb{width:64px!important;height:64px!important}.cart-item .sub{font-size:.84rem!important}.v20-invoice{padding:28px!important}.v20-invoice h1{font-size:32px!important}.v20-invoice table{min-width:980px!important}.v20-invoice th,.v20-invoice td{font-size:12.5px!important;padding:9px!important}.v20-invoice .num{text-align:right!important}.v20-invoice .totals{max-width:380px!important}@media(max-width:1150px){.customer-v20-page{grid-template-columns:1fr!important}.v20-cart{position:relative!important;top:auto!important;max-height:none!important}.v20-floating-submit{display:flex!important}.v20-category-row{top:162px!important}.nav{max-width:78vw!important}}@media(max-width:760px){.app-shell.v20 .page{padding:10px 10px 112px!important}.top-inner{align-items:center!important}.brand-text{display:block!important}.v20-sticky-control{top:64px!important;border-radius:16px!important;margin-left:0!important;margin-right:0!important}.v20-scan-row{grid-template-columns:1fr 70px!important}.v20-scan-row .btn[onclick*="review"]{grid-column:1 / -1!important}.v20-category-row{top:208px!important;border-radius:14px!important}.v20-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding-top:12px!important}.v20-product-card{min-height:430px!important;padding:10px!important}.v20-product-card .product-img{height:135px!important}.v20-meta{font-size:.72rem!important;min-height:110px!important}.modal-card .v20-scan-row{grid-template-columns:1fr!important}.modal-card{width:96vw!important;max-height:86dvh!important}.nav{max-width:66vw!important}.v20-invoice{padding:12px!important}.v20-invoice table{min-width:860px!important}}@media(max-width:430px){.v20-product-card{min-height:410px!important}.v20-product-card .product-img{height:124px!important}.v20-category-row{top:196px!important}.v20-price-box{grid-template-columns:1fr!important}.v20-card-actions{grid-template-columns:58px 1fr!important}.nav{max-width:62vw!important}.nav .btn{font-size:.78rem!important;padding:7px 9px!important}.brand .sub{font-size:.68rem!important}}@media print{.topbar,.modal-close,.invoice-actions,.v20-floating-submit,.v20-sticky-control,.v20-cart,.btn{display:none!important}.modal{position:static!important;display:block!important;background:#fff!important;padding:0!important}.modal-card{box-shadow:none!important;max-width:none!important;width:100%!important;max-height:none!important;overflow:visible!important;padding:0!important}.v20-invoice{border:0!important;border-radius:0!important;box-shadow:none!important}.v20-invoice table{min-width:0!important}.v20-invoice th,.v20-invoice td{font-size:10.5px!important;padding:5px!important}}
