:root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#311813;background:#f9f5ee;font-synthesis:none;text-rendering:optimizeLegibility;
  --maroon:#7b251c;--maroon-dark:#5c1913;--gold:#c58e31;--cream:#fbf7ef;--paper:#fffdfa;--line:#eadbc4;--muted:#7f746d;--green:#537c35;--red:#b5422f;--orange:#c57a22;--shadow:0 10px 30px rgba(81,45,24,.08)
}
*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--cream)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}svg{flex:0 0 auto}.muted{color:#9a8c82}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

.app-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 6% 25%,rgba(197,142,49,.08),transparent 18%),var(--cream)}
.sidebar{position:fixed;inset:0 auto 0 0;width:190px;background:linear-gradient(180deg,#fffdf9,#faf2e5);border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;box-shadow:4px 0 18px rgba(80,42,20,.035)}
.brand{height:112px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.brand-mark{font-family:Georgia,serif;font-size:42px;line-height:1;color:var(--maroon);position:relative;letter-spacing:-3px}.brand-mark .leaf{position:absolute;right:-12px;top:-7px;font-size:12px;color:var(--gold);transform:rotate(23deg)}.brand>span,.login-logo>span{font-size:8px;letter-spacing:3.3px;color:#6a351d;margin-top:6px}.mobile-close{display:none;position:absolute;right:12px;top:12px;border:0;background:transparent;color:var(--maroon)}
.sidebar nav{padding:12px 9px;display:flex;flex-direction:column;gap:3px;overflow:auto}.sidebar nav button{border:0;background:transparent;color:#4a2d24;padding:10px 11px;border-radius:8px;display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;transition:.18s}.sidebar nav button:hover{background:#f3e8d8}.sidebar nav button.active{color:white;background:linear-gradient(90deg,var(--maroon-dark),#8e3025);box-shadow:0 6px 14px rgba(123,37,28,.18)}
.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:13px 11px;display:grid;grid-template-columns:34px 1fr 26px;gap:8px;align-items:center}.sidebar-foot .avatar{width:34px;height:34px;border-radius:50%;background:#d2aa65;color:white;display:grid;place-items:center;font-weight:700;font-size:11px}.sidebar-foot b{display:block;font-size:11px}.sidebar-foot small{font-size:9px;color:var(--muted)}.sidebar-foot button{border:0;background:transparent;color:var(--muted);padding:4px}
.main-area{width:calc(100% - 190px);margin-left:190px;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:58px;background:rgba(255,253,249,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;justify-content:space-between}.hamburger{display:none;border:0;background:transparent;color:var(--maroon);padding:7px}.topbar-title{display:flex;flex-direction:column}.topbar-title b{font-size:13px;color:var(--maroon-dark)}.topbar-title span{font-size:9px;letter-spacing:.5px;color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.topbar-right select{min-width:115px}.sync-dot{width:7px;height:7px;border-radius:50%;background:#729b48;box-shadow:0 0 0 3px rgba(114,155,72,.14)}.page-content{padding:18px 20px 28px;max-width:1800px;margin:auto}

.page-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:14px}.page-header h1{font-family:Georgia,serif;color:#542018;font-size:23px;margin:0}.page-header p{font-size:11px;color:var(--muted);margin:4px 0 0}.page-actions{display:flex;gap:8px;flex-wrap:wrap}
.card{background:rgba(255,253,250,.93);border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 14px rgba(78,43,22,.035);overflow:hidden}.card-head{min-height:48px;padding:12px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card-head h3{margin:0;font-size:12px;color:#5a221a}.card-head p{margin:3px 0 0;color:var(--muted);font-size:9px}.card-text{padding:0 15px;font-size:12px;color:var(--muted);line-height:1.6}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.kpi{min-height:88px;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:14px;display:flex;justify-content:space-between;align-items:center}.kpi small{display:block;color:#5e5049;font-size:9px}.kpi strong{display:block;font-size:20px;margin-top:7px;color:#241510}.kpi span{display:block;color:var(--muted);font-size:9px;margin-top:4px}.kpi-icon{color:var(--gold);width:38px;height:38px;border-radius:9px;background:#fbf3e5;display:grid;place-items:center}.kpi-icon svg{width:20px}
.dashboard-grid{display:grid;grid-template-columns:1.7fr 1.05fr 1fr;gap:10px;margin-bottom:10px}.chart-card{min-height:260px}.chart-box{height:202px;padding:0 8px 10px}.legend{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:5px}.dot{width:6px;height:6px;border-radius:50%}.dot.maroon{background:var(--maroon)}.dot.gold{background:var(--gold)}.rank-list{list-style:none;margin:0;padding:4px 14px 12px}.rank-list li{display:grid;grid-template-columns:18px 1fr auto;gap:5px;padding:9px 0;border-bottom:1px solid #f0e7da;font-size:10px}.rank-list li:last-child{border:0}.rank-list b{font-weight:600}.rank-list strong{font-weight:600}.stock-pie{display:flex;align-items:center;padding:0 10px 15px}.pie-wrap{width:160px;height:160px;position:relative}.pie-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.pie-center small{font-size:9px;color:var(--muted)}.pie-center b{font-size:20px}.pie-legend{display:flex;flex-direction:column;gap:11px;font-size:9px;min-width:110px}.pie-legend span{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:5px}.pie-legend i{width:7px;height:7px;border-radius:50%}.bottom-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:10px;margin-bottom:10px}.quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0 14px 14px}.quick-actions button{border:0;background:#fbf5eb;border-radius:8px;padding:12px 5px 9px;display:flex;align-items:center;gap:7px;flex-direction:column;color:#42231b}.quick-actions svg{color:var(--gold);width:20px}.quick-actions span{font-size:8px}.activity-list{padding:0 14px 10px}.activity-list>div{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #f1e7d9;padding:7px 0}.activity-icon{width:25px;height:25px;border-radius:6px;background:#fbf4e8;display:grid;place-items:center;color:var(--maroon)}.activity-list b{display:block;font-size:9px}.activity-list small,.activity-list time{font-size:8px;color:var(--muted)}.three-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}

.toolbar{padding:10px 12px;border-bottom:1px solid #efe4d4;display:flex;gap:9px;align-items:center}.toolbar.wrap{flex-wrap:wrap}.toolbar select,.topbar select{height:34px;border:1px solid var(--line);border-radius:6px;background:#fffdf9;padding:0 27px 0 9px;color:#4a3129;font-size:10px}.search-box{height:34px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:6px;background:white;padding:0 9px;min-width:280px;flex:1}.search-box svg{width:14px;color:#8c7b70}.search-box input{border:0;outline:0;width:100%;font-size:10px;background:transparent}.product-search{margin:12px 0;min-width:0}
.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;border-bottom:1px solid #eee3d3;padding:9px 10px;font-size:9px;vertical-align:middle}th{font-size:8px;color:#51443e;background:#fdf9f3;font-weight:700;white-space:nowrap}td b{font-weight:600}td small{display:block;color:var(--muted);font-size:8px;margin-top:2px}tr:last-child td{border-bottom:0}.link-btn{border:0;background:transparent;color:var(--maroon);font-size:9px;font-weight:600}.row-actions{display:flex;align-items:center;gap:4px}.row-actions button,.row-actions a{width:27px;height:27px;border:1px solid #eadcca;background:#fff;border-radius:6px;display:grid;place-items:center;color:#704634}.row-actions svg{width:13px;height:13px}.stock-low{color:#b14a2f;font-weight:700}.stock-low small{color:#c35a37}.product-cell{display:flex;align-items:center;gap:8px;min-width:175px}.product-thumb{width:28px;height:28px;border-radius:5px;background:linear-gradient(145deg,#a27643,#654328);display:grid;place-items:center;color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:8px;white-space:nowrap;border:1px solid transparent}.badge.success{background:#edf5e5;color:#567536;border-color:#dbe9ce}.badge.warning{background:#fff4dd;color:#a76415;border-color:#f3dfb7}.badge.danger{background:#fff0ea;color:#b1472d;border-color:#f3d5ca}.badge.info{background:#eef4f7;color:#496f7b;border-color:#dce8ed}.badge.neutral{background:#f1efec;color:#6f6660;border-color:#e1ddd8}
.btn{border-radius:6px;border:1px solid transparent;min-height:34px;padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:600;transition:.16s}.btn svg{width:15px}.btn.primary{background:linear-gradient(180deg,#81291f,#661b14);color:white;border-color:#641b14;box-shadow:0 4px 10px rgba(109,30,23,.14)}.btn.primary:hover{filter:brightness(1.07)}.btn.secondary{background:#fffaf3;border-color:#dfccb0;color:#6b321f}.btn.ghost{background:transparent;border-color:#e4d4bd;color:#6e584c}.btn.danger{background:#a63a2c;color:#fff}.btn.compact{min-height:27px;padding:4px 8px;font-size:8px}.btn.full{width:100%}.icon-btn{width:32px;height:32px;border-radius:7px;border:1px solid var(--line);background:white;color:#665047;display:grid;place-items:center}.icon-btn svg{width:16px}.icon-btn.danger{color:#b54431;background:#fff6f2}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.empty{padding:35px 18px;text-align:center;color:#8a7d74;display:flex;align-items:center;flex-direction:column;gap:6px}.empty b{color:#5b453c;font-size:12px}.empty p{font-size:10px;margin:0;max-width:330px;line-height:1.5}
.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:9px;font-weight:600;color:#59443b}.field>small{font-size:8px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #dfcfba;background:#fffdfa;border-radius:6px;outline:none;color:#3b251e;padding:8px 9px;font-size:11px;min-height:35px}input:focus,select:focus,textarea:focus{border-color:#bc8b43;box-shadow:0 0 0 3px rgba(188,139,67,.11)}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.inline-input{display:flex;gap:7px}.inline-input input{flex:1}.form-error,.form-success,.info-banner,.warning-banner{border-radius:7px;padding:10px 12px;margin-top:12px;font-size:10px}.form-error{background:#fff0eb;border:1px solid #efcfc4;color:#a9412c}.form-success{background:#edf7e8;border:1px solid #d1e5c7;color:#4d7434}.info-banner{background:#f8f1e4;border:1px solid #e4d0ae;color:#694722;margin:0 0 12px}.warning-banner{background:#fff3e1;border:1px solid #eacb98;color:#68431e;display:flex;flex-direction:column;gap:5px}.warning-banner span{line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}

.modal-backdrop{position:fixed;inset:0;background:rgba(45,24,18,.48);z-index:100;display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}.modal-card{width:100%;max-height:92vh;background:#fffdf9;border:1px solid #dcc7aa;border-radius:12px;box-shadow:0 30px 90px rgba(48,23,14,.3);overflow:hidden;display:flex;flex-direction:column}.max-w-md{max-width:430px}.max-w-2xl{max-width:660px}.max-w-4xl{max-width:920px}.max-w-6xl{max-width:1180px}.modal-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;background:#fffcf7}.modal-head h2{margin:0;color:#62241b;font-size:15px}.modal-head p{margin:3px 0 0;font-size:9px;color:var(--muted)}.modal-body{padding:16px;overflow:auto}

.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 25% 18%,rgba(210,163,91,.22),transparent 25%),radial-gradient(circle at 80% 80%,rgba(123,37,28,.12),transparent 30%),#fbf6ed}.login-card{width:min(420px,100%);background:rgba(255,253,248,.96);border:1px solid #e1caa5;border-radius:18px;padding:30px;box-shadow:0 28px 70px rgba(84,43,22,.13)}.login-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.login-logo .brand-mark{font-size:54px}.login-card h1{text-align:center;font-family:Georgia,serif;color:#5b2119;margin:0;font-size:25px}.login-card>p{text-align:center;font-size:11px;color:var(--muted);line-height:1.6;margin:7px 0 20px}.login-card form{display:flex;flex-direction:column;gap:13px}.login-card form>label>span{font-size:9px;font-weight:700;display:block;margin-bottom:5px}.input-icon{position:relative}.input-icon svg{position:absolute;left:10px;top:9px;color:#a18773}.input-icon input{padding-left:35px}.demo-logins{margin-top:18px;border-top:1px solid var(--line);padding-top:13px;display:flex;flex-direction:column;gap:4px}.demo-logins b{font-size:9px;color:#5b281e}.demo-logins span{font-size:8px;color:var(--muted)}

.pos-layout{display:grid;grid-template-columns:1.45fr .8fr;gap:13px}.pos-products,.pos-cart{border:1px solid #eadbc5;border-radius:9px;background:#fff}.pos-products{padding:12px}.product-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product-picker button{border:1px solid #eadbc6;background:#fffdf9;border-radius:7px;padding:9px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;text-align:left;color:#3e271f}.product-picker button:hover{border-color:#c69550;background:#fff9ee}.product-picker b{font-size:9px;display:block}.product-picker small{font-size:8px;color:var(--muted);display:block}.product-picker strong{font-size:9px}.cart-head{height:45px;padding:0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;color:#60251c}.cart-head span{margin-left:auto;font-size:9px;color:var(--muted)}.cart-lines{max-height:335px;overflow:auto;padding:7px}.cart-line{display:grid;grid-template-columns:1fr auto auto 24px;gap:7px;align-items:center;padding:9px 6px;border-bottom:1px solid #f0e6d8}.cart-line b{display:block;font-size:9px}.cart-line small{font-size:8px;color:var(--muted)}.cart-line>strong{font-size:9px}.qty-control{display:flex;align-items:center;border:1px solid #e3d4c0;border-radius:5px;overflow:hidden}.qty-control button{border:0;background:#faf3e9;width:24px;height:25px}.qty-control span{width:25px;text-align:center;font-size:9px}.trash{border:0;background:transparent;color:#b34b37;padding:3px}.trash svg{width:14px}.cart-summary{border-top:1px solid var(--line);padding:11px;display:flex;flex-direction:column;gap:9px}.cart-summary>div:first-child{display:flex;justify-content:space-between;color:#51241b}.cart-summary>div:first-child b{font-size:15px}.invoice-preview{border:1px solid #ead8be;border-radius:9px;padding:18px}.invoice-brand{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--gold);padding-bottom:13px}.invoice-brand>div:first-child{display:flex;flex-direction:column}.invoice-brand>div:first-child strong{font-family:Georgia,serif;font-size:36px;color:var(--maroon);line-height:1}.invoice-brand>div:first-child span{letter-spacing:3px;font-size:7px}.invoice-brand>div:last-child{text-align:right}.invoice-brand>div:last-child b{display:block;color:#5a241b}.invoice-brand>div:last-child small{font-size:10px}.invoice-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.invoice-meta>div{border:1px solid #eee1cf;border-radius:6px;padding:8px}.invoice-meta span{display:block;font-size:7px;color:var(--muted)}.invoice-meta b{font-size:9px}.invoice-total{margin:14px 0 0 auto;width:270px;display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--line);padding-top:10px}.invoice-total span{font-size:9px;color:var(--muted)}.invoice-total b{font-size:10px;text-align:right}

.preview-box{margin-top:14px;border:1px dashed #d6b982;background:#fffaf1;border-radius:8px;padding:12px;display:grid;place-items:center}.barcode-label{width:320px;max-width:100%;background:white;border:1px solid #ddd;padding:12px;text-align:center;color:#4f1e17}.barcode-brand{font-family:Georgia,serif;color:var(--maroon);font-size:25px;font-weight:bold}.barcode-brand span{font-family:Inter,sans-serif;font-size:6px;letter-spacing:3px;display:block}.barcode-name{font-size:10px;font-weight:700;margin-top:5px}.barcode-label svg{max-width:100%;height:auto}.barcode-sku{font-size:8px;color:#6f5b51}.tag-list{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.tag-list span{border:1px solid #e2cfb4;background:#fff8ed;border-radius:999px;padding:6px 9px;font-size:9px;color:#633621}

.line-editor{border:1px solid #eadbc6;border-radius:8px;margin-top:14px}.line-editor-head{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid #ebdecc;font-size:10px}.purchase-line{display:grid;grid-template-columns:2fr .7fr .7fr .75fr 34px;gap:8px;align-items:end;padding:9px;border-bottom:1px solid #f0e5d6}.purchase-line:last-child{border-bottom:0}.transfer-line{grid-template-columns:2fr .8fr 34px}.line-total small{font-size:8px;color:var(--muted);display:block}.line-total b{font-size:10px}.purchase-total{display:flex;justify-content:flex-end;gap:30px;align-items:center;margin-top:14px;color:#5d271e}.purchase-total span{font-size:10px}.purchase-total b{font-size:19px}
.stock-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;margin-bottom:10px}.toggle-row{display:grid;grid-template-columns:1fr 1fr;padding:0 14px 12px;gap:8px}.toggle-row button{height:38px;border:1px solid #e4d3bc;border-radius:7px;background:#fffaf2;color:#6b442f;display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px}.toggle-row button.active{background:#eef6e8;border-color:#c9dfbc;color:#527635}.toggle-row button.active.danger{background:#fff0eb;border-color:#ebcabf;color:#a6412e}.stock-layout .form-grid,.stock-layout>.card>.btn,.stock-layout .form-error,.stock-layout .form-success{margin-left:14px;margin-right:14px}.stock-availability{margin:12px 14px;padding:10px;border-radius:7px;background:#faf3e8;display:flex;align-items:center;gap:12px}.stock-availability span,.stock-availability small{font-size:9px;color:var(--muted)}.stock-availability b{font-size:15px;color:#57241b}.scan-basket{padding:0 12px 12px}.scan-basket>div{display:grid;grid-template-columns:1fr auto 24px;align-items:center;padding:8px;border-bottom:1px solid #eee3d5}.scan-basket b,.scan-basket small{display:block;font-size:9px}.scan-basket small{color:var(--muted);font-size:8px}.scan-basket button{border:0;background:transparent;color:#a34332}

.scanner-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}.scanner-stage{min-height:400px;border-radius:10px;overflow:hidden;background:#1c130f;position:relative}.scanner-video{min-height:400px;width:100%}.scanner-video video{object-fit:cover!important}.scan-frame{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:70%;height:37%;pointer-events:none}.scan-frame span{position:absolute;width:34px;height:34px;border-color:#dba348}.scan-frame span:nth-child(1){left:0;top:0;border-left:3px solid;border-top:3px solid}.scan-frame span:nth-child(2){right:0;top:0;border-right:3px solid;border-top:3px solid}.scan-frame span:nth-child(3){left:0;bottom:0;border-left:3px solid;border-bottom:3px solid}.scan-frame span:nth-child(4){right:0;bottom:0;border-right:3px solid;border-bottom:3px solid}.scanner-state{position:absolute;left:12px;right:12px;bottom:12px;border-radius:7px;background:rgba(15,10,8,.82);color:white;padding:9px 10px;font-size:9px;display:flex;align-items:center;gap:6px}.scanner-state.detected{background:rgba(69,111,44,.92)}.scanner-state.error{background:rgba(150,49,35,.92)}.scanner-panel{display:flex;flex-direction:column;gap:10px}.scanner-panel>label{font-size:9px;font-weight:700}.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.diag-grid>div{border:1px solid #e8dbc8;background:#fffaf2;border-radius:6px;padding:8px}.diag-grid small,.diag-grid b{display:block;font-size:8px}.diag-grid small{color:var(--muted);margin-bottom:3px}.manual-row{display:flex;gap:6px}.manual-row input{flex:1}

.exhibition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.exhibition-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px 14px}.exhibition-stats>div{background:#fbf5eb;border-radius:7px;padding:9px}.exhibition-stats small,.exhibition-stats b{display:block}.exhibition-stats small{font-size:8px;color:var(--muted)}.exhibition-stats b{font-size:10px;margin-top:3px}.report-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.count-list{padding:0 14px 14px}.count-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #eee2d2;padding:10px 0;font-size:10px}.count-list>div:last-child{border:0}

@media(max-width:1180px){.dashboard-grid{grid-template-columns:1.4fr 1fr}.dashboard-grid> :last-child{grid-column:1/-1}.stock-pie{justify-content:center}.three-summary{grid-template-columns:1fr}.pos-layout{grid-template-columns:1fr}.pos-cart{max-height:none}.form-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.22s;width:230px}.sidebar.open{transform:translateX(0)}.mobile-close{display:block}.scrim{position:fixed;inset:0;background:rgba(39,20,14,.38);border:0;z-index:25}.main-area{width:100%;margin-left:0}.hamburger{display:block}.topbar{padding:0 12px}.topbar-title{margin-right:auto}.topbar-right>span,.sync-dot{display:none}.page-content{padding:14px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid,.stock-layout,.report-grid,.settings-grid{grid-template-columns:1fr}.scanner-layout{grid-template-columns:1fr}.scanner-stage,.scanner-video{min-height:330px}.three-summary{grid-template-columns:1fr}.purchase-line{grid-template-columns:1fr 1fr}.purchase-line>.field:first-child{grid-column:1/-1}.purchase-line .line-total{align-self:center}.transfer-line{grid-template-columns:1fr 1fr 34px}.exhibition-grid{grid-template-columns:1fr}}
@media(max-width:650px){.page-header{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.kpi-grid{gap:7px}.kpi{min-height:80px;padding:11px}.kpi strong{font-size:17px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid> :last-child{grid-column:auto}.bottom-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.product-picker{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar select,.search-box{width:100%;min-width:0}.modal-backdrop{padding:0;align-items:end}.modal-card{border-radius:14px 14px 0 0;max-height:94vh}.invoice-meta{grid-template-columns:1fr 1fr}.invoice-total{width:100%}.exhibition-stats{grid-template-columns:1fr 1fr}.topbar-right select{min-width:95px}.page-content{padding:12px 9px 24px}.card{border-radius:8px}.scanner-stage,.scanner-video{min-height:290px}.purchase-line,.transfer-line{grid-template-columns:1fr}.purchase-line>.field:first-child{grid-column:auto}.purchase-line .icon-btn{justify-self:end}.stock-availability{align-items:flex-start;flex-direction:column;gap:4px}}
/* Standalone runtime additions */
button, input, select, textarea { font-family: inherit; }
button { -webkit-tap-highlight-color: transparent; }
.nav-icon { width:17px; text-align:center; font-size:14px; }
.nav-text { flex:1; }
.sns-logo-text { font-family:Georgia,serif; }
.toast-container{position:fixed;right:18px;bottom:18px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{min-width:240px;max-width:390px;padding:11px 13px;border-radius:8px;box-shadow:0 12px 35px rgba(40,20,10,.2);font-size:11px;background:#fff;border:1px solid #dfcfb8;color:#4b2b21}.toast.ok{border-left:4px solid #6f963e}.toast.error{border-left:4px solid #b74732}.modal-open{overflow:hidden}.modal-card form{margin:0}.modal-card .section-title{font-size:10px;color:#5d281f;margin:15px 0 8px}.actions-inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.status-pill{padding:3px 7px;border-radius:999px;font-size:8px}.status-pill.green{background:#edf5e5;color:#527436}.status-pill.orange{background:#fff4dd;color:#a76415}.status-pill.red{background:#fff0ea;color:#b1472d}.status-pill.gray{background:#efede9;color:#6f655f}.hidden{display:none!important}.screen{display:none}.screen.active{display:block}.side-section-label{font-size:8px;color:#a08d80;padding:9px 12px 4px;text-transform:uppercase;letter-spacing:1.1px}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.summary-strip>div{border:1px solid var(--line);background:#fffdf9;border-radius:8px;padding:10px}.summary-strip small,.summary-strip b{display:block}.summary-strip small{font-size:8px;color:var(--muted)}.summary-strip b{font-size:14px;margin-top:3px}.simple-list{padding:0 14px 14px}.simple-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eee3d5;font-size:10px}.simple-list>div:last-child{border:0}.simple-list small{display:block;color:var(--muted);font-size:8px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.product-tile{border:1px solid #ead9c0;background:#fffdf9;border-radius:8px;padding:10px;text-align:left;color:#3f251c}.product-tile:hover{border-color:#c89242;background:#fff8ec}.product-tile b,.product-tile small,.product-tile strong{display:block}.product-tile b{font-size:9px}.product-tile small{font-size:8px;color:var(--muted);margin:4px 0}.product-tile strong{font-size:10px;color:var(--maroon)}.cart-empty{padding:25px 10px;text-align:center;color:var(--muted);font-size:10px}.cart-table{width:100%;border-collapse:collapse}.cart-table th,.cart-table td{font-size:9px;padding:7px}.cart-table input{min-height:29px;padding:4px 6px}.cart-table .qty-input{width:64px}.cart-table .rate-input{width:85px}.cart-table .remove-line{border:0;background:transparent;color:#b14532}.modal-footer-sticky{position:sticky;bottom:-16px;background:#fffdf9;border-top:1px solid var(--line);padding:12px 0 0;margin-top:14px}.label-preview-wrap{display:grid;place-items:center;padding:14px;background:#fbf3e7;border:1px dashed #d5b67e;border-radius:8px}.invoice-paper{background:white;border:1px solid #e1d2bd;padding:22px}.invoice-paper .invoice-top{display:flex;justify-content:space-between;border-bottom:2px solid var(--gold);padding-bottom:13px}.invoice-paper .sns-big{font-family:Georgia,serif;font-size:40px;color:var(--maroon);line-height:1}.invoice-paper .sns-sub{font-size:7px;letter-spacing:3px}.invoice-paper .invoice-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.invoice-paper .invoice-meta-grid>div{border:1px solid #eee1cf;padding:8px}.invoice-paper .invoice-meta-grid small,.invoice-paper .invoice-meta-grid b{display:block}.invoice-paper .invoice-meta-grid small{font-size:7px;color:var(--muted)}.invoice-paper .invoice-meta-grid b{font-size:9px;margin-top:2px}.invoice-paper .totals{margin-left:auto;width:260px;margin-top:12px}.invoice-paper .totals>div{display:flex;justify-content:space-between;padding:5px 0;font-size:10px}.invoice-paper .totals .grand{border-top:2px solid var(--maroon);font-size:14px}.scanner-toolbar{display:flex;gap:7px;flex-wrap:wrap}.scanner-toolbar select{flex:1;min-width:180px}.scanner-log{max-height:145px;overflow:auto;border:1px solid #eadac6;border-radius:7px;background:#fffaf2;padding:8px}.scanner-log div{font-size:8px;border-bottom:1px solid #eee3d4;padding:4px 0}.scanner-log div:last-child{border:0}.scanner-basket{margin-top:10px}.scanner-basket>div{display:grid;grid-template-columns:1fr auto 25px;gap:8px;padding:7px;border-bottom:1px solid #eee3d5;align-items:center}.scanner-basket b,.scanner-basket small{display:block;font-size:9px}.scanner-basket small{font-size:8px;color:var(--muted)}.scanner-basket button{border:0;background:transparent;color:#a53f30}.diag-line{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.diag-line>div{border:1px solid #eadbc8;background:#fffaf2;border-radius:6px;padding:7px}.diag-line small,.diag-line b{display:block}.diag-line small{font-size:7px;color:var(--muted)}.diag-line b{font-size:8px;margin-top:2px}.native-scan-note{font-size:8px;color:var(--muted);line-height:1.45}.topbar-right button{border:1px solid var(--line);background:#fffdf9;border-radius:6px;padding:6px 9px;color:#5b3427;font-size:9px}.mobile-only{display:none}.section-gap{margin-top:10px}.checkbox-row{display:flex;align-items:center;gap:7px}.checkbox-row input{width:auto;min-height:auto}.small-note{font-size:8px;color:var(--muted);line-height:1.5}.recipe-lines .purchase-line{grid-template-columns:2fr .7fr .6fr 32px}.pwa-banner{display:none;background:#fff2dc;border:1px solid #e7c38a;color:#6b421c;border-radius:8px;padding:9px 11px;margin-bottom:10px;font-size:9px;align-items:center;justify-content:space-between;gap:8px}.pwa-banner.show{display:flex}.pwa-banner button{border:0;background:var(--maroon);color:white;border-radius:5px;padding:6px 9px}.lock-note{font-size:8px;color:#8b786b;text-align:center;margin-top:7px}.search-results{border:1px solid var(--line);border-radius:7px;max-height:240px;overflow:auto}.search-results button{width:100%;border:0;border-bottom:1px solid #eee3d5;background:white;padding:9px;text-align:left;display:flex;justify-content:space-between}.search-results button:last-child{border:0}.search-results button:hover{background:#fff7eb}.search-results b,.search-results small{display:block;font-size:9px}.search-results small{font-size:8px;color:var(--muted)}.form-row-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.warning-inline{font-size:9px;color:#a54631}.success-inline{font-size:9px;color:#567b36}.chart-fallback{height:185px;display:flex;align-items:flex-end;gap:13px;padding:16px 14px 24px;border-bottom:1px solid #eee3d5;position:relative}.chart-fallback:before{content:'';position:absolute;left:14px;right:14px;top:25%;border-top:1px dashed #eadbc9;box-shadow:0 42px 0 #eadbc9,0 84px 0 #eadbc9}.bar-day{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100%;position:relative;z-index:1}.bar-day i{display:block;width:8px;border-radius:3px 3px 0 0}.bar-day i.current{background:var(--maroon)}.bar-day i.previous{background:var(--gold)}.bar-day span{position:absolute;bottom:-17px;font-size:7px;color:var(--muted)}.donut-css{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--maroon) 0 65%,var(--gold) 65% 85%,#6d6764 85% 100%);position:relative}.donut-css:after{content:'';position:absolute;inset:29px;background:#fffdf9;border-radius:50%}.donut-css-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:2}.donut-css-center small{font-size:7px;color:var(--muted)}.donut-css-center b{font-size:17px}.pointer{cursor:pointer}
@media(max-width:1180px){.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.summary-strip{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}.mobile-only{display:inline-flex}}
@media(max-width:650px){.product-grid{grid-template-columns:1fr}.summary-strip{grid-template-columns:1fr 1fr}.diag-line{grid-template-columns:1fr 1fr}.invoice-paper{padding:12px}.invoice-paper .invoice-meta-grid{grid-template-columns:1fr 1fr}.toast-container{left:10px;right:10px;bottom:10px}.toast{min-width:0;max-width:none}.recipe-lines .purchase-line{grid-template-columns:1fr}.pwa-banner{align-items:flex-start}}

/* V2 simplified navigation and connected inventory workflow */
.hub-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px;margin-bottom:2px;scrollbar-width:thin}.hub-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fffdf9;color:#59372b;border-radius:999px;padding:8px 12px;font-size:9px}.hub-tabs button.active{background:var(--maroon);color:#fff;border-color:var(--maroon);box-shadow:0 5px 14px rgba(123,37,28,.16)}
.recipe-section{border:1px solid var(--line);background:#fffaf2;border-radius:9px;padding:12px;margin-top:12px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.section-row h3{margin:0;font-size:11px;color:#5a221a}.recipe-lines{display:flex;flex-direction:column;gap:7px}.recipe-line{display:grid;grid-template-columns:minmax(220px,2fr) minmax(90px,.55fr) minmax(100px,.65fr) 34px;gap:7px;align-items:center}.recipe-line select,.recipe-line input{height:34px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 9px;font-size:10px}.compact-card{box-shadow:none}.compact-card .card-head{min-height:38px;padding:9px 11px}.allocation-status{padding:9px 11px;border-radius:7px;margin-bottom:9px;font-size:10px;font-weight:700}.allocation-status.ok{background:#eef6e8;color:#527438}.allocation-status.bad{background:#fff0e9;color:#a6412e}.scan-basket-live{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fffdf9;margin-bottom:10px}.scanner-basket-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.scanner-basket-head h3{margin:0;font-size:12px;color:#5a221a}.scanner-basket-head small{font-size:8px;color:var(--muted)}.scan-basket-row{display:grid;grid-template-columns:1fr auto 28px;gap:8px;align-items:center;padding:9px;border-bottom:1px solid #eee3d5}.scan-basket-row:last-child{border-bottom:0}.scan-basket-row b,.scan-basket-row small{display:block}.scan-basket-row b{font-size:9px}.scan-basket-row small{font-size:8px;color:var(--muted);margin-top:2px}.scan-basket-row .trash{border:0;background:transparent;color:#aa4330;font-size:17px}.warning-banner+.split-grid{margin-top:10px}
@media(max-width:760px){.hub-tabs{margin-left:-2px;margin-right:-2px}.recipe-line{grid-template-columns:1fr 80px}.recipe-line select:nth-of-type(2){grid-column:1/2}.recipe-line .icon-btn{grid-column:2/3;grid-row:2}.scanner-layout{grid-template-columns:1fr}.scan-basket-live{max-height:230px}}

.info-inline{margin-top:12px;padding:10px 12px;border:1px solid #dfc89f;background:#fff7e8;color:#704525;border-radius:8px;font-size:9px;line-height:1.5}

/* V3 bulk-production and flexible packing workflow */
.pack-config-line{display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(210px,1.55fr) minmax(85px,.5fr) minmax(90px,.55fr) 34px;gap:7px;align-items:center}
.pack-config-line select,.pack-config-line input,.pack-line select,.pack-line input{height:34px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 9px;font-size:10px}
.pack-line-head,.pack-line{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(100px,.55fr) minmax(130px,.7fr) 34px;gap:7px;align-items:center}
.pack-line-head{padding:0 3px 4px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.35px}
.pack-use{height:34px;display:flex;align-items:center;padding:0 10px;border:1px solid #eadbc8;background:#fffaf2;border-radius:6px;font-size:10px;color:#5a3427}
.text-danger{color:#b74732!important}
.card.section-gap{margin-top:12px}
@media(max-width:760px){
  .pack-config-line{grid-template-columns:1fr 1fr}
  .pack-config-line select:nth-child(1),.pack-config-line select:nth-child(2){grid-column:auto}
  .pack-config-line .icon-btn{grid-column:2;grid-row:3}
  .pack-line-head{display:none}
  .pack-line{grid-template-columns:1fr 85px}
  .pack-line .pack-use{grid-column:1}
  .pack-line .icon-btn{grid-column:2;grid-row:2}
}


/* V4 requested scanner, recipe cards, customer invoices, GST and printer profiles */
.recipe-category-tabs{display:flex;gap:7px;overflow:auto;margin:0 0 12px}.recipe-category-tabs button{border:1px solid var(--line);background:#fffdf9;border-radius:999px;padding:8px 13px;font-size:9px;color:#5b3528;white-space:nowrap}.recipe-category-tabs button.active{background:var(--maroon);color:#fff;border-color:var(--maroon)}
.recipe-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recipe-card{background:#fffdfa;border:1px solid var(--line);border-radius:12px;padding:15px;box-shadow:var(--shadow);transition:.16s}.recipe-card:hover{transform:translateY(-1px);border-color:#d6b886}.recipe-card-top{display:flex;justify-content:space-between;gap:10px}.recipe-card h3{font-family:Georgia,serif;color:#5a221a;margin:5px 0 0;font-size:17px}.recipe-category{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:var(--gold);font-weight:700}.recipe-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.recipe-card-stats>div{background:#fbf5eb;border-radius:7px;padding:9px}.recipe-card-stats small,.recipe-card-stats b{display:block}.recipe-card-stats small{font-size:7px;color:var(--muted)}.recipe-card-stats b{font-size:10px;margin-top:3px}.recipe-card-actions{display:flex;gap:7px;flex-wrap:wrap}.recipe-detail-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}.recipe-detail-line{display:flex;justify-content:space-between;border-bottom:1px solid #eadfce;padding:8px 0;font-size:10px}.pack-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pack-size-card{background:white;border:1px solid var(--line);border-radius:8px;padding:10px}.pack-size-card h4{margin:0 0 5px;color:var(--maroon)}
.setting-toggle{display:flex;gap:10px;align-items:flex-start;padding:13px}.setting-toggle input{width:20px;height:20px}.setting-toggle b,.setting-toggle small{display:block}.setting-toggle small{color:var(--muted);font-size:8px;margin-top:3px}.gst-guidance{margin:0 13px;padding:10px;background:#fff3df;border:1px solid #ead0a4;border-radius:7px;font-size:9px}.gst-guidance b,.gst-guidance span{display:block}.gst-guidance span{color:#6b5142;margin-top:3px}.settings-list{padding:0 12px}.settings-list-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eee2d2}.settings-list-row b,.settings-list-row small{display:block;font-size:9px}.settings-list-row small{color:var(--muted);font-size:8px}.settings-list-row button{border:1px solid var(--line);background:white;border-radius:5px;margin-left:4px;font-size:8px;padding:5px 7px}
.pos-customer-block{border:1px solid var(--line);background:#fffaf2;border-radius:10px;padding:12px;margin-bottom:12px}.pos-customer-block .section-row select{min-width:240px}.invoice-customer{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin:14px 0}.invoice-customer>div{border:1px solid #eee1cf;padding:10px}.invoice-customer small,.invoice-customer b,.invoice-customer span{display:block}.invoice-customer small{font-size:7px;color:var(--muted)}.invoice-customer b{font-size:10px;margin:3px 0}.invoice-customer span{font-size:8px;color:#65564d;line-height:1.45}
.scanner-zoom-row{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:8px;color:var(--muted)}.scanner-zoom-row input{flex:1}.scan-frame-wide{left:6%!important;right:6%!important;top:30%!important;bottom:30%!important}.scanner-diag{grid-template-columns:repeat(2,minmax(0,1fr))!important}.scanner-fullscreen{position:fixed!important;inset:0!important;background:#fffaf2;z-index:9999;padding:14px;overflow:auto}.scanner-fullscreen .scanner-stage{min-height:70vh}.scanner-fullscreen .scanner-video video{min-height:70vh;object-fit:cover}
@media(max-width:1050px){.recipe-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.recipe-card-grid,.recipe-detail-grid,.pack-size-grid{grid-template-columns:1fr}.pos-customer-block .section-row{align-items:stretch;flex-direction:column}.pos-customer-block .section-row select{min-width:0}.invoice-customer{grid-template-columns:1fr}}


/* V5 orders, hamper assembly, voice, invoice cards and label designer */
.invoice-card-grid,.order-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.invoice-card,.order-card{background:#fffdfa;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow);transition:.16s}.invoice-card:hover,.order-card:hover{transform:translateY(-1px);border-color:#d6b886}.invoice-card-top,.order-card-top{display:flex;justify-content:space-between;gap:10px}.invoice-card-top span,.order-card-top span{font-size:8px;color:var(--muted)}.invoice-card h3,.order-card h3{margin:3px 0;font:700 16px Georgia;color:var(--maroon)}.invoice-card-body,.order-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.invoice-card-body>div,.order-card-body>div{background:#fbf5eb;border-radius:7px;padding:8px}.invoice-card-body small,.invoice-card-body b,.order-card-body small,.order-card-body b{display:block}.invoice-card-body small,.order-card-body small{font-size:7px;color:var(--muted)}.invoice-card-body b,.order-card-body b{font-size:9px;margin-top:3px}.invoice-card-body .wide{grid-column:1/-1}.invoice-card-actions,.order-card-actions{display:flex;gap:5px;flex-wrap:wrap}.invoice-card-actions button,.order-card-actions button{border:1px solid var(--line);background:#fff;border-radius:5px;font-size:8px;padding:6px 8px}.order-shortage{background:#fff0eb;border:1px solid #efb8a7;color:#8c281d;padding:7px;border-radius:6px;font-size:8px;margin-bottom:8px}.order-needs{display:flex;flex-direction:column}.order-needs>button{border:0;border-bottom:1px solid #eee2d2;background:transparent;padding:10px;text-align:left;display:flex;justify-content:space-between;gap:10px}.order-needs b,.order-needs small{display:block}.order-needs small{font-size:8px;color:var(--muted);margin-top:3px}.order-lines{border:1px solid var(--line);border-radius:8px;overflow:hidden}.order-line{display:grid;grid-template-columns:1fr 60px 100px 28px;gap:8px;align-items:center;padding:9px;border-bottom:1px solid #eee2d2}.order-line b,.order-line small{display:block}.order-line small{font-size:8px;color:var(--muted)}.order-total{display:grid;grid-template-columns:1fr auto;gap:6px;margin:12px 0 0 auto;max-width:320px;padding:10px;background:#fbf5eb;border-radius:8px}.voice-checks,.label-field-picker{display:flex;gap:10px;flex-wrap:wrap;padding:10px 13px}.voice-checks label,.label-field-picker label{font-size:8px;background:#fffaf2;border:1px solid var(--line);border-radius:6px;padding:7px}.voice-on{background:#e7f4e9!important;border-color:#8dbe93!important}.barcode-value{font:7px Arial;letter-spacing:.3px;margin-top:-2px}.recipe-line.four{grid-template-columns:1fr 100px 100px 35px}.order-print{max-width:760px;margin:auto}.inline-actions{justify-content:flex-start}.text-danger{color:#a52c20}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.invoice-card-grid,.order-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.invoice-card-grid,.order-card-grid{grid-template-columns:1fr}.form-grid.four{grid-template-columns:1fr}.order-line{grid-template-columns:1fr 45px 80px 28px}.recipe-line.four{grid-template-columns:1fr 70px 80px 32px}}

.booking-document-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffaf3}

/* V8 visibility fixes */
.readonly-box{min-height:36px;border:1px solid var(--line);border-radius:6px;background:#fbf5eb;padding:10px;font-size:9px;color:var(--muted)}
.settings-grid>.card:only-child{max-width:980px}


/* V9 focused fixes: multi-product exhibition allocation, compact scanner and complete label output */
.scanner-layout-compact{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;align-items:start}
.scanner-stage-compact,.scanner-stage-compact .scanner-video{min-height:240px;height:240px}
.scanner-stage-compact video{width:100%!important;height:240px!important;object-fit:cover!important}
.scanner-camera-panel,.scanner-side-panel{gap:8px}
.scanner-context-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.scanner-context-row .field{gap:3px}
.scanner-context-row input,.scanner-context-row select{min-height:31px;padding:5px 8px}
.scanner-help{margin:0}
.scanner-details{border:1px solid var(--line);border-radius:8px;background:#fffaf2;padding:7px}
.scanner-details summary{cursor:pointer;font-size:9px;font-weight:700;color:var(--maroon)}
.scanner-details[open] summary{margin-bottom:7px}
.scanner-details .scanner-log{max-height:90px;margin-top:7px}
.scanner-diag{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.scanner-diag>div{padding:5px}
.scanner-diag span,.scanner-diag b{font-size:7px;overflow:hidden;text-overflow:ellipsis}
.scan-basket-live{max-height:295px}
.barcode-actions{flex-wrap:wrap}
.allocation-list{display:flex;flex-direction:column;gap:7px}
.allocation-line{display:grid;grid-template-columns:1fr auto 30px;gap:10px;align-items:center;border:1px solid var(--line);background:#fffdf9;border-radius:7px;padding:9px}
.allocation-line b,.allocation-line small{display:block}.allocation-line small{font-size:8px;color:var(--muted);margin-top:2px}.allocation-line span{font-size:10px;font-weight:700}.allocation-line button{border:0;background:transparent;color:#a53f30;font-size:18px}
@media(max-width:900px){.scanner-layout-compact{grid-template-columns:1fr}.scanner-stage-compact,.scanner-stage-compact .scanner-video,.scanner-stage-compact video{min-height:220px;height:220px}.scanner-diag{grid-template-columns:repeat(2,minmax(0,1fr))!important}.scan-basket-live{max-height:200px}}
.scan-frame.scan-frame-wide{left:8%!important;right:8%!important;top:29%!important;bottom:29%!important;width:auto!important;height:auto!important;transform:none!important}

/* V9.3 scanner diagnostics additions */
.scanner-diag .diag-wide{grid-column:1/-1}
.scanner-diag b{overflow-wrap:anywhere}
@media (max-width:900px){.scanner-details[open] .scanner-diag{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V9.5 live-camera and mobile scanner refinements */
.scanner-toolbar{flex-wrap:wrap}.scanner-toolbar select{min-width:190px;flex:1}.scanner-stage-compact{background:#1b130f}.scanner-stage-compact video{transform:translateZ(0)}
#scanner-confirm-btn:disabled{opacity:.45;cursor:not-allowed}.scanner-details:not([open]){padding-bottom:4px}.scanner-details summary{cursor:pointer}
@media(max-width:700px){
  .modal-card.modal-xl:has(#scanner-layout){width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0}
  .modal-card:has(#scanner-layout) .modal-body{padding:8px;overflow:auto}
  .scanner-layout-compact{display:flex;flex-direction:column;gap:8px}
  .scanner-camera-panel,.scanner-side-panel{width:100%}
  .scanner-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .scanner-toolbar select{grid-column:1/-1;width:100%;min-width:0}
  .scanner-toolbar .btn{width:100%;padding:8px 6px}
  .scanner-stage-compact,.scanner-stage-compact .scanner-video,.scanner-stage-compact video{height:min(42dvh,330px)!important;min-height:250px!important}
  .manual-row{display:grid;grid-template-columns:1fr auto;gap:6px}
  .manual-row input{min-width:0}.manual-row .file-btn,.manual-row>.btn.secondary{grid-column:span 1;font-size:8px;padding:7px 5px}
  .scanner-help{font-size:8px;line-height:1.35}.scan-basket-live{max-height:180px}.scanner-details{margin-top:2px}
  .scanner-zoom-row{margin-top:4px}.scanner-context-row{grid-template-columns:1fr 1fr}
}
@supports not selector(:has(*)){
  @media(max-width:700px){.scanner-layout-compact{grid-template-columns:1fr}.scanner-stage-compact,.scanner-stage-compact .scanner-video,.scanner-stage-compact video{height:300px!important}}
}


/* V9.7 scanner build identity: makes stale tabs immediately visible. */
.scanner-build-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:8px 12px;border:1px solid #d7b98b;border-radius:12px;background:#fff8ed;color:#4d2f20;font-size:12px}
.scanner-build-banner b{font-size:13px;color:#7b251c}
.scanner-build-banner span{font-weight:700}
@media(max-width:720px){.scanner-build-banner{align-items:flex-start;flex-direction:column;gap:2px}}

.current-build-pill{display:inline-flex;align-items:center;border:1px solid #b98a52;background:#fff4d8;color:#6f261d;font-weight:800;font-size:11px;letter-spacing:.04em;border-radius:999px;padding:6px 10px;white-space:nowrap}.scanner-build-banner b{font-size:13px}.scanner-build-banner{box-shadow:inset 0 0 0 2px rgba(123,37,28,.08)}@media(max-width:760px){.current-build-pill{font-size:9px;padding:5px 7px}.topbar-title span{display:none}}


/* V9.9 exhibition allocation workflow. Scanner engine styles above remain unchanged. */
.ex-allocation-top{display:grid;grid-template-columns:minmax(260px,1fr) minmax(240px,.8fr);gap:12px;align-items:end}.ex-allocation-summary{border:1px solid var(--line);background:#fffaf2;border-radius:8px;padding:10px 12px;min-height:54px}.ex-allocation-summary small,.ex-allocation-summary b{display:block}.ex-allocation-summary small{font-size:8px;color:var(--muted);margin-bottom:3px}.ex-allocation-summary b{font-size:11px;color:#55261e}.ex-allocation-tabs{margin:12px 0 0}.ex-allocation-tabs button{min-width:170px}.ex-allocation-tab-panel{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:#fffdf9;padding:12px}.ex-allocation-scan-panel{display:flex;align-items:center;justify-content:space-between;gap:14px}.ex-allocation-scan-panel h3{font-size:13px;margin:0 0 4px;color:#57241b}.ex-allocation-scan-panel p{font-size:9px;margin:0;color:var(--muted)}.ex-allocation-filters{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;gap:8px;margin-bottom:9px}.ex-allocation-filters input,.ex-allocation-filters select{height:36px;border:1px solid var(--line);border-radius:7px;background:white;padding:0 10px;font-size:10px}.ex-allocation-list-head,.ex-allocation-product-row{display:grid;grid-template-columns:minmax(300px,1fr) 110px 130px;gap:10px;align-items:center}.ex-allocation-list-head{padding:0 10px 6px;color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase}.ex-allocation-list-head span:nth-child(2),.ex-allocation-list-head span:nth-child(3){text-align:center}.ex-allocation-product-list{max-height:390px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:white}.ex-allocation-product-row{padding:9px 10px;border-bottom:1px solid #eee3d5}.ex-allocation-product-row:last-child{border-bottom:0}.ex-allocation-product-row[hidden]{display:none}.ex-product-ident{display:flex;align-items:center;gap:9px;min-width:0}.ex-product-ident>span{width:30px;height:30px;border-radius:7px;background:#8e6334;color:white;display:grid;place-items:center;font-weight:800}.ex-product-ident b,.ex-product-ident small{display:block}.ex-product-ident b{font-size:10px;color:#452a22}.ex-product-ident small{font-size:8px;color:var(--muted);margin-top:2px}.ex-available{text-align:center}.ex-available small,.ex-available b{display:block}.ex-available small{font-size:8px;color:var(--muted)}.ex-available b{font-size:11px}.ex-allocation-product-row>input,.allocation-line-edit>input{height:34px;border:1px solid var(--line);border-radius:7px;background:#fffaf2;padding:0 9px;text-align:center;font-size:11px}.ex-allocation-selected{margin-top:12px}.allocation-line-edit{grid-template-columns:1fr 105px 30px}.allocation-line-edit input{width:100%}.compact-empty{padding:16px}.sticky-modal-actions{position:sticky;bottom:-16px;background:linear-gradient(transparent,#fff 24%);padding-top:22px;z-index:2}.scanner-allocation-context{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d9c39f;background:#fff8e9;border-radius:8px;padding:9px 11px}.scanner-allocation-context small,.scanner-allocation-context b{display:block}.scanner-allocation-context small{font-size:8px;color:var(--muted)}.scanner-allocation-context b{font-size:11px;color:#57241b}.scanner-allocation-context>span{font-size:8px;color:var(--muted);max-width:390px;text-align:right}
@media(max-width:760px){.ex-allocation-top{grid-template-columns:1fr}.ex-allocation-filters{grid-template-columns:1fr}.ex-allocation-list-head{display:none}.ex-allocation-product-row{grid-template-columns:1fr 74px 90px;gap:6px;padding:8px}.ex-product-ident>span{display:none}.ex-product-ident b{font-size:9px}.ex-product-ident small{font-size:7px}.ex-allocation-scan-panel{align-items:flex-start;flex-direction:column}.scanner-allocation-context{align-items:flex-start;flex-direction:column}.scanner-allocation-context>span{text-align:left}.allocation-line-edit{grid-template-columns:1fr 80px 24px}}


/* V9.10 current-stock categories and exhibition stock returns. Locked scanner styles and engine are unchanged. */
.stock-category-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fffaf2}.stock-category-toolbar b,.stock-category-toolbar small{display:block}.stock-category-toolbar b{font-size:12px;color:#5a281f}.stock-category-toolbar small{font-size:8px;color:var(--muted);margin-top:2px}.stock-category-toolbar>div:last-child{display:flex;gap:7px}.stock-category-list{display:flex;flex-direction:column;gap:9px}.stock-category-card{border:1px solid #e8d5b8;border-radius:11px;background:#fffdf9;overflow:hidden;box-shadow:0 2px 8px rgba(86,45,25,.035)}.stock-category-card.expanded{border-color:#d7b47e;box-shadow:0 5px 16px rgba(86,45,25,.07)}.stock-category-header{width:100%;border:0;background:linear-gradient(90deg,#fffaf2,#fffdf9);display:grid;grid-template-columns:24px minmax(180px,1fr) auto;align-items:center;gap:10px;padding:12px 14px;text-align:left;color:#47281f;cursor:pointer}.stock-category-header:hover{background:#fff6e8}.stock-category-chevron{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#8d6235;color:#fff;font-size:17px;line-height:1}.stock-category-title b,.stock-category-title small{display:block}.stock-category-title b{font:700 14px Georgia,serif;color:#682a20}.stock-category-title small{font-size:8px;color:var(--muted);margin-top:2px}.stock-category-metrics{display:flex;gap:8px}.stock-category-metrics>span{min-width:112px;border-left:1px solid #ead8bd;padding-left:12px}.stock-category-metrics small,.stock-category-metrics b{display:block}.stock-category-metrics small{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stock-category-metrics b{font-size:11px;margin-top:2px}.stock-category-table{border-top:1px solid #ead8bd}.stock-category-table .table-wrap{max-height:460px}.stock-category-table table{background:#fff}.stock-category-table th{position:sticky;top:0;z-index:1;background:#f8efe1;color:#56372c;padding:10px 11px}.stock-category-table tbody tr:nth-child(even){background:#fffbf5}.stock-category-table tbody tr:hover{background:#fff4e3}.stock-category-table td{padding:10px 11px}.stock-product-name b{font-size:10px;color:#41261d}.stock-number{white-space:nowrap}.stock-number>b{font-size:10px}.stock-total-available b{color:#426d2f;font-size:11px}.stock-zero{color:#a59a91}.stock-exhibition-breakdown{display:flex!important;flex-direction:column;gap:2px;white-space:normal;min-width:150px}.stock-exhibition-breakdown span{display:block;color:#7b5039;font-size:7px}.exhibition-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.page-actions .btn:disabled{opacity:.45;cursor:not-allowed}.ex-return-top{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,.8fr);gap:12px;align-items:end}.ex-return-source{min-height:55px;border:1px solid var(--line);background:#fffaf2;border-radius:8px;padding:10px 12px}.ex-return-source small,.ex-return-source b,.ex-return-source span{display:block}.ex-return-source small{font-size:8px;color:var(--muted)}.ex-return-source b{font-size:12px;color:#5b281f;margin:2px 0}.ex-return-source span{font-size:8px;color:#7b675b}.ex-return-actions{display:flex;align-items:center;gap:8px;margin:12px 0}.ex-return-actions>span{margin-left:auto;font-size:9px;color:#6a5146}.ex-return-list-head,.ex-return-product-row{display:grid;grid-template-columns:minmax(300px,1fr) 120px 130px;gap:10px;align-items:center}.ex-return-list-head{padding:0 12px 6px;color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase}.ex-return-list-head span:nth-child(2),.ex-return-list-head span:nth-child(3){text-align:center}.ex-return-category-list{max-height:430px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:#fff}.ex-return-category{border-bottom:1px solid #eadfce}.ex-return-category:last-child{border-bottom:0}.ex-return-category summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:#fbf3e7;padding:9px 12px;color:#652b20;font-weight:700;font-size:10px}.ex-return-category summary small{font-size:8px;color:var(--muted);font-weight:500}.ex-return-product-row{padding:9px 12px;border-top:1px solid #f0e6d8}.ex-return-product-row>div:first-child b,.ex-return-product-row>div:first-child small,.ex-return-product-row>div:nth-child(2) small,.ex-return-product-row>div:nth-child(2) b{display:block}.ex-return-product-row>div:first-child b{font-size:10px;color:#452820}.ex-return-product-row>div:first-child small,.ex-return-product-row>div:nth-child(2) small{font-size:8px;color:var(--muted);margin-top:2px}.ex-return-product-row>div:nth-child(2){text-align:center}.ex-return-product-row>div:nth-child(2) b{font-size:11px}.ex-return-product-row input{height:34px;border:1px solid var(--line);border-radius:7px;background:#fffaf2;padding:0 9px;text-align:center;font-size:11px}
@media(max-width:760px){.stock-category-toolbar{align-items:flex-start;flex-direction:column}.stock-category-header{grid-template-columns:24px 1fr}.stock-category-metrics{grid-column:2;flex-wrap:wrap}.stock-category-metrics>span{min-width:100px;padding-left:0;border-left:0}.ex-return-top{grid-template-columns:1fr}.ex-return-actions{align-items:flex-start;flex-wrap:wrap}.ex-return-actions>span{width:100%;margin-left:0}.ex-return-list-head{display:none}.ex-return-product-row{grid-template-columns:minmax(150px,1fr) 75px 90px;gap:6px;padding:8px}.stock-category-table .table-wrap{max-height:none}}


/* V9.12 limited UI update: fitted stock tables, invoice/booking tables and exhibition return scanner review. */
.no-side-scroll{overflow-x:hidden}.stock-fit-table table,.invoice-list-table,.booking-list-table{min-width:0!important;width:100%;table-layout:fixed}.stock-fit-table th,.stock-fit-table td{padding:8px 7px;overflow-wrap:anywhere}.stock-fit-table .stock-col-product{width:21%}.stock-fit-table .stock-col-base{width:12%}.stock-fit-table .stock-col-transit{width:7%}.stock-fit-table .stock-col-exhibition{width:18%}.stock-fit-table .stock-col-reserved{width:8%}.stock-fit-table .stock-col-total{width:9%}.stock-fit-table .stock-col-status{width:9%}.stock-fit-table .stock-exhibition-breakdown{min-width:0}.stock-fit-table .status-pill{white-space:normal;text-align:center}.finished-stock-category .stock-category-header{background:linear-gradient(90deg,#fff4df,#fffdf9)}.finished-stock-category .stock-category-chevron{background:#7b251c}.raw-stock-category .stock-category-chevron{background:#6d7d45}.packing-stock-category .stock-category-chevron{background:#8d6235}
.filter-card{margin-bottom:10px}.filter-grid{display:grid;grid-template-columns:repeat(6,minmax(115px,1fr));gap:8px;padding:11px}.filter-grid .field{min-width:0}.filter-grid .field input,.filter-grid .field select{height:34px}.filter-search{grid-column:span 2;align-self:end}.filter-clear{display:flex;align-items:center;justify-content:space-between;gap:8px;align-self:end;min-height:34px}.filter-clear small{font-size:8px;color:var(--muted)}.list-table-card{overflow:hidden}.invoice-list-table th,.invoice-list-table td,.booking-list-table th,.booking-list-table td{padding:8px 6px;overflow-wrap:anywhere}.invoice-list-table .invoice-no{width:13%}.invoice-list-table .invoice-customer{width:15%}.invoice-list-table .invoice-location{width:12%}.invoice-list-table .invoice-method{width:10%}.invoice-list-table .invoice-money{width:8%}.invoice-list-table .invoice-status{width:10%}.invoice-list-table .invoice-actions{width:16%}.booking-list-table .booking-no{width:10%}.booking-list-table .booking-date{width:10%}.booking-list-table .booking-customer{width:14%}.booking-list-table .booking-type{width:13%}.booking-list-table .booking-location{width:11%}.booking-list-table .booking-items{width:5%}.booking-list-table .booking-money{width:9%}.booking-list-table .booking-status{width:10%}.booking-list-table .booking-actions{width:18%}.table-link{border:0;background:transparent;padding:0;color:#6c261d;text-align:left}.table-action-group{display:flex;gap:3px;flex-wrap:wrap}.table-action-group button{border:1px solid #e2d1b9;background:#fffaf3;color:#6b321f;border-radius:5px;padding:4px 6px;font-size:7px}.money-cell{white-space:normal}.text-danger{color:#a63a2c}.ex-return-summary-bar{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;margin-top:10px;border:1px solid var(--line);border-radius:8px;background:#fffaf2;font-size:9px;color:#6a5146}
@media(max-width:1100px){.filter-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}.invoice-list-table th,.invoice-list-table td,.booking-list-table th,.booking-list-table td{font-size:8px;padding:7px 4px}.table-action-group button{padding:3px 4px}.stock-fit-table th,.stock-fit-table td{font-size:8px;padding:7px 4px}.stock-fit-table td small{font-size:7px}}
@media(max-width:760px){.filter-grid{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.filter-clear{grid-column:1/-1}.no-side-scroll{overflow-x:auto}.invoice-list-table,.booking-list-table{min-width:920px!important}.stock-fit-table table{min-width:760px!important}.ex-return-summary-bar{align-items:flex-start;flex-direction:column}}


/* V9.12 limited exhibition update: filtered list and same-page scanner. */
.exhibition-filter-grid{grid-template-columns:minmax(240px,1.7fr) repeat(4,minmax(125px,1fr));align-items:end}
.exhibition-filter-card .filter-footer{padding:0 16px 14px}
.exhibition-list-card{overflow:hidden}
.exhibition-list-wrap{overflow-x:auto}
.exhibition-list-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}
.exhibition-list-table th:nth-child(1){width:16%}.exhibition-list-table th:nth-child(2){width:12%}.exhibition-list-table th:nth-child(3){width:10%}.exhibition-list-table th:nth-child(4){width:8%}.exhibition-list-table th:nth-child(5){width:17%}.exhibition-list-table th:nth-child(6){width:11%}.exhibition-list-table th:nth-child(7){width:26%}
.exhibition-list-table td{vertical-align:top;overflow-wrap:anywhere}.exhibition-list-table td>small,.exhibition-list-table td>b{display:block}.exhibition-list-table td>small{margin-top:4px;color:var(--muted);line-height:1.35}
.exhibition-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.exhibition-row-actions .btn{width:100%;padding:7px 8px;white-space:normal;line-height:1.2}
.exhibition-inline-scanner{margin-top:18px;padding:16px;scroll-margin-top:18px;border:2px solid #b98a52;box-shadow:0 18px 44px #4b28151a}
.exhibition-inline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #ead8bf;margin-bottom:14px}.exhibition-inline-head small{font-weight:800;letter-spacing:.12em;color:#9a662c}.exhibition-inline-head h2{margin:3px 0 5px}.exhibition-inline-head p{margin:0;color:var(--muted)}
.exhibition-inline-scanner .scanner-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
.scanner-return-context{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(220px,1fr);align-items:end}.scanner-return-context>span{grid-column:1/-1}
@media(max-width:1200px){.exhibition-filter-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.exhibition-list-table th:nth-child(1){width:17%}.exhibition-list-table th:nth-child(5){width:18%}.exhibition-list-table th:nth-child(7){width:25%}.exhibition-row-actions{grid-template-columns:1fr}.exhibition-inline-scanner .scanner-layout{grid-template-columns:1fr}}
@media(max-width:760px){.exhibition-filter-grid{grid-template-columns:1fr 1fr}.exhibition-filter-grid .filter-search{grid-column:1/-1}.exhibition-list-wrap{overflow:visible}.exhibition-list-table,.exhibition-list-table tbody,.exhibition-list-table tr,.exhibition-list-table td{display:block;width:100%}.exhibition-list-table thead{display:none}.exhibition-list-table tr{padding:12px;border-bottom:1px solid #ead8bf}.exhibition-list-table td{padding:7px 4px;border:0}.exhibition-list-table td::before{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:3px}.exhibition-list-table td:nth-child(1)::before{content:'Exhibition'}.exhibition-list-table td:nth-child(2)::before{content:'Dates'}.exhibition-list-table td:nth-child(3)::before{content:'Base / City'}.exhibition-list-table td:nth-child(4)::before{content:'Stock'}.exhibition-list-table td:nth-child(5)::before{content:'Financials'}.exhibition-list-table td:nth-child(6)::before{content:'Status'}.exhibition-list-table td:nth-child(7)::before{content:'Actions'}.exhibition-row-actions{grid-template-columns:1fr 1fr}.exhibition-inline-head{flex-direction:column}.scanner-return-context{grid-template-columns:1fr}}


/* Existing Products & Inventory and smart packing styles */
.inventory-clean-shell>.page-header{margin-bottom:10px}.inventory-clean-shell>.hub-tabs{margin-bottom:16px}.inventory-clean-shell .page-actions{gap:8px;align-items:center;flex-wrap:wrap}.inventory-create-batch{font-weight:800;box-shadow:0 7px 18px #7b251c24}.more-actions{position:relative}.more-actions summary{list-style:none;cursor:pointer}.more-actions summary::-webkit-details-marker{display:none}.more-actions>div{position:absolute;right:0;top:calc(100% + 7px);z-index:30;width:220px;padding:8px;background:#fff;border:1px solid #dfccb3;border-radius:12px;box-shadow:0 16px 38px #2d170f2b}.more-actions>div button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:8px;color:var(--ink);font-weight:700}.more-actions>div button:hover{background:#fbf1e3}.product-filter-grid{grid-template-columns:minmax(260px,2fr) repeat(3,minmax(145px,1fr)) auto}.product-master-table table{width:100%;table-layout:fixed;min-width:0}.product-master-table th:nth-child(1){width:24%}.product-master-table th:nth-child(2){width:14%}.product-master-table th:nth-child(3){width:14%}.product-master-table th:nth-child(4){width:19%}.product-master-table th:nth-child(5){width:11%}.product-master-table th:nth-child(6){width:9%}.product-master-table th:nth-child(7){width:9%}.product-master-table td{overflow-wrap:anywhere}.inventory-subhead{margin:4px 0 12px;padding:12px 4px}.inventory-subhead h2{margin:0 0 4px}.inventory-subhead p{margin:0;color:var(--muted)}.batch-master-table table{width:100%;table-layout:fixed;min-width:0}.batch-master-table th:nth-child(1){width:17%}.batch-master-table th:nth-child(2){width:10%}.batch-master-table th:nth-child(3){width:10%}.batch-master-table th:nth-child(4){width:12%}.batch-master-table th:nth-child(5){width:11%}.batch-master-table th:nth-child(6){width:19%}.batch-master-table th:nth-child(7){width:11%}.batch-master-table th:nth-child(8){width:10%}.batch-picker-list{display:grid;gap:8px}.batch-picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 14px;background:#fff;border:1px solid #e3d3bf;border-radius:12px;text-align:left}.batch-picker-row:hover{border-color:#ad7540;background:#fffaf2}.batch-picker-row span:first-child{display:grid;gap:3px}.batch-picker-row small{color:var(--muted)}
.smart-pack-card{border:2px solid #d7b078;background:linear-gradient(180deg,#fffdf9,#fff8ee)}.smart-pack-card .card-head{align-items:flex-start}.smart-pack-actions{display:flex;gap:7px;flex-wrap:wrap}.smart-pack-table table{width:100%;min-width:980px}.smart-pack-table td{vertical-align:top}.smart-pack-table td small{display:block;margin-top:4px;line-height:1.35;color:var(--muted)}.smart-recommendation-number{font-size:20px;color:#7b251c}.smart-pack-note{display:flex;gap:10px;align-items:center;margin:0 14px 14px;padding:11px 12px;border-radius:10px;background:#fff1d9}.smart-pack-note span{color:var(--muted)}
.sync-status{display:flex;align-items:center;gap:6px}.sync-status.ok .sync-dot{background:#3a9b59}.sync-status.warn .sync-dot{background:#d48819}.sync-status.busy .sync-dot{background:#557aac;animation:syncPulse 1.1s infinite}@keyframes syncPulse{50%{opacity:.35}}.cloud-offline{margin-bottom:12px}.iphone-install-steps,.migration-guide{display:grid;gap:12px}.iphone-install-steps>div,.migration-guide>div{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:13px;border:1px solid #ead8bf;border-radius:12px;background:#fffaf3}.iphone-install-steps>div>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#7b251c;color:#fff}.migration-guide>div{grid-template-columns:170px 1fr}.data-migration-actions,.settings-backup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.settings-backup-actions{padding:12px}.file-btn input{display:none}
@media(max-width:1050px){.product-filter-grid{grid-template-columns:1fr 1fr}.product-filter-grid .filter-search{grid-column:1/-1}.product-master-table{overflow:auto}.product-master-table table{min-width:850px}.batch-master-table{overflow:auto}.batch-master-table table{min-width:900px}.smart-pack-table{overflow:auto}.inventory-clean-shell .page-actions{justify-content:flex-start}}
@media(max-width:760px){.inventory-clean-shell>.page-header{align-items:flex-start}.inventory-clean-shell .page-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.inventory-clean-shell .page-actions .btn,.inventory-clean-shell .page-actions details{width:100%}.more-actions summary{width:100%;justify-content:center}.more-actions>div{left:0;right:auto;width:min(260px,85vw)}.product-filter-grid{grid-template-columns:1fr}.product-filter-grid .filter-search{grid-column:auto}.smart-pack-card .card-head,.inventory-subhead{flex-direction:column;align-items:stretch}.smart-pack-actions{display:grid;grid-template-columns:1fr}.migration-guide>div{grid-template-columns:1fr}.topbar-right .sync-status span{display:none}}

/* V9.28 SNS Assist mobile-first interface */
:root{--sns-burgundy:#7b251c;--sns-burgundy-deep:#5b1813;--sns-cream:#fbf7ef;--sns-gold:#c58e31;--sns-peach:#f0b88b;--sns-green:#5c8a46;--sns-blue:#4e82a8;--sns-purple:#8a659d}
body{font-size:14px}.brand{height:126px;padding:12px}.brand-logo{width:82px;height:82px;object-fit:contain}.brand>span{font-size:10px;font-weight:800;letter-spacing:2px;margin-top:2px}.sidebar{width:218px}.main-area{width:calc(100% - 218px);margin-left:218px}.sidebar nav{gap:5px;padding:13px 11px}.sidebar nav button{min-height:44px;font-size:13px;padding:9px 10px}.nav-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:15px;background:#f3e7d9;color:#7b251c}.sidebar nav button:nth-child(1) .nav-icon{background:#fbe4df;color:#b34d39}.sidebar nav button:nth-child(2) .nav-icon{background:#fff0cf;color:#a66b11}.sidebar nav button:nth-child(3) .nav-icon{background:#e7f1e1;color:#4e7d39}.sidebar nav button:nth-child(4) .nav-icon{background:#e4eef7;color:#3c739c}.sidebar nav button:nth-child(5) .nav-icon{background:#eee6f4;color:#795993}.sidebar nav button:nth-child(6) .nav-icon{background:#e7f2ef;color:#39786d}.sidebar nav button:nth-child(7) .nav-icon{background:#f3e8df;color:#8b563a}.sidebar nav button.active .nav-icon{background:rgba(255,255,255,.18);color:#fff}.topbar{height:66px;padding:0 18px}.topbar-title{display:flex;flex-direction:row;align-items:center;gap:9px}.topbar-title>span{display:flex;flex-direction:column}.topbar-title b{font-size:15px}.topbar-title small{font-size:9px;color:var(--muted)}.topbar-logo{width:38px;height:38px;object-fit:contain}.notification-button{width:39px;height:39px;position:relative;display:grid!important;place-items:center;padding:0!important;border-radius:11px!important;font-size:20px!important}.notification-button b{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;border-radius:20px;background:#b44230;color:#fff;border:2px solid #fff;font-size:9px;display:grid;place-items:center}.current-build-pill{font-size:9px;padding:5px 8px}.page-content{padding:22px 24px 34px}.page-header h1{font-size:27px}.page-header p{font-size:12px}.btn{min-height:40px;font-size:12px;border-radius:9px}.btn.compact{min-height:32px;font-size:10px}.field>span{font-size:10px}.field input,.field select,.field textarea{min-height:42px;font-size:13px;border-radius:9px}.card{border-radius:14px}.card-head h3{font-size:14px}.card-head p{font-size:11px}th,td{font-size:11px;padding:11px 12px}th{font-size:10px}td small{font-size:9px}.search-box{height:42px;border-radius:10px}.search-box input{font-size:13px}.toolbar select,.topbar select{height:40px;font-size:12px}.hub-tabs button{font-size:11px;padding:9px 14px}.kpi small{font-size:11px}.kpi strong{font-size:22px}.kpi span{font-size:10px}.product-tile{padding:13px;border-radius:12px}.product-tile b{font-size:12px}.product-tile small{font-size:10px}.product-tile strong{font-size:13px}.cart-line b{font-size:12px}.cart-line small{font-size:10px}.cart-summary>div{font-size:12px}.pos-discount-controls{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0!important;border-top:1px dashed #ead8c1;border-bottom:1px dashed #ead8c1}.pos-discount-controls label{display:flex;flex-direction:column;gap:4px}.pos-discount-controls label span{font-size:9px;color:var(--muted)}.pos-discount-controls input{width:100%;height:38px;border:1px solid var(--line);border-radius:8px;padding:0 9px}.cart-summary .discount-row{color:#9a4b26}.pos-cart>.btn.primary.full{position:sticky;bottom:0;min-height:48px;z-index:2}.notification-list{display:flex;flex-direction:column;gap:8px}.notification-item{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;display:grid;grid-template-columns:38px 1fr 16px;gap:10px;align-items:center;text-align:left}.notification-item span:nth-child(2) b,.notification-item span:nth-child(2) small{display:block}.notification-item span:nth-child(2) b{font-size:12px}.notification-item span:nth-child(2) small{font-size:10px;color:var(--muted);margin-top:3px}.notification-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800}.notification-icon.orange{background:#fff0d5;color:#a96812}.notification-icon.gold{background:#f8ebc8;color:#8a6419}.notification-icon.green{background:#e6f1df;color:#4f7a3c}.notification-icon.red{background:#fde6e2;color:#a94334}.mobile-sales-tools,.mobile-invoice-list,.mobile-filter-done{display:none}.active-filter-chips{display:flex;gap:5px;overflow:auto;grid-column:1/-1}.active-filter-chips span{white-space:nowrap;background:#f5eadc;color:#6b3627;border-radius:999px;padding:5px 8px;font-size:9px}.mobile-invoice-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;box-shadow:0 5px 16px rgba(75,36,20,.05)}.mobile-invoice-top,.mobile-invoice-customer,.mobile-invoice-money,.mobile-invoice-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-invoice-top>button{border:0;background:transparent;text-align:left;padding:0;color:#4a251d}.mobile-invoice-top b,.mobile-invoice-top small,.mobile-invoice-customer b,.mobile-invoice-customer span{display:block}.mobile-invoice-top b{font-size:13px}.mobile-invoice-top small,.mobile-invoice-customer span{font-size:10px;color:var(--muted);margin-top:2px}.mobile-invoice-customer{padding:11px 0;border-bottom:1px solid #efe3d5}.mobile-invoice-money{padding:11px 0}.mobile-invoice-money span{flex:1}.mobile-invoice-money small,.mobile-invoice-money b{display:block}.mobile-invoice-money small{font-size:9px;color:var(--muted)}.mobile-invoice-money b{font-size:12px;margin-top:2px}.mobile-invoice-actions{border-top:1px solid #efe3d5;padding-top:10px}.mobile-invoice-actions button{flex:1;min-height:34px;border:1px solid #e5d1b8;background:#fff9f1;border-radius:8px;color:#6c321f;font-weight:700;font-size:10px}.scanner-settings-card{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;padding:18px}.settings-feature-icon{width:52px;height:52px;border-radius:15px;background:#f5e5d5;color:#7b251c;display:grid;place-items:center;font-size:24px}.scanner-settings-card b{font-size:14px}.scanner-settings-card p{font-size:11px;color:var(--muted);margin:5px 0 0}.opening-barcode-section{margin-top:15px;border:1px solid var(--line);background:#fffaf2;border-radius:12px;padding:14px}.opening-label-preview{width:min(100%,420px);background:#fff;padding:15px;border:1px solid #e9dac7;border-radius:10px;text-align:center}.opening-label-preview>img{height:60px;width:60px;object-fit:contain}.opening-label-preview>b,.opening-label-preview>small{display:block}.opening-label-preview>b{font-size:13px;margin:5px 0}.opening-label-preview>small{font-size:9px;color:var(--muted)}.opening-label-preview svg{max-width:100%;height:auto}.barcode-brand img{max-height:44px;max-width:85px;object-fit:contain}.login-logo img{width:130px;height:130px;object-fit:contain}.login-card h1{font-size:27px;color:#6b2119}.invoice-preview{background:#f5eee4;padding:18px;border-radius:12px;overflow:auto}.invoice-paper{max-width:800px;margin:auto;padding:28px;border-radius:4px}.invoice-top{display:flex;justify-content:space-between;gap:18px;border-bottom:3px solid var(--maroon);padding-bottom:14px}.invoice-brand img{width:92px;height:92px;object-fit:contain}.invoice-brand span{display:block;font-size:9px;color:var(--muted)}.invoice-heading{text-align:right}.invoice-heading em{font-style:normal;color:var(--maroon);font-size:10px;font-weight:800;letter-spacing:.12em}.invoice-heading h1{font-size:20px;margin:7px 0}.invoice-heading small{display:block;font-size:9px;color:var(--muted)}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.invoice-parties>div{border:1px solid #eadfd2;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}.invoice-parties small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.invoice-parties b{font-size:12px}.invoice-parties span{font-size:10px}.invoice-items{width:100%;min-width:0}.invoice-items th{background:var(--maroon);color:#fff}.invoice-summary{display:grid;grid-template-columns:1fr 280px;gap:20px;margin-top:18px}.invoice-total>div{display:flex;justify-content:space-between;padding:5px 0;font-size:11px}.invoice-total .grand{border-top:2px solid var(--maroon);font-size:16px;color:var(--maroon);margin-top:6px;padding-top:9px}.invoice-total .discount{color:#9a4b26}.invoice-payment small{font-size:8px;text-transform:uppercase;color:var(--muted)}.invoice-payment p{font-size:10px}.invoice-footer{text-align:center;border-top:1px solid #eadfd2;margin-top:20px;padding-top:13px;color:var(--maroon)}.invoice-footer b,.invoice-footer span{display:block}.invoice-footer span{font-size:9px;color:var(--muted);margin-top:3px}.invoice-audit{font-size:9px;color:var(--muted)}

@media(max-width:900px){
  .sidebar{width:270px}.main-area{width:100%;margin-left:0}.hamburger{display:grid;width:42px;height:42px;place-items:center;font-size:22px}.topbar{padding:0 10px}.topbar-title{margin-right:auto}.topbar-logo{width:34px;height:34px}.topbar-title b{font-size:14px}.topbar-title small{display:none}.current-build-pill,.top-location,.topbar-right .sync-status,#install-btn{display:none!important}.topbar-right{gap:3px}.notification-button{border:0!important;background:transparent!important}.page-content{padding:16px 12px 28px}.page-header h1{font-size:23px}.page-header p{font-size:11px}.page-header{align-items:flex-start}.page-actions .btn{min-height:42px}.desktop-invoice-list{display:none}.mobile-invoice-list{display:flex;flex-direction:column;gap:9px}.mobile-sales-tools{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}.mobile-sales-search{height:44px;border:1px solid var(--line);background:#fff;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 11px}.mobile-sales-search input{border:0;outline:0;width:100%;font-size:13px}.mobile-sales-tools>button{border:1px solid #d8bc98;background:#fff9f0;border-radius:11px;padding:0 13px;color:#6b2c20;font-weight:700}.mobile-sales-tools>button b{background:var(--maroon);color:#fff;border-radius:999px;padding:2px 6px}.filter-card{display:none}.filter-card.mobile-open{display:block;position:fixed;z-index:150;inset:74px 0 0;border-radius:18px 18px 0 0;overflow:auto;padding-bottom:18px;background:#fffdf9}.filter-card.mobile-open:before{content:'Filters';display:block;font-size:18px;font-weight:800;color:#632118;padding:17px 14px 4px}.filter-card .invoice-filter-grid{grid-template-columns:1fr 1fr;padding:12px}.filter-card .filter-search{grid-column:1/-1}.filter-card .filter-clear{grid-column:1/-1;position:sticky;bottom:0;background:#fffdf9;padding:10px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-card .filter-clear small{grid-column:1/-1}.mobile-filter-done{display:inline-flex}.active-filter-chips{display:flex}.modal-card.max-w-6xl{width:100%}.pos-layout{grid-template-columns:1fr}.pos-products{min-width:0}.pos-cart{position:static}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scanner-settings-card{grid-template-columns:48px 1fr}.scanner-settings-card .btn{grid-column:1/-1}.invoice-summary{grid-template-columns:1fr}.invoice-parties{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .topbar{height:62px}.topbar-title>span{display:flex}.topbar-title .topbar-logo{display:block}.page-content{padding:12px 9px 24px}.page-header{gap:9px;margin-bottom:10px}.page-actions{display:grid;grid-template-columns:1fr 1fr}.page-actions .btn{width:100%}.inventory-clean-shell .page-actions{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr;gap:7px}.product-tile{padding:9px}.product-tile .product-thumb{width:25px;height:25px}.pos-customer-block .section-row{align-items:stretch;flex-direction:column}.pos-discount-controls{grid-template-columns:1fr 1fr}.modal-card{max-height:96vh}.modal-body{padding:12px}.invoice-preview{padding:0;background:#fff}.invoice-paper{padding:13px;border:0}.invoice-brand img{width:68px;height:68px}.invoice-heading h1{font-size:14px}.invoice-parties{grid-template-columns:1fr}.invoice-items thead{display:none}.invoice-items,.invoice-items tbody,.invoice-items tr,.invoice-items td{display:block;width:100%}.invoice-items tr{border:1px solid #eadfd2;border-radius:10px;margin-bottom:9px;padding:7px}.invoice-items td{border:0;display:flex;justify-content:space-between;gap:12px;padding:5px}.invoice-items td:before{content:attr(data-label);font-size:9px;color:var(--muted)}.invoice-items td:nth-child(2){display:block}.invoice-items td:nth-child(2):before{display:none}.invoice-summary{gap:8px}.notification-item{grid-template-columns:36px 1fr 12px}.opening-barcode-section{padding:10px}.filter-card .invoice-filter-grid{grid-template-columns:1fr}.filter-card .filter-search,.filter-card .filter-clear{grid-column:1}.mobile-invoice-money{gap:4px}.mobile-invoice-actions button{padding:0 4px}.scanner-toolbar .btn{flex:1}.manual-row{display:grid;grid-template-columns:1fr auto}.manual-row label,.manual-row button:not(:first-of-type){grid-column:1/-1}.hub-tabs{padding-bottom:8px}.hub-tabs button{min-height:38px}.sidebar nav button{font-size:14px}.brand-logo{width:86px;height:86px}
}

/* V9.28 approved mobile home design and product images */
.mobile-home-dashboard,.mobile-bottom-nav{display:none}
.product-thumb.has-image{background:#fff;border:1px solid #eadbc4;overflow:hidden}.product-thumb.has-image img{width:100%;height:100%;object-fit:cover;display:block}
.product-image-editor{display:grid;grid-template-columns:128px 1fr;gap:16px;align-items:center;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fffaf2}.product-image-preview{width:128px;height:128px;border:1px dashed #d6bea0;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a28c7c;overflow:hidden}.product-image-preview span{font-size:28px}.product-image-preview small{font-size:10px}.product-image-preview.has-image{border-style:solid}.product-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.product-image-editor>div:nth-child(2)>b{font-size:14px;color:#5e241b}.product-image-editor p{font-size:11px;color:var(--muted);margin:5px 0 11px}.product-image-actions{display:flex;gap:8px;flex-wrap:wrap}.product-tile .product-thumb.has-image{width:48px;height:48px;border-radius:11px;margin-bottom:8px}
@media(max-width:900px){
 body{background:#f8f1e8}.desktop-home-dashboard{display:none}.mobile-home-dashboard{display:block}.main-area{padding-bottom:76px;background:#f8f1e8}
 .topbar{height:68px;background:#711f18;border-bottom:0;padding:0 12px;color:#fff;box-shadow:0 3px 14px rgba(79,25,18,.22);display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.hamburger{display:grid;color:#fff;width:44px;height:44px;font-size:25px;place-items:center;padding:0}.topbar-title{margin:0!important;justify-self:center;display:flex;flex-direction:row;align-items:center;gap:8px;color:#fff;min-width:0}.topbar-title>span{display:flex!important;flex-direction:column;line-height:1.05}.topbar-title b{font-family:Georgia,serif;color:#fff;font-size:19px;white-space:nowrap}.topbar-title small{display:block!important;color:#ead9c2;font-size:8px;letter-spacing:.05em;white-space:nowrap}.topbar-logo{width:36px!important;height:36px!important;border-radius:50%;background:#fff6dc;padding:2px;object-fit:contain}.topbar-right{justify-self:end;display:block}.notification-button{width:44px!important;height:44px!important;color:#fff!important;font-size:25px!important;background:transparent!important;border:0!important}.notification-button b{right:0;top:1px;background:#e7b13f;border-color:#711f18;color:#5a1712}
 .page-content{padding:18px 12px 24px;background:#f8f1e8;max-width:none}.mobile-welcome-card{min-height:120px;border-radius:14px;background:linear-gradient(135deg,#e8b947,#dca529);padding:22px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 7px 18px rgba(126,82,17,.17);overflow:hidden;position:relative}.mobile-welcome-card:after{content:"";position:absolute;right:-25px;bottom:-55px;width:145px;height:145px;border-radius:50%;background:rgba(255,255,255,.12)}.mobile-welcome-card h1{font-family:Georgia,serif;font-size:22px;color:#fff;margin:0;line-height:1.15}.mobile-welcome-card p{font-size:12px;color:#fff8e7;margin:8px 0 0}.mobile-welcome-card img{width:86px;height:86px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 5px 8px rgba(86,40,12,.14))}
 .mobile-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.mobile-kpi-card{min-height:112px;background:#fff;border:1px solid #eadfd1;border-radius:14px;padding:14px 13px;display:flex;align-items:flex-start;gap:11px;text-align:left;box-shadow:0 4px 12px rgba(89,52,31,.045);color:#3d251e}.mobile-kpi-card>div{min-width:0}.mobile-kpi-card small,.mobile-kpi-card strong,.mobile-kpi-card em{display:block}.mobile-kpi-card small{font-size:12px;color:#4c3a34;font-weight:600}.mobile-kpi-card strong{font-size:20px;color:#271711;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-kpi-card em{font-style:normal;font-size:9px;color:#8c8078;margin-top:5px;line-height:1.25}.mobile-kpi-icon,.quick-icon{flex:0 0 auto;display:grid;place-items:center;font-weight:800}.mobile-kpi-icon{width:40px;height:40px;border-radius:12px;font-size:20px}.mobile-kpi-icon.green,.quick-icon.green{background:#e3f1df;color:#4b8a43}.mobile-kpi-icon.blue,.quick-icon.blue{background:#dfeaf6;color:#4a7fad}.mobile-kpi-icon.purple,.quick-icon.purple{background:#eee2f5;color:#875c9d}.mobile-kpi-icon.red{background:#fae3df;color:#c34f43}.quick-icon.orange{background:#fff0da;color:#c27b28}.quick-icon.burgundy{background:#f2dfdc;color:#7b251c}
 .mobile-quick-section{margin-top:18px}.mobile-quick-section h2{font-size:18px;color:#3d251e;margin:0 0 12px;font-weight:800}.mobile-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.mobile-quick-grid button{min-height:108px;border:1px solid #eadfd1;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#3f2a23;box-shadow:0 4px 12px rgba(89,52,31,.045)}.mobile-quick-grid button:active{transform:scale(.98)}.mobile-quick-grid b{font-size:12px}.quick-icon{width:46px;height:46px;border-radius:14px;font-size:23px}
 .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:72px;background:#fff;border-top:1px solid #eadfd1;display:grid;grid-template-columns:repeat(5,1fr);z-index:120;padding:7px max(5px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));box-shadow:0 -5px 18px rgba(71,38,22,.09)}.mobile-bottom-nav button{border:0;background:transparent;color:#8f8179;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:0}.mobile-bottom-nav button span{font-size:22px;line-height:1}.mobile-bottom-nav button b{font-size:9px}.mobile-bottom-nav button.active{color:#7b251c}.mobile-bottom-nav .mobile-scan-nav{position:relative;top:-21px;color:#7b251c}.mobile-bottom-nav .mobile-scan-nav span{width:56px;height:56px;border-radius:50%;background:#7b251c;color:#fff;border:5px solid #f8f1e8;display:grid;place-items:center;font-size:25px;box-shadow:0 5px 13px rgba(85,25,18,.28)}.mobile-bottom-nav .mobile-scan-nav b{margin-top:0}
 .product-image-editor{grid-template-columns:96px 1fr;padding:11px;gap:12px}.product-image-preview{width:96px;height:96px}.product-image-actions .btn{flex:1;min-width:118px}.product-thumb{width:40px;height:40px;border-radius:9px}.product-tile .product-thumb.has-image{width:54px;height:54px}
}
@media(max-width:380px){.mobile-welcome-card{padding:18px 15px}.mobile-welcome-card h1{font-size:20px}.mobile-welcome-card img{width:74px;height:74px}.mobile-kpi-card{padding:12px 10px;gap:8px}.mobile-kpi-icon{width:36px;height:36px}.mobile-kpi-card strong{font-size:17px}.mobile-kpi-card small{font-size:11px}.mobile-quick-grid{gap:8px}.mobile-quick-grid button{min-height:98px}.quick-icon{width:42px;height:42px}}
@media(max-width:900px){.mobile-bottom-nav{z-index:80}.sidebar{z-index:180}.scrim{z-index:170}.modal-backdrop{z-index:220}}

/* V9.28 approved unified SNS Assist interface: same visual system on laptop and phone */
@media(min-width:901px){
  body{background:#f8f1e8}
  .app-shell{display:block;background:#f8f1e8}
  .sidebar{width:260px;transform:translateX(-105%);transition:transform .22s ease;box-shadow:12px 0 36px rgba(67,31,17,.18);z-index:180}
  .sidebar.open{transform:translateX(0)}
  .mobile-close{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f5e7d6;font-size:22px}
  .scrim{display:block;position:fixed;inset:0;border:0;background:rgba(44,21,13,.38);z-index:170}
  .main-area{width:100%;margin-left:0;min-height:100vh;background:#f8f1e8}
  .topbar{height:76px;background:#711f18;border-bottom:0;padding:0 28px;color:#fff;box-shadow:0 3px 14px rgba(79,25,18,.22);display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center}
  .hamburger{display:grid;color:#fff;width:48px;height:48px;font-size:27px;place-items:center;padding:0;border-radius:12px}
  .hamburger:hover{background:rgba(255,255,255,.1)}
  .topbar-title{justify-self:start;display:flex;flex-direction:row;align-items:center;gap:11px;color:#fff}
  .topbar-title b{font-family:Georgia,serif;color:#fff;font-size:22px}
  .topbar-title small{color:#ead9c2;font-size:10px;letter-spacing:.04em}
  .topbar-logo{width:46px;height:46px;border-radius:50%;background:#fff6dc;padding:2px}
  .current-build-pill{display:none}
  .topbar-right{justify-self:end;display:flex;align-items:center;gap:10px;color:#fff}
  .topbar-right .sync-status{display:none}
  .topbar-right select{height:42px;min-width:145px;border:1px solid rgba(255,255,255,.35);background:#fffaf2;color:#5b261c;border-radius:10px}
  .notification-button{width:46px!important;height:46px!important;color:#fff!important;background:transparent!important;border:1px solid rgba(255,255,255,.22)!important;font-size:25px!important}
  .notification-button b{border-color:#711f18;background:#e7b13f;color:#5a1712}
  .page-content{padding:26px 30px 42px;max-width:1500px;margin:0 auto;background:#f8f1e8}
  .mobile-home-dashboard{display:block}
  .desktop-home-dashboard{display:none}
  .mobile-welcome-card{min-height:150px;border-radius:18px;padding:28px 32px}
  .mobile-welcome-card h1{font-size:32px}
  .mobile-welcome-card p{font-size:14px}
  .mobile-welcome-card img{width:112px;height:112px}
  .mobile-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
  .mobile-kpi-card{min-height:126px;border-radius:16px;padding:18px 16px;gap:13px}
  .mobile-kpi-icon{width:46px;height:46px;border-radius:14px;font-size:22px}
  .mobile-kpi-card small{font-size:13px}.mobile-kpi-card strong{font-size:24px}.mobile-kpi-card em{font-size:10px}
  .mobile-quick-section{margin-top:24px}.mobile-quick-section h2{font-size:21px}
  .mobile-quick-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
  .mobile-quick-grid button{min-height:120px;border-radius:16px}.mobile-quick-grid b{font-size:13px}
  .desktop-dashboard-extras{display:block;margin-top:22px}
  .dashboard-reference-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:14px}
  .dashboard-reference-lower{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
  .desktop-dashboard-extras .card{background:#fff;border-radius:16px;box-shadow:0 5px 18px rgba(89,52,31,.05)}
  .mobile-bottom-nav{display:none}
}
@media(max-width:900px){
  .desktop-dashboard-extras{display:none}
}

/* V9.28 approved batch-output, FEFO and unified barcode label updates */
.batch-entry-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;align-items:end}.batch-output-primary{grid-column:span 1}.batch-output-input{grid-template-columns:minmax(170px,1fr) 110px}.batch-output-input input{font-size:20px;font-weight:800}.batch-output-input select{font-weight:700}.barcode-label-standard{width:min(100%,760px);margin:auto;background:#fff;color:#111;text-align:left;padding:26px 34px;display:block;border:1px solid #ddd;box-sizing:border-box}.barcode-label-standard .barcode-title{font:500 clamp(28px,4vw,54px)/1.08 Arial,sans-serif;letter-spacing:.01em;margin-bottom:18px;white-space:nowrap}.barcode-label-standard .barcode-name{font:500 clamp(22px,3.1vw,42px)/1.1 Arial,sans-serif;margin:0 0 8px;white-space:normal;overflow:visible}.barcode-label-standard .barcode-svg{width:100%;margin:2px 0 22px}.barcode-label-standard .barcode-svg svg{display:block;width:100%;height:auto;max-height:210px}.barcode-label-standard .barcode-meta{font:400 clamp(17px,2.1vw,30px)/1.35 Arial,sans-serif;margin-top:6px}.barcode-label-standard .barcode-dates{display:flex;gap:24px;flex-wrap:wrap}.label-preview-wrap .barcode-label-standard{max-width:760px}.product-master-table td:nth-child(4) small{max-width:240px;white-space:normal;overflow-wrap:anywhere}.row-actions button[title*="Barcode"]{background:#fff7e7;border-color:#ddbd7c;color:#7b251c}
@media(max-width:900px){.batch-entry-grid{grid-template-columns:1fr 1fr}.batch-output-primary{grid-column:1/-1}.batch-output-input{grid-template-columns:minmax(0,1fr) 96px}.barcode-label-standard{padding:18px 20px}.barcode-label-standard .barcode-title{font-size:30px}.barcode-label-standard .barcode-name{font-size:24px}.barcode-label-standard .barcode-meta{font-size:17px}}
@media(max-width:620px){.batch-entry-grid{grid-template-columns:1fr}.batch-output-primary{grid-column:auto}.barcode-label-standard{padding:13px 14px}.barcode-label-standard .barcode-title{font-size:23px;white-space:normal}.barcode-label-standard .barcode-name{font-size:20px}.barcode-label-standard .barcode-meta{font-size:14px}.barcode-label-standard .barcode-dates{gap:12px}}

/* V9.28 final approved reference layout */
.approved-dashboard{display:flex;flex-direction:column;gap:14px;max-width:1450px;margin:0 auto}
.approved-welcome-card,.approved-quick-card{background:#fff;border:1px solid #eadbc8;border-radius:16px;box-shadow:0 4px 16px rgba(76,40,21,.045)}
.approved-welcome-card{min-height:104px;padding:22px 26px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.approved-welcome-card h1{font:800 25px/1.15 Inter,Arial,sans-serif;color:#3a211b;margin:0}.approved-welcome-card h1 span{font-size:20px}.approved-welcome-card p{font-size:12px;color:#7f746d;margin:7px 0 0}.approved-welcome-card time{font-size:11px;color:#7f746d;white-space:nowrap;margin-top:3px}
.approved-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.approved-kpi-card{min-height:152px;border:1px solid #eadbc8;border-radius:14px;background:#fff;padding:18px;display:grid;grid-template-columns:46px 1fr;gap:14px;text-align:left;color:#342019;box-shadow:0 4px 14px rgba(75,38,20,.04)}.approved-kpi-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(75,38,20,.07)}
.approved-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800}.approved-icon.blue{background:#e5edff;color:#3475d8}.approved-icon.orange{background:#fff0d9;color:#f08a17}.approved-icon.amber{background:#fff0dc;color:#f08a17}.approved-icon.purple{background:#eee7fb;color:#8a5ac8}
.approved-kpi-card small,.approved-kpi-card strong,.approved-kpi-card em,.approved-kpi-card i,.approved-kpi-card b{display:block}.approved-kpi-card small{font-size:12px;color:#5a4a43}.approved-kpi-card strong{font-size:25px;margin-top:5px;color:#1f1714}.approved-kpi-card em{font-style:normal;font-size:10px;color:#7d716a;margin-top:10px}.approved-kpi-card i{font-style:normal;font-size:10px;font-weight:800;margin-top:10px}.approved-kpi-card i.up{color:#2f9c52}.approved-kpi-card i.down{color:#d24e43}.approved-kpi-card b{font-size:9px;color:#8a7d76;font-weight:500;margin-top:3px}
.approved-quick-card{padding:16px 16px 18px}.approved-quick-card h2{font-size:18px;color:#3b211a;margin:0 0 13px}.approved-quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.approved-quick-grid button{height:96px;border:1px solid #eadbc8;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#31221d}.approved-quick-grid button:hover{background:#fffaf3;border-color:#d9b88a}.approved-quick-grid .quick{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:20px;font-weight:800}.approved-quick-grid .blue{background:#e2edff;color:#2d75dc}.approved-quick-grid .green{background:#e2f2e5;color:#2c9a4f}.approved-quick-grid .purple{background:#eee5fa;color:#8056b5}.approved-quick-grid .orange{background:#fff0dc;color:#ee7416}.approved-quick-grid .teal{background:#e0f2f2;color:#2b9696}.approved-quick-grid .pink{background:#fde5eb;color:#d95074}.approved-quick-grid b{font-size:11px}
.approved-dashboard-nav{height:62px;background:#fff;border:1px solid #eadbc8;border-radius:0 0 16px 16px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;box-shadow:0 5px 15px rgba(70,35,20,.04)}.approved-dashboard-nav button{border:0;background:transparent;color:#756b65;display:flex;flex-direction:column;align-items:center;gap:3px}.approved-dashboard-nav button span{font-size:18px}.approved-dashboard-nav button b{font-size:9px}.approved-dashboard-nav button.active{color:#7b251c}.approved-dashboard-nav .scan{position:relative;top:-11px}.approved-dashboard-nav .scan span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#7b251c;color:#fff;border:5px solid #f8f1e8;box-shadow:0 5px 14px rgba(88,27,20,.22)}

.approved-products-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.approved-products-head h1{font:800 25px Inter,Arial,sans-serif;color:#542018;margin:0}.approved-products-head p{font-size:11px;color:#81746d;margin:4px 0 0}.approved-product-filters{display:grid;grid-template-columns:minmax(280px,1fr) 190px 42px;gap:10px;padding:12px;margin-bottom:12px}.approved-product-filters select{height:42px}.filter-icon-button{height:42px;border:1px solid #dfcfba;border-radius:9px;background:#fff;color:#6a4638;font-size:18px}.approved-products-table{padding-bottom:10px}.approved-products-table table{min-width:900px}.approved-products-table th{background:#fbf4e9;color:#4b342b;font-size:10px}.approved-products-table td{font-size:11px;padding:10px 12px}.approved-product-cell{min-width:240px}.approved-product-thumb{width:38px;height:38px;border-radius:9px;background:#f0e1c7;overflow:hidden;display:grid;place-items:center}.approved-product-thumb img{width:100%;height:100%;object-fit:cover}.barcode-table-cell{cursor:pointer;min-width:190px}.barcode-mini{width:126px;height:31px;overflow:hidden;background:#fff}.barcode-mini svg{width:100%;height:100%;display:block}.barcode-table-cell small{font-size:8px;color:#756960;margin-top:3px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barcode-row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.icon-more{width:30px;height:30px;border:0;background:transparent;font-size:20px;color:#5d4c45}.approved-pagination{display:flex;justify-content:flex-end;gap:6px;padding:12px 14px 0}.approved-pagination button{width:30px;height:30px;border:1px solid #eadbc8;border-radius:7px;background:#fff;color:#654033}.approved-pagination button.active{background:#7b251c;color:#fff;border-color:#7b251c}

.batch-entry-grid{grid-template-columns:1.25fr 1fr 1fr!important;gap:16px!important}.batch-entry-grid .field{min-width:0}.batch-output-primary .inline-input,.batch-entry-grid .inline-input{display:grid!important;grid-template-columns:minmax(150px,1fr) 100px!important;gap:8px}.batch-output-primary input{font-size:18px!important;font-weight:800!important}.batch-entry-grid input,.batch-entry-grid select{height:44px}.modal-card.max-w-6xl{max-width:1220px}.modal-body{padding:18px}.batch-entry-grid+.section-gap .summary-strip{grid-template-columns:repeat(4,1fr)}

.label-preview-wrap{background:#f7efe3;border:1px solid #e2cfb4;border-radius:12px;padding:18px;display:grid;place-items:center;overflow:auto}.barcode-label-standard{width:760px;max-width:100%;min-height:390px;background:#fff;border:1px solid #d6d6d6;padding:28px 42px;text-align:left;color:#000;box-sizing:border-box;display:block}.barcode-label-standard .barcode-title{font:400 50px/1.08 Arial,sans-serif;color:#000;margin:0 0 22px;letter-spacing:0}.barcode-label-standard .barcode-name{font:400 34px/1.08 Arial,sans-serif;color:#000;margin:0 0 6px}.barcode-label-standard .barcode-svg{height:132px;margin:0 0 24px}.barcode-label-standard .barcode-svg svg{width:100%;height:100%;display:block}.barcode-label-standard .barcode-meta{font:400 25px/1.3 Arial,sans-serif;color:#000;margin:4px 0}.barcode-label-standard .barcode-dates{display:flex;gap:26px;flex-wrap:wrap}.barcode-actions{flex-wrap:wrap}

@media(max-width:900px){
 .page-content{padding:12px 10px 88px}.approved-dashboard{gap:10px}.approved-welcome-card{min-height:auto;padding:14px 15px}.approved-welcome-card h1{font-size:16px}.approved-welcome-card p{font-size:10px}.approved-welcome-card time{display:none}.approved-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.approved-kpi-card{min-height:118px;grid-template-columns:36px 1fr;padding:12px 10px;gap:8px}.approved-icon{width:36px;height:36px;font-size:17px}.approved-kpi-card small{font-size:9px}.approved-kpi-card strong{font-size:18px}.approved-kpi-card em,.approved-kpi-card i{font-size:8px;margin-top:6px}.approved-kpi-card b{font-size:7px}.approved-quick-card{padding:11px}.approved-quick-card h2{font-size:13px}.approved-quick-grid{grid-template-columns:repeat(4,1fr);gap:7px}.approved-quick-grid button{height:72px;gap:5px}.approved-quick-grid .quick{width:29px;height:29px;font-size:15px}.approved-quick-grid b{font-size:8px}.approved-dashboard-nav{display:none}.approved-product-filters{grid-template-columns:1fr 120px 40px}.approved-products-table .table-wrap{overflow:auto}.barcode-row-actions .btn{padding:4px 6px}.batch-entry-grid{grid-template-columns:1fr 1fr!important}.batch-output-primary{grid-column:1/-1}.barcode-label-standard{width:620px;min-height:310px;padding:20px 28px}.barcode-label-standard .barcode-title{font-size:37px}.barcode-label-standard .barcode-name{font-size:27px}.barcode-label-standard .barcode-svg{height:105px}.barcode-label-standard .barcode-meta{font-size:19px}}
@media(max-width:600px){.approved-products-head{align-items:center}.approved-products-head h1{font-size:20px}.approved-product-filters{grid-template-columns:1fr 40px}.approved-product-filters select{display:none}.batch-entry-grid{grid-template-columns:1fr!important}.batch-output-primary{grid-column:auto}.barcode-label-standard{min-width:590px}.barcode-label-standard .barcode-title{font-size:34px}.barcode-label-standard .barcode-name{font-size:25px}.barcode-label-standard .barcode-meta{font-size:18px}}

/* V9.28 approved colourful page system — visual layer only */
:root{
  --page-blue:#417fd1;--page-blue-soft:#eaf2ff;
  --page-green:#3d9a63;--page-green-soft:#e8f7ee;
  --page-orange:#e47b23;--page-orange-soft:#fff0df;
  --page-purple:#875cc2;--page-purple-soft:#f2eafd;
  --page-teal:#249a9a;--page-teal-soft:#e4f6f5;
  --page-pink:#d9577d;--page-pink-soft:#fdeaf0;
  --page-red:#c84e42;--page-red-soft:#fdeae7;
  --page-yellow:#c8951d;--page-yellow-soft:#fff5d9;
}
.page-content{max-width:1500px;padding:24px 28px 40px}
.page-header{padding:18px 20px;margin-bottom:16px;border:1px solid #eadbc4;border-radius:16px;background:linear-gradient(135deg,#fffdfa,#fff7eb);box-shadow:0 8px 24px rgba(82,43,22,.06)}
.page-header h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.02em}
.page-header p{font-size:12px;margin-top:5px}.page-actions{align-items:center}
.card,.list-table-card,.filter-card{border-radius:16px;border-color:#eadbc4;box-shadow:0 8px 26px rgba(81,45,24,.055)}
.card-head{padding:16px 18px}.card-head h3{font-size:15px}.card-head p{font-size:11px}
.toolbar{padding:13px 15px;background:linear-gradient(180deg,#fffdfa,#fff9f1)}
.search-box{background:#fff;border-color:#e5d4bd;box-shadow:0 2px 8px rgba(72,41,24,.035)}
.btn.primary{background:linear-gradient(135deg,#8b2b21,#6d1d17);box-shadow:0 7px 16px rgba(123,37,28,.19)}
.btn.secondary{background:#fff;border-color:#dec8aa}.btn.secondary:hover{background:#fff7ec;border-color:#bd9560}
.hub-tabs{border-radius:14px;background:#fff;padding:6px;border:1px solid #eadbc4;box-shadow:0 5px 16px rgba(81,45,24,.045)}
.hub-tabs button{border-radius:10px}.hub-tabs button.active{background:linear-gradient(135deg,#8b2b21,#6d1d17);color:#fff}
thead th{background:#fbf2e6;color:#6b3528;font-weight:800;letter-spacing:.01em}tbody tr:hover{background:#fffbf5}
.badge{border-radius:999px;font-weight:750}
.form-grid .field,.field{gap:6px}.field>span{font-weight:750;color:#674238}.field input,.field select,.field textarea{background:#fff;border-color:#decbb2;box-shadow:0 2px 7px rgba(74,42,23,.025)}
.modal-card{border-radius:20px;border:1px solid #e6d1b4}.modal-head{background:linear-gradient(135deg,#fffdfa,#fff6e8);border-bottom:1px solid #eadbc4}.modal-head h2{font-size:20px}
.summary-strip>div{border-radius:12px;background:#fff9f0;border-color:#ead7bd}.summary-strip>div:nth-child(4n+1){border-top:3px solid var(--page-blue)}.summary-strip>div:nth-child(4n+2){border-top:3px solid var(--page-green)}.summary-strip>div:nth-child(4n+3){border-top:3px solid var(--page-orange)}.summary-strip>div:nth-child(4n+4){border-top:3px solid var(--page-purple)}
.settings-grid .card,.report-card,.recipe-card,.exhibition-card,.customer-card{transition:transform .16s ease,box-shadow .16s ease}.settings-grid .card:hover,.report-card:hover,.recipe-card:hover,.exhibition-card:hover,.customer-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(74,38,21,.09)}

/* Colourful current-stock view */
.stock-page-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 19px;margin-bottom:14px;border:1px solid #eadbc4;border-radius:16px;background:linear-gradient(135deg,#fffdfa,#fff4e4);box-shadow:0 8px 24px rgba(81,45,24,.055)}
.stock-page-hero>div:first-child,.section-title-with-icon{display:flex;align-items:center;gap:12px}.stock-page-hero h2{font-size:20px;margin:0;color:#5f241b}.stock-page-hero p{margin:4px 0 0;color:var(--muted);font-size:11px}.stock-page-actions{display:flex;gap:8px;flex-wrap:wrap}
.page-hero-icon,.stock-category-icon{display:grid;place-items:center;flex:0 0 auto;font-weight:900}.page-hero-icon{width:44px;height:44px;border-radius:13px;font-size:20px}.stock-category-icon{width:42px;height:42px;border-radius:12px;font-size:19px}
.page-hero-icon.blue,.stock-category-icon.blue{background:var(--page-blue-soft);color:var(--page-blue)}
.page-hero-icon.green,.stock-category-icon.green{background:var(--page-green-soft);color:var(--page-green)}
.page-hero-icon.orange,.stock-category-icon.orange{background:var(--page-orange-soft);color:var(--page-orange)}
.page-hero-icon.purple,.stock-category-icon.purple{background:var(--page-purple-soft);color:var(--page-purple)}
.page-hero-icon.teal,.stock-category-icon.teal{background:var(--page-teal-soft);color:var(--page-teal)}
.page-hero-icon.pink,.stock-category-icon.pink{background:var(--page-pink-soft);color:var(--page-pink)}
.page-hero-icon.burgundy,.stock-category-icon.burgundy{background:#f4e5e1;color:#7b251c}
.stock-category-list{display:grid;gap:12px}.stock-category-card{border:1px solid #eadbc4;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 7px 22px rgba(70,39,22,.05)}
.stock-category-card.tone-orange{border-left:5px solid var(--page-orange)}.stock-category-card.tone-purple{border-left:5px solid var(--page-purple)}.stock-category-card.tone-green{border-left:5px solid var(--page-green)}.stock-category-card.tone-pink{border-left:5px solid var(--page-pink)}.stock-category-card.tone-teal{border-left:5px solid var(--page-teal)}.stock-category-card.tone-blue{border-left:5px solid var(--page-blue)}.stock-category-card.tone-burgundy{border-left:5px solid #7b251c}
.stock-category-header{width:100%;border:0;background:linear-gradient(90deg,#fffdfa,#fffaf4);display:grid;grid-template-columns:42px minmax(180px,1fr) auto 30px;align-items:center;gap:13px;padding:14px 16px;text-align:left;color:#3f251e}
.stock-category-title b{display:block;font-size:15px}.stock-category-title small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.stock-category-chevron{font-size:17px;color:#8a6c5e;text-align:center}
.stock-category-metrics{display:grid;grid-template-columns:repeat(5,minmax(82px,1fr));gap:8px}.stock-category-metrics>span{padding:8px 10px;border-radius:10px;background:#faf5ed;text-align:center}.stock-category-metrics small,.stock-category-metrics b{display:block}.stock-category-metrics small{font-size:8px;color:#8b776d}.stock-category-metrics b{font-size:13px;margin-top:2px}.stock-category-metrics .metric-alert{background:var(--page-red-soft)}.stock-category-metrics .metric-alert b{color:var(--page-red)}
.stock-category-table{border-top:1px solid #efe2d2;padding:0}.stock-fit-table{overflow:auto}.stock-fit-table table{min-width:1320px}.stock-fit-table th,.stock-fit-table td{padding:11px 10px}.stock-product-name{display:flex!important;align-items:center;gap:9px;min-width:215px}.stock-product-thumb{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:var(--page-orange-soft);color:var(--page-orange);font-weight:800}.stock-product-thumb img{width:100%;height:100%;object-fit:cover}.stock-product-name b{font-size:11px}.stock-product-name small{font-size:8px}.stock-number b{font-size:12px}.stock-number small{line-height:1.35}.stock-total-available b{color:var(--page-green);font-size:14px}.stock-expiry-cell{min-width:120px}.stock-expiry-cell b{display:block;font-size:10px}.stock-expiry-cell small{display:block;margin-top:3px;color:#8a766d;font-size:8px}.stock-barcode-cell{min-width:168px;display:grid;gap:4px}.stock-barcode-preview{border:1px solid #eadbc4;background:#fff;border-radius:7px;padding:4px;width:158px;overflow:hidden}.stock-barcode-preview svg{display:block;width:148px;height:29px}.stock-barcode-cell>small{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}.stock-barcode-actions{display:flex;gap:4px}.stock-barcode-actions button{border:0;background:#f5eadc;color:#713026;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:750}.stock-barcode-actions button:nth-child(2){background:var(--page-blue-soft);color:var(--page-blue)}.stock-barcode-actions button:nth-child(3){background:var(--page-green-soft);color:var(--page-green)}
.colourful-section-card{border-left:5px solid var(--page-purple)}

/* Page-specific coloured accents, using existing markup only */
.inventory-clean-shell>.page-header{border-left:5px solid var(--page-orange)}
.desktop-invoice-list,.mobile-invoice-list+.card{border-left:5px solid var(--page-green)}
.booking-list-table{border-top:3px solid var(--page-purple)}
.approved-products-shell .approved-products-head,.approved-products-head{border-left:5px solid var(--page-blue)}
.recipe-card{border-top:4px solid var(--page-pink)}
.report-card:nth-child(6n+1){border-top:4px solid var(--page-blue)}.report-card:nth-child(6n+2){border-top:4px solid var(--page-green)}.report-card:nth-child(6n+3){border-top:4px solid var(--page-orange)}.report-card:nth-child(6n+4){border-top:4px solid var(--page-purple)}.report-card:nth-child(6n+5){border-top:4px solid var(--page-teal)}.report-card:nth-child(6n){border-top:4px solid var(--page-pink)}

@media(max-width:1100px){
 .stock-category-header{grid-template-columns:42px minmax(160px,1fr) 30px}.stock-category-metrics{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(5,1fr)}.stock-category-chevron{grid-column:3;grid-row:1}.page-content{padding:20px}
}
@media(max-width:760px){
 .page-content{padding:12px 10px 92px}.page-header{padding:14px}.page-header h1{font-size:21px}.stock-page-hero{align-items:flex-start;flex-direction:column}.stock-page-actions{width:100%}.stock-page-actions .btn{flex:1}.stock-category-header{grid-template-columns:40px 1fr 26px;padding:12px}.stock-category-metrics{grid-template-columns:1fr 1fr;gap:6px}.stock-category-metrics>span{padding:7px}.stock-category-metrics>span:last-child{grid-column:1/-1}.stock-fit-table table{min-width:1180px}.stock-barcode-actions button{padding:5px 8px}.summary-strip{grid-template-columns:1fr 1fr}
}

/* V9.28 connected colourful design system */
body{background:#f7f0e7}.page-content{padding-bottom:92px}.colourful-list-card,.profile-tabs-block,.action-required{border-radius:18px;box-shadow:0 8px 24px rgba(87,48,28,.08)}
.compact-filter-bar,.report-filter-bar{display:flex;gap:10px;align-items:center;padding:14px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fffdf9,#fff8ef);flex-wrap:wrap}.compact-filter-bar .search-box,.report-filter-bar .search-box{min-width:280px;flex:1}
.directory-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.directory-summary>div{background:#fff;border:1px solid #eadcc9;border-radius:16px;padding:16px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:12px}.directory-summary .approved-icon{grid-row:1/3}.directory-summary small{font-weight:700;color:#6f625b}.directory-summary b{font-size:22px;color:#382018}
.profile-name{font-size:12px}.profile-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px;border-radius:16px;background:linear-gradient(135deg,#fff8ed,#f7ead6);margin-bottom:14px}.profile-hero>div:first-child{display:grid;grid-template-columns:52px 1fr;align-items:center;column-gap:12px}.profile-hero h2,.profile-hero p{grid-column:2;margin:0}.profile-hero h2{font-family:Georgia,serif;color:#6d231b}.profile-hero p{color:var(--muted);margin-top:4px}.profile-actions{display:flex;gap:8px}.profile-tabs-block{margin-top:14px;padding:14px;background:#fff;border:1px solid var(--line)}.profile-tabs-block h3{margin:0 0 10px;color:#6b241c}
.approved-kpi-grid.compact,.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.report-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.approved-kpi-grid.compact .approved-kpi-card,.report-kpis .approved-kpi-card{min-height:116px}.report-kpis .approved-kpi-card strong{font-size:20px}
.action-required{margin:16px 0}.alert-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 14px 14px}.alert-grid button{border:1px solid #ead8c4;background:#fff;border-radius:14px;padding:12px;text-align:left;display:grid;grid-template-columns:38px 1fr;column-gap:8px}.alert-grid .approved-icon{grid-row:1/3}.alert-grid b,.alert-grid small{grid-column:2}.alert-grid small{color:var(--muted);font-size:9px;margin-top:3px}
.scanner-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scanner-mode-grid button{border:1px solid #e7d6c0;border-radius:16px;background:#fff;padding:18px;display:grid;grid-template-columns:48px 1fr;column-gap:12px;text-align:left;align-items:center}.scanner-mode-grid .approved-icon{grid-row:1/3}.scanner-mode-grid b,.scanner-mode-grid small{grid-column:2}.scanner-mode-grid small{color:var(--muted);margin-top:4px}
.invoice-edit-head,.invoice-edit-line{display:grid;grid-template-columns:minmax(240px,2fr) 100px 120px 120px 38px;gap:8px;align-items:center}.invoice-edit-head{font-size:10px;font-weight:800;color:#6f6258;padding:8px 0}.invoice-edit-line{padding:8px 0;border-bottom:1px solid #efe3d4}.invoice-edit-line select,.invoice-edit-line input{height:40px;border:1px solid var(--line);border-radius:9px;padding:0 9px}.invoice-edit-line button{border:0;background:#f8e3de;color:#9b3e30;border-radius:8px;height:34px}
.backup-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px}.backup-panel>div{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.backup-panel h3{margin:8px 0 4px}.backup-panel p{color:var(--muted);font-size:11px;line-height:1.5}
.modal-card{border-radius:20px;overflow:hidden}.modal-head{background:linear-gradient(90deg,#fffaf2,#f7ead7);border-bottom:1px solid #ead8c1}.modal-body{background:#fffdf9}.modal-actions{position:sticky;bottom:-1px;background:rgba(255,253,249,.97);backdrop-filter:blur(8px);border-top:1px solid #ead8c1;padding-top:12px;z-index:5}
.mobile-bottom-nav{display:grid!important;position:fixed;left:0;right:0;bottom:0;z-index:160}
@media(max-width:1200px){.report-kpis,.alert-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.approved-kpi-grid.compact,.report-kpis,.alert-grid,.directory-summary,.backup-panel,.scanner-mode-grid{grid-template-columns:1fr 1fr}.invoice-edit-head{display:none}.invoice-edit-line{grid-template-columns:1fr 1fr}.invoice-edit-line select{grid-column:1/-1}.profile-hero{align-items:flex-start;flex-direction:column}.profile-actions{width:100%;flex-wrap:wrap}.report-filter-bar .search-box,.compact-filter-bar .search-box{min-width:100%}}
@media(max-width:430px){.approved-kpi-grid.compact,.report-kpis,.alert-grid,.directory-summary,.backup-panel,.scanner-mode-grid{grid-template-columns:1fr}.invoice-edit-line{grid-template-columns:1fr}.invoice-edit-line select{grid-column:auto}}

/* V9.28 final approved corrections */
.stock-view-tabs{display:flex;gap:8px;margin:0 0 14px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff}.stock-view-tabs button{min-height:40px;border:0;border-radius:10px;background:transparent;padding:0 18px;color:#704035;font-weight:750}.stock-view-tabs button.active{background:linear-gradient(135deg,#8b2b21,#6d1d17);color:#fff;box-shadow:0 6px 14px rgba(123,37,28,.18)}
.stock-category-header.static{cursor:default;grid-template-columns:42px minmax(220px,1fr) auto auto}.stock-category-header.static .btn{margin-left:10px}.materials-stock-table table{min-width:1500px}.batch-stock-table table{min-width:1650px}.batch-stock-layout .stock-category-metrics{grid-template-columns:repeat(5,minmax(90px,1fr))}
.compact-filter-bar{margin-bottom:12px;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 16px rgba(81,45,24,.045)}.compact-filter-bar select{height:42px;min-width:150px;border:1px solid #e1cfb8;border-radius:9px;background:#fff;padding:0 34px 0 10px;color:#4b342b}.more-filter-panel{margin:-2px 0 14px;padding:15px}.filter-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.filter-panel-head h3{margin:0;color:#64251d}.filter-panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.filter-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.filter-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}.filter-panel-actions small{margin-right:auto;color:var(--muted)}
.scanner-sale-customer{margin-bottom:12px;padding:14px;border:1px solid #ead8c1;border-radius:15px;background:linear-gradient(135deg,#fffaf2,#fff)}.scanner-sale-customer h3{margin:0;color:#63231b}.scanner-sale-customer p{margin:4px 0 0;color:var(--muted);font-size:10px}.scanner-sale-customer .section-row select{min-width:260px;height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px}.scanner-customer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px dashed #e5d2b9}.scanner-customer-actions span{font-size:11px;color:#65544c}
.stock-fit-table table{table-layout:fixed}.stock-fit-table th,.stock-fit-table td{overflow:hidden;text-overflow:ellipsis}.stock-fit-table th:nth-child(1),.stock-fit-table td:nth-child(1){width:220px}.stock-fit-table .stock-product-name{min-width:0}.stock-product-name>div:last-child{min-width:0}.stock-product-name b,.stock-product-name small{display:block;white-space:normal;overflow-wrap:anywhere}.stock-number small{display:block;white-space:normal}.stock-barcode-cell{min-width:0}.stock-barcode-preview{max-width:100%}

/* persistent approved navigation: horizontal on desktop, compact on mobile */
.mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%);bottom:10px!important;width:min(980px,calc(100% - 40px))!important;height:72px!important;padding:7px 14px!important;background:rgba(255,253,249,.97)!important;border:1px solid #ead8c1!important;border-radius:20px!important;box-shadow:0 12px 35px rgba(73,36,20,.18)!important;z-index:160!important}.mobile-bottom-nav button{border:0!important;background:transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#796c65!important;min-width:0!important}.mobile-bottom-nav button span{font-size:21px!important;line-height:1!important}.mobile-bottom-nav button b{font-size:10px!important}.mobile-bottom-nav button.active{color:#7b251c!important}.mobile-bottom-nav .mobile-scan-nav{position:relative!important;top:-20px!important}.mobile-bottom-nav .mobile-scan-nav span{width:58px!important;height:58px!important;border-radius:50%!important;background:#7b251c!important;color:#fff!important;border:5px solid #f7f0e7!important;display:grid!important;place-items:center!important;box-shadow:0 6px 16px rgba(83,25,17,.28)!important}
@media(max-width:900px){.mobile-bottom-nav{bottom:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;height:72px!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;padding:7px max(5px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))!important}.filter-panel-grid{grid-template-columns:1fr 1fr}.stock-category-header.static{grid-template-columns:40px 1fr 26px}.stock-category-header.static .stock-category-metrics{grid-column:1/-1}.stock-category-header.static .btn{grid-column:1/-1;margin:0;width:100%}.scanner-sale-customer .section-row{align-items:stretch;flex-direction:column}.scanner-sale-customer .section-row select{min-width:0;width:100%}}
@media(max-width:620px){.filter-panel-grid{grid-template-columns:1fr}.compact-filter-bar select{width:100%}.scanner-customer-actions{align-items:flex-start;flex-direction:column}.stock-view-tabs button{flex:1;padding:0 9px}.materials-stock-table table,.batch-stock-table table{min-width:1180px}}

/* V9.28 approved operational UI corrections */
.compact-material-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0 14px}.compact-material-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 16px}.compact-material-tabs .ui-icon{width:18px;height:18px}
.collapsible-setup{border:1px solid var(--line);border-radius:14px;background:#fffdf9;margin-bottom:14px;overflow:hidden}.collapsible-setup-head{width:100%;border:0;background:#fff8ed;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;text-align:left;color:#5b241b}.collapsible-setup-head span:first-child{display:grid;gap:3px}.collapsible-setup-head b{font-size:14px}.collapsible-setup-head small{font-size:10px;color:var(--muted)}.collapsible-setup-head span:last-child{font-size:11px;font-weight:700;color:var(--maroon)}.collapsible-setup-body{padding:14px;border-top:1px solid var(--line)}
.bulk-entry-table{max-height:54vh;border:1px solid var(--line);border-radius:14px;background:#fff}.bulk-entry-table table{min-width:1050px}.bulk-entry-table thead{position:sticky;top:0;z-index:2}.bulk-entry-table td,.bulk-entry-table th{vertical-align:middle}.bulk-qty-control{display:flex;align-items:center;gap:5px}.bulk-qty-control input,.bulk-move-input{width:92px;height:38px;border:1px solid var(--line);border-radius:8px;padding:0 8px}.bulk-qty-control button{height:34px;min-width:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--maroon);font-weight:800}.bulk-qty-control .max-btn{padding:0 8px;font-size:9px}.sticky-transfer-summary{position:sticky;bottom:0;z-index:5;margin-top:12px;padding:12px 14px;background:rgba(255,253,249,.97);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:16px;justify-content:flex-end;box-shadow:0 -8px 24px rgba(71,36,19,.08)}.sticky-transfer-summary span{font-size:11px;color:var(--muted)}.sticky-transfer-summary span b{color:#4b2119}
.scanner-sale-customer{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fffdf9;margin-bottom:12px}.scanner-sale-customer .collapsible-setup-head{border-radius:0}.scanner-customer-body{padding:14px}.scanner-sale-customer.collapsed{margin-bottom:8px}.scanner-sale-customer.collapsed .collapsible-setup-head{background:#fff7ea}
.status-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-choice{min-height:74px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:12px;text-align:left}.status-choice.selected{border-color:var(--maroon);box-shadow:0 0 0 2px rgba(123,37,28,.12)}.status-choice b{font-size:12px}.exhibition-compact-filters{grid-template-columns:minmax(280px,2fr) repeat(4,minmax(140px,auto))}.active-filter-chips{margin:8px 0 12px;display:flex;gap:8px;align-items:center}.active-filter-chips button{border:0;background:transparent;color:var(--maroon);font-weight:700}
.result-count{font-size:10px;color:var(--muted);white-space:nowrap}.materials-stock-table th:nth-child(1){width:22%}.materials-stock-table th:nth-child(2){width:7%}.materials-stock-table th:nth-child(8){width:13%}.materials-stock-table table{min-width:980px}.stock-product-thumb.has-image img{object-fit:cover}
@media(max-width:900px){.bulk-entry-table{max-height:none;overflow:auto}.sticky-transfer-summary{bottom:72px;flex-wrap:wrap;justify-content:space-between}.exhibition-compact-filters{grid-template-columns:1fr 1fr}.exhibition-compact-filters .search-box{grid-column:1/-1}.mobile-product-list{display:flex!important;flex-direction:column;gap:8px}.mobile-product-list .product-tile{display:grid;grid-template-columns:52px 1fr auto;grid-template-rows:auto auto auto;align-items:center;column-gap:10px;min-height:94px;text-align:left;padding:10px}.mobile-product-list .product-tile .product-thumb{grid-row:1/4;width:52px;height:52px;margin:0}.mobile-product-list .product-tile b{grid-column:2}.mobile-product-list .product-tile small{grid-column:2}.mobile-product-list .product-tile strong{grid-column:3;grid-row:1}.mobile-product-list .product-tile .stock-availability{grid-column:3;grid-row:2/4;align-self:center}.scanner-sale-customer .form-grid.four{grid-template-columns:1fr}.status-choice-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.compact-material-tabs{display:grid;grid-template-columns:1fr 1fr}.compact-material-tabs button{justify-content:center}.exhibition-compact-filters{grid-template-columns:1fr}.exhibition-compact-filters .search-box{grid-column:auto}.sticky-transfer-summary{bottom:76px}.bulk-qty-control input{width:76px}.status-choice-grid{grid-template-columns:1fr}}

/* V9.28 mobile workflow and consistency corrections */
.stock-product-link{border:0;background:transparent;padding:0;text-align:left;width:100%;color:inherit;cursor:pointer}
.stock-product-link:hover b{text-decoration:underline;text-underline-offset:3px}

/* Compact, hideable navigation that never covers content */
.main-area{padding-bottom:92px}
.mobile-bottom-nav{height:64px!important;padding:5px 12px!important;transition:height .2s ease,transform .2s ease,opacity .2s ease}
.mobile-bottom-nav button span svg{width:20px;height:20px;display:block}
.mobile-bottom-nav button b{font-size:9px!important}
.mobile-bottom-nav .mobile-scan-nav{top:-15px!important}
.mobile-bottom-nav .mobile-scan-nav span{width:50px!important;height:50px!important;border-width:4px!important}
.mobile-bottom-nav .nav-collapse-toggle{position:absolute!important;right:10px!important;top:-18px!important;width:34px!important;height:20px!important;border:1px solid #dec3a1!important;border-radius:10px 10px 0 0!important;background:#fffaf2!important;color:#7b251c!important;display:grid!important;place-items:center!important;z-index:2!important}
.mobile-bottom-nav .nav-collapse-toggle span{font-size:14px!important;line-height:1!important}
.mobile-bottom-nav.nav-collapsed{height:22px!important;overflow:visible!important}
.mobile-bottom-nav.nav-collapsed>button:not(.nav-collapse-toggle){opacity:0;pointer-events:none;transform:translateY(18px)}
.mobile-bottom-nav.nav-collapsed .nav-collapse-toggle{top:-1px!important;border-radius:10px!important}
body:has(.mobile-bottom-nav.nav-collapsed) .main-area{padding-bottom:38px}

/* Product list replaces large sale cards */
.sale-product-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.sale-product-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 11px;border:1px solid #ead8c1;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(85,45,25,.035)}
.sale-product-image{width:52px;height:52px;border-radius:10px;overflow:hidden;background:#fff3df;display:grid;place-items:center;font-weight:800;color:#8a4b25}
.sale-product-image img{width:100%;height:100%;object-fit:cover}
.sale-product-main{min-width:0;display:grid;gap:3px}
.sale-product-main b{font-size:13px;color:#4b211b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sale-product-main small{font-size:10px;color:#8b7b71}
.sale-product-main span{font-size:11px;color:#6d4b3e;font-weight:700}
.sale-product-row.out-of-stock{opacity:.58;background:#f7f3ee}
.sale-product-row .btn{min-width:76px}

/* Collapsible POS/scanner sections */
.pos-customer-block,.collapsible-sale-products{border:1px solid #ead8c1;border-radius:14px;overflow:hidden;background:#fffdf9;margin-bottom:10px}
.pos-customer-body,.pos-products-body{padding:12px}
.pos-customer-collapse-actions{display:flex;justify-content:flex-end;margin-top:10px}
.collapsible-sale-products.collapsed{min-height:0}
.scanner-build-banner{margin-bottom:8px}
.scanner-layout-compact{gap:10px}
.scanner-toolbar{display:flex;gap:6px;flex-wrap:wrap}
.scanner-help{margin:6px 0 0!important;line-height:1.35}
.scanner-details{margin-top:8px}
.scanner-sale-customer .collapsible-setup-head,.pos-customer-block .collapsible-setup-head,.collapsible-sale-products .collapsible-setup-head{min-height:52px}

/* Mobile-first modal and scanner composition */
@media(max-width:900px){
  .main-area{padding-bottom:78px}
  .mobile-bottom-nav{height:58px!important;padding:4px 4px max(4px,env(safe-area-inset-bottom))!important}
  .mobile-bottom-nav button span svg{width:18px;height:18px}
  .mobile-bottom-nav .mobile-scan-nav{top:-12px!important}
  .mobile-bottom-nav .mobile-scan-nav span{width:46px!important;height:46px!important}
  .mobile-bottom-nav .nav-collapse-toggle{right:6px!important;top:-17px!important;width:30px!important;height:18px!important}
  .modal-backdrop{align-items:stretch!important;padding:0!important}
  .modal-card{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;display:flex!important;flex-direction:column!important}
  .modal-head{flex:0 0 auto;padding:12px 14px!important}
  .modal-head h2{font-size:18px!important}
  .modal-body{flex:1 1 auto;overflow:auto!important;padding:10px 10px 82px!important}
  .modal-actions,.sticky-transfer-summary{bottom:58px!important}
  .form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr!important}
  .scanner-sale-customer{margin-bottom:7px}
  .scanner-customer-body{padding:10px}
  .scanner-layout,.scanner-layout-compact{display:flex!important;flex-direction:column!important}
  .scanner-camera-panel{order:1}
  .scanner-side-panel{order:2}
  .scanner-stage-compact{min-height:250px!important;max-height:42vh}
  .scanner-toolbar select{width:100%;flex-basis:100%}
  .scanner-toolbar .btn{min-height:36px!important;font-size:10px!important;flex:1 1 calc(33.333% - 6px)}
  .scanner-zoom-row{display:grid!important;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}
  .scan-basket-live{max-height:210px;overflow:auto}
  .scanner-side-panel .btn.full{position:sticky;bottom:0;z-index:3}
  .pos-layout{display:flex!important;flex-direction:column!important}
  .pos-cart{order:1!important}
  .pos-products{order:2!important}
  .sale-product-row{grid-template-columns:46px minmax(0,1fr) auto;padding:9px}
  .sale-product-image{width:46px;height:46px}
  .sale-product-row .btn{min-width:64px;padding:6px 9px}
  .bulk-entry-table table{min-width:760px}
  .stock-product-thumb{width:44px!important;height:44px!important}
  .product-image-editor{grid-template-columns:78px minmax(0,1fr)!important}
  .product-image-preview{width:78px!important;height:78px!important}
}

@media(max-width:520px){
  .sale-product-row{grid-template-columns:42px minmax(0,1fr) auto;gap:8px}
  .sale-product-image{width:42px;height:42px}
  .sale-product-main b{font-size:12px}
  .sale-product-main span{font-size:10px}
  .mobile-bottom-nav button b{font-size:8px!important}
  .mobile-bottom-nav button span svg{width:17px;height:17px}
  .approved-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* V9.28 approved transfer, diagnostics and filter presentation fixes */
.scanner-diagnostics-sinks{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.scanner-diagnostics-launch{margin-top:10px}.scanner-diagnostics-launch .btn{justify-content:center}
.diagnostics-popup-log{max-height:260px;overflow:auto;margin-top:14px}
.universal-filter-bar{display:grid;grid-template-columns:minmax(280px,2fr) repeat(3,minmax(150px,1fr)) auto auto;gap:10px;align-items:end;margin-bottom:14px}
.universal-filter-bar .search-box{min-width:0}.universal-filter-bar select{min-width:0}.universal-filter-bar .result-count{white-space:nowrap;color:var(--muted);align-self:center}
@media(max-width:1050px){.universal-filter-bar{grid-template-columns:1fr 1fr}.universal-filter-bar .search-box{grid-column:1/-1}.universal-filter-bar .result-count{grid-column:1/-1}}
@media(max-width:650px){.universal-filter-bar{grid-template-columns:1fr}.universal-filter-bar .search-box,.universal-filter-bar .result-count{grid-column:auto}.more-filter-panel{position:fixed;inset:auto 0 0 0;z-index:230;max-height:88vh;overflow:auto;border-radius:22px 22px 0 0;margin:0;padding-bottom:calc(18px + env(safe-area-inset-bottom));box-shadow:0 -18px 45px rgba(43,20,12,.22)}.filter-panel-grid{grid-template-columns:1fr!important}}
.filter-accessibility-catalog{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}

/* V9.28 audit-driven mobile and safety stabilisation */
.dashboard-alert-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.dashboard-alert-strip button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:2px 10px;text-align:left;align-items:center}
.dashboard-alert-strip .approved-icon{grid-row:1/3}.dashboard-alert-strip b{font-size:12px;color:#4f221a}.dashboard-alert-strip small{font-size:9px;color:var(--muted)}
.low-stock-intro{margin:10px 0;padding:12px 14px;border:1px solid #efc9b8;border-radius:12px;background:#fff5ef;display:flex;gap:10px;align-items:center}.low-stock-intro b{color:#a13f2c}.low-stock-intro span{font-size:10px;color:#725c52}
.invoice-version-history{margin:12px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.invoice-version-history h3{margin:0;padding:10px 12px;background:#fcf6ed;font-size:11px;color:var(--maroon)}.invoice-version-history div{padding:8px 12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:9px}.invoice-version-history span{color:var(--muted)}
.current-build-pill{display:none!important}
.page-content{padding-bottom:94px}
.mobile-bottom-nav{max-height:62px!important}.mobile-bottom-nav.nav-collapsed{max-height:22px!important}
.modal-body{padding-bottom:max(22px,env(safe-area-inset-bottom))}
@media(max-width:900px){
 .dashboard-alert-strip{grid-template-columns:1fr}.dashboard-alert-strip button{min-height:64px}
 .page-content{padding:10px 10px 90px!important}
 .page-header{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}
 .approved-welcome-card{min-height:94px!important;padding:16px!important}.approved-welcome-card h1{font-size:22px!important}.approved-welcome-card time{font-size:9px}
 .approved-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.approved-kpi-card{padding:10px!important;min-height:132px!important}.approved-kpi-card strong{font-size:22px!important}
 .approved-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.approved-quick-grid button{min-height:88px!important;padding:9px!important}
 .stock-view-tabs{position:sticky;top:58px;z-index:10;background:var(--cream);padding:6px 0;overflow:auto;flex-wrap:nowrap}.stock-view-tabs button{white-space:nowrap}
 .stock-category-header{grid-template-columns:40px 1fr 28px!important;padding:11px!important}.stock-category-metrics{grid-column:1/-1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.stock-category-metrics span{padding:7px!important}.stock-category-table .table-wrap{overflow:visible}.stock-category-table table{min-width:0!important;display:block}.stock-category-table thead{display:none}.stock-category-table tbody{display:grid;gap:8px;padding:8px}.stock-category-table tr{display:grid;grid-template-columns:1fr 1fr;gap:7px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.stock-category-table td{display:block;border:0;padding:3px;font-size:10px}.stock-category-table td:first-child{grid-column:1/-1}.stock-category-table td::before{content:attr(data-label);display:block;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stock-product-name{width:100%}.stock-product-thumb{width:48px!important;height:48px!important}
 .batch-stock-table tr{grid-template-columns:1fr 1fr}.batch-stock-table td:nth-child(1),.batch-stock-table td:nth-child(8),.batch-stock-table td:nth-child(10){grid-column:1/-1}
 .scanner-sale-customer,.collapsible-sale-products{margin-bottom:7px}.collapsible-setup-head{padding:9px 11px!important;min-height:46px!important}.scanner-customer-body{padding:8px!important}.scanner-customer-body .form-grid{grid-template-columns:1fr!important}.scanner-customer-actions{position:sticky;bottom:0;background:#fff;padding:7px 0;z-index:3}
 .scanner-layout-compact{gap:7px!important}.scanner-panel{border-radius:12px!important}.scanner-toolbar{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:5px!important}.scanner-toolbar select{grid-column:1/-1}.scanner-toolbar .btn{min-width:0;padding:6px 4px;font-size:9px}.scanner-stage-compact,.scanner-stage-compact .scanner-video,.scanner-stage-compact video{height:230px!important;min-height:230px!important}.scanner-zoom-row{padding:5px 2px}.manual-row{display:grid!important;grid-template-columns:1fr auto}.scanner-side-panel{order:2}.scanner-camera-panel{order:1}.scan-basket-live{max-height:170px!important}.scanner-help{display:none}.sale-product-list{gap:5px!important}.sale-product-row{border-radius:10px!important;box-shadow:none!important;padding:7px!important}.sale-product-image{width:40px!important;height:40px!important}.sale-product-main b{font-size:11px!important}.sale-product-main small,.sale-product-main span{font-size:9px!important}
 .modal-card{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.modal-head{position:sticky;top:0;z-index:20;background:#fffaf3}.modal-body{padding:10px 10px 86px!important}.modal-actions{position:sticky;bottom:0;background:rgba(255,253,249,.97);padding:9px 0 calc(9px + env(safe-area-inset-bottom));z-index:15}
 .mobile-bottom-nav{height:58px!important}.mobile-bottom-nav button b{font-size:8px!important}.mobile-bottom-nav button span svg{width:17px!important;height:17px!important}.mobile-bottom-nav .mobile-scan-nav span{width:44px!important;height:44px!important}.mobile-bottom-nav .mobile-scan-nav{top:-10px!important}
 .compact-filter-bar{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important}.compact-filter-bar .search-box{grid-column:1/-1;min-width:0}.compact-filter-bar select{display:none}.more-filter-panel{position:fixed!important;inset:auto 0 0 0!important;z-index:240!important;max-height:82dvh;overflow:auto;border-radius:20px 20px 0 0!important;box-shadow:0 -12px 35px rgba(50,24,15,.25)!important}.filter-panel-grid{grid-template-columns:1fr!important}
 .transfer-product-table table,.external-product-table table{display:block;min-width:0!important}.transfer-product-table thead,.external-product-table thead{display:none}.transfer-product-table tbody,.external-product-table tbody{display:grid;gap:7px;padding:7px}.transfer-product-table tr,.external-product-table tr{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff}.transfer-product-table td,.external-product-table td{border:0;padding:3px}.transfer-product-table td:first-child,.external-product-table td:first-child{grid-column:1/-1}.bulk-qty-control{flex-wrap:wrap}.bulk-qty-control input{width:76px}
}
@media(max-width:430px){.approved-kpi-grid{grid-template-columns:1fr 1fr!important}.approved-kpi-card{min-height:124px!important}.approved-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.topbar-title small{display:none}.top-location{max-width:104px}.dashboard-alert-strip button{grid-template-columns:36px 1fr}.stock-category-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V9.29 category tables and admin settings */
.settings-grid .card{min-width:0}.settings-list-row>div{display:flex;gap:6px;flex-wrap:wrap}.settings-list-row button{min-height:34px}.stock-category-table .table-action-group{display:flex;gap:6px;flex-wrap:wrap}.stock-category-table .table-action-group button{white-space:nowrap}.more-filter-panel{position:relative;z-index:5}

/* V9.32 focused UI corrections */
.section-banner{background:linear-gradient(135deg,#fffdf9,#fff7eb);border:1px solid #ead2b2;border-radius:24px;padding:28px;margin:0 0 24px;box-shadow:0 12px 30px rgba(93,45,25,.06)}
.section-banner-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-banner-head h1{margin:0;color:#542017;font-size:36px}.section-banner-head p{margin:8px 0 0;color:#8a7568}.section-banner-actions{display:flex;gap:10px}
.section-banner-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.section-banner-stats>div{background:white;border:1px solid #ead9c5;border-radius:20px;padding:18px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.section-banner-stats small{color:#78675e}.section-banner-stats b{font-size:24px;color:#34130e}.section-banner-stats .approved-icon{grid-row:1/3}
.settings-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.settings-sidebar{position:sticky;top:86px;background:#fffdf9;border:1px solid #ead7c2;border-radius:22px;padding:16px;max-height:calc(100vh - 110px);overflow:auto}.settings-sidebar-title{padding:8px 10px 16px;border-bottom:1px solid #efe2d3;margin-bottom:10px}.settings-sidebar-title h2{margin:0;color:#552119}.settings-sidebar-title p{margin:5px 0 0;color:#8a7568;font-size:13px}.settings-nav-item{width:100%;border:0;background:transparent;border-radius:14px;padding:12px;display:flex;gap:12px;align-items:center;text-align:left;color:#5a3027;margin:3px 0}.settings-nav-item span{width:24px;height:24px}.settings-nav-item svg{width:22px;height:22px}.settings-nav-item.active{background:#8d251b;color:#fff;box-shadow:0 8px 18px rgba(141,37,27,.2)}.settings-main{min-width:0}.settings-content-head{background:#fffdf9;border:1px solid #ead7c2;border-radius:22px;padding:24px;margin-bottom:18px}.settings-content-head h1{margin:0;color:#542017}.settings-content-head p{margin:7px 0 0;color:#8a7568}.settings-section-card{background:#fff;border:1px solid #ead7c2;border-radius:20px;padding:18px;margin-bottom:18px;overflow:hidden}.settings-category-grid{display:grid;gap:18px}.settings-add-row{padding-top:14px}.settings-group{padding:18px 0;border-bottom:1px solid #efe2d3}.settings-group:first-child{padding-top:0}.settings-group:last-of-type{border-bottom:0}.settings-sticky-actions{position:sticky;bottom:72px;background:rgba(255,253,249,.96);backdrop-filter:blur(8px);padding:14px 0 2px;display:flex;justify-content:flex-end;gap:10px;z-index:3}.ex-allocation-quickbar{display:flex;align-items:center;gap:12px;padding:12px 0}.ex-allocation-quickbar span{color:#8a7568}
@media(max-width:900px){.section-banner{padding:20px}.section-banner-head{align-items:flex-start;flex-direction:column}.section-banner-head h1{font-size:29px}.section-banner-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-shell{display:block}.settings-sidebar{position:static;max-height:none;display:flex;overflow-x:auto;gap:7px;margin-bottom:14px;padding:10px}.settings-sidebar-title{display:none}.settings-nav-item{min-width:max-content;width:auto;padding:10px 12px}.settings-nav-item span{display:none}.settings-content-head{padding:18px}.settings-sticky-actions{bottom:74px}.section-banner-actions{width:100%;flex-wrap:wrap}}
@media(max-width:540px){.section-banner-stats{grid-template-columns:1fr}.section-banner-stats>div{padding:14px}.settings-section-card{padding:14px}.settings-content-head h1{font-size:27px}}
/* V9.32 focused workflow refinements */
.directory-summary.four{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0}.profile-detail-grid>div{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.profile-detail-grid small{display:block;color:var(--muted);margin-bottom:5px}.profile-detail-grid .wide{grid-column:span 3}.range-setting{display:grid;gap:10px;min-height:72px}.range-setting>div{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.85rem}.range-setting b{color:var(--burgundy);font-size:1rem}.range-setting input[type=range]{display:block!important;width:100%!important;min-height:28px!important;opacity:1!important;position:static!important;accent-color:var(--burgundy)}.voice-test-status{margin-right:auto;font-weight:700;color:var(--muted)}.voice-test-status[data-state=success]{color:#167b45}.voice-test-status[data-state=error]{color:#b42318}.voice-test-status[data-state=speaking],.voice-test-status[data-state=loading]{color:#995d10}.transfer-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.transfer-choice-grid button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;text-align:left;display:grid;gap:8px;cursor:pointer}.transfer-choice-grid button:hover{box-shadow:var(--shadow)}.transfer-choice-grid b{font-size:1.15rem;color:var(--burgundy)}.transfer-choice-grid small{color:var(--muted);line-height:1.45}.scanner-mode-banner{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px}.scanner-mode-banner span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#fff}.scanner-mode-banner span.active{background:#f3e9ff;color:#6e3fb2}.manual-entry-panel{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;margin-top:12px}.manual-entry-panel>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.manual-entry-panel small{color:var(--muted)}
@media(max-width:900px){.directory-summary.four{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-detail-grid{grid-template-columns:1fr 1fr}.profile-detail-grid .wide{grid-column:span 2}.transfer-choice-grid{grid-template-columns:1fr}}
@media(max-width:600px){.directory-summary.four,.profile-detail-grid{grid-template-columns:1fr}.profile-detail-grid .wide{grid-column:auto}.manual-entry-panel>div:first-child{display:block}.manual-entry-panel small{display:block;margin-top:4px}}

/* V9.33 focused corrections */
.range-setting input[type="range"]{display:block!important;width:100%!important;min-height:28px!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:2!important;accent-color:#8f261d;margin:10px 0 2px!important}
.settings-sticky-actions{position:static!important;margin-top:18px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important}
.scanner-product-picker{margin-top:16px;background:#fff;border:1px solid #ead2b2;border-radius:18px;padding:16px}
.scanner-product-picker-head{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:12px}.scanner-product-picker-head h3{margin:0}.scanner-product-picker-head input{max-width:420px}
.scanner-product-list{display:grid;gap:10px;max-height:440px;overflow:auto}.scanner-product-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #eedbc1;border-radius:14px;padding:10px;background:#fff}.scanner-product-row small{display:block;color:#7c6c62;margin-top:4px}.scanner-product-row .product-thumb{width:54px;height:54px;border-radius:12px;background:#fff2dc;display:grid;place-items:center;overflow:hidden}.scanner-product-row img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.scanner-product-picker-head{align-items:stretch;flex-direction:column}.scanner-product-picker-head input{max-width:none}.scanner-product-row{grid-template-columns:46px minmax(0,1fr);}.scanner-product-row button{grid-column:1/-1;width:100%}.range-setting input[type="range"]{min-height:34px!important}}


/* V9.41 final approved corrections */
.recipe-output-control{display:grid;grid-template-columns:minmax(220px,3fr) minmax(110px,1fr);gap:12px;width:100%;align-items:stretch}
.recipe-output-control input,.recipe-output-control select{width:100%;min-width:0;height:50px}
.scanner-mode-banner-compact{align-items:center;margin-bottom:10px}
.scanner-mode-banner-compact span{min-height:34px;padding:6px 11px;font-size:11px;line-height:1.2}
.scanner-stage-compact{min-height:280px;max-height:420px;overflow:hidden}
.scanner-stage-compact .scanner-video,.scanner-stage-compact video{width:100%!important;height:100%!important;min-height:280px;object-fit:cover}
.scanner-product-picker{margin-top:14px;border:1px solid var(--line);border-radius:16px;background:#fffdf9;padding:14px}
.scanner-product-picker-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.scanner-product-picker-head h3{margin:0;color:var(--burgundy)}
.scanner-product-picker-head small{color:var(--muted)}
.scanner-product-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.8fr) auto;gap:8px;align-items:center}
.scanner-product-filters input,.scanner-product-filters select{height:42px}
.scanner-product-filters label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:700}
.scanner-product-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}
.scanner-product-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.scanner-product-row .product-thumb{width:52px;height:52px;border-radius:10px;overflow:hidden;background:#fff3df;display:grid;place-items:center;font-weight:800}
.scanner-product-row .product-thumb img{width:100%;height:100%;object-fit:cover}
.scanner-product-row small{display:block;color:var(--muted);margin-top:4px}
.scanner-sale-customer.collapsed .scanner-customer-body{display:none!important}
.section-banner{min-height:390px;display:flex;flex-direction:column;justify-content:space-between;padding:44px 46px!important;margin-bottom:28px!important}
.section-banner-head{min-height:120px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.section-banner-head h1{margin:0 0 12px;font-size:40px;line-height:1.05}
.section-banner-head p{margin:0;font-size:18px}
.section-banner-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.section-banner-stats>div{min-height:140px;padding:26px!important}
.section-banner-stats .approved-icon{width:64px;height:64px}
.section-banner-stats b{font-size:28px}
@media(max-width:900px){
  .recipe-output-control{grid-template-columns:1fr}
  .scanner-product-picker-head{flex-direction:column}
  .scanner-product-filters{grid-template-columns:1fr;width:100%}
  .scanner-stage-compact{min-height:240px;max-height:340px}
  .scanner-stage-compact .scanner-video,.scanner-stage-compact video{min-height:240px}
  .section-banner{min-height:auto;padding:24px!important}
  .section-banner-head{min-height:0;align-items:flex-start;flex-direction:column}
  .section-banner-head h1{font-size:30px}
  .section-banner-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .section-banner-stats>div{min-height:112px;padding:18px!important}
}
@media(max-width:520px){
  .scanner-product-row{grid-template-columns:46px minmax(0,1fr)}
  .scanner-product-row>button{grid-column:1/-1;width:100%}
  .section-banner-stats{grid-template-columns:1fr}
}

/* V9.41 focused consistency fixes */
.lower-action-tabs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding:10px 12px}.lower-action-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;white-space:nowrap;border-radius:14px}.lower-action-tabs button svg{width:20px;height:20px;flex:0 0 auto}.lower-action-tabs button span{display:inline-block}.material-type-tabs button{min-height:48px;padding:10px 18px;gap:8px}.material-type-tabs button svg{width:20px;height:20px}.section-banner{min-height:390px}.section-banner-head{min-height:122px}.section-banner-stats{grid-auto-rows:140px}.section-banner-stats>div{min-height:140px}.recipe-output-control{grid-template-columns:minmax(320px,3fr) minmax(140px,1fr)!important}.recipe-output-control input,.recipe-output-control select{min-height:54px!important;font-size:16px!important}.scanner-sale-customer.collapsed .scanner-customer-body{display:none!important}.scanner-sale-customer.collapsed{max-height:74px;overflow:hidden}.scanner-sale-customer .collapsible-setup-head{width:100%}
@media(max-width:760px){.lower-action-tabs{padding:8px}.lower-action-tabs button{min-height:44px;padding:9px 14px}.section-banner{min-height:auto}.section-banner-head{min-height:auto}.section-banner-stats{grid-auto-rows:auto}.section-banner-stats>div{min-height:112px}.recipe-output-control{grid-template-columns:1fr!important}}

/* V9.41 targeted stock/location and mobile corrections */
.opening-location-section{margin:16px 0;padding:16px;border:1px solid #e4cfb3;border-radius:16px;background:#fffaf2}.opening-location-section h3{margin:0 0 4px}.opening-location-section p{margin:0;color:var(--muted)}.opening-location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.opening-location-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,180px);align-items:center;gap:12px;padding:11px 12px;border:1px solid #ead8bf;border-radius:12px;background:#fff}.opening-location-row span{font-weight:800}.opening-location-row input{min-width:0;width:100%}.stock-location-list{display:grid;gap:7px;min-width:290px}.stock-location-line{display:grid;grid-template-columns:minmax(100px,1fr) 70px 88px auto;align-items:center;gap:7px;padding:6px 8px;border:1px solid #ead8bf;border-radius:9px;background:#fffaf4}.stock-location-line span{font-weight:700}.stock-location-line small{color:var(--muted)}.stock-inline-action{border:0;background:#f7e9da;color:var(--burgundy);font-weight:800;border-radius:8px;padding:6px 8px;cursor:pointer}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.danger-outline{border-color:#c87b72!important;color:#8b241c!important}.stock-view-tabs.lower-action-tabs{margin-bottom:16px;border:1px solid #ead8bf;border-radius:16px;background:#fff;padding:10px 12px}.stock-view-tabs.lower-action-tabs .btn{font-size:16px;font-weight:800}.stock-fit-table{overflow-x:auto}.stock-fit-table table{min-width:1350px}
@media(max-width:760px){.opening-location-grid{grid-template-columns:1fr}.opening-location-row{grid-template-columns:1fr}.opening-location-row input{min-height:48px}.stock-fit-table table,.stock-fit-table thead,.stock-fit-table tbody,.stock-fit-table tr,.stock-fit-table td{display:block;width:100%;min-width:0}.stock-fit-table thead{display:none}.stock-fit-table tr{padding:12px;border:1px solid #ead8bf;border-radius:14px;margin-bottom:10px;background:#fff}.stock-fit-table td{border:0;padding:8px 0}.stock-fit-table td:before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:4px}.stock-location-list{min-width:0}.stock-location-line{grid-template-columns:1fr auto;gap:4px 10px}.stock-location-line small{grid-column:1}.stock-location-line .stock-inline-action{grid-column:2;grid-row:1/3}.row-actions .btn{flex:1}.stock-view-tabs.lower-action-tabs{overflow-x:auto;flex-wrap:nowrap}.stock-view-tabs.lower-action-tabs .btn{flex:0 0 auto;min-height:44px}}

/* V9.41 current-stock editing and reliable action controls */
.stock-quantity-button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 8px;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:8px;min-width:76px}
.stock-quantity-button:hover,.stock-quantity-button:focus-visible{background:rgba(139,37,30,.08);outline:2px solid rgba(139,37,30,.22)}
.stock-quantity-button b{font-size:1rem}.stock-quantity-button small{font-size:.72rem;color:var(--muted)}
.stock-inline-action{white-space:nowrap}
.stock-editor-grid{align-items:end}
@media(max-width:760px){.stock-location-line{grid-template-columns:minmax(80px,1fr) auto auto;gap:8px}.stock-quantity-button{min-width:68px}.stock-editor-grid{grid-template-columns:1fr}.row-actions{flex-wrap:wrap}.row-actions .btn{flex:1 1 120px}}

/* V9.46 dedicated Opening Stock page */
.opening-stock-page-card{padding:18px}.opening-stock-page-form{display:grid;gap:16px}.opening-stock-page-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid #ead8bf}.opening-stock-page-card .opening-location-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.opening-stock-page-card .opening-location-row input{font-size:18px;min-height:52px}.inventory-clean-shell .tabs{overflow-x:auto}
@media(max-width:760px){.opening-stock-page-card{padding:12px}.opening-stock-page-card .opening-location-grid{grid-template-columns:1fr}.opening-stock-page-actions{position:sticky;bottom:72px;background:#fffaf2;padding:12px 0;z-index:5}.opening-stock-page-actions .btn{flex:1}.opening-stock-page-form .form-grid.two{grid-template-columns:1fr}.inventory-clean-shell .tabs{display:flex;flex-wrap:nowrap;overflow-x:auto}.inventory-clean-shell .tabs button{flex:0 0 auto}}

/* V9.46 opening-stock compact list */
.opening-stock-filter-bar{grid-template-columns:minmax(180px,240px) minmax(280px,1fr) minmax(180px,240px)}
.opening-stock-list-card{padding:0;overflow:hidden}
.opening-list-head{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(var(--opening-locations,2),minmax(130px,.65fr)) 90px 100px;gap:12px;padding:14px 18px;background:#fbf1e3;border-bottom:1px solid #ead4b7;font-weight:800;color:#5f2b21}
.opening-stock-list{display:grid}
.opening-stock-list-row{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(var(--opening-locations,2),minmax(130px,.65fr)) 90px 100px;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #ecd9bf;background:#fff}
.opening-stock-list-row:last-child{border-bottom:0}
.opening-product-cell{min-width:0}.opening-product-cell b{display:block;font-size:16px}.opening-product-cell small{display:block;margin-top:4px;color:#8a7468}
.opening-location-cell{display:grid;gap:5px}.opening-location-cell span{display:none;font-size:12px;font-weight:700;color:#7a584a}.opening-location-cell input{width:100%;min-width:0;height:46px;text-align:right;font-weight:800}
.opening-total-cell{text-align:center}.opening-total-cell small{display:block;color:#8a7468}.opening-total-cell b{font-size:18px}
.opening-row-details{grid-column:1/-1;border-top:1px dashed #ead4b7;padding-top:10px}.opening-row-details summary{cursor:pointer;font-weight:800;color:#7b251c}.opening-row-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.opening-stock-list-card .btn.compact{min-height:42px}
@media(max-width:760px){
 .opening-stock-filter-bar{display:grid;grid-template-columns:1fr;padding:12px}.opening-list-head{display:none}
 .opening-stock-list{gap:12px;padding:12px;background:#f8efe3}
 .opening-stock-list-row{display:grid;grid-template-columns:1fr 90px;gap:10px;padding:14px;border:1px solid #ead4b7;border-radius:16px;box-shadow:0 5px 14px #5b2a1512}
 .opening-product-cell{grid-column:1/-1}.opening-location-cell{grid-column:1/-1;grid-template-columns:1fr minmax(110px,145px);align-items:center}.opening-location-cell span{display:block}.opening-location-cell input{height:48px}
 .opening-total-cell{grid-column:1;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:8px 0}.opening-stock-list-row>.btn{grid-column:2;grid-row:auto}
 .opening-row-details{grid-column:1/-1}.opening-row-detail-grid{grid-template-columns:1fr}
 .stock-page-hero .stock-page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.stock-page-hero .stock-page-actions .btn{width:100%}
}

/* V9.46 Opening Stock UI corrections */
.opening-stock-list-card{border:1px solid #ead3b3;border-radius:18px;box-shadow:0 8px 22px rgba(91,42,21,.08)}
.opening-list-head{background:#f7ead8;font-weight:800;color:#5a2518;border-bottom:1px solid #e5c9a5}
.opening-stock-list-row{padding:16px 18px;transition:background .15s ease}
.opening-stock-list-row:hover{background:#fffaf4}
.opening-location-cell input{min-width:0;width:100%;height:46px;font-size:16px;text-align:center;border-radius:10px}
.opening-product-cell b{font-size:15px}.opening-product-cell small{display:block;margin-top:3px;color:#72584a}
.opening-row-details{grid-column:1/-1;margin-top:2px;border-top:1px dashed #dfc4a1;padding-top:10px}
.opening-row-details summary{cursor:pointer;font-weight:800;color:#6c2b21;list-style:none;display:flex;align-items:center;gap:8px}
.opening-row-details summary:before{content:'+';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f4dfc7;color:#6c2b21}
.opening-row-details[open] summary:before{content:'−'}
.opening-row-detail-grid{margin-top:14px}
.opening-barcode-control{display:grid;gap:10px}.opening-barcode-actions{display:flex;flex-wrap:wrap;gap:8px}.opening-barcode-actions .btn{min-height:40px}
@media(max-width:760px){
 .opening-stock-list-card{padding:10px;background:#f8efe3;border-radius:16px}
 .opening-stock-list-row{grid-template-columns:1fr 88px;padding:14px;background:white;border-radius:14px;margin-bottom:10px}
 .opening-location-cell{grid-column:1/-1;display:grid;grid-template-columns:minmax(110px,.8fr) 1.2fr;align-items:center;gap:10px}
 .opening-location-cell span{display:block;font-weight:700;color:#5a2518}
 .opening-location-cell input{height:48px;text-align:left;padding:0 12px}
 .opening-total-cell{grid-column:1}.opening-stock-list-row>.btn{grid-column:2}
 .opening-barcode-actions{display:grid;grid-template-columns:1fr 1fr}.opening-barcode-actions .btn{width:100%}
 .opening-row-detail-grid{grid-template-columns:1fr!important}
}

/* V9.46 Opening Stock, Current Stock and location classification */
.location-settings-list{display:grid;gap:10px}.location-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}.location-setting-row small{display:block;margin-top:4px;color:var(--muted)}
.icon-action{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer}.icon-action svg{width:20px;height:20px}.icon-action.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.icon-action.danger-outline{color:#a23025;border-color:#d7a39b}.row-actions{display:flex!important;flex-wrap:wrap;gap:8px;min-width:112px}
.stock-location-list{display:grid;gap:8px;min-width:220px}.stock-location-line{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,auto);align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:12px}.stock-location-line .stock-inline-action{display:none}.stock-quantity-button{border:0;background:transparent;text-align:right;cursor:pointer}.stock-quantity-button b,.stock-quantity-button small{display:block}
.stock-editor-list{display:grid;gap:10px;margin-bottom:18px}.stock-edit-location-row{display:grid;grid-template-columns:minmax(150px,1fr) 150px minmax(120px,auto);align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.stock-edit-location-row small{display:block;color:var(--muted);margin-top:3px}.stock-edit-difference{font-size:.84rem;color:var(--muted)}
.opening-label-picker{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin:16px 0}.opening-label-picker label{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.opening-custom-label .label-meta{display:grid;gap:3px}.opening-barcode-actions{display:flex;flex-wrap:wrap;gap:7px}.opening-stock-list-row{overflow:visible}.opening-stock-list-card{overflow-x:auto}
.stock-fit-table table{min-width:1180px}.stock-fit-table th:last-child,.stock-fit-table td:last-child{min-width:140px}
@media(max-width:760px){
 .location-setting-row{align-items:flex-start;flex-direction:column}.location-setting-row .btn{width:100%}
 .opening-label-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stock-editor-list{gap:8px}.stock-edit-location-row{grid-template-columns:1fr}.stock-edit-location-row input{width:100%}
 .stock-fit-table{overflow:visible}.stock-fit-table table,.stock-fit-table thead,.stock-fit-table tbody,.stock-fit-table tr,.stock-fit-table th,.stock-fit-table td{display:block}.stock-fit-table thead{display:none}.stock-fit-table tr{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.stock-fit-table td{padding:7px 0;border:0}.stock-fit-table td:before{content:attr(data-label);display:block;font-size:.72rem;color:var(--muted)}.stock-location-list{min-width:0}.row-actions{min-width:0}.icon-action{width:44px;height:44px}
 .opening-barcode-actions .btn{flex:1 1 42%;white-space:nowrap}
}

/* V9.50 Current Stock usability and Opening Stock label controls */
.current-stock-table{min-width:1380px;table-layout:fixed}
.current-stock-table th:nth-child(1){width:230px}.current-stock-table th:nth-child(2){width:240px}.current-stock-table th:nth-child(3),.current-stock-table th:nth-child(4),.current-stock-table th:nth-child(5),.current-stock-table th:nth-child(6){width:95px}.current-stock-table th:nth-child(7){width:130px}.current-stock-table th:nth-child(8){width:175px}.current-stock-table th:nth-child(9){width:90px}.current-stock-table th:nth-child(10){width:145px}
.stock-location-list{display:grid;gap:8px;min-width:210px}.stock-location-line{display:grid;grid-template-columns:minmax(90px,1fr) 92px;gap:8px;align-items:center;padding:8px 10px;border:1px solid #ead7bd;border-radius:12px;background:#fffaf4}.stock-location-name{display:grid;gap:2px}.stock-location-name small{color:var(--muted);font-size:11px}.stock-quantity-button{min-height:54px;border:1px solid #d8b98f;border-radius:10px;background:#fff;display:grid;place-items:center;padding:5px 8px;cursor:pointer}.stock-quantity-button b{font-size:17px}.stock-quantity-button span{font-size:10px;color:var(--burgundy);font-weight:800;text-transform:uppercase}.stock-edit-all{width:100%;justify-content:center;margin-top:2px}.current-stock-actions{display:grid;gap:7px}.current-stock-actions .btn{width:100%;justify-content:flex-start;white-space:nowrap}.current-stock-actions svg{width:17px;height:17px}
.opening-barcode-actions{align-items:center}.opening-barcode-actions .btn{min-width:130px;justify-content:center}.opening-barcode-control>input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700}
@media(max-width:760px){.current-stock-table-wrap{overflow:visible}.current-stock-table{min-width:0;display:block}.current-stock-table thead{display:none}.current-stock-table tbody{display:grid;gap:12px}.current-stock-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid #ead7bd;border-radius:16px;background:#fff}.current-stock-table td{display:block;padding:0!important;border:0!important}.current-stock-table td:nth-child(1),.current-stock-table td:nth-child(2),.current-stock-table td:nth-child(8),.current-stock-table td:nth-child(10){grid-column:1/-1}.current-stock-table td:nth-child(3)::before{content:'TOTAL: ';font-weight:800}.current-stock-table td:nth-child(4)::before{content:'Exhibitions: ';font-weight:800}.current-stock-table td:nth-child(5)::before{content:'Reserved: ';font-weight:800}.current-stock-table td:nth-child(6)::before{content:'Available: ';font-weight:800}.current-stock-table td:nth-child(7)::before{content:'Expiry: ';font-weight:800}.current-stock-actions{grid-template-columns:1fr 1fr}.opening-barcode-actions{display:grid;grid-template-columns:1fr}.opening-barcode-actions .btn{width:100%}}

/* V9.50 targeted fixes: reliable opening-stock label actions and compact current-stock rows. */
.opening-barcode-inline-preview{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #ead7bd;border-radius:12px;background:#fffaf4;margin-top:8px;max-width:520px}
.opening-inline-barcode{display:grid;gap:2px;justify-items:center;border:0;background:#fff;border-radius:9px;padding:5px 8px;cursor:pointer;min-width:180px}
.opening-inline-barcode svg{max-width:170px;height:34px}.opening-inline-barcode small{font-size:10px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis}
.opening-inline-barcode-actions{display:flex;gap:5px;flex-wrap:wrap}.opening-inline-barcode-actions button{border:0;border-radius:8px;padding:6px 9px;background:#f6eadb;color:var(--burgundy);font-weight:800;cursor:pointer}
.current-stock-table{min-width:1120px!important;table-layout:fixed}
.current-stock-table th,.current-stock-table td{padding:9px 10px!important;vertical-align:middle}
.current-stock-table th:nth-child(1){width:210px!important}.current-stock-table th:nth-child(2){width:190px!important}.current-stock-table th:nth-child(3),.current-stock-table th:nth-child(4),.current-stock-table th:nth-child(5),.current-stock-table th:nth-child(6){width:78px!important}.current-stock-table th:nth-child(7){width:105px!important}.current-stock-table th:nth-child(8){width:135px!important}.current-stock-table th:nth-child(9){width:78px!important}.current-stock-table th:nth-child(10){width:105px!important}
.stock-location-list{display:grid;gap:5px;min-width:165px}.stock-location-line{grid-template-columns:minmax(72px,1fr) 64px;gap:5px;padding:5px 7px;border-radius:9px}.stock-location-name b{font-size:12px}.stock-location-name small{font-size:9px}.stock-quantity-button{min-height:38px;padding:3px 5px;border-radius:8px}.stock-quantity-button b{font-size:13px}.stock-quantity-button span{font-size:8px}.stock-edit-all{margin-top:0;min-height:32px;font-size:10px;padding:6px 8px!important}
.stock-product-thumb{width:42px!important;height:42px!important}.stock-product-name{gap:8px}.stock-product-name b{font-size:13px}.stock-product-name small{font-size:9px}
.stock-barcode-cell{gap:3px}.stock-barcode-preview{padding:3px 5px!important;min-height:34px}.stock-barcode-preview svg{max-width:115px;height:28px}.stock-barcode-cell>small{font-size:9px}.stock-barcode-actions{gap:3px}.stock-barcode-actions button{font-size:9px;padding:4px 6px}
.current-stock-actions{display:flex!important;flex-wrap:wrap;gap:4px}.current-stock-actions .btn{width:auto!important;min-width:0!important;padding:6px 7px!important;font-size:9px!important;justify-content:center!important}.current-stock-actions .btn span{display:none}.current-stock-actions svg{width:14px;height:14px}
.stock-category-table{max-height:none!important}.current-stock-table-wrap{overflow-x:auto;overflow-y:visible!important}
@media(max-width:760px){.opening-barcode-inline-preview{display:grid;grid-template-columns:1fr}.opening-inline-barcode{width:100%}.opening-inline-barcode-actions{justify-content:center}.current-stock-table{min-width:0!important}.stock-location-list{min-width:0}.stock-location-line{grid-template-columns:1fr 72px}.current-stock-actions .btn{font-size:10px!important}.current-stock-table tr{padding:11px!important;gap:7px!important}.current-stock-table td:nth-child(1),.current-stock-table td:nth-child(2),.current-stock-table td:nth-child(8),.current-stock-table td:nth-child(10){grid-column:1/-1}}


/* V9.50 compact opening-stock barcode controls and current-stock density repair */
.opening-row-details{margin-top:4px}
.opening-row-details summary{padding:7px 0;font-size:13px}
.opening-row-detail-grid{grid-template-columns:repeat(6,minmax(125px,1fr))!important;gap:8px!important;align-items:end}
.opening-row-detail-grid .field{gap:4px}.opening-row-detail-grid .field label{font-size:10px}.opening-row-detail-grid input,.opening-row-detail-grid select{min-height:38px!important;padding:7px 9px!important;font-size:12px!important}
.opening-barcode-control{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:7px;align-items:center}
.opening-barcode-control>input{grid-column:1/-1}
.opening-barcode-inline-preview{margin:0;max-width:none;padding:5px 7px;gap:6px;min-height:40px}
.opening-inline-barcode{min-width:125px;padding:2px 5px;cursor:default}.opening-inline-barcode svg{max-width:120px;height:25px}.opening-inline-barcode small{font-size:8px;max-width:125px}
.opening-inline-barcode-actions{flex-wrap:nowrap}.opening-inline-barcode-actions button{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;font-size:9px}.opening-inline-barcode-actions svg{width:13px;height:13px}
.opening-barcode-actions.compact{display:flex;flex-wrap:nowrap;gap:5px;align-items:center}.opening-barcode-actions.compact .btn{min-width:0!important;min-height:34px!important;padding:6px 8px!important;font-size:10px!important}.opening-barcode-actions.compact svg{width:14px;height:14px}
.current-stock-table{min-width:980px!important}.current-stock-table th,.current-stock-table td{padding:6px 7px!important;font-size:11px}.current-stock-table th:nth-child(1){width:185px!important}.current-stock-table th:nth-child(2){width:145px!important}.current-stock-table th:nth-child(3),.current-stock-table th:nth-child(4),.current-stock-table th:nth-child(5),.current-stock-table th:nth-child(6){width:65px!important}.current-stock-table th:nth-child(7){width:90px!important}.current-stock-table th:nth-child(8){width:115px!important}.current-stock-table th:nth-child(9){width:65px!important}.current-stock-table th:nth-child(10){width:90px!important}
.stock-location-list{gap:3px;min-width:130px}.stock-location-line{grid-template-columns:1fr 46px;padding:3px 5px;border:0;border-bottom:1px solid #ead7bd;border-radius:0;background:transparent}.stock-location-line:last-child{border-bottom:0}.stock-location-name b{font-size:10px}.stock-location-name small{display:none}.stock-quantity-button{min-height:28px;border:0;background:#fff4e6;padding:2px 4px}.stock-quantity-button b{font-size:11px}.stock-quantity-button span{display:none}.stock-edit-all{min-height:27px!important;font-size:9px!important;padding:4px 6px!important}
.stock-barcode-preview svg{max-width:90px!important;height:22px!important}.stock-barcode-actions button{font-size:8px!important;padding:3px 5px!important}
@media(max-width:1100px){.opening-row-detail-grid{grid-template-columns:repeat(3,minmax(130px,1fr))!important}}
@media(max-width:760px){.opening-row-detail-grid{grid-template-columns:1fr 1fr!important}.opening-barcode-control{grid-template-columns:1fr}.opening-barcode-actions.compact{grid-column:1;display:grid;grid-template-columns:1fr 1fr}.opening-barcode-inline-preview{grid-template-columns:1fr auto}.opening-inline-barcode-actions span{display:none}.current-stock-table{min-width:0!important}.stock-location-line{grid-template-columns:1fr 52px}}
@media(max-width:420px){.opening-row-detail-grid{grid-template-columns:1fr!important}}

/* V9.50 approved changes only */
.clickable-row{cursor:pointer}.clickable-row:hover{background:#fff8ef}
.sale-document-choice{border:1px solid var(--line);border-radius:12px;padding:9px;margin:9px 0;background:#fffaf4}.sale-document-choice .field{margin:0 0 7px}.sale-document-choice small{display:block;color:var(--muted);line-height:1.35}
.bulk-template-actions{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.bulk-template-actions .file-btn{position:relative;overflow:hidden}.bulk-template-actions input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.opening-stock-table,.opening-stock-list{font-size:13px}.opening-stock-row{padding:6px 10px!important}.opening-stock-row .opening-row-main{min-height:48px!important;gap:8px!important}.opening-stock-row .opening-row-main input{min-height:36px!important;padding:6px 8px!important}.opening-stock-row details,.opening-stock-row .opening-row-details{margin-top:2px!important;padding-top:3px!important}.opening-stock-row summary{min-height:34px!important;padding:4px 0!important}.opening-stock-row .form-grid{gap:6px!important;grid-template-columns:repeat(6,minmax(120px,1fr))!important}.opening-stock-row .field>span{font-size:11px!important}.opening-stock-row input,.opening-stock-row select{min-height:34px!important;padding:5px 8px!important;font-size:13px!important}.opening-stock-row .opening-label-controls{display:flex!important;gap:4px!important;align-items:center!important;flex-wrap:nowrap!important}.opening-stock-row .opening-label-controls button{min-height:32px!important;padding:5px 8px!important;font-size:11px!important;white-space:nowrap}.opening-inline-barcode{max-width:125px!important;padding:3px!important}.opening-inline-barcode svg{max-height:25px!important}.opening-inline-barcode-actions{gap:3px!important}.opening-inline-barcode-actions button{padding:4px 6px!important;font-size:10px!important}
.handwritten-invoice-image{display:block;max-width:100%;max-height:70vh;margin:16px auto;border:1px solid var(--line);border-radius:12px}.handwritten-record{padding:24px}
@media(max-width:1100px){.opening-stock-row .form-grid{grid-template-columns:repeat(3,minmax(140px,1fr))!important}.opening-stock-row .opening-label-controls{flex-wrap:wrap!important}}
@media(max-width:760px){.bulk-template-actions{align-items:stretch}.bulk-template-actions>*{width:100%}.sale-document-choice{padding:8px}.opening-stock-row .form-grid{grid-template-columns:1fr!important}.opening-stock-row .opening-label-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.opening-stock-row .opening-label-controls button{width:100%}.opening-inline-barcode{max-width:100%!important}}

/* V9.53 unified Current Stock / Opening Stock component */
.opening-stock-current-layout table{min-width:980px!important}.opening-stock-current-layout th,.opening-stock-current-layout td{padding:8px 9px!important;vertical-align:top}.opening-stock-current-layout .stock-product-name{min-width:210px}.opening-stock-current-layout .stock-location-list{gap:5px}.opening-stock-current-layout .stock-location-line{padding:5px 7px;min-height:40px}.opening-stock-qty-input{width:76px!important;min-height:30px!important;padding:4px 6px!important;text-align:right}.opening-stock-current-layout .opening-row-details{min-width:150px}.opening-stock-current-layout .opening-row-details summary{font-size:11px;padding:6px 8px}.opening-stock-current-layout .opening-row-detail-grid{grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px;padding:8px}.opening-stock-current-layout .field>span{font-size:10px}.opening-stock-current-layout input,.opening-stock-current-layout select{min-height:30px;padding:4px 6px}.opening-stock-current-layout .stock-barcode-cell{min-width:145px}.opening-stock-current-layout .stock-barcode-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.opening-stock-current-layout .stock-barcode-actions button{font-size:9px;padding:4px}.opening-barcode-input{width:100%;font-size:10px}.invoice-image-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.invoice-image-status.pending{background:#fff2d8;color:#9a5b00}.invoice-image-status.complete{background:#e5f7ed;color:#166534}.error-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px;border:1px solid #d88;background:#fff4f4;border-radius:10px}@media(max-width:760px){.opening-stock-current-layout table,.opening-stock-current-layout tbody,.opening-stock-current-layout tr,.opening-stock-current-layout td{display:block;min-width:0!important;width:100%}.opening-stock-current-layout thead{display:none}.opening-stock-current-layout tr{border:1px solid var(--border,#eadfd2);border-radius:12px;margin-bottom:10px;padding:8px}.opening-stock-current-layout td{border:0!important}.opening-stock-current-layout .opening-row-detail-grid{grid-template-columns:1fr}.opening-stock-current-layout .stock-barcode-actions{grid-template-columns:repeat(4,1fr)}}


/* V9.54: Opening Stock uses the exact Current Stock category, table and barcode presentation */
.opening-stock-list-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.opening-stock-list-card>.stock-category-card{margin-bottom:12px}
.opening-stock-shared-table{min-width:1040px!important;table-layout:fixed}
.opening-stock-shared-table th,.opening-stock-shared-table td{padding:6px 7px!important;vertical-align:middle!important;font-size:11px}
.opening-stock-shared-table th:nth-child(1){width:190px!important}
.opening-stock-shared-table th:nth-child(2){width:150px!important}
.opening-stock-shared-table th:nth-child(3){width:65px!important}
.opening-stock-shared-table th:nth-child(4){width:150px!important}
.opening-stock-shared-table th:nth-child(5){width:125px!important}
.opening-stock-shared-table th:nth-child(6){width:70px!important}
.opening-stock-shared-table th:nth-child(7){width:70px!important}
.opening-stock-shared-table .stock-location-list{min-width:130px;gap:3px}
.opening-stock-shared-table .stock-location-line{grid-template-columns:1fr 54px;padding:3px 5px;border:0;border-bottom:1px solid #ead7bd;border-radius:0;background:transparent;min-height:30px}
.opening-stock-shared-table .stock-location-line:last-child{border-bottom:0}
.stock-quantity-input.opening-stock-qty-input{width:54px!important;min-height:28px!important;padding:2px 4px!important;border:0!important;border-radius:7px!important;background:#fff4e6!important;text-align:right!important;font-size:11px!important;font-weight:800}
.opening-stock-shared-table .opening-row-details{min-width:0;margin:0}
.opening-stock-shared-table .opening-row-details summary{padding:5px 7px;font-size:10px;white-space:nowrap}
.opening-stock-shared-table .opening-row-detail-grid{grid-template-columns:1fr!important;gap:5px!important;padding:7px!important;min-width:220px}
.opening-stock-shared-table .opening-row-detail-grid .field>span{font-size:9px!important}
.opening-stock-shared-table .opening-row-detail-grid input{min-height:29px!important;padding:4px 6px!important;font-size:10px!important}
.opening-stock-shared-table .stock-barcode-cell{min-width:110px;gap:3px}
.opening-stock-shared-table .stock-barcode-preview{padding:3px 5px!important;min-height:34px!important;width:100%}
.opening-stock-shared-table .stock-barcode-preview svg{max-width:90px!important;height:22px!important}
.opening-stock-shared-table .stock-barcode-actions{display:flex!important;flex-wrap:wrap;gap:3px}
.opening-stock-shared-table .stock-barcode-actions button{font-size:8px!important;padding:3px 5px!important}
.opening-stock-shared-table .current-stock-actions .btn{font-size:9px!important;padding:6px 8px!important}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){
 .opening-stock-shared-table{min-width:0!important}
 .opening-stock-shared-table,.opening-stock-shared-table tbody,.opening-stock-shared-table tr,.opening-stock-shared-table td{display:block;width:100%!important}
 .opening-stock-shared-table thead{display:none}
 .opening-stock-shared-table tr{border:1px solid var(--line);border-radius:12px;margin:8px;padding:8px;width:calc(100% - 16px)!important}
 .opening-stock-shared-table td{border:0!important;padding:5px!important}
 .opening-stock-shared-table td:nth-child(1),.opening-stock-shared-table td:nth-child(2),.opening-stock-shared-table td:nth-child(4),.opening-stock-shared-table td:nth-child(5),.opening-stock-shared-table td:nth-child(7){grid-column:1/-1}
 .opening-stock-shared-table .opening-row-detail-grid{min-width:0}
}


/* V9.55 opening-stock cleanup: intentionally scoped to Opening Stock only */
.opening-stock-shared-table{table-layout:fixed;min-width:980px}
.opening-stock-shared-table th:nth-child(1){width:25%}
.opening-stock-shared-table th:nth-child(2){width:22%}
.opening-stock-shared-table th:nth-child(3){width:8%;text-align:center}
.opening-stock-shared-table th:nth-child(4){width:29%}
.opening-stock-shared-table th:nth-child(5){width:8%}
.opening-stock-shared-table th:nth-child(6){width:8%}
.opening-stock-shared-table td{padding:12px 14px;vertical-align:middle}
.opening-location-list{gap:6px}
.opening-location-line{min-height:38px;padding:3px 0;grid-template-columns:minmax(72px,1fr) 94px}
.opening-location-line .stock-location-name small{display:none}
.opening-stock-qty-input{height:38px!important;min-height:38px!important;padding:6px 10px!important;text-align:center;font-weight:700}
.opening-total-cell{text-align:center!important}
.opening-total-cell b{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:38px;padding:0 10px;border:1px solid var(--line,#ead4b8);border-radius:10px;background:#fff;font-size:18px;line-height:1;color:#4a251b}
.opening-barcode-cell{gap:5px;max-width:100%}
.opening-barcode-cell .stock-barcode-preview{height:58px;min-height:58px;padding:5px 8px}
.opening-barcode-cell .stock-barcode-preview svg{height:34px!important;max-width:180px}
.opening-barcode-cell>small{font-size:10px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.opening-barcode-actions{display:flex!important;gap:5px!important;flex-wrap:nowrap!important}
.opening-barcode-actions button{height:30px!important;min-height:30px!important;padding:0 9px!important;font-size:11px!important;white-space:nowrap!important;border-radius:8px!important}
.opening-save-button{height:38px!important;min-height:38px!important;padding:0 14px!important}
.opening-stock-list-card{padding:0;overflow:hidden}
@media(max-width:760px){.opening-stock-shared-table{min-width:0}.opening-stock-shared-table thead{display:none}.opening-stock-shared-table,.opening-stock-shared-table tbody,.opening-stock-shared-table tr,.opening-stock-shared-table td{display:block;width:100%}.opening-stock-shared-table tr{padding:12px;border-bottom:1px solid var(--line,#ead4b8)}.opening-stock-shared-table td{padding:6px 0}.opening-total-cell{text-align:left!important}.opening-barcode-actions{flex-wrap:wrap!important}.opening-barcode-actions button{flex:1 1 70px}}

/* V9.56 opening-stock save confirmation and exact print-preview frame */
.opening-save-state{display:block;font-size:11px;color:#8a6b5e;margin-top:2px;line-height:1.2}
.opening-save-state.saved{color:#2f7d43;font-weight:700}
.opening-label-frame-wrap{padding:0;overflow:auto;background:#f4eee6;min-height:260px}
.opening-label-preview-frame{display:block;width:100%;height:330px;border:0;background:#fff}
.opening-barcode-actions button:disabled{opacity:.45;cursor:not-allowed}

/* V9.57 persisted opening-stock editing and saved label-content options */
.opening-label-fields{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px 14px}.opening-label-fields label{padding:8px 10px;border:1px solid #ead7bd;border-radius:10px;background:#fffaf3}.barcode-value{font-size:8px;line-height:1.15;text-align:center;margin-top:.35mm;word-break:break-all}@media(max-width:700px){.opening-label-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V9.60 mobile operational interface — desktop layout remains unchanged */
@media (max-width:760px){
  .manager-mobile-home{padding:4px 0 86px}.manager-mobile-welcome{background:linear-gradient(135deg,#762a22,#9b4034);color:#fff;border-radius:18px;padding:18px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.manager-mobile-welcome small,.manager-mobile-welcome p{color:#f7ddd7;margin:0}.manager-mobile-welcome h1{margin:3px 0 5px;font-size:25px}.manager-mobile-welcome>span{font-size:12px;background:#ffffff1f;padding:6px 9px;border-radius:20px}.manager-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.manager-mobile-grid>button{min-height:132px;text-align:left;background:#fff;border:1px solid #eaded9;border-radius:17px;padding:15px;box-shadow:0 5px 18px #4d241214;display:flex;flex-direction:column;align-items:flex-start}.manager-mobile-grid>button:last-child{grid-column:1/-1;min-height:105px}.manager-mobile-grid b{font-size:16px;margin-top:11px}.manager-mobile-grid small{font-size:12px;color:#746964;margin-top:4px;line-height:1.35}.mm-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.mm-icon .ui-icon{width:22px}.mm-icon.orange{background:#fff0df;color:#b05b00}.mm-icon.purple{background:#f1e9ff;color:#6840a8}.mm-icon.pink{background:#ffedf3;color:#ad3f68}.mm-icon.blue{background:#e8f1ff;color:#2869a8}.mm-icon.green{background:#e8f7ef;color:#1c7a4a}
  .manager-mobile-nav{grid-template-columns:repeat(5,1fr)!important}.manager-mobile-nav button{min-width:0;padding:7px 2px!important}.manager-mobile-nav b{font-size:9px!important;white-space:normal!important;line-height:1.05}.manager-mobile-nav .ui-icon{width:20px;height:20px}
  .mobile-summary-list{display:grid;gap:10px;padding-bottom:86px}.mobile-summary-card{width:100%;background:#fff;border:1px solid #eaded9;border-radius:15px;padding:14px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:8px;box-shadow:0 4px 14px #4d24120e}.mobile-summary-card div>b{font-size:15px}.mobile-summary-card small{display:block;color:#756b66;margin-top:3px}.mobile-summary-metrics{grid-column:1/-1;display:flex;gap:18px;padding-top:8px;border-top:1px solid #f0e8e4}.mobile-summary-card em{grid-column:1/-1;font-size:11px;color:#8c6258;font-style:normal}.mobile-record-detail details{margin:12px 0;border:1px solid #eaded9;border-radius:12px;padding:11px}.mobile-record-detail summary{font-weight:700;cursor:pointer}.mobile-detail-body{font-size:13px}.mobile-action-stack{display:grid;gap:9px}.mobile-action-stack .btn{width:100%;justify-content:center}
  .exhibition-compact-filters select,.exhibition-compact-filters .btn.secondary:nth-of-type(n+2){display:none}.exhibition-compact-filters{grid-template-columns:1fr auto!important}.exhibition-compact-filters .search-box{min-width:0}
  .scanner-location-top{position:sticky;top:0;z-index:5;background:#fff7f3;border:1px solid #ead4cc;border-radius:12px;padding:8px;margin-bottom:8px}.scanner-location-top .field{margin:0}.scanner-location-top select{font-weight:700}
  .scanner-customer-body .form-grid.four .field:nth-child(n+3){display:none}.scanner-customer-body .section-row p,.scanner-help,.scanner-diagnostics-launch{display:none!important}.scanner-toolbar{display:grid!important;grid-template-columns:1fr 1fr 1fr}.scanner-toolbar select{grid-column:1/-1}.scanner-toolbar .btn:nth-of-type(n+4){display:none}.scanner-layout-compact{gap:8px!important}.scanner-side-panel{padding:10px!important}.scanner-stage-compact{min-height:260px!important}
  .page-header p{display:none}.page-header{margin-bottom:10px}.page-header h1{font-size:23px}.topbar-title small,.sync-status span{display:none}.top-location{max-width:115px}
  .table-wrap table th:nth-child(n+4),.table-wrap table td:nth-child(n+4){display:none}.table-wrap table td,.table-wrap table th{padding:10px 7px}.more-filter-panel,.active-filter-chips{display:none!important}
}

.mm-icon.teal{background:#e6f6f4;color:#16756f}


/* V9.62 mobile usability pass — scanner, cart, bookings, exhibitions only */
@media (max-width:760px){
  .scanner-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 12px}.scanner-mobile-head>div{display:flex;flex-direction:column}.scanner-mobile-head b{font-size:1.2rem}.scanner-mobile-head small{color:var(--muted)}
  .scanner-cart-button{position:relative;border:1px solid #e6cbb2;background:#fffaf5;border-radius:14px;min-width:54px;height:48px;font-size:22px}.scanner-cart-button .scanner-cart-badge{position:absolute;right:-5px;top:-7px;background:#8f231b;color:#fff;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:800}
  .scanner-location-top{margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important}.scanner-location-top .field{max-width:none}.scanner-location-top .field>span{font-size:.76rem}.scanner-location-top select{height:46px}
  .scanner-layout-compact{display:flex!important;flex-direction:column;gap:12px}.scanner-camera-panel,.scanner-side-panel,.scanner-product-picker{border-radius:18px!important;padding:14px!important;box-shadow:none!important}
  .scanner-toolbar{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.scanner-toolbar select{grid-column:1/-1}.scanner-toolbar .btn{min-height:42px}.scanner-stage-compact{min-height:215px!important}
  .scanner-product-picker-head{display:block!important}.scanner-product-filters{display:grid!important;grid-template-columns:1fr auto;gap:8px}.scanner-product-filters input{min-width:0}.scanner-advanced-filters{display:none;grid-column:1/-1;gap:8px;padding-top:8px}.scanner-advanced-filters.show{display:grid}
  .scanner-product-list{display:grid;gap:10px}.scanner-product-row{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:10px!important;align-items:center;padding:12px!important;border-radius:15px!important}.scanner-product-row .product-thumb{width:58px;height:58px}.scanner-product-copy{min-width:0}.scanner-product-copy b{display:block;font-size:.98rem;line-height:1.2}.scanner-product-copy small,.scanner-product-copy em{display:block;font-size:.78rem;line-height:1.35}.scanner-product-copy em{color:#268b37;font-style:normal;font-weight:700}.scanner-product-action{display:flex;flex-direction:column;align-items:center;gap:4px}.scanner-product-action small{color:#268b37;font-size:.72rem}.scanner-product-action .qty-control{min-width:112px}
  .scanner-side-panel{order:2}.scanner-product-picker{order:3}.scanner-cart-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #ecd9c8;margin-top:8px}.scanner-cart-summary strong{font-size:1.05rem}.scan-basket-row{grid-template-columns:minmax(0,1fr) auto auto!important;padding:12px 0!important}.scan-basket-row small{white-space:normal!important}.scanner-diagnostics-launch{display:none}
  .modal-actions,.sticky-modal-actions,.sticky-transfer-summary,.settings-sticky-actions{position:static!important;inset:auto!important;box-shadow:none!important}
  .inventory-page-hero,.stock-page-hero{padding:14px!important}.stock-page-actions{display:flex;gap:8px;overflow:auto}.inventory-primary-actions{grid-template-columns:1fr 1fr!important}.more-actions{display:none}
  .mobile-summary-list{gap:10px}.mobile-summary-card{padding:14px!important}.exhibition-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.exhibition-metric-grid button{border:1px solid #ead5c1;background:#fffaf5;border-radius:15px;padding:14px;text-align:left}.exhibition-metric-grid small,.exhibition-metric-grid em{display:block;color:#806d63;font-size:.74rem}.exhibition-metric-grid b{display:block;font-size:1.1rem;margin:5px 0}.exhibition-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.exhibition-detail-head>div{display:flex;flex-direction:column}.exhibition-detail-head small{color:#806d63;margin-top:4px}
  #order-root .form-grid{grid-template-columns:1fr!important}#order-root .modal-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}#order-root .modal-actions .btn{min-height:48px}.order-lines{display:grid;gap:8px}.order-total{border-radius:14px;padding:12px}
}


/* V9.64 focused mobile navigation, cart and compact records */
.side-nav-group>button{width:100%;display:flex;align-items:center;gap:12px}.side-nav-group>button i{margin-left:auto}.side-nav-submenu{display:none;padding:4px 10px 10px 58px}.side-nav-group.open .side-nav-submenu{display:grid;gap:4px}.side-nav-submenu button{text-align:left;background:transparent;border:0;padding:10px 8px;border-radius:10px;color:inherit}.side-nav-submenu button:hover{background:rgba(139,34,27,.08)}
.invoice-action-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.invoice-action-grid .btn{width:100%;min-height:64px;justify-content:center;text-align:center;white-space:normal}
.scanner-full-cart-page{padding:18px}.scanner-full-cart-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:18px}.scanner-full-cart-head h2{margin:0}.scanner-full-cart-head p{margin:4px 0 0;color:#776}.scanner-full-cart-list{display:grid;gap:10px}.scanner-full-cart-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.scanner-full-cart-totals span{padding:14px;border:1px solid #ead5bd;border-radius:14px;display:flex;justify-content:space-between}.scanner-checkout-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.scanner-checkout-fields label{display:grid;gap:6px}.scanner-checkout-fields input,.scanner-checkout-fields select{padding:12px;border:1px solid #dcc8ae;border-radius:12px}.scanner-cart-page-open{display:none!important}
@media(max-width:760px){.invoice-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-action-grid .btn{min-height:58px}.scanner-full-cart-head{grid-template-columns:1fr 1fr}.scanner-full-cart-head>div{grid-column:1/-1;grid-row:1}.scanner-full-cart-totals,.scanner-checkout-fields{grid-template-columns:1fr}.exhibition-list-card{display:none!important}.mobile-summary-list{display:grid!important}.top-location{max-width:145px}.side-nav-submenu{padding-left:48px}.scanner-side-panel{display:none!important}.scanner-layout{grid-template-columns:1fr!important}}

/* V9.65 focused layout */
.page-location-row{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;background:#fff;border:1px solid #eadfe3;border-radius:14px}.page-location-row span{font-weight:700;color:#6f3344}.global-location-select{min-width:180px;padding:10px 12px;border:1px solid #dccbd1;border-radius:10px;background:#fff}.exhibition-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.mobile-summary-metrics.four{grid-template-columns:repeat(2,1fr)}.undo-toast{display:flex;align-items:center;gap:14px}.undo-toast button{border:0;background:#fff;color:#7b1837;font-weight:800;padding:6px 10px;border-radius:8px}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;margin:10px 0 18px}.permission-grid label{padding:10px;border:1px solid #eadfe3;border-radius:10px;background:#fff}.settings-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.invoice-action-grid .btn{min-height:44px;width:100%}@media(max-width:760px){.manager-mobile-nav{grid-template-columns:repeat(5,1fr)!important}.manager-mobile-nav .mobile-scan-nav{transform:translateY(-12px)}.inventory-clean-shell .tabs,.inventory-clean-shell .lower-tabs{display:none!important}.settings-home-grid{grid-template-columns:1fr}.page-location-row{position:static!important}.exhibition-card-grid{grid-template-columns:1fr}}


/* V9.66 mobile verification fixes */
.mobile-material-list,.mobile-batch-list{display:none}
.batch-page-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.batch-page-actions .btn{width:100%;min-height:44px}
.batch-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.batch-filter-grid button{border:1px solid var(--line,#ddd);background:#fff;border-radius:10px;padding:10px 6px;font-weight:700;min-width:0}
.batch-filter-grid button.active{background:var(--primary,#7b251c);color:#fff;border-color:var(--primary,#7b251c)}
@media(max-width:760px){
 .desktop-material-table{display:none!important}.mobile-material-list{display:grid;gap:10px}
 .mobile-material-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;text-align:left;border:1px solid var(--line,#e4ddd7);background:#fff;border-radius:14px;padding:14px;overflow:hidden}
 .mobile-material-card div,.mobile-material-card span{min-width:0}.mobile-material-card b,.mobile-material-card small{display:block;overflow-wrap:anywhere}.mobile-material-card em{grid-column:1/-1;font-style:normal;font-size:12px;color:#6f625c}
 .mobile-batch-list{display:grid;gap:12px}.mobile-batch-card{border:1px solid var(--line,#e4ddd7);border-radius:14px;background:#fff;padding:12px;overflow:hidden}
 .batch-card-main{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;gap:8px;text-align:left;padding:0}.batch-card-main div{min-width:0}.batch-card-main b,.batch-card-main small{display:block;overflow-wrap:anywhere}
 .batch-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.batch-card-metrics span{background:#faf7f4;border-radius:10px;padding:8px;min-width:0}.batch-card-metrics small,.batch-card-metrics b{display:block;overflow-wrap:anywhere}.batch-card-metrics small{font-size:10px}
 .batch-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.batch-card-actions .btn{width:100%}
 .batch-filter-grid{grid-template-columns:1fr 1fr}.batch-search-bar{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}.batch-search-bar>*{width:100%!important;min-width:0!important}
 .mobile-bottom-nav.manager-mobile-nav{grid-template-columns:repeat(5,1fr)!important}
 .scanner-mobile-head .scanner-cart-button{pointer-events:auto!important;z-index:3}
}

/* V9.67 focused mobile corrections */
.mobile-receipt-list{display:grid;gap:12px}.mobile-receipt-card{width:100%;border:1px solid #eadfd2;border-radius:14px;background:#fff;padding:14px;text-align:left;display:grid;gap:10px}.mobile-receipt-card>div:first-child{display:flex;flex-direction:column;gap:3px}.mobile-receipt-card small{color:#78675d}.scanner-checkout-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.scanner-checkout-fields label{display:flex;flex-direction:column;gap:6px;font-weight:700}.scanner-checkout-fields input,.scanner-checkout-fields select{width:100%}.side-nav-submenu button{white-space:normal;text-align:left}.stock-barcode-actions{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:760px){.scanner-checkout-fields{grid-template-columns:1fr}.mobile-bottom-nav.manager-mobile-nav{display:grid!important;grid-template-columns:repeat(5,1fr)}.batch-page-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.batch-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible}.batch-filter-grid button{min-width:0}.desktop-material-table{display:none!important}.mobile-material-list{display:grid!important}.current-stock-table-wrap{overflow-x:auto}.sidebar nav>button,.side-nav-group{display:block}.scanner-sale-customer{display:none!important}}

/* V9.69 recovery: explicit barcode and separated stock pages */
.barcode-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.barcode-product-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:14px}.barcode-product-main{display:flex;gap:12px;align-items:center}.barcode-product-main>div{display:flex;flex-direction:column;gap:3px;min-width:0}.barcode-product-main code{font-size:12px;word-break:break-all}.barcode-product-actions{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}.barcode-product-actions .btn{width:100%}
@media(max-width:760px){.barcode-product-grid{grid-template-columns:1fr}.barcode-product-actions{grid-template-columns:1fr 1fr}.barcode-product-actions .btn:first-child{grid-column:1/-1}.current-stock-table-wrap{overflow-x:auto}.side-nav-submenu button{min-height:44px}}

/* V9.71 approved workflow refinements */
.side-nav{overflow:hidden}.side-nav-scroll,.side-nav nav{overflow-y:auto;min-height:0;padding-bottom:110px}.side-nav-submenu{max-height:none}.dashboard-eight{grid-template-columns:repeat(4,minmax(0,1fr))}.barcode-control-panel{margin-bottom:16px}.barcode-product-card.enhanced{grid-template-columns:minmax(0,1fr) 220px auto;align-items:center}.barcode-side-preview{border:1px solid var(--border);border-radius:14px;padding:10px;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.barcode-side-preview svg{max-width:100%;height:64px}.receipt-blue-list{display:grid;gap:10px}.receipt-blue-card{width:100%;border:1px solid #b8d3ef;background:#eef7ff;border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;gap:16px;text-align:left}.receipt-blue-card span{display:flex;flex-direction:column;gap:4px}.receipt-blue-card small{color:#486784}.report-compact-groups{display:grid;gap:16px}.report-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-mini-grid button{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:14px;text-align:left;display:flex;flex-direction:column;gap:5px}.report-mini-grid em{font-style:normal;color:var(--primary)}
@media(max-width:720px){.dashboard-eight{grid-template-columns:repeat(2,minmax(0,1fr))}.barcode-product-card.enhanced{grid-template-columns:1fr}.barcode-side-preview{order:2}.barcode-product-actions{order:3}.receipt-blue-card{flex-direction:column}.report-mini-grid{grid-template-columns:1fr}.side-panel .side-nav,.mobile-menu .side-nav{overflow-y:auto;max-height:calc(100vh - 220px);padding-bottom:120px}}


/* V9.73 approved corrections */
.sidebar{height:100dvh;overflow:hidden}.sidebar nav{flex:1;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:24px}.sidebar-foot{flex:0 0 auto;background:#fffaf2;position:relative;z-index:2}.side-nav-submenu{max-height:none!important;overflow:visible!important}
@media(max-width:900px){body.menu-open{overflow:hidden}.sidebar{height:100dvh}.sidebar nav{max-height:none!important;padding-bottom:32px!important}.sidebar-foot{position:sticky;bottom:0}}
.material-category-stack{display:grid;gap:12px}.material-category-card{padding:0;overflow:hidden}.material-category-card summary{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;color:#315f9b}.material-category-card .mobile-material-list{padding:0 12px 12px}.barcode-source-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.barcode-source-choice button{border:1px solid #dfcfbb;background:#fff;border-radius:16px;padding:18px;text-align:left}.barcode-source-choice button.active{border-color:#7b251c;box-shadow:0 0 0 2px rgba(123,37,28,.12)}.barcode-source-choice b,.barcode-source-choice small{display:block}.barcode-source-choice small{margin-top:5px;color:#7b6c63}.barcode-side-preview em{display:block;margin-top:6px;font-size:10px;color:#315f9b}.report-card-icon{width:34px;height:34px;border-radius:10px;background:#edf4fb;color:#315f9b;display:grid;place-items:center;margin-bottom:8px}.report-mini-grid button{position:relative}.report-detail-head{display:flex;justify-content:flex-end;margin-bottom:12px}
/* V9.74 menu and workflow corrections */
.sidebar{display:flex;flex-direction:column;overflow:hidden}
.sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:18px;scrollbar-gutter:stable}
.sidebar nav>button,.side-nav-group>button{min-height:48px;height:auto;align-items:center;white-space:normal;line-height:1.25}
.side-nav-submenu{position:static!important;max-height:none!important;overflow:visible!important}
.side-nav-submenu button{white-space:normal;line-height:1.25;min-height:42px}
.sidebar-foot{position:relative;flex:0 0 auto;z-index:3}
.receipt-sections,.movement-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.receipt-white-list,.movement-white-card{display:grid;gap:10px}.receipt-white-card,.movement-white-card{background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:10px}.receipt-white-card>button,.movement-white-card>button{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;color:#155eab;background:none;border:0}.receipt-white-card>div{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.handwritten-review-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:18px}.handwritten-preview{width:100%;max-height:520px;object-fit:contain;border:1px solid #dbeafe;border-radius:12px;background:#f8fafc}
@media(max-width:760px){.receipt-sections,.movement-two-column,.handwritten-review-grid{grid-template-columns:1fr}.sidebar nav{padding-bottom:24px}.sidebar-foot{margin-top:0}}

/* V9.74.1 compact mobile drawer correction */
@media(max-width:900px){
  .sidebar{width:min(250px,86vw)!important}
  .brand{height:98px!important;padding:7px 10px!important}
  .brand-logo{width:62px!important;height:62px!important}
  .brand>span{font-size:8px!important;letter-spacing:2.1px!important;margin-top:1px!important}
  .mobile-close{right:8px!important;top:8px!important;width:30px!important;height:30px!important;font-size:19px!important}
  .sidebar nav{gap:1px!important;padding:7px 8px 10px!important}
  .sidebar nav>button,.side-nav-group>button{min-height:38px!important;padding:5px 8px!important;border-radius:10px!important;font-size:12px!important;line-height:1.15!important;gap:8px!important}
  .nav-icon{width:28px!important;height:28px!important;border-radius:8px!important;font-size:14px!important}
  .side-nav-submenu{padding:2px 6px 4px 40px!important}
  .side-nav-group.open .side-nav-submenu{gap:0!important}
  .side-nav-submenu button{min-height:32px!important;padding:5px 6px!important;font-size:11px!important;line-height:1.15!important;border-radius:7px!important}
  .sidebar-foot{padding:8px 10px!important;grid-template-columns:32px 1fr 24px!important;gap:7px!important}
  .sidebar-foot .avatar{width:32px!important;height:32px!important;font-size:10px!important}
  .sidebar-foot b{font-size:10px!important}.sidebar-foot small{font-size:8px!important}
}

/* V9.74.6 targeted menu and stock-page alignment */
.sidebar nav>button,.side-nav-group>button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}.sidebar .nav-icon{flex:0 0 auto!important}.sidebar .nav-text{display:block!important;flex:1 1 auto!important;text-align:left!important}.side-nav-submenu button{display:flex!important;align-items:center!important;text-align:left!important}.opening-stock-list-card,.stock-category-list{width:100%}.opening-stock-shared-table th:nth-child(3),.current-stock-table th:nth-child(3){white-space:nowrap}


/* V9.74.6 matching stock layouts and transit-inclusive totals */
.stock-quantity-button.readonly{cursor:default;pointer-events:none;background:#f7f4ef;border-color:#e4d8c9;color:#5f5148;display:flex;flex-direction:column;align-items:flex-end}
.stock-transit-line{background:#fbf7ef;border:1px dashed #d9bea0;border-radius:12px;padding:8px}
.stock-number small,.opening-total-cell small{display:block;margin-top:4px;color:#806f63;font-size:11px;font-weight:600}
.opening-stock-shared-table{min-width:980px}
@media(max-width:760px){
  .opening-stock-shared-table{min-width:0;display:block}
  .opening-stock-shared-table thead{display:none}
  .opening-stock-shared-table tbody{display:grid;gap:12px}
  .opening-stock-shared-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid #ead7bd;border-radius:16px;background:#fff}
  .opening-stock-shared-table td{display:block;padding:0!important;border:0!important}
  .opening-stock-shared-table td:nth-child(1),.opening-stock-shared-table td:nth-child(2),.opening-stock-shared-table td:nth-child(4),.opening-stock-shared-table td:nth-child(6){grid-column:1/-1}
  .opening-stock-shared-table td:nth-child(3)::before{content:'Total incl. In Transit: ';font-weight:800}
  .opening-stock-shared-table td:nth-child(5)::before{content:'Status: ';font-weight:800}
}


/* V9.74.7 Opening Stock uses the exact Current Stock component structure. */
.opening-stock-edit-control{position:relative;overflow:hidden;text-align:center!important;cursor:text!important}
.opening-stock-edit-control input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:inherit;text-align:center;font:800 13px/1.1 inherit;padding:0!important;margin:0!important;-moz-appearance:textfield}
.opening-stock-edit-control input::-webkit-outer-spin-button,.opening-stock-edit-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.opening-stock-edit-control:focus-within{background:rgba(139,37,30,.08);outline:2px solid rgba(139,37,30,.22)}
@media(max-width:760px){.opening-stock-edit-control input{font-size:11px}}

/* V9.74.12 — dedicated Products and Product Family workspace */
.products-page-intro{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;margin-bottom:14px;border:1px solid #eadfd3;border-radius:16px;background:#fffaf3}.products-page-intro div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.products-page-intro b{color:#70261d}.products-page-intro span{color:#6d625a;font-size:13px}.products-family-filter{margin-bottom:16px}.products-family-filter>span{white-space:nowrap;color:#756a63;font-size:13px;font-weight:700}.product-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-family-card{background:#fff;border:1px solid #e7ddd4;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(73,45,29,.06)}.product-family-open{width:100%;border:0;background:transparent;padding:18px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left;cursor:pointer}.product-family-open:hover{background:#fffaf5}.product-family-thumb{width:64px;height:64px;border-radius:16px;background:#f5ede5;display:grid;place-items:center;font-size:24px;font-weight:800;color:#8a5144;overflow:hidden}.product-family-thumb img,.product-family-hero-thumb img,.pack-size-thumb img{width:100%;height:100%;object-fit:cover}.product-family-card-copy{display:flex;flex-direction:column;min-width:0}.product-family-card-copy b{font-size:17px;color:#2f2925}.product-family-card-copy small{margin-top:4px;color:#746960}.product-family-card-copy em{margin-top:8px;color:#8a5144;font-size:12px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-family-card-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.product-family-card-status small{font-size:11px;color:#7b7069}.product-family-card-footer{border-top:1px solid #eee5de;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffdf9}.product-family-card-footer>span{font-size:12px;color:#756b64}.product-family-back-row{margin-bottom:12px}.product-family-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff9f0,#f7ece4);border:1px solid #e8d9cc;border-radius:20px;padding:22px;margin-bottom:14px}.product-family-hero>div:first-child{display:flex;align-items:center;gap:16px;min-width:0}.product-family-hero small{text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#9a5d4d}.product-family-hero h1{margin:3px 0 4px;font-size:28px}.product-family-hero p{margin:0;color:#72675f}.product-family-hero-thumb{width:82px;height:82px;border-radius:20px;background:#fff;display:grid;place-items:center;font-size:28px;font-weight:800;color:#8a5144;overflow:hidden;box-shadow:0 8px 24px rgba(94,48,30,.1)}.product-family-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.product-family-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.product-family-kpis>div{background:#fff;border:1px solid #e8ded6;border-radius:15px;padding:15px;display:flex;flex-direction:column}.product-family-kpis small{color:#7a6f67}.product-family-kpis b{margin-top:5px;font-size:20px}.family-recipe-card{margin-bottom:18px}.family-recipe-ready,.family-recipe-empty{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-radius:14px;background:#faf7f2;border:1px solid #ece3dc}.family-recipe-ready>div,.family-recipe-empty>div{display:flex;flex-direction:column;gap:4px}.family-recipe-ready small{color:#7a6f67}.family-recipe-ready b,.family-recipe-empty b{font-size:17px}.family-recipe-ready span,.family-recipe-empty span{color:#756b64;font-size:13px}.family-pack-section{margin-top:18px}.family-pack-section>.section-row{margin-bottom:12px}.family-pack-section h2{margin:0}.family-pack-section p{margin:4px 0 0;color:#746960}.pack-size-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pack-size-config-card{background:#fff;border:1px solid #e6ddd5;border-radius:17px;padding:16px}.pack-size-card-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center}.pack-size-card-head>div:nth-child(2){display:flex;flex-direction:column}.pack-size-card-head b{font-size:16px}.pack-size-card-head small{margin-top:3px;color:#756a63}.pack-size-thumb{width:48px;height:48px;border-radius:13px;background:#f5ede6;display:grid;place-items:center;font-weight:800;color:#8a5144;overflow:hidden}.pack-size-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.pack-size-summary span{background:#faf7f3;border-radius:10px;padding:9px;display:flex;flex-direction:column}.pack-size-summary small{font-size:10px;color:#7a7068}.pack-size-summary b{font-size:14px;margin-top:3px}.pack-size-materials{display:flex;flex-direction:column;gap:6px;min-height:46px}.pack-size-materials span{font-size:12px;color:#665d56}.pack-size-materials .packaging-missing{color:#a3543f;font-weight:700}.pack-size-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.family-workflow-strip{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px;padding:14px;background:#fff;border:1px solid #e9dfd7;border-radius:14px}.family-workflow-strip span{padding:7px 10px;border-radius:999px;background:#f2eeea;color:#7a716a;font-size:11px;font-weight:800}.family-workflow-strip span.done{background:#e8f5ec;color:#287343}
@media(max-width:900px){.product-family-grid,.pack-size-config-grid{grid-template-columns:1fr}.product-family-kpis{grid-template-columns:repeat(2,1fr)}.product-family-open{grid-template-columns:56px minmax(0,1fr)}.product-family-card-status{grid-column:2;align-items:flex-start}.product-family-hero{align-items:flex-start;flex-direction:column}.product-family-hero-actions{justify-content:flex-start}}
@media(max-width:560px){.product-family-open{padding:14px}.product-family-card-footer{align-items:flex-start;flex-direction:column}.product-family-hero{padding:16px}.product-family-hero h1{font-size:23px}.product-family-hero-thumb{width:64px;height:64px}.product-family-kpis{grid-template-columns:1fr 1fr}.family-recipe-ready,.family-recipe-empty{align-items:flex-start;flex-direction:column}.family-recipe-ready .btn,.family-recipe-empty .btn{width:100%}.pack-size-summary{grid-template-columns:1fr}.pack-size-card-head{grid-template-columns:44px minmax(0,1fr)}.pack-size-card-head>.badge{grid-column:2;justify-self:start}}

/* V9.74.15: exhibition scanners keep their final action visible on mobile. */
.scanner-exhibition-direct-bar{display:none}
@media(max-width:760px){
  .scanner-exhibition-direct-bar{display:block;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:120;padding:8px;border-radius:16px;background:#fbf7ef;box-shadow:0 10px 34px rgba(68,35,21,.22)}
  .scanner-exhibition-direct-bar .btn{min-height:52px}.scanner-exhibition-direct-bar + .scanner-product-picker{margin-bottom:86px}
}

/* V9.74.16 — direct scanner quantities and exhibition reconciliation */
.scanner-exhibition-direct-bar{display:block;position:sticky;bottom:10px;z-index:35;margin:12px 0;padding:8px;border:1px solid #ead7bd;border-radius:16px;background:rgba(251,247,239,.97);box-shadow:0 10px 30px rgba(68,35,21,.16)}
.scanner-direct-qty{display:grid!important;grid-template-columns:34px minmax(58px,72px) 34px;align-items:center;gap:0!important;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}
.scanner-direct-qty button{border:0!important;border-radius:0!important;height:36px!important;min-width:34px!important;background:#fff!important}
.scanner-direct-qty input{width:100%;height:36px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);outline:0;text-align:center;font-weight:800;color:#3f3029;background:#fff;-moz-appearance:textfield}
.scanner-direct-qty input::-webkit-outer-spin-button,.scanner-direct-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.scanner-direct-qty input:focus{background:#fff8ef;box-shadow:inset 0 0 0 2px rgba(123,37,28,.16)}
.scanner-return-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.scanner-return-stats span{padding:4px 7px;border-radius:999px;background:#f5efe8;color:#6f6259;font-size:10px;white-space:nowrap}
.scanner-return-stats b{color:#4b2119}
.exhibition-view-list{margin:14px 0 4px}
@media(max-width:760px){
  .scanner-exhibition-direct-bar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:120;margin:0;padding:8px}
  .scanner-exhibition-direct-bar .btn{min-height:52px}.scanner-exhibition-direct-bar + .scanner-product-picker{margin-bottom:86px}
  .scanner-direct-qty{grid-template-columns:32px 58px 32px}.scanner-direct-qty button,.scanner-direct-qty input{height:34px!important}
  .scan-basket-row{align-items:flex-start}.scan-basket-row .scanner-direct-qty{flex:0 0 auto}
}


/* V9.74.17 — mobile scanner card layout repair for POS, allocation, return and transfers. */
@media(max-width:760px){
  .scanner-product-list{overflow-x:hidden!important}
  .scanner-product-row{grid-template-columns:56px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;padding:12px!important;min-width:0!important}
  .scanner-product-row .product-thumb{grid-column:1;grid-row:1;width:56px!important;height:56px!important}
  .scanner-product-copy{grid-column:2;grid-row:1;min-width:0!important;padding-right:0!important}
  .scanner-product-copy b{overflow-wrap:anywhere}
  .scanner-product-action{grid-column:1/-1;grid-row:2;width:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding-top:8px;border-top:1px solid #f0e3d7}
  .scanner-product-action>button,.scanner-product-action .btn,.scanner-product-action .qty-control button,.scanner-product-row .scanner-direct-qty button{grid-column:auto!important;width:auto!important;max-width:none!important}
  .scanner-product-action .scanner-direct-qty{width:132px!important;min-width:132px!important;max-width:132px!important;flex:0 0 132px!important;grid-template-columns:34px 64px 34px!important}
  .scanner-product-action .scanner-direct-qty input{min-width:0!important;width:64px!important;padding:0 3px!important}
  .scanner-product-action>small{margin:0 0 0 auto!important;text-align:right!important;line-height:1.25!important;max-width:150px}
  .scanner-return-stats{gap:4px!important}
  .scanner-return-stats span{font-size:9px!important;padding:3px 6px!important}
  .scanner-exhibition-direct-bar + .scanner-product-picker{margin-bottom:0!important;padding-bottom:104px!important}
  .scanner-exhibition-direct-bar{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}
  .scanner-exhibition-direct-bar .btn{white-space:normal!important;line-height:1.25!important;padding:12px 14px!important}
}
@media(max-width:390px){
  .scanner-product-row{grid-template-columns:48px minmax(0,1fr)!important;padding:10px!important}
  .scanner-product-row .product-thumb{width:48px!important;height:48px!important}
  .scanner-product-action .scanner-direct-qty{width:122px!important;min-width:122px!important;max-width:122px!important;grid-template-columns:32px 58px 32px!important}
  .scanner-product-action .scanner-direct-qty input{width:58px!important}
  .scanner-product-action>small{max-width:125px}
}


/* V9.74.18 — floating scanner basket control across POS, exhibition allocation,
   exhibition return and stock-transfer scanners. Transaction logic is unchanged. */
.scanner-cart-label{display:none}
.scanner-cart-icon{line-height:1}
@media (max-width:760px){
  .scanner-mobile-head{padding-right:0!important}
  .scanner-floating-basket{
    position:fixed!important;
    right:14px!important;
    bottom:calc(16px + env(safe-area-inset-bottom))!important;
    top:auto!important;
    z-index:245!important;
    width:auto!important;
    min-width:112px!important;
    height:54px!important;
    padding:0 17px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:999px!important;
    border:1px solid #dcbda5!important;
    background:rgba(255,250,245,.98)!important;
    color:#6d241d!important;
    box-shadow:0 12px 34px rgba(62,30,18,.28)!important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .scanner-floating-basket.scanner-cart-button-above-action{
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
  }
  .scanner-floating-basket .scanner-cart-icon{font-size:22px!important}
  .scanner-floating-basket .scanner-cart-label{display:inline!important;font-size:13px!important;font-weight:800!important;line-height:1!important}
  .scanner-floating-basket .scanner-cart-badge{
    position:static!important;
    min-width:24px!important;
    height:24px!important;
    padding:0 6px!important;
    margin-left:1px!important;
    font-size:12px!important;
    flex:0 0 auto!important;
  }
  .scanner-mobile-head ~ .scanner-product-picker{padding-bottom:96px!important}
  .scanner-exhibition-direct-bar + .scanner-product-picker{padding-bottom:154px!important}
  .scanner-cart-page-open ~ .scanner-floating-basket,
  #scanner-full-cart-page ~ .scanner-floating-basket{display:none!important}
}
@media (max-width:360px){
  .scanner-floating-basket{right:10px!important;min-width:102px!important;height:50px!important;padding:0 13px!important}
  .scanner-floating-basket.scanner-cart-button-above-action{bottom:calc(78px + env(safe-area-inset-bottom))!important}
}


/* V9.74.21 Suppliers, purchases and editable receipts */
.inline-field-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.inline-field-action .btn{white-space:nowrap}.attachment-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.attachment-row>span{display:flex;gap:8px;align-items:center}.receipt-edit-line{grid-template-columns:2fr .75fr .75fr .65fr 36px}.move-stock-choices{margin-bottom:14px}.movement-white-card>div{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
@media(max-width:760px){.inline-field-action{grid-template-columns:1fr}.receipt-edit-line{grid-template-columns:1fr 1fr}.receipt-edit-line>.field:first-child{grid-column:1/-1}.receipt-edit-line>.icon-btn{justify-self:end}.attachment-row{align-items:flex-start}}
@media(max-width:520px){.receipt-edit-line{grid-template-columns:1fr}.receipt-edit-line>.field:first-child{grid-column:auto}}


/* V9.74.22 shared internal/external movement scanner setup */
.scanner-movement-setup{display:grid;gap:10px;padding:12px;border:1px solid #ead5bd;border-radius:14px;background:#fffaf5;margin-bottom:10px}
.scanner-movement-setup .form-grid{margin:0}
.scanner-movement-setup>small{color:var(--muted)}
.scanner-movement-setup>.btn{justify-self:start}
@media(max-width:760px){.scanner-movement-setup .form-grid.two{grid-template-columns:1fr}.scanner-movement-setup>.btn{width:100%}.scanner-full-cart-totals{grid-template-columns:1fr 1fr}}


/* V9.74.24: existing shared-scanner search retained. */
.scanner-top-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid #ead2b2;border-radius:14px;background:#fffdf9}
.scanner-top-search-icon{display:grid;place-items:center;color:var(--burgundy)}
.scanner-top-search-icon .ui-icon{width:21px;height:21px}
.scanner-top-search input{min-width:0;height:44px;border:0;background:transparent;padding:0 4px;outline:none;font-size:14px}
.scanner-product-filters{grid-template-columns:auto!important}
@media(max-width:700px){.scanner-top-search{grid-template-columns:auto minmax(0,1fr);position:relative}.scanner-top-search .btn{grid-column:1/-1;width:100%}.scanner-product-filters{grid-template-columns:1fr!important}.approved-quick-grid button{min-height:92px!important}.approved-quick-grid b{font-size:10px!important;line-height:1.25;text-align:center}}

/* V9.74.24 audited Reports, Settings and Print Labels only */
.settings-nav-v97424{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:14px;scrollbar-width:thin}
.settings-nav-v97424 .settings-nav-item{min-width:170px;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--border,#e4ddd7);border-radius:12px;background:#fff;color:inherit;text-align:left}
.settings-nav-v97424 .settings-nav-item.active{border-color:var(--primary,#8b2d25);box-shadow:0 0 0 2px rgba(139,45,37,.09);background:#fff9f7}
.settings-nav-v97424 .settings-nav-item span{width:22px;height:22px;display:grid;place-items:center}
.settings-content-v97424{min-width:0}.setting-token-list span{display:inline-flex;align-items:center;gap:6px}.setting-token-list button{border:0;background:transparent;cursor:pointer;font-size:16px;line-height:1}
.row-action-group{display:flex;gap:6px;flex-wrap:wrap}.btn.compact{padding:6px 9px;font-size:12px}
.report-filter-bar-v97424{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;align-items:end;margin:0 0 16px;padding:14px;background:#fff;border:1px solid var(--border,#e4ddd7);border-radius:14px}
.report-filter-bar-v97424 label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#62554f}.report-filter-bar-v97424 input,.report-filter-bar-v97424 select{width:100%}.report-filter-bar-v97424 .report-search-wide{grid-column:span 2}
.report-modal-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.report-modal-tools span{margin-left:auto;font-size:12px;color:#6d625e}.report-total-strip{display:flex;gap:10px;flex-wrap:wrap;padding:12px 0}.report-total-strip b{padding:7px 10px;border-radius:999px;background:#f6f1ed;font-size:12px}
.label-setup-layout-v97424{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.4fr);gap:18px;align-items:start}.label-setup-preview-v97424{position:sticky;top:0;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border,#e4ddd7);border-radius:14px;background:#faf8f6}.label-setup-preview-v97424 #prepared-label-preview{min-height:170px;display:grid;place-items:center;background:#fff;border:1px dashed #cfc4bd;border-radius:10px;padding:14px}.prepared-label-v97424{max-width:360px;min-width:220px;border:1px solid #111}.prepared-label-v97424 .code-value{text-align:center;letter-spacing:.08em}.barcode-product-info label{display:flex;flex-direction:column;gap:4px;font-size:12px;margin-top:7px}.barcode-product-info input{max-width:180px}
@media(max-width:900px){.report-filter-bar-v97424{grid-template-columns:repeat(2,minmax(0,1fr))}.label-setup-layout-v97424{grid-template-columns:1fr}.label-setup-preview-v97424{position:static}.settings-nav-v97424 .settings-nav-item{min-width:150px}}
@media(max-width:520px){.report-filter-bar-v97424{grid-template-columns:1fr}.report-filter-bar-v97424 .report-search-wide{grid-column:auto}.row-action-group{display:grid;grid-template-columns:1fr 1fr}.label-setup-layout-v97424 form .form-grid.two{grid-template-columns:1fr}.settings-nav-v97424 .settings-nav-item{min-width:142px}}
/* V9.74.24 print-label preview containment on phones. Printed dimensions remain controlled by the selected paper profile. */
.label-setup-preview-v97424 #prepared-label-preview{width:100%;box-sizing:border-box;overflow:hidden}
.label-setup-preview-v97424 .prepared-label-v97424{width:100%;max-width:360px;min-width:0;min-height:150px;height:auto;box-sizing:border-box;overflow:hidden;padding:12px}
.label-setup-preview-v97424 .prepared-label-v97424 .barcode-title{font-size:18px;line-height:1.15;white-space:normal;margin-bottom:6px}
.label-setup-preview-v97424 .prepared-label-v97424 .barcode-name{font-size:14px;line-height:1.15;margin-bottom:5px}
.label-setup-preview-v97424 .prepared-label-v97424 .barcode-svg{width:100%;height:72px;overflow:hidden;margin:4px 0}
.label-setup-preview-v97424 .prepared-label-v97424 .barcode-svg svg{display:block;width:100%;max-width:100%;height:100%}
.label-setup-preview-v97424 .prepared-label-v97424 .barcode-meta{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:520px){.label-setup-preview-v97424{padding:10px}.label-setup-preview-v97424 #prepared-label-preview{padding:10px;min-height:150px}.label-setup-preview-v97424 .prepared-label-v97424{max-width:100%;min-height:138px;padding:10px}.label-setup-preview-v97424 .prepared-label-v97424 .barcode-svg{height:62px}}

/* V9.74.25: agreed report, scanner and print-label refinements only */
.label-setup-v97425{align-items:start}.label-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.label-checkbox-grid label,.paper-choice{display:flex;align-items:center;gap:9px;border:1px solid var(--line,#ddd);border-radius:10px;padding:10px;background:#fff}.paper-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.paper-choice input{width:18px;height:18px}.paper-choice span{display:flex;flex-direction:column}.paper-choice small{color:var(--muted,#666)}.prepared-page-preview{border:1px solid var(--line,#ddd);border-radius:12px;padding:12px;background:#f8f8f8}.page-preview-title{font-weight:700;margin-bottom:8px}.page-preview-grid{display:grid;gap:4px;max-height:260px;overflow:auto;background:white;padding:8px;border:1px solid #ddd}.page-preview-grid span{min-height:22px;border:1px dashed #bbb;border-radius:3px;display:grid;place-items:center;font-size:11px}.page-preview-grid span.used{background:#efe7df;border-style:solid}.page-preview-grid span.blank{background:#fafafa}.prepared-label-v97425 .barcode-svg svg{max-width:100%;height:auto}@media(max-width:720px){.label-checkbox-grid,.paper-choice-grid{grid-template-columns:1fr}.label-setup-v97425{grid-template-columns:1fr}.label-setup-preview-v97424{position:static}}


/* V9.74.25 locked-scope users/reports/unified label-print UI */
.barcode-source-choice.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.unified-label-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr);gap:18px;align-items:start}
.unified-label-products{display:grid;gap:10px}.barcode-list-tools{display:flex;align-items:center;gap:14px;position:sticky;top:72px;z-index:3}.barcode-list-tools input[type=text],.barcode-list-tools>input{flex:1}
.unified-label-product{background:#fff;border:1px solid var(--border,#e7dfd8);border-radius:16px;padding:14px;display:grid;gap:12px}.unified-label-product.selected{border-color:#8a2e24;box-shadow:0 0 0 2px rgba(138,46,36,.09)}
.label-product-check{display:flex;gap:12px;align-items:center}.label-product-check>input{width:20px;height:20px}.label-product-check>span{display:grid;gap:3px;min-width:0}.label-product-check small,.label-product-check em{font-style:normal;color:#6e625c;font-size:12px}
.unified-label-row-fields{display:grid;grid-template-columns:100px 1fr 1fr auto;gap:10px;align-items:end}.unified-label-row-fields label{font-size:12px;color:#6e625c}.unified-label-row-fields input{margin-top:4px;width:100%}
.unified-label-controls{position:sticky;top:72px;max-height:calc(100vh - 90px);overflow:auto}.label-preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.label-preset-row button{border:1px solid #ded3cb;background:#fff;border-radius:999px;padding:7px 10px;font-size:12px}.label-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.label-checkbox-grid label{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #ece4de;border-radius:10px}
.unified-label-preview{min-height:170px;border:1px dashed #cdbfb5;border-radius:14px;padding:12px;background:#faf8f6;display:flex;align-items:center;justify-content:center}.unified-label-preview .barcode-label{max-width:320px;background:#fff;border:1px solid #ddd}
.unified-print-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.paper-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.paper-choice{cursor:pointer}.paper-choice input{position:absolute;opacity:0}.paper-choice span{display:grid;border:1px solid #ddd2ca;border-radius:12px;padding:10px}.paper-choice input:checked+span{border-color:#8a2e24;box-shadow:0 0 0 2px rgba(138,46,36,.1)}
.settings-nav-v97424{overflow-x:auto}.row-action-group{display:flex;flex-wrap:wrap;gap:5px}.report-filter-bar-v97424{align-items:end}
@media(max-width:900px){.unified-label-layout{grid-template-columns:1fr}.unified-label-controls{position:static;max-height:none}.barcode-source-choice.three{grid-template-columns:1fr}.unified-label-row-fields{grid-template-columns:1fr 1fr}.unified-label-row-fields button{grid-column:1/-1}.paper-choice-grid{grid-template-columns:1fr}.label-checkbox-grid{grid-template-columns:1fr}.barcode-list-tools{position:static;flex-wrap:wrap}.barcode-list-tools>input{flex-basis:100%}}

/* V9.74.25 mixed-product print queue */
.mixed-label-queue{display:grid;gap:8px;margin-bottom:14px}.mixed-label-queue-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--border,#d8dee8);border-radius:10px;background:#fff}.mixed-label-queue-row span{display:grid;min-width:0}.mixed-label-queue-row small{color:var(--muted,#657084);white-space:normal}.mixed-label-queue-row>div{display:flex;gap:5px}.mixed-label-queue-row button{min-width:32px;min-height:32px}.mixed-page-preview{margin-top:10px}.page-preview-grid.mixed span{font-size:9px;line-height:1.1;padding:3px;overflow:hidden;white-space:normal;display:flex;align-items:center;justify-content:center;text-align:center;min-height:28px}.page-preview-grid.mixed span.blank{opacity:.35}.page-preview-grid.mixed span.used{font-weight:600}
@media(max-width:640px){.mixed-label-queue-row{align-items:flex-start}.mixed-label-queue-row>div{flex-shrink:0}.page-preview-grid.mixed span{font-size:7px;min-height:22px}}

/* V9.74.26 locked-scope fixes: grouped label printing and automatic fit guidance */
.label-product-group{background:#fff;border:1px solid #e7d9c8;border-radius:18px;margin:0 0 12px;overflow:hidden}.label-product-group>summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;cursor:pointer}.label-product-group>summary::-webkit-details-marker{display:none}.label-product-group>summary span{min-width:0}.label-product-group>summary b,.label-product-group>summary small{display:block}.label-product-group>summary small{color:#756b64;margin-top:3px}.label-product-group>summary em{font-style:normal;font-size:12px;background:#f4ebe2;padding:6px 9px;border-radius:999px}.label-batch-list{border-top:1px solid #eee2d4}.label-batch-row{padding:12px 14px;border-bottom:1px solid #f1e8df}.label-batch-row:last-child{border-bottom:0}.label-batch-row.selected{background:#fff9f2}.label-product-check.compact{display:flex;gap:10px;align-items:flex-start}.label-product-check.compact input{margin-top:5px}.label-batch-fields{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr)) auto;gap:9px;align-items:end;margin-top:10px}.label-batch-fields label{font-size:12px}.label-batch-fields input{width:100%;margin-top:4px}.paper-choice em{display:block;font-size:11px;font-style:normal;margin-top:4px}.paper-choice.recommended{border-color:#247a55;box-shadow:0 0 0 2px rgba(36,122,85,.12)}.paper-choice.does-not-fit{opacity:.72}.paper-choice.does-not-fit em{color:#9b2c2c}.paper-choice.fits em{color:#247a55}.label-fit-status{display:grid;gap:5px;padding:11px 12px;border-radius:12px;margin-bottom:10px}.label-fit-status.fit{background:#edf8f1;color:#1f6848}.label-fit-status.tight{background:#fff6df;color:#7b5b12}.label-fit-status.bad{background:#fff0f0;color:#922}.label-fit-status span{font-size:12px}.label-fit-status button{justify-self:start}.barcode-list-tools small{display:block;color:#766b63;margin-top:6px}
@media(max-width:720px){.label-batch-fields{grid-template-columns:1fr 1fr}.label-batch-fields button{grid-column:1/-1}.label-product-group>summary{grid-template-columns:auto 1fr}.label-product-group>summary em{grid-column:2}.unified-label-products{min-width:0}.unified-label-controls{min-width:0}}

/* V9.74.27 current-stock mobile total summary */
.stock-total-summary small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.35}
@media(max-width:760px){.stock-total-summary{grid-column:1/-1;padding-top:5px!important}.stock-total-summary::before{display:block;margin-bottom:5px;letter-spacing:.04em}.stock-total-summary b{display:block;font-size:18px}.stock-total-summary small{font-size:11px}}
/* V9.74.28 locked-scope UI corrections */
.stock-category-metrics.stock-category-metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:520px}
.label-checkbox-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.label-content-row{display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;align-items:center!important;min-height:46px!important;padding:8px 12px!important;border:1px solid #eadfd2!important;border-radius:12px!important;background:#fff!important;color:#3a2420!important}
.label-content-row span{display:block!important;font-weight:700!important;visibility:visible!important;opacity:1!important;color:#3a2420!important}
.label-content-row input{justify-self:end;width:28px!important;height:28px!important;opacity:1!important;visibility:visible!important}
.purchase-item-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap}
.purchase-quick-create{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.stock-category-metrics.stock-category-metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:none!important}.stock-category-metrics.stock-category-metrics-three>span{min-width:0!important;padding:10px 5px!important}.stock-category-metrics.stock-category-metrics-three small{font-size:10px!important}.stock-category-metrics.stock-category-metrics-three b{font-size:18px!important}.label-content-row{min-height:42px!important;padding:6px 10px!important}.purchase-quick-create{width:100%}.purchase-quick-create .btn{flex:1 1 180px}}

/* V9.74.30 — locked changes only: directories, stock category metrics and barcode workflow */
/* Keep Available, In Transit and Low Stock on one equal three-column category-summary row. */
.stock-category-metrics.stock-category-metrics-three{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
  max-width:560px!important;
  gap:8px!important;
}
.stock-category-metrics.stock-category-metrics-three>span,
.stock-category-metrics.stock-category-metrics-three>span:last-child{
  grid-column:auto!important;
  min-width:0!important;
}

/* Customer and supplier KPI cards stay as a matching 2 x 2 set on phones. */
@media(max-width:600px){
  .section-banner-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .section-banner-stats>div{
    min-width:0!important;
    min-height:104px!important;
    padding:12px!important;
    column-gap:9px!important;
  }
  .section-banner-stats .approved-icon{width:42px!important;height:42px!important}
  .section-banner-stats b{font-size:19px!important;overflow-wrap:anywhere}
  .section-banner-stats small{font-size:11px!important}
}

/* Clean three-step barcode generation and printing workflow. */
.barcode-workflow-v97430{display:grid;gap:16px;margin-top:16px;padding-bottom:92px}
.barcode-step-card-v97430,.barcode-preview-card-v97430{display:grid;gap:18px;padding:20px}
.barcode-step-head{display:flex;align-items:flex-start;gap:12px}
.barcode-step-head h3{margin:0 0 4px;font-size:20px;color:var(--text,#2e1c18)}
.barcode-step-head p{margin:0;color:var(--muted,#746861);font-size:13px;line-height:1.45}
.barcode-step-number{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--primary,#812b24);color:#fff;font-weight:800}
.barcode-source-choice.three.clean{margin-bottom:0}
.barcode-list-tools.clean{position:static!important;display:grid!important;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:12px;padding:12px 14px}
.barcode-list-tools.clean>label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:700;font-size:12px}
.barcode-list-tools.clean>.search-box{min-width:0}
.barcode-list-tools.clean>small{text-align:right;color:var(--muted,#746861);white-space:nowrap}
.barcode-product-selection-v97430{display:grid;gap:10px}
.label-product-group.clean{overflow:hidden;border:1px solid var(--line,#e6ddd6);border-radius:14px;background:#fff}
.label-product-group.clean>summary{padding:12px 14px}
.label-product-group.clean .label-batch-list{padding:0 12px 12px}
.label-batch-fields.clean{grid-template-columns:minmax(72px,.65fr) minmax(125px,1fr) minmax(125px,1fr) auto!important;align-items:end}
.barcode-ready-state{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border-radius:9px;background:#edf8f0;color:#236738;font-size:12px;font-weight:800;white-space:nowrap}
.barcode-queue-panel-v97430{border:1px solid var(--line,#e6ddd6);border-radius:13px;background:#fbf8f5;overflow:hidden}
.barcode-queue-panel-v97430>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer}
.barcode-queue-panel-v97430>summary span{font-size:12px;color:var(--muted,#746861)}
.barcode-queue-panel-v97430>.mixed-label-queue,.barcode-queue-panel-v97430>.empty{margin:0 12px 12px}
.barcode-setup-grid-v97430{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.barcode-setup-grid-v97430>section{min-width:0;padding:16px;border:1px solid var(--line,#e6ddd6);border-radius:14px;background:#fff}
.barcode-setup-grid-v97430 h4,.barcode-preview-grid-v97430 h4{margin:0 0 12px;font-size:14px;color:var(--text,#2e1c18)}
.label-checkbox-grid.barcode-label-fields-v97430{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.label-checkbox-grid.barcode-label-fields-v97430 .label-content-row{min-width:0;margin:0}
.barcode-print-fields-v97430{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.barcode-print-fields-v97430>.field:first-child{grid-column:1/-1}
.barcode-advanced-v97430{margin-top:12px;border-top:1px solid var(--line,#e6ddd6);padding-top:12px}
.barcode-advanced-v97430>summary{cursor:pointer;color:var(--primary,#812b24)}
.barcode-advanced-v97430>.btn{margin-top:10px}
.barcode-generate-preview-v97430{width:100%;min-height:50px;font-size:15px}
.barcode-preview-placeholder-v97430{display:flex;align-items:center;justify-content:center;gap:12px;min-height:108px;padding:18px;border-style:dashed;background:#fbf9f7;color:var(--muted,#746861)}
.barcode-preview-placeholder-v97430>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f2e8e2;color:var(--primary,#812b24)}
.barcode-preview-placeholder-v97430>div{display:flex;flex-direction:column;gap:4px}
.barcode-preview-placeholder-v97430 b{color:var(--text,#2e1c18)}
.barcode-preview-placeholder-v97430 small{line-height:1.4}
.barcode-preview-grid-v97430{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;align-items:start}
.barcode-preview-grid-v97430>div{min-width:0;padding:14px;border:1px solid var(--line,#e6ddd6);border-radius:13px;background:#fff}
.barcode-preview-grid-v97430 .unified-label-preview{min-height:190px}
.barcode-preview-grid-v97430 .prepared-page-preview{min-height:190px;max-height:430px;overflow:auto}
.barcode-final-actions-v97430{position:sticky;bottom:82px;z-index:6;display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:12px;border:1px solid var(--line,#e6ddd6);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(55,30,20,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.barcode-final-actions-v97430>.btn.primary{min-width:190px}
.barcode-export-options-v97430{position:relative}
.barcode-export-options-v97430>summary{list-style:none;cursor:pointer}
.barcode-export-options-v97430>summary::-webkit-details-marker{display:none}
.barcode-export-options-v97430>div{position:absolute;right:0;bottom:calc(100% + 7px);display:grid;gap:7px;min-width:170px;padding:8px;border:1px solid var(--line,#e6ddd6);border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(55,30,20,.16)}
.barcode-export-options-v97430>div .btn{width:100%}

@media(max-width:900px){
  .barcode-list-tools.clean{grid-template-columns:auto 1fr}
  .barcode-list-tools.clean>small{grid-column:1/-1;text-align:left}
  .barcode-setup-grid-v97430,.barcode-preview-grid-v97430{grid-template-columns:1fr}
}
@media(max-width:700px){
  .stock-category-metrics.stock-category-metrics-three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:none!important;
  }
  .stock-category-metrics.stock-category-metrics-three>span:last-child{grid-column:auto!important}
  .barcode-workflow-v97430{padding-bottom:116px}
  .barcode-step-card-v97430,.barcode-preview-card-v97430{padding:14px;gap:14px}
  .barcode-list-tools.clean{grid-template-columns:1fr!important}
  .barcode-list-tools.clean>label,.barcode-list-tools.clean>small{grid-column:auto}
  .barcode-list-tools.clean>small{text-align:left;white-space:normal}
  .label-batch-fields.clean{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .label-batch-fields.clean .barcode-ready-state,.label-batch-fields.clean .btn{grid-column:1/-1!important;width:100%}
  .barcode-print-fields-v97430{grid-template-columns:1fr}
  .barcode-print-fields-v97430>.field:first-child{grid-column:auto}
  .barcode-final-actions-v97430{bottom:78px;display:grid;grid-template-columns:1fr 1fr}
  .barcode-final-actions-v97430>.btn.primary{grid-column:1/-1;grid-row:1;min-width:0;width:100%}
  .barcode-final-actions-v97430>.btn.secondary,.barcode-export-options-v97430,.barcode-export-options-v97430>summary{width:100%}
  .barcode-export-options-v97430>div{right:0;left:auto}
}
@media(max-width:420px){
  .label-checkbox-grid.barcode-label-fields-v97430{grid-template-columns:1fr!important}
  .stock-category-metrics.stock-category-metrics-three{gap:5px!important}
  .stock-category-metrics.stock-category-metrics-three>span{padding:8px 4px!important}
  .stock-category-metrics.stock-category-metrics-three small{font-size:9px!important}
  .stock-category-metrics.stock-category-metrics-three b{font-size:17px!important}
}

/* V9.74.31 — approved settings, scanner, transfer and barcode corrections only */

/* Shared scanner: smaller single search, three primary controls, utilities separate. */
.scanner-top-search.scanner-top-search-small{
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:7px!important;
  margin-bottom:9px!important;
  padding:5px 9px!important;
  border-radius:11px!important;
}
.scanner-top-search.scanner-top-search-small input{
  height:32px!important;
  min-height:32px!important;
  padding:0 3px!important;
  font-size:12px!important;
}
.scanner-top-search.scanner-top-search-small .scanner-top-search-icon .ui-icon{width:18px!important;height:18px!important}
.scanner-toolbar.scanner-toolbar-three{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
}
.scanner-toolbar.scanner-toolbar-three .btn{
  display:inline-flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:39px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 5px!important;
  font-size:11px!important;
}
.scanner-utility-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,.8fr));
  gap:7px;
  margin-top:7px;
}
.scanner-utility-toolbar select,.scanner-utility-toolbar .btn{width:100%;min-width:0;min-height:36px;font-size:10px}
.scanner-test-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}
.scanner-test-actions .btn{width:100%;min-width:0}
.scanner-mode-banner-compact,.manual-entry-panel{display:none!important}

/* Barcode page: accessible collapsible steps and product/batch accordions. */
.barcode-step-card-v97431{padding:0!important;overflow:hidden}
.barcode-section-summary-v97431{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:17px 19px;
  cursor:pointer;
  list-style:none;
  background:#fff;
}
.barcode-section-summary-v97431::-webkit-details-marker{display:none}
.barcode-section-summary-v97431:after{
  content:'▾';
  margin-left:auto;
  color:var(--burgundy,#7b251c);
  font-size:18px;
  line-height:1;
  transition:transform .18s ease;
}
details:not([open])>.barcode-section-summary-v97431:after{transform:rotate(-90deg)}
.barcode-section-summary-v97431 h3{margin:0 0 4px;font-size:18px;color:var(--text,#2e1c18)}
.barcode-section-summary-v97431 p{margin:0;color:var(--muted,#746861);font-size:12px;line-height:1.4}
.barcode-section-body-v97431{display:grid;gap:15px;padding:0 19px 19px;border-top:1px solid var(--line,#e6ddd6)}
.barcode-section-body-v97431>*:first-child{margin-top:16px}
.barcode-product-group-v97431,.barcode-selected-card-v97431{
  overflow:hidden;
  border:1px solid var(--line,#e6ddd6);
  border-radius:13px;
  background:#fff;
}
.barcode-product-group-v97431>summary,.barcode-selected-card-v97431>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  cursor:pointer;
  list-style:none;
}
.barcode-product-group-v97431>summary::-webkit-details-marker,.barcode-selected-card-v97431>summary::-webkit-details-marker{display:none}
.barcode-product-group-v97431>summary span,.barcode-selected-card-v97431>summary span{display:grid;gap:3px;min-width:0}
.barcode-product-group-v97431>summary b,.barcode-selected-card-v97431>summary b{overflow-wrap:anywhere}
.barcode-product-group-v97431>summary small,.barcode-selected-card-v97431>summary small{color:var(--muted,#746861);font-size:11px}
.barcode-product-group-v97431>summary em,.barcode-selected-card-v97431>summary em{flex:0 0 auto;color:var(--burgundy,#7b251c);font-size:11px;font-style:normal;font-weight:800}
.barcode-record-list-v97431{display:grid;gap:7px;padding:0 12px 12px}
.barcode-record-row-v97431{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:9px 10px;
  border:1px solid #eee4dc;
  border-radius:10px;
  background:#fbf9f7;
  cursor:pointer;
}
.barcode-record-row-v97431 input{width:18px;height:18px;min-height:0}
.barcode-record-row-v97431 span{display:grid;gap:3px;min-width:0}
.barcode-record-row-v97431 small{color:var(--muted,#746861);font-size:10px;overflow-wrap:anywhere}
.barcode-record-row-v97431 em{font-size:10px;font-style:normal;font-weight:800;color:var(--burgundy,#7b251c)}
.barcode-selected-accordion-v97431{display:grid;gap:9px}
.barcode-selected-details-v97431{display:grid;gap:13px;padding:0 13px 13px;border-top:1px solid #eee4dc}
.barcode-selected-details-v97431>*:first-child{margin-top:13px}
.barcode-info-grid-v97431{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.barcode-info-grid-v97431>span{min-width:0;padding:9px;border:1px solid #eee4dc;border-radius:9px;background:#fbf9f7}
.barcode-info-grid-v97431>span.wide{grid-column:1/-1}
.barcode-info-grid-v97431 small,.barcode-info-grid-v97431 b{display:block}
.barcode-info-grid-v97431 small{margin-bottom:3px;color:var(--muted,#746861);font-size:9px}
.barcode-info-grid-v97431 b{font-size:11px;overflow-wrap:anywhere}
.barcode-record-actions-v97431{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}

/* User-requested two-column label fields and two-column paper choice, including phones. */
.label-checkbox-grid.barcode-label-fields-v97431{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.label-checkbox-grid.barcode-label-fields-v97431>label{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:42px;
  margin:0!important;
  padding:8px 10px;
  border:1px solid #eee4dc;
  border-radius:10px;
  background:#fbf9f7;
  font-size:11px;
  overflow-wrap:anywhere;
}
.label-checkbox-grid.barcode-label-fields-v97431 input{flex:0 0 auto;width:17px;height:17px;min-height:0}
.paper-type-grid-v97431{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}
.paper-type-grid-v97431 button{
  display:grid;
  gap:4px;
  min-width:0;
  min-height:74px;
  padding:12px;
  border:1px solid var(--line,#e6ddd6);
  border-radius:12px;
  background:#fff;
  color:var(--text,#2e1c18);
  text-align:left;
  cursor:pointer;
}
.paper-type-grid-v97431 button.active{border-color:var(--burgundy,#7b251c);background:#fff5f1;box-shadow:inset 0 0 0 1px var(--burgundy,#7b251c)}
.paper-type-grid-v97431 small{color:var(--muted,#746861);font-size:10px;line-height:1.35}
.barcode-print-fields-v97431{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.barcode-print-fields-v97431>.field:last-child{grid-column:1/-1}

/* Stable, safe label preview. */
.label-preview-boundary-v97431{display:grid;place-items:center;min-height:205px;padding:16px;border:1px dashed #c89f73;border-radius:12px;background:#fbf8f4;overflow:auto}
.prepared-label-v97431{position:relative!important;box-sizing:border-box!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important}
.barcode-safe-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;box-sizing:border-box;padding:2.1mm;border:1px dashed rgba(123,37,28,.24);overflow:hidden;text-align:center}
.barcode-safe-boundary .barcode-name{display:-webkit-box;max-width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.12;overflow-wrap:anywhere}
.barcode-safe-boundary .barcode-svg{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;overflow:hidden}
.barcode-safe-boundary .barcode-svg svg{display:block;max-width:100%;max-height:100%;height:auto}
.barcode-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 5px;width:100%;font-size:7px;line-height:1.15}
.barcode-detail-grid span{display:flex;justify-content:space-between;gap:3px;min-width:0;overflow:hidden;white-space:nowrap}
.barcode-detail-grid b{flex:0 0 auto;font-size:6px;text-transform:uppercase}
.barcode-detail-grid span:nth-child(odd):last-child{grid-column:1/-1}

@media(max-width:700px){
  .scanner-toolbar.scanner-toolbar-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .scanner-toolbar.scanner-toolbar-three .btn:nth-of-type(n){display:inline-flex!important;min-height:38px!important;font-size:9px!important}
  .scanner-utility-toolbar{grid-template-columns:1fr 1fr}
  .scanner-utility-toolbar select{grid-column:1/-1}
  .scanner-test-actions{grid-template-columns:1fr}
  .barcode-section-summary-v97431{padding:14px 13px;gap:9px}
  .barcode-section-summary-v97431 h3{font-size:15px}
  .barcode-section-summary-v97431 p{font-size:10px}
  .barcode-section-body-v97431{padding:0 12px 13px;gap:12px}
  .barcode-info-grid-v97431{grid-template-columns:repeat(2,minmax(0,1fr))}
  .barcode-info-grid-v97431>span.wide{grid-column:1/-1}
  .barcode-print-fields-v97431{grid-template-columns:1fr}
  .barcode-print-fields-v97431>.field:last-child{grid-column:auto}
  .paper-type-grid-v97431{grid-template-columns:repeat(2,minmax(0,1fr))}
  .paper-type-grid-v97431 button{min-height:68px;padding:9px}
  .label-checkbox-grid.barcode-label-fields-v97431{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .label-checkbox-grid.barcode-label-fields-v97431>label{padding:7px 8px;font-size:10px}
}
@media(max-width:390px){
  .scanner-toolbar.scanner-toolbar-three .btn{padding:7px 2px!important;font-size:8px!important}
  .barcode-info-grid-v97431{grid-template-columns:1fr}
  .barcode-info-grid-v97431>span.wide{grid-column:auto}
  .paper-type-grid-v97431 button{padding:8px 7px}
  .paper-type-grid-v97431 b{font-size:11px}
  .paper-type-grid-v97431 small{font-size:8px}
  .label-checkbox-grid.barcode-label-fields-v97431>label{font-size:9px;padding:7px 6px}
}


/* V9.74.32: compact barcode search without changing product selection behaviour. */
.barcode-list-tools.clean>.barcode-search-compact-v97432{
  width:min(100%,380px)!important;
  max-width:380px!important;
  min-width:220px!important;
  height:36px!important;
  flex:none!important;
  justify-self:start;
}
.barcode-list-tools.clean>.barcode-search-compact-v97432 input{font-size:12px!important}
@media(max-width:760px){
  .barcode-list-tools.clean>.barcode-search-compact-v97432{width:100%!important;max-width:none!important;min-width:0!important;grid-column:1/-1}
}

/* V9.74.33 approved-only fixes */
.supplier-purchase-summary-v97433{margin:0 0 16px}.supplier-summary-cards-v97433 .approved-icon svg{width:22px;height:22px}
.sale-complete-card-v97433{text-align:center;padding:22px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:7px}.sale-complete-check-v97433{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e7f7ec;color:#16753b;font-size:30px;font-weight:900}.sale-complete-card-v97433 h2{margin:4px 0 0}.sale-complete-card-v97433 p,.sale-complete-card-v97433 small{margin:0;color:var(--muted,#746b67)}.sale-complete-card-v97433 strong{font-size:26px;color:#7b251c}.sale-complete-actions-v97433{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.whatsapp-action-v97433{border-color:#1fa855!important;color:#147a3d!important}
.label-preview-toolbar-v97433{display:flex;justify-content:flex-end;gap:6px;margin:0 0 10px}.label-preview-toolbar-v97433 button{min-width:42px;height:34px;border:1px solid #d9d0c8;border-radius:8px;background:#fff;font-weight:750;cursor:pointer}.label-preview-toolbar-v97433 button.active{background:#7b251c;color:#fff;border-color:#7b251c}.unified-label-preview-v97433{display:grid;place-items:center;min-height:220px;max-height:430px;overflow:auto;padding:16px;background:#f6f3ef;border:1px solid #e7ddd3;border-radius:12px}.label-preview-stage-v97433{width:min(100%,var(--label-preview-width));aspect-ratio:var(--label-preview-aspect);display:flex;align-items:center;justify-content:center;transform-origin:center;transition:transform .16s ease}.unified-label-preview-v97433[data-zoom="75"] .label-preview-stage-v97433{transform:scale(.75)}.unified-label-preview-v97433[data-zoom="100"] .label-preview-stage-v97433{transform:scale(1)}.unified-label-preview-v97433[data-zoom="125"] .label-preview-stage-v97433{transform:scale(1.25)}.unified-label-preview-v97433[data-zoom="150"] .label-preview-stage-v97433{transform:scale(1.5)}.unified-label-preview-v97433[data-zoom="fit"] .label-preview-stage-v97433{transform:scale(1)}.label-preview-stage-v97433>.label-preview-boundary-v97431{width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.label-preview-stage-v97433 .barcode-label-standard{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;overflow:hidden}.label-preview-stage-v97433 .barcode-svg{max-height:42%;min-height:0}.label-preview-stage-v97433 .barcode-svg svg{width:100%;height:100%;display:block}.prepared-page-preview-v97433{max-height:480px;overflow:auto}.prepared-page-preview-v97433 .mixed-page-preview{max-width:760px;margin-inline:auto}.prepared-page-preview-v97433 .page-preview-grid{max-height:360px;overflow:hidden}.barcode-final-actions-v97430{flex-wrap:wrap}
@media(max-width:800px){.sale-complete-actions-v97433{grid-template-columns:1fr 1fr}.sale-complete-actions-v97433 .btn.primary{grid-column:1/-1}.unified-label-preview-v97433{min-height:180px;max-height:360px;padding:10px}.label-preview-stage-v97433{width:min(100%,var(--label-preview-width))}.prepared-page-preview-v97433{max-height:400px}.supplier-purchase-summary-v97433{padding:14px}.barcode-search-compact-v97432{max-width:100%}}
.label-preview-stage-v97433>.label-preview-boundary-v97431{min-height:0!important;padding:clamp(6px,2vw,14px)!important;box-sizing:border-box}.label-preview-stage-v97433 .barcode-label{max-width:100%!important;min-width:0!important}.label-preview-stage-v97433 .barcode-name{white-space:normal;overflow-wrap:anywhere}.label-preview-stage-v97433 .barcode-meta{white-space:normal}

/* V9.74.34 — approved compact scanner and barcode searches only. */
.scanner-top-search.scanner-top-search-small{max-width:560px;width:100%;box-sizing:border-box}
.barcode-list-tools.clean>.barcode-search-compact-v97432{width:min(100%,300px)!important;max-width:300px!important;min-width:190px!important;height:34px!important}
.barcode-list-tools.clean>.barcode-search-compact-v97432 input{font-size:11px!important}
.supplier-purchase-summary-v97434{margin:0 0 16px}
@media(max-width:760px){
  .scanner-top-search.scanner-top-search-small{max-width:none}
  .barcode-list-tools.clean>.barcode-search-compact-v97432{width:100%!important;max-width:none!important;min-width:0!important;height:34px!important}
}

/* V9.74.34 — approved label fit, smaller barcode and non-repeating information. */
.unified-label-preview-v97434{display:grid;place-items:center;min-height:180px;max-height:none!important;overflow:visible!important;padding:12px}
.label-preview-fit-v97434{width:min(100%,var(--label-preview-width));aspect-ratio:var(--label-preview-aspect);display:flex;align-items:center;justify-content:center;transform-origin:center}
.label-preview-fit-v97434>.approved-label-v97434{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-height:0!important;box-sizing:border-box;overflow:hidden;padding:clamp(7px,2.4vw,18px)!important}
.approved-label-v97434 .barcode-title{font-size:clamp(11px,2.2vw,20px)!important;line-height:1.1!important;margin:0 0 clamp(3px,1vw,8px)!important;white-space:normal!important;font-weight:800!important}
.approved-label-v97434 .barcode-name{font-size:clamp(13px,2.8vw,25px)!important;line-height:1.08!important;margin:0 0 clamp(3px,1vw,8px)!important;white-space:normal!important;overflow-wrap:anywhere}
.approved-label-v97434 .barcode-svg{height:min(32%,72px)!important;min-height:28px!important;margin:2px 0 6px!important;width:100%!important}
.approved-label-v97434 .barcode-svg svg{display:block;width:100%!important;height:100%!important;max-height:100%!important}
.barcode-meta-grid-v97434{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;align-items:start}
.approved-label-v97434 .barcode-meta{font-size:clamp(8px,1.55vw,13px)!important;line-height:1.2!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere}
.prepared-page-preview-v97434{max-height:none!important;overflow:visible!important}
.prepared-page-preview-v97434 .mixed-page-preview{max-width:680px;margin:0 auto 12px}
.prepared-page-preview-v97434 .page-preview-grid-v97434{max-height:none!important;overflow:visible!important}
.prepared-page-preview-v97434 .page-preview-grid-v97434 span{min-height:22px;font-size:9px;padding:3px;overflow:hidden}
@media(max-width:520px){
  .unified-label-preview-v97434{min-height:145px;padding:8px}
  .barcode-meta-grid-v97434{gap:1px 5px}
  .approved-label-v97434 .barcode-svg{height:min(30%,54px)!important;min-height:24px!important}
}


/* V9.74.34 final approved scope: compact search and fully visible bounded previews. */
.scanner-top-search.scanner-top-search-small{
  max-width:520px!important;min-height:0!important;padding:6px 8px!important;gap:7px!important;border-radius:12px!important;
}
.scanner-top-search.scanner-top-search-small input{height:32px!important;min-height:32px!important;padding:5px 8px!important;font-size:12px!important}
.scanner-top-search.scanner-top-search-small .scanner-top-search-icon{width:24px!important;height:24px!important}
.barcode-list-tools.clean{padding:7px 9px!important;gap:8px!important}
.barcode-list-tools.clean>.barcode-search-compact-v97432{width:min(100%,270px)!important;max-width:270px!important;height:32px!important;min-height:32px!important}
.barcode-list-tools.clean>.barcode-search-compact-v97432 input{height:30px!important;min-height:30px!important;padding:4px 7px!important;font-size:11px!important}
.unified-label-preview-v97434{min-height:150px!important;max-height:310px!important;overflow:auto!important;padding:10px!important}
.label-preview-fit-v97434{width:min(100%,460px)!important;max-height:280px!important}
.approved-label-v97434{gap:2px!important}
.approved-label-v97434 .barcode-title{display:none!important}
.approved-label-v97434 .barcode-svg{height:min(25%,48px)!important;min-height:20px!important;margin:1px 0 3px!important}
.approved-label-v97434 .barcode-name{font-size:clamp(11px,2.2vw,20px)!important;margin:0 0 2px!important}
.approved-label-v97434 .barcode-meta{font-size:clamp(7px,1.3vw,11px)!important}
.prepared-page-preview-v97434{max-height:360px!important;overflow:auto!important}
.prepared-page-preview-v97434 .page-preview-grid-v97434{max-height:260px!important;overflow:hidden!important}
@media(max-width:760px){
 .scanner-top-search.scanner-top-search-small{max-width:100%!important;padding:5px 7px!important}
 .barcode-list-tools.clean>.barcode-search-compact-v97432{width:100%!important;max-width:100%!important}
 .unified-label-preview-v97434{min-height:130px!important;max-height:260px!important;padding:7px!important}
 .label-preview-fit-v97434{max-height:230px!important}
 .prepared-page-preview-v97434{max-height:320px!important}
}

.handwritten-preview-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px}.handwritten-preview-empty small{color:#64748b}


/* V9.74.35: scoped KPI fit, independent label quantities and material quantity actions. */
.combined-page-note-v97435{margin:12px 0;padding:14px 16px;border:1px solid #eadbc8;border-radius:14px;background:#fff8ef;display:grid;gap:4px}.combined-page-note-v97435 b{color:#5d241e}.combined-page-note-v97435 span{color:#76655c;font-size:14px}
.label-quantity-control-v97435{display:grid;gap:4px;margin-left:auto;text-align:center}.label-quantity-control-v97435>small{font-size:11px;line-height:1;color:#765d52;font-weight:700}.label-quantity-stepper-v97435{display:grid;grid-template-columns:36px 58px 36px;align-items:center;gap:4px}.label-quantity-stepper-v97435 button,.label-quantity-stepper-v97435 input{height:38px;border:1px solid #ddc9b9;background:#fff;text-align:center;font-weight:800;color:#6e241d}.label-quantity-stepper-v97435 button{border-radius:9px;cursor:pointer}.label-quantity-stepper-v97435 input{border-radius:8px;padding:0 4px;min-width:0}.mixed-label-queue-v97435 .barcode-selected-card-v97431>summary{display:flex;align-items:center;gap:12px}.mixed-label-queue-v97435 .barcode-selected-card-v97431>summary>span{min-width:0;flex:1}
.material-card-with-quantity-v97435{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important;overflow:hidden}.material-card-main-v97435{border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:0;min-width:0;color:inherit}.material-quantity-action-v97435{align-self:center;margin-left:12px;border:1px solid #cda993;border-radius:10px;background:#fff7ed;color:#7b251c;padding:10px 12px;font-weight:800;white-space:nowrap}
.section-banner-stats>div,.approved-kpi-card{min-width:0}.section-banner-stats>div>div,.approved-kpi-card>div{min-width:0}.section-banner-stats b,.approved-kpi-card strong{font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal!important;word-break:normal!important}
@media(max-width:700px){.section-banner-stats>div,.approved-kpi-card{padding:12px!important;gap:8px!important;grid-template-columns:38px minmax(0,1fr)!important;min-height:132px!important}.section-banner-stats .approved-icon,.approved-kpi-card .approved-icon{width:38px!important;height:38px!important;min-width:38px!important}.section-banner-stats small,.approved-kpi-card small{font-size:13px!important;line-height:1.15!important}.section-banner-stats b,.approved-kpi-card strong{font-size:clamp(16px,4.6vw,22px)!important;line-height:1.05!important;letter-spacing:-.02em!important;max-width:100%;overflow:visible;text-overflow:clip}.label-quantity-stepper-v97435{grid-template-columns:32px 50px 32px}.label-quantity-stepper-v97435 button,.label-quantity-stepper-v97435 input{height:34px}.mixed-label-queue-v97435 .barcode-selected-card-v97431>summary{align-items:flex-start}.material-quantity-action-v97435{padding:9px 10px;font-size:13px}}


/* V9.74.36: only material initial/add quantity, supplier text support and scanner discount UI. */
.material-initial-stock-title-v97436{grid-column:1/-1;margin-top:8px;padding-top:16px;border-top:1px solid #eadbc8}.material-initial-stock-title-v97436 h3{margin:0 0 4px;color:#5d241e}.material-initial-stock-title-v97436 p{margin:0;color:#76655c;font-size:13px}
.scanner-discount-section-v97436{margin:14px 0;padding:14px;border:1px solid #eadbc8;border-radius:14px;background:#fffaf4;display:grid;gap:12px}.scanner-discount-heading-v97436{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.scanner-discount-heading-v97436 b{color:#5d241e;font-size:18px}.scanner-discount-heading-v97436 small{color:#76655c}.scanner-discount-grid-v97436{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scanner-discount-choice-v97436{display:grid;gap:8px;padding:12px;border:1px solid #decbbc;border-radius:12px;background:#fff}.scanner-discount-choice-v97436.active{border-color:#8f2d24;box-shadow:0 0 0 1px #8f2d24 inset}.scanner-discount-choice-v97436>span{display:flex;align-items:center;gap:8px;font-weight:800;color:#5d241e}.scanner-discount-choice-v97436>input[type=number]{width:100%;min-height:44px;border:1px solid #d9c6b8;border-radius:10px;padding:8px 10px;font-size:16px}.scanner-discount-summary-v97436{display:grid;gap:7px;border-top:1px solid #eadbc8;padding-top:10px}.scanner-discount-summary-v97436>span{display:flex;justify-content:space-between;gap:12px}.scanner-discount-summary-v97436 i{font-style:normal}.scanner-discount-summary-v97436 .grand{font-size:18px;color:#5d241e;font-weight:800}
@media(max-width:700px){.scanner-discount-grid-v97436{grid-template-columns:1fr}.scanner-discount-heading-v97436{display:grid;gap:3px}}

/* V9.74.37: approved label-sheet clarity, customer profile and supplier/batch fixes only. */
.selected-label-profile-v97437{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:11px 12px;border:1px solid var(--line,#ddd);border-radius:10px;background:#fff}.selected-label-profile-v97437>div{display:flex;flex-direction:column;gap:3px;min-width:0}.selected-label-profile-v97437 b{font-size:13px}.selected-label-profile-v97437 span{font-size:12px;color:var(--muted,#666)}
.label-sheet-spec-v97437{display:flex;flex-direction:column;gap:4px;padding:11px 12px;margin-bottom:10px;border:1px solid var(--line,#ddd);border-radius:10px;background:#fff}.label-sheet-spec-v97437 b{font-size:14px}.label-sheet-spec-v97437 span{font-size:12px;color:var(--muted,#666)}
.label-profile-help-v97437{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:12px;border-radius:10px;background:#fff7e8;border:1px solid #ead7b1}.label-profile-help-v97437 span{font-size:12px;color:#684b2e}
.customer-profile-summary-v97437{grid-template-columns:repeat(6,minmax(120px,1fr))}.customer-profile-summary-v97437>div{min-width:0}.customer-profile-summary-v97437 b{overflow-wrap:anywhere}
@media(max-width:900px){.customer-profile-summary-v97437{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-label-profile-v97437{align-items:flex-start;flex-direction:column}.selected-label-profile-v97437 .btn{width:100%}}


/* V9.74.38 scoped fixes */
.supplier-page-description-v97438{display:block!important;visibility:visible!important;opacity:1!important;margin:5px 0 0!important;color:#725f55!important;font-size:14px!important;line-height:1.4!important;max-width:720px}
.scanner-discount-section-v97436{margin:8px 0;padding:9px;border-radius:10px;gap:7px}
.scanner-discount-heading-v97436 b{font-size:15px}.scanner-discount-heading-v97436 small{font-size:11px}
.scanner-discount-grid-v97436{gap:7px}.scanner-discount-choice-v97436{grid-template-columns:minmax(115px,1fr) 92px;align-items:center;gap:7px;padding:7px 9px;border-radius:9px}
.scanner-discount-choice-v97436>span{font-size:12px;gap:5px}.scanner-discount-choice-v97436>input[type=number]{min-height:32px;height:32px;border-radius:7px;padding:4px 7px;font-size:13px}
.scanner-discount-summary-v97436{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:7px}.scanner-discount-summary-v97436>span{font-size:12px}.scanner-discount-summary-v97436 .grand{font-size:13px}
@media(max-width:700px){.scanner-discount-grid-v97436{grid-template-columns:1fr 1fr}.scanner-discount-choice-v97436{grid-template-columns:1fr;gap:5px}.scanner-discount-summary-v97436{grid-template-columns:1fr}.scanner-discount-heading-v97436{display:flex;gap:6px}}


/* V9.74.39 approved scoped fixes */
.supplier-page-description-v97439{display:block!important;margin:5px 0 0!important;color:#725f55!important;font-size:14px!important;line-height:1.4!important;max-width:720px}
.scanner-discount-section-v97436.scanner-discount-compact-v97439{margin:6px 0!important;padding:7px 9px!important;border-radius:10px!important;gap:6px!important;display:grid!important;background:#fffaf4!important}
.scanner-discount-inline-v97439{display:grid;grid-template-columns:auto auto minmax(72px,100px);gap:7px;align-items:center}.scanner-discount-inline-v97439>b{font-size:14px;color:#5d241e;white-space:nowrap}.scanner-discount-toggle-v97439{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8c4b4;border-radius:8px;overflow:hidden;height:32px}.scanner-discount-toggle-v97439 button{min-width:34px;border:0;background:#fff;color:#6f4d44;font-weight:800;font-size:14px}.scanner-discount-toggle-v97439 button.active{background:#8f2d24;color:#fff}.scanner-discount-value-v97439{height:32px!important;min-height:32px!important;width:100%!important;border:1px solid #d9c6b8!important;border-radius:8px!important;padding:4px 8px!important;font-size:14px!important}.sr-only-v97439{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.scanner-discount-summary-inline-v97439{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;border-top:1px solid #eadbc8!important;padding-top:6px!important;font-size:12px!important}.scanner-discount-summary-inline-v97439>span{display:flex!important;justify-content:space-between!important;gap:5px!important;white-space:nowrap}.scanner-discount-summary-inline-v97439 .grand{font-size:13px!important}
@media(max-width:700px){.scanner-discount-section-v97436.scanner-discount-compact-v97439{padding:6px 8px!important}.scanner-discount-inline-v97439{grid-template-columns:auto 72px minmax(64px,1fr)}.scanner-discount-summary-inline-v97439{grid-template-columns:1fr!important;gap:3px!important}.scanner-discount-summary-inline-v97439>span{font-size:12px!important}}


/* V9.74.40 approved scoped fixes */
.supplier-page-description-v97440{display:block!important;visibility:visible!important;opacity:1!important;margin:6px 0 0!important;color:#725f55!important;font-size:14px!important;line-height:1.4!important;max-width:760px!important}
.page-header p.supplier-page-description-v97440,.section-banner-head p.supplier-page-description-v97440{display:block!important}
.label-output-v97440{position:fixed;inset:0;z-index:10000;background:#eee8df;display:flex;flex-direction:column;overflow:hidden}.label-output-toolbar-v97440{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid #d9c8b8;box-shadow:0 4px 14px rgba(61,29,18,.08)}.label-output-toolbar-v97440>div{min-width:0;text-align:center}.label-output-toolbar-v97440 b,.label-output-toolbar-v97440 small{display:block}.label-output-toolbar-v97440 b{font-size:15px;color:#5b211b}.label-output-toolbar-v97440 small{font-size:11px;color:#7d6a61;margin-top:2px}.label-output-stage-v97440{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:18px}.label-output-document-v97440{width:max-content;min-width:100%;margin:0 auto}.label-output-document-v97440 .label-sheet{box-shadow:0 8px 28px rgba(55,30,20,.15);margin:0 auto 18px;background:#fff}.label-quantity-stepper-v97435 input::placeholder{color:#a8978e;font-weight:600}
@media(max-width:700px){.supplier-page-description-v97440{font-size:13px!important}.label-output-toolbar-v97440{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding-top:max(10px,env(safe-area-inset-top))}.label-output-toolbar-v97440 .btn{min-height:38px;padding:7px 10px;font-size:11px}.label-output-toolbar-v97440 b{font-size:13px}.label-output-toolbar-v97440 small{font-size:9px}.label-output-stage-v97440{padding:10px}}
@media print{body.label-output-open-v97440{background:#fff!important}body.label-output-open-v97440>#app{display:none!important}#label-output-v97440{position:static!important;inset:auto!important;display:block!important;overflow:visible!important;background:#fff!important}#label-output-v97440 .label-output-toolbar-v97440{display:none!important}#label-output-v97440 .label-output-stage-v97440{padding:0!important;overflow:visible!important}#label-output-v97440 .label-output-document-v97440{width:auto!important;min-width:0!important;margin:0!important}#label-output-v97440 .label-sheet{box-shadow:none!important;margin:0!important}}


/* V9.74.42 approved label-only corrections */
.sns-label-standard-v97437 .label-brand-v97437{display:block!important}
.sns-label-standard-v97437.label-tier-compact .label-brand-v97437{display:block!important;font-size:8px!important;line-height:1!important;margin-bottom:4px!important;letter-spacing:.035em!important}
.label-output-frame-v97442{display:block;width:100%;height:100%;min-height:70vh;border:0;border-radius:10px;background:#fff}